@charset "UTF-8";
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #2ed47a;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #2ed47a;
    --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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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;
    -moz-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
}

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 {
    color: #2ed47a;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

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

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: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img, svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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.5rem
}

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

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

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

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

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

.lead {
    font-size: 1.25rem;
    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 rgba(0, 0, 0, .1)
}

.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.25rem
}

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

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

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

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

.figure {
    display: inline-block
}

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

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

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

a > code {
    color: inherit
}

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

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

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

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

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

.container {
    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
    }
}

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

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

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

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

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

.row {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

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

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

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

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

.row-cols-1 > * {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    -webkit-flex: 0 0 33.333333%;
    -moz-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4 > * {
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    -webkit-flex: 0 0 16.666667%;
    -moz-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

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

.col-1, .col-2 {
    -moz-box-flex: 0
}

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

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

.col-3, .col-4 {
    -moz-box-flex: 0
}

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

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

.col-5, .col-6 {
    -moz-box-flex: 0
}

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

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

.col-7, .col-8 {
    -moz-box-flex: 0
}

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

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

.col-9, .col-10 {
    -moz-box-flex: 0
}

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

.col-11 {
    -webkit-flex: 0 0 91.666667%;
    -moz-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

.order-first {
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    order: -1
}

.order-last {
    -webkit-order: 13;
    -moz-box-ordinal-group: 14;
    order: 13
}

.order-0 {
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    order: 0
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-sm-4 > * {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        -webkit-flex: 0 0 20%;
        -moz-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-auto {
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-flex: 0 0 8.333333%;
        -moz-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -webkit-flex: 0 0 41.666667%;
        -moz-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-flex: 0 0 58.333333%;
        -moz-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -webkit-flex: 0 0 66.666667%;
        -moz-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-flex: 0 0 83.333333%;
        -moz-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -webkit-flex: 0 0 91.666667%;
        -moz-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        order: -1
    }

    .order-sm-last {
        -webkit-order: 13;
        -moz-box-ordinal-group: 14;
        order: 13
    }

    .order-sm-0 {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }

    .order-sm-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .order-sm-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .order-sm-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .order-sm-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .order-sm-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .order-sm-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .order-sm-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .order-sm-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }

    .order-sm-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }

    .order-sm-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }

    .order-sm-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }

    .order-sm-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4 > * {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        -webkit-flex: 0 0 20%;
        -moz-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-auto {
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-flex: 0 0 8.333333%;
        -moz-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -webkit-flex: 0 0 41.666667%;
        -moz-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-flex: 0 0 58.333333%;
        -moz-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -webkit-flex: 0 0 66.666667%;
        -moz-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-flex: 0 0 83.333333%;
        -moz-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -webkit-flex: 0 0 91.666667%;
        -moz-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        order: -1
    }

    .order-md-last {
        -webkit-order: 13;
        -moz-box-ordinal-group: 14;
        order: 13
    }

    .order-md-0 {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }

    .order-md-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .order-md-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .order-md-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .order-md-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .order-md-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .order-md-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .order-md-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .order-md-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }

    .order-md-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }

    .order-md-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }

    .order-md-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }

    .order-md-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4 > * {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        -webkit-flex: 0 0 20%;
        -moz-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-auto {
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-flex: 0 0 8.333333%;
        -moz-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -webkit-flex: 0 0 41.666667%;
        -moz-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-flex: 0 0 58.333333%;
        -moz-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -webkit-flex: 0 0 66.666667%;
        -moz-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-flex: 0 0 83.333333%;
        -moz-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -webkit-flex: 0 0 91.666667%;
        -moz-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        order: -1
    }

    .order-lg-last {
        -webkit-order: 13;
        -moz-box-ordinal-group: 14;
        order: 13
    }

    .order-lg-0 {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }

    .order-lg-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .order-lg-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .order-lg-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .order-lg-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .order-lg-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .order-lg-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .order-lg-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .order-lg-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }

    .order-lg-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }

    .order-lg-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }

    .order-lg-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }

    .order-lg-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4 > * {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        -webkit-flex: 0 0 20%;
        -moz-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-auto {
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-flex: 0 0 8.333333%;
        -moz-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -webkit-flex: 0 0 16.666667%;
        -moz-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-flex: 0 0 33.333333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -webkit-flex: 0 0 41.666667%;
        -moz-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-flex: 0 0 58.333333%;
        -moz-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -webkit-flex: 0 0 66.666667%;
        -moz-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-flex: 0 0 83.333333%;
        -moz-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -webkit-flex: 0 0 91.666667%;
        -moz-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        order: -1
    }

    .order-xl-last {
        -webkit-order: 13;
        -moz-box-ordinal-group: 14;
        order: 13
    }

    .order-xl-0 {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }

    .order-xl-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .order-xl-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .order-xl-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .order-xl-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .order-xl-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .order-xl-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .order-xl-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .order-xl-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }

    .order-xl-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }

    .order-xl-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }

    .order-xl-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }

    .order-xl-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6
}

.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 {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.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: #fdfdfe
}

.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.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: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -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: auto;
        -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: auto;
        -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: auto;
        -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
}

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

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

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

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

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

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

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

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

select.form-control:focus::-ms-value {
    color: #495057;
    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.25rem;
    line-height: 1.5
}

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    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: -webkit-calc(1.5em + .5rem + 2px);
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: -webkit-calc(1.5em + 1rem + 2px);
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    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: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    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, .form-check-input[disabled] ~ .form-check-label {
    color: #6c757d
}

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

.form-check-inline {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    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
}

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

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

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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: right -webkit-calc(.375em + .1875rem) center;
    background-position: right calc(.375em + .1875rem) center;
    background-size: -webkit-calc(.75em + .375rem) -webkit-calc(.75em + .375rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

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

.custom-select.is-valid, .was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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) -webkit-calc(.75em + .375rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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 {
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.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 {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

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

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

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right -webkit-calc(.375em + .1875rem) center;
    background-position: right calc(.375em + .1875rem) center;
    background-size: -webkit-calc(.75em + .375rem) -webkit-calc(.75em + .375rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) -webkit-calc(.75em + .375rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%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 {
    border-color: #dc3545;
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.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 {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid: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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

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

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

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

.form-inline {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

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

@media (min-width: 576px) {
    .form-inline label {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .form-inline .form-group, .form-inline label {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        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: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    font-weight: 400;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

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

.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #2ed47a;
    border-color: #2ed47a
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

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

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

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

.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5);
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

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

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5);
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success.focus, .btn-success:focus, .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus, .btn-success:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

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

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info.focus, .btn-info:focus, .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus, .btn-warning:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

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

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

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

.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

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

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light.focus, .btn-light:focus, .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus, .btn-light:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark.focus, .btn-dark:focus, .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus, .btn-dark:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    color: #2ed47a;
    border-color: #2ed47a
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #2ed47a;
    border-color: #2ed47a
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #2ed47a;
    background-color: transparent
}

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

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    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: #6c757d;
    border-color: #6c757d
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus, .btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    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: #28a745;
    border-color: #28a745
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

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

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    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: #17a2b8;
    border-color: #17a2b8
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

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

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    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: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

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

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

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    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;
    background-color: #dc3545;
    border-color: #dc3545
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus, .btn-outline-light:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    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: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    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: #343a40;
    border-color: #343a40
}

.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 {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400;
    color: #2ed47a;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

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

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

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

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

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

.fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

.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: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.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
    }
}

@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 #e9ecef
}

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

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2ed47a
}

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

.dropdown-menu.show {
    display: block
}

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

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

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

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    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 {
    z-index: 1
}

.btn-toolbar {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start
}

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

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

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn: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) {
    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 {
    padding-right: .375rem;
    padding-left: .375rem
}

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

.btn-group-vertical {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

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

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn: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) {
    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) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    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] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
    position: relative;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1;
    min-width: 0;
    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-file .custom-file-input:focus ~ .custom-file-label, .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-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: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    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: -webkit-flex;
    display: -moz-box;
    display: flex
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus, .input-group-prepend .btn: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-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 {
    margin-left: -1px
}

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

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

.input-group-text {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.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: -webkit-calc(1.5em + 1rem + 2px);
    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 {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
    height: -webkit-calc(1.5em + .5rem + 2px);
    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 {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.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 {
    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 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    border-color: #2ed47a;
    background-color: #2ed47a
}

.custom-control-input:focus ~ .custom-control-label:before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled ~ .custom-control-label:before, .custom-control-input[disabled] ~ .custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after, .custom-control-label:before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label:after {
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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:before {
    border-color: #2ed47a;
    background-color: #2ed47a
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' 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 {
    background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
    background-color: rgba(0, 123, 255, .5)
}

.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,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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(0, 123, 255, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: -webkit-calc(.25rem + 2px);
    top: calc(.25rem + 2px);
    left: -webkit-calc(-2.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: -webkit-calc(1rem - 4px);
    width: calc(1rem - 4px);
    height: -webkit-calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label:after {
        -webkit-transition: none;
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: rgba(0, 123, 255, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: -webkit-calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: -webkit-calc(1.5em + .5rem + 2px);
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: -webkit-calc(1.5em + 1rem + 2px);
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file, .custom-file-input {
    position: relative;
    width: 100%;
    height: -webkit-calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px)
}

.custom-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {
    background-color: #e9ecef
}

.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: 1;
    height: -webkit-calc(1.5em + .75rem + 2px);
    height: calc(1.5em + .75rem + 2px);
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label, .custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057
}

.custom-file-label:after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: -webkit-calc(1.5em + .75rem);
    height: calc(1.5em + .75rem);
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 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: 0
}

.custom-range:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #2ed47a;
    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;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-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;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #2ed47a;
    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
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #2ed47a;
    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
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.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: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before, .custom-file-label, .custom-select {
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-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;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label:before, .custom-file-label, .custom-select {
        -webkit-transition: none;
        transition: none
    }
}

.nav {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    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: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #2ed47a
}

.nav-fill .nav-item {
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar, .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm, .navbar-expand-sm .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md, .navbar-expand-md .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal
    }

    .navbar-expand-md .navbar-nav {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg, .navbar-expand-lg .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl, .navbar-expand-xl .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -webkit-flex-flow: row nowrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start
}

.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

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

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

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

.card-body {
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

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

.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: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: -webkit-calc(.25rem - 1px) -webkit-calc(.25rem - 1px) 0 0;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

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

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 -webkit-calc(.25rem - 1px) -webkit-calc(.25rem - 1px);
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.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, .card-img-bottom, .card-img-top {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: -webkit-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: -webkit-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: -webkit-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: -webkit-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

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

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        -webkit-flex: 1 0;
        -moz-box-flex: 1;
        flex: 1 0;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

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

@media (min-width: 576px) {
    .card-group {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-flow: row wrap
    }

    .card-group > .card {
        -webkit-flex: 1 0;
        -moz-box-flex: 1;
        flex: 1 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 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        grid-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion > .card {
    overflow: hidden
}

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

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

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

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

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

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #2ed47a;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2ed47a;
    border-color: #2ed47a
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

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

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

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

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

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

.badge-primary {
    color: #fff;
    background-color: #2ed47a
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus, a.badge-primary:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus, a.badge-secondary:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus, a.badge-success:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus, a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

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

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus, a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

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

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus, a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

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

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus, a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus, a.badge-light:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus, a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus, a.badge-dark:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

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

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

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

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

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

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

.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: #fff3cd;
    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: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

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

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

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

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

.alert-dark .alert-link {
    color: #040505
}

@-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 {
    height: 1rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress, .progress-bar {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    overflow: hidden
}

.progress-bar {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #2ed47a;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none
    }
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, .15) 0, rgba(255, 255, 255, .15) 75%, transparent 0, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, .15) 0, rgba(255, 255, 255, .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
    }
}

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

.media-body {
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1
}

.list-group {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #2ed47a;
    border-color: #2ed47a
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:first-child {
    border-top-width: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.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: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

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

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

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

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

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 .25rem .75rem 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: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

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

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    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: -webkit-transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

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

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

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

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

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

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

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

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

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

.modal-dialog-centered.modal-dialog-scrollable {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    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: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: -webkit-calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: -webkit-calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

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

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

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

.modal-footer {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: -webkit-calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: -webkit-calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .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: -webkit-calc(100% - 3.5rem);
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: -webkit-calc(100vh - 3.5rem);
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: -webkit-calc(100% - 3.5rem);
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: -webkit-calc(100vh - 3.5rem);
        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
    }
}

.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: .875rem;
    word-wrap: break-word;
    opacity: 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
}

.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: .25rem
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    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: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover, .popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    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: -webkit-calc(-.5rem - 1px);
    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: rgba(0, 0, 0, .25)
}

.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: -webkit-calc(-.5rem - 1px);
    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: rgba(0, 0, 0, .25)
}

.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: -webkit-calc(-.5rem - 1px);
    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: rgba(0, 0, 0, .25)
}

.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: -webkit-calc(-.5rem - 1px);
    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: rgba(0, 0, 0, .25)
}

.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: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: -webkit-calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: -webkit-calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.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: -webkit-transform .6s ease-in-out;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

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

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

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

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

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    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: 1;
    opacity: 1
}

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

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

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

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next, .carousel-control-prev {
        -webkit-transition: none;
        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,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' 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,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' 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: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    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;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

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

.carousel-indicators .active {
    opacity: 1
}

.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 {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

.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
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(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
}

.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
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !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: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-right, .rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !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;
    content: ""
}

.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: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    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: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-md-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-lg-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        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: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

    .d-print-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

.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.857143%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    flex-direction: row !important
}

.flex-column, .flex-row {
    -moz-box-direction: normal !important
}

.flex-column {
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: reverse !important;
    flex-direction: column-reverse !important
}

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

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

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

.flex-fill {
    -webkit-flex: 1 1 auto !important;
    -moz-box-flex: 1 !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-flex-grow: 0 !important;
    -moz-box-flex: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-flex-grow: 1 !important;
    -moz-box-flex: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-justify-content: flex-start !important;
    -moz-box-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-justify-content: space-between !important;
    -moz-box-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-align-items: flex-start !important;
    -moz-box-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-align-items: flex-end !important;
    -moz-box-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-align-items: baseline !important;
    -moz-box-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-align-items: stretch !important;
    -moz-box-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    align-self: auto !important
}

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

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

.align-self-center {
    -webkit-align-self: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        flex-direction: row !important
    }

    .flex-sm-column, .flex-sm-row {
        -moz-box-direction: normal !important
    }

    .flex-sm-column {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-sm-fill {
        -webkit-flex: 1 1 auto !important;
        -moz-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-flex-grow: 0 !important;
        -moz-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-flex-grow: 1 !important;
        -moz-box-flex: 1 !important;
        flex-grow: 1 !important
    }

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

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

    .justify-content-sm-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-sm-center {
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        flex-direction: row !important
    }

    .flex-md-column, .flex-md-row {
        -moz-box-direction: normal !important
    }

    .flex-md-column {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-md-fill {
        -webkit-flex: 1 1 auto !important;
        -moz-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-flex-grow: 0 !important;
        -moz-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-flex-grow: 1 !important;
        -moz-box-flex: 1 !important;
        flex-grow: 1 !important
    }

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

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

    .justify-content-md-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-md-center {
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        flex-direction: row !important
    }

    .flex-lg-column, .flex-lg-row {
        -moz-box-direction: normal !important
    }

    .flex-lg-column {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-lg-fill {
        -webkit-flex: 1 1 auto !important;
        -moz-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-flex-grow: 0 !important;
        -moz-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-flex-grow: 1 !important;
        -moz-box-flex: 1 !important;
        flex-grow: 1 !important
    }

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

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

    .justify-content-lg-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-lg-center {
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        flex-direction: row !important
    }

    .flex-xl-column, .flex-xl-row {
        -moz-box-direction: normal !important
    }

    .flex-xl-column {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

    .flex-xl-fill {
        -webkit-flex: 1 1 auto !important;
        -moz-box-flex: 1 !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-flex-grow: 0 !important;
        -moz-box-flex: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-flex-grow: 1 !important;
        -moz-box-flex: 1 !important;
        flex-grow: 1 !important
    }

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

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

    .justify-content-xl-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-xl-center {
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

.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
}

.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
}

@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;
    margin: -1px;
    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 {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    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
}

.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
    }
}

.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-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .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
}

@media print {
    *, :after, :before {
        text-shadow: none !important;
        -webkit-box-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 #adb5bd;
        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 #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

body {
    overflow-x: hidden;
    font-family: Quicksand, sans-serif
}

html {
    scroll-behavior: smooth
}

body, html {
    margin: 0;
    padding: 0
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, p, pre {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

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

.block {
    display: block
}

@media (max-width: 575px) {
    .xs-block {
        display: block !important
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .xl-block {
        display: block !important
    }
}

.inline-block {
    display: inline-block
}

@media (max-width: 576px) {
    .xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .xl-inline-block {
        display: inline-block !important
    }
}

.inline {
    display: inline
}

@media (max-width: 575px) {
    .xs-inline {
        display: inline !important
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .xl-inline {
        display: inline !important
    }
}

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

@media (max-width: 575px) {
    .xs-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }
}

@media (min-width: 1200px) {
    .xl-flex {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important
    }
}

.inline-flex {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex
}

@media (max-width: 575px) {
    .xs-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .xl-inline-flex {
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: inline-flex !important
    }
}

.table {
    display: table
}

@media (max-width: 575px) {
    .xs-table {
        display: table !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-table {
        display: table !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-table {
        display: table !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-table {
        display: table !important
    }
}

@media (min-width: 1200px) {
    .xl-table {
        display: table !important
    }
}

.table-row {
    display: table-row
}

@media (max-width: 575px) {
    .xs-table-row {
        display: table-row !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-table-row {
        display: table-row !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-table-row {
        display: table-row !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-table-row {
        display: table-row !important
    }
}

@media (min-width: 1200px) {
    .xl-table-row {
        display: table-row !important
    }
}

.table-cell {
    display: table-cell
}

@media (max-width: 575px) {
    .xs-table-cell {
        display: table-cell !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-table-cell {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-table-cell {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-table-cell {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .xl-table-cell {
        display: table-cell !important
    }
}

.hidden {
    display: none
}

@media (max-width: 575px) {
    .xs-hidden {
        display: none !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-hidden {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-hidden {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-hidden {
        display: none !important
    }
}

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

.clearfix:after {
    content: '""';
    display: table;
    clear: both
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-clearfix:after {
        content: '""';
        display: table;
        clear: both
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-clearfix:after {
        content: '""';
        display: table;
        clear: both
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-clearfix:after {
        content: '""';
        display: table;
        clear: both
    }
}

@media (min-width: 1200px) {
    .xl-clearfix:after {
        content: '""';
        display: table;
        clear: both
    }
}

.float-right {
    float: right
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-float-right {
        float: right
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-float-right {
        float: right
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-float-right {
        float: right
    }
}

@media (min-width: 1200px) {
    .xl-float-right {
        float: right
    }
}

.float-left {
    float: left
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-float-left {
        float: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-float-left {
        float: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-float-left {
        float: left
    }
}

@media (min-width: 1200px) {
    .xl-float-left {
        float: left
    }
}

.float-none {
    float: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-float-none {
        float: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-float-none {
        float: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-float-none {
        float: none
    }
}

@media (min-width: 1200px) {
    .xl-float-none {
        float: none
    }
}

.object-contain {
    object-fit: contain
}

@media (max-width: 575px) {
    .xs-object-contain {
        object-fit: contain
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-contain {
        object-fit: contain
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-contain {
        object-fit: contain
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-contain {
        object-fit: contain
    }
}

@media (min-width: 1200px) {
    .xl-object-contain {
        object-fit: contain
    }
}

.object-cover {
    object-fit: cover
}

@media (max-width: 575px) {
    .xs-object-cover {
        object-fit: cover
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-cover {
        object-fit: cover
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-cover {
        object-fit: cover
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-cover {
        object-fit: cover
    }
}

@media (min-width: 1200px) {
    .xl-object-cover {
        object-fit: cover
    }
}

.object-fill {
    object-fit: fill
}

@media (max-width: 575px) {
    .xs-object-fill {
        object-fit: fill
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-fill {
        object-fit: fill
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-fill {
        object-fit: fill
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-fill {
        object-fit: fill
    }
}

@media (min-width: 1200px) {
    .xl-object-fill {
        object-fit: fill
    }
}

.object-none {
    object-fit: none
}

@media (max-width: 575px) {
    .xs-object-none {
        object-fit: none
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-none {
        object-fit: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-none {
        object-fit: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-none {
        object-fit: none
    }
}

@media (min-width: 1200px) {
    .xl-object-none {
        object-fit: none
    }
}

.object-scale-down {
    object-fit: scale-down
}

@media (max-width: 575px) {
    .xs-object-scale-down {
        object-fit: scale-down
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-scale-down {
        object-fit: scale-down
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-scale-down {
        object-fit: scale-down
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-scale-down {
        object-fit: scale-down
    }
}

@media (min-width: 1200px) {
    .xl-object-scale-down {
        object-fit: scale-down
    }
}

.object-bottom {
    object-position: bottom
}

@media (max-width: 575px) {
    .xs-object-bottom {
        object-position: bottom
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-bottom {
        object-position: bottom
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-bottom {
        object-position: bottom
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-bottom {
        object-position: bottom
    }
}

@media (min-width: 1200px) {
    .xl-object-bottom {
        object-position: bottom
    }
}

.object-center {
    object-position: center
}

@media (max-width: 575px) {
    .xs-object-center {
        object-position: center
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-center {
        object-position: center
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-center {
        object-position: center
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-center {
        object-position: center
    }
}

@media (min-width: 1200px) {
    .xl-object-center {
        object-position: center
    }
}

.object-left {
    object-position: left
}

@media (max-width: 575px) {
    .xs-object-left {
        object-position: left
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-left {
        object-position: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-left {
        object-position: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-left {
        object-position: left
    }
}

@media (min-width: 1200px) {
    .xl-object-left {
        object-position: left
    }
}

.object-left-bottom {
    object-position: left bottom
}

@media (max-width: 575px) {
    .xs-object-left-bottom {
        object-position: left bottom
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-left-bottom {
        object-position: left bottom
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-left-bottom {
        object-position: left bottom
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-left-bottom {
        object-position: left bottom
    }
}

@media (min-width: 1200px) {
    .xl-object-left-bottom {
        object-position: left bottom
    }
}

.object-left-top {
    object-position: left top
}

@media (max-width: 575px) {
    .xs-object-left-top {
        object-position: left top
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-left-top {
        object-position: left top
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-left-top {
        object-position: left top
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-left-top {
        object-position: left top
    }
}

@media (min-width: 1200px) {
    .xl-object-left-top {
        object-position: left top
    }
}

.object-right {
    object-position: right
}

@media (max-width: 575px) {
    .xs-object-right {
        object-position: right
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-right {
        object-position: right
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-right {
        object-position: right
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-right {
        object-position: right
    }
}

@media (min-width: 1200px) {
    .xl-object-right {
        object-position: right
    }
}

.object-right-bottom {
    object-position: right bottom
}

@media (max-width: 575px) {
    .xs-object-right-bottom {
        object-position: right bottom
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-right-bottom {
        object-position: right bottom
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-right-bottom {
        object-position: right bottom
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-right-bottom {
        object-position: right bottom
    }
}

@media (min-width: 1200px) {
    .xl-object-right-bottom {
        object-position: right bottom
    }
}

.object-right-top {
    object-position: right top
}

@media (max-width: 575px) {
    .xs-object-right-top {
        object-position: right top
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-right-top {
        object-position: right top
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-right-top {
        object-position: right top
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-right-top {
        object-position: right top
    }
}

@media (min-width: 1200px) {
    .xl-object-right-top {
        object-position: right top
    }
}

.object-top {
    object-position: top
}

@media (max-width: 575px) {
    .xs-object-top {
        object-position: top
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-object-top {
        object-position: top
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-object-top {
        object-position: top
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-object-top {
        object-position: top
    }
}

@media (min-width: 1200px) {
    .xl-object-top {
        object-position: top
    }
}

.overflowauto {
    overflow: auto
}

@media (max-width: 575px) {
    .xs-overflowauto {
        overflow: auto
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflowauto {
        overflow: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflowauto {
        overflow: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflowauto {
        overflow: auto
    }
}

@media (min-width: 1200px) {
    .xl-overflowauto {
        overflow: auto
    }
}

.overflow-hidden {
    overflow: hidden
}

@media (max-width: 575px) {
    .xs-overflow-hidden {
        overflow: hidden
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-hidden {
        overflow: hidden
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-hidden {
        overflow: hidden
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-hidden {
        overflow: hidden
    }
}

@media (min-width: 1200px) {
    .xl-overflow-hidden {
        overflow: hidden
    }
}

.overflow-visible {
    overflow: visible
}

@media (max-width: 575px) {
    .xs-overflow-visible {
        overflow: visible
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-visible {
        overflow: visible
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-visible {
        overflow: visible
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-visible {
        overflow: visible
    }
}

@media (min-width: 1200px) {
    .xl-overflow-visible {
        overflow: visible
    }
}

.overflow-scroll {
    overflow: scroll
}

@media (max-width: 575px) {
    .xs-overflow-scroll {
        overflow: scroll
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-scroll {
        overflow: scroll
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-scroll {
        overflow: scroll
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-scroll {
        overflow: scroll
    }
}

@media (min-width: 1200px) {
    .xl-overflow-scroll {
        overflow: scroll
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-x-xauto {
        overflow-x: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-x-xauto {
        overflow-x: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-x-xauto {
        overflow-x: auto
    }
}

@media (min-width: 1200px) {
    .xl-overflow-x-xauto {
        overflow-x: auto
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-x-x-hidden {
        overflow-x: hidden
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-x-x-hidden {
        overflow-x: hidden
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-x-x-hidden {
        overflow-x: hidden
    }
}

@media (min-width: 1200px) {
    .xl-overflow-x-x-hidden {
        overflow-x: hidden
    }
}

.overflow-x-x-visible {
    overflow-x: visible
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-x-x-visible {
        overflow-x: visible
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-x-x-visible {
        overflow-x: visible
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-x-x-visible {
        overflow-x: visible
    }
}

@media (min-width: 1200px) {
    .xl-overflow-x-x-visible {
        overflow-x: visible
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-y-yauto {
        overflow-y: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-y-yauto {
        overflow-y: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-y-yauto {
        overflow-y: auto
    }
}

@media (min-width: 1200px) {
    .xl-overflow-y-yauto {
        overflow-y: auto
    }
}

.overflow-y-y-hidden {
    overflow-y: hidden
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-y-y-hidden {
        overflow-y: hidden
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-y-y-hidden {
        overflow-y: hidden
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-y-y-hidden {
        overflow-y: hidden
    }
}

@media (min-width: 1200px) {
    .xl-overflow-y-y-hidden {
        overflow-y: hidden
    }
}

.overflow-y-y-visible {
    overflow-y: visible
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-overflow-y-y-visible {
        overflow-y: visible
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-overflow-y-y-visible {
        overflow-y: visible
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-overflow-y-y-visible {
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .xl-overflow-y-y-visible {
        overflow-y: visible
    }
}

.static {
    position: static
}

@media (max-width: 576px) {
    .xs-static {
        position: static
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .sm-static {
        position: static
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-static {
        position: static
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-static {
        position: static
    }
}

@media (min-width: 1200px) {
    .xl-static {
        position: static
    }
}

.fixed {
    position: fixed
}

@media (max-width: 575px) {
    .xs-fixed {
        position: fixed
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-fixed {
        position: fixed
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-fixed {
        position: fixed
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-fixed {
        position: fixed
    }
}

@media (min-width: 1200px) {
    .xl-fixed {
        position: fixed
    }
}

.absolute {
    position: absolute
}

@media (max-width: 575px) {
    .xs-absolute {
        position: absolute
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-absolute {
        position: absolute
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-absolute {
        position: absolute
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-absolute {
        position: absolute
    }
}

@media (min-width: 1200px) {
    .xl-absolute {
        position: absolute
    }
}

.relative {
    position: relative
}

@media (max-width: 575px) {
    .xs-relative {
        position: relative
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-relative {
        position: relative
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-relative {
        position: relative
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-relative {
        position: relative
    }
}

@media (min-width: 1200px) {
    .xl-relative {
        position: relative
    }
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

@media (max-width: 575px) {
    .xs-sticky {
        position: -webkit-sticky;
        position: sticky
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-sticky {
        position: -webkit-sticky;
        position: sticky
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-sticky {
        position: -webkit-sticky;
        position: sticky
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-sticky {
        position: -webkit-sticky;
        position: sticky
    }
}

@media (min-width: 1200px) {
    .xl-sticky {
        position: -webkit-sticky;
        position: sticky
    }
}

.inset-0 {
    right: 0;
    left: 0
}

.inset-0, .inset-y-0 {
    top: 0;
    bottom: 0
}

.inset-x-0 {
    right: 0;
    left: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.insetauto {
    right: auto;
    left: auto
}

.inset-yauto, .insetauto {
    top: auto;
    bottom: auto
}

.inset-xauto {
    left: auto;
    right: auto
}

.topauto {
    top: auto
}

.bottomauto {
    bottom: auto
}

.leftauto {
    left: auto
}

.rightauto {
    right: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-inset-0 {
        right: 0;
        left: 0
    }

    .sm-inset-0, .sm-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .sm-inset-x-0 {
        right: 0;
        left: 0
    }

    .sm-top-0 {
        top: 0
    }

    .sm-right-0 {
        right: 0
    }

    .sm-bottom-0 {
        bottom: 0
    }

    .sm-left-0 {
        left: 0
    }

    .sm-insetauto {
        right: auto;
        left: auto
    }

    .sm-inset-yauto, .sm-insetauto {
        top: auto;
        bottom: auto
    }

    .sm-inset-xauto {
        left: auto;
        right: auto
    }

    .sm-topauto {
        top: auto
    }

    .sm-bottomauto {
        bottom: auto
    }

    .sm-leftauto {
        left: auto
    }

    .sm-rightauto {
        right: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-inset-0 {
        right: 0;
        left: 0
    }

    .md-inset-0, .md-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .md-inset-x-0 {
        right: 0;
        left: 0
    }

    .md-top-0 {
        top: 0
    }

    .md-right-0 {
        right: 0
    }

    .md-bottom-0 {
        bottom: 0
    }

    .md-left-0 {
        left: 0
    }

    .md-insetauto {
        right: auto;
        left: auto
    }

    .md-inset-yauto, .md-insetauto {
        top: auto;
        bottom: auto
    }

    .md-inset-xauto {
        left: auto;
        right: auto
    }

    .md-topauto {
        top: auto
    }

    .md-bottomauto {
        bottom: auto
    }

    .md-leftauto {
        left: auto
    }

    .md-rightauto {
        right: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-inset-0 {
        right: 0;
        left: 0
    }

    .lg-inset-0, .lg-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .lg-inset-x-0 {
        right: 0;
        left: 0
    }

    .lg-top-0 {
        top: 0
    }

    .lg-right-0 {
        right: 0
    }

    .lg-bottom-0 {
        bottom: 0
    }

    .lg-left-0 {
        left: 0
    }

    .lg-insetauto {
        right: auto;
        left: auto
    }

    .lg-inset-yauto, .lg-insetauto {
        top: auto;
        bottom: auto
    }

    .lg-inset-xauto {
        left: auto;
        right: auto
    }

    .lg-topauto {
        top: auto
    }

    .lg-bottomauto {
        bottom: auto
    }

    .lg-leftauto {
        left: auto
    }

    .lg-rightauto {
        right: auto
    }
}

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

    .xl-inset-0, .xl-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .xl-inset-x-0 {
        right: 0;
        left: 0
    }

    .xl-top-0 {
        top: 0
    }

    .xl-right-0 {
        right: 0
    }

    .xl-bottom-0 {
        bottom: 0
    }

    .xl-left-0 {
        left: 0
    }

    .xl-insetauto {
        right: auto;
        left: auto
    }

    .xl-inset-yauto, .xl-insetauto {
        top: auto;
        bottom: auto
    }

    .xl-inset-xauto {
        left: auto;
        right: auto
    }

    .xl-topauto {
        top: auto
    }

    .xl-bottomauto {
        bottom: auto
    }

    .xl-leftauto {
        left: auto
    }

    .xl-rightauto {
        right: auto
    }
}

.visible {
    visibility: visible
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-visible {
        visibility: visible
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-visible {
        visibility: visible
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-visible {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .xl-visible {
        visibility: visible
    }
}

.invisible {
    visibility: hidden
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-invisible {
        visibility: hidden
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-invisible {
        visibility: hidden
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-invisible {
        visibility: hidden
    }
}

@media (min-width: 1200px) {
    .xl-invisible {
        visibility: hidden
    }
}

.zauto {
    z-index: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-zauto {
        z-index: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-zauto {
        z-index: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-zauto {
        z-index: auto
    }
}

@media (min-width: 1200px) {
    .xl-zauto {
        z-index: auto
    }
}

.z-0 {
    z-index: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-z-0 {
        z-index: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-z-0 {
        z-index: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-z-0 {
        z-index: 0
    }
}

@media (min-width: 1200px) {
    .xl-z-0 {
        z-index: 0
    }
}

.z-10 {
    z-index: 10
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-z-10 {
        z-index: 10
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-z-10 {
        z-index: 10
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-z-10 {
        z-index: 10
    }
}

@media (min-width: 1200px) {
    .xl-z-10 {
        z-index: 10
    }
}

.z-20 {
    z-index: 20
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-z-20 {
        z-index: 20
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-z-20 {
        z-index: 20
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-z-20 {
        z-index: 20
    }
}

@media (min-width: 1200px) {
    .xl-z-20 {
        z-index: 20
    }
}

.z-30 {
    z-index: 30
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-z-30 {
        z-index: 30
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-z-30 {
        z-index: 30
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-z-30 {
        z-index: 30
    }
}

@media (min-width: 1200px) {
    .xl-z-30 {
        z-index: 30
    }
}

.z-40 {
    z-index: 40
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-z-40 {
        z-index: 40
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-z-40 {
        z-index: 40
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-z-40 {
        z-index: 40
    }
}

@media (min-width: 1200px) {
    .xl-z-40 {
        z-index: 40
    }
}

.z-50 {
    z-index: 50
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-z-50 {
        z-index: 50
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-z-50 {
        z-index: 50
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-z-50 {
        z-index: 50
    }
}

@media (min-width: 1200px) {
    .xl-z-50 {
        z-index: 50
    }
}

.text-opensans {
    font-family: Quicksand, sans-serif
}

.text-poppins {
    font-family: Poppins, sans-serif
}

.text-hkgrotesk, .text-hkgrotesk.font-black, .text-hkgrotesk .font-black, .text-hkgrotesk.font-bold, .text-hkgrotesk .font-bold, .text-hkgrotesk.font-extrabold, .text-hkgrotesk .font-extrabold, .text-hkgrotesk.font-hairline, .text-hkgrotesk .font-hairline, .text-hkgrotesk.font-light, .text-hkgrotesk .font-light, .text-hkgrotesk.font-medium, .text-hkgrotesk .font-medium, .text-hkgrotesk.font-normal, .text-hkgrotesk .font-normal, .text-hkgrotesk.font-semibold, .text-hkgrotesk .font-semibold, .text-hkgrotesk.font-thin, .text-hkgrotesk .font-thin {
    font-family: Quicksand, sans-serif
}

.text-1 {
    font-size: 1px
}

@media (max-width: 575px) {
    .xs-text-1 {
        font-size: 1px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-1 {
        font-size: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-1 {
        font-size: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-1 {
        font-size: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-1 {
        font-size: 1px !important
    }
}

.text-2 {
    font-size: 2px
}

@media (max-width: 575px) {
    .xs-text-2 {
        font-size: 2px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-2 {
        font-size: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-2 {
        font-size: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-2 {
        font-size: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-2 {
        font-size: 2px !important
    }
}

.text-3 {
    font-size: 3px
}

@media (max-width: 575px) {
    .xs-text-3 {
        font-size: 3px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-3 {
        font-size: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-3 {
        font-size: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-3 {
        font-size: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-3 {
        font-size: 3px !important
    }
}

.text-4 {
    font-size: 4px
}

@media (max-width: 575px) {
    .xs-text-4 {
        font-size: 4px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-4 {
        font-size: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-4 {
        font-size: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-4 {
        font-size: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-4 {
        font-size: 4px !important
    }
}

.text-5 {
    font-size: 5px
}

@media (max-width: 575px) {
    .xs-text-5 {
        font-size: 5px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-5 {
        font-size: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-5 {
        font-size: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-5 {
        font-size: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-5 {
        font-size: 5px !important
    }
}

.text-6 {
    font-size: 6px
}

@media (max-width: 575px) {
    .xs-text-6 {
        font-size: 6px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-6 {
        font-size: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-6 {
        font-size: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-6 {
        font-size: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-6 {
        font-size: 6px !important
    }
}

.text-7 {
    font-size: 7px
}

@media (max-width: 575px) {
    .xs-text-7 {
        font-size: 7px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-7 {
        font-size: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-7 {
        font-size: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-7 {
        font-size: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-7 {
        font-size: 7px !important
    }
}

.text-8 {
    font-size: .5rem
}

@media (max-width: 575px) {
    .xs-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-8 {
        font-size: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-8 {
        font-size: .5rem !important
    }
}

.text-12 {
    font-size: .75rem
}

@media (max-width: 575px) {
    .xs-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-12 {
        font-size: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-12 {
        font-size: .75rem !important
    }
}

.text-14 {
    font-size: .875rem
}

@media (max-width: 575px) {
    .xs-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-14 {
        font-size: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-14 {
        font-size: .875rem !important
    }
}

.text-16 {
    font-size: 1rem
}

@media (max-width: 575px) {
    .xs-text-16 {
        font-size: 1rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-16 {
        font-size: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-16 {
        font-size: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-16 {
        font-size: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-16 {
        font-size: 1rem !important
    }
}

.text-18 {
    font-size: 1.125rem
}

@media (max-width: 575px) {
    .xs-text-18 {
        font-size: 1.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-18 {
        font-size: 1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-18 {
        font-size: 1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-18 {
        font-size: 1.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-18 {
        font-size: 1.125rem !important
    }
}

.text-20 {
    font-size: 1.25rem
}

@media (max-width: 575px) {
    .xs-text-20 {
        font-size: 1.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-20 {
        font-size: 1.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-20 {
        font-size: 1.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-20 {
        font-size: 1.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-20 {
        font-size: 1.25rem !important
    }
}

.text-22 {
    font-size: 1.375rem
}

@media (max-width: 575px) {
    .xs-text-22 {
        font-size: 1.375rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-22 {
        font-size: 1.375rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-22 {
        font-size: 1.375rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-22 {
        font-size: 1.375rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-22 {
        font-size: 1.375rem !important
    }
}

.text-24 {
    font-size: 1.5rem
}

@media (max-width: 575px) {
    .xs-text-24 {
        font-size: 1.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-24 {
        font-size: 1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-24 {
        font-size: 1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-24 {
        font-size: 1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-24 {
        font-size: 1.5rem !important
    }
}

.text-28 {
    font-size: 1.75rem
}

@media (max-width: 575px) {
    .xs-text-28 {
        font-size: 1.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-28 {
        font-size: 1.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-28 {
        font-size: 1.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-28 {
        font-size: 1.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-28 {
        font-size: 1.75rem !important
    }
}

.text-32 {
    font-size: 2rem
}

@media (max-width: 575px) {
    .xs-text-32 {
        font-size: 2rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-32 {
        font-size: 2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-32 {
        font-size: 2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-32 {
        font-size: 2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-32 {
        font-size: 2rem !important
    }
}

.text-36 {
    font-size: 2.25rem
}

@media (max-width: 575px) {
    .xs-text-36 {
        font-size: 2.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-36 {
        font-size: 2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-36 {
        font-size: 2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-36 {
        font-size: 2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-36 {
        font-size: 2.25rem !important
    }
}

.text-40 {
    font-size: 2.5rem
}

@media (max-width: 575px) {
    .xs-text-40 {
        font-size: 2.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-40 {
        font-size: 2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-40 {
        font-size: 2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-40 {
        font-size: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-40 {
        font-size: 2.5rem !important
    }
}

.text-48 {
    font-size: 3rem
}

@media (max-width: 575px) {
    .xs-text-48 {
        font-size: 3rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-48 {
        font-size: 3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-48 {
        font-size: 3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-48 {
        font-size: 3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-48 {
        font-size: 3rem !important
    }
}

.text-56 {
    font-size: 3.5rem
}

@media (max-width: 575px) {
    .xs-text-56 {
        font-size: 3.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-56 {
        font-size: 3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-56 {
        font-size: 3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-56 {
        font-size: 3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-56 {
        font-size: 3.5rem !important
    }
}

.text-64 {
    font-size: 4rem
}

@media (max-width: 575px) {
    .xs-text-64 {
        font-size: 4rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-64 {
        font-size: 4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-64 {
        font-size: 4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-64 {
        font-size: 4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-64 {
        font-size: 4rem !important
    }
}

.text-72 {
    font-size: 4.5rem
}

@media (max-width: 575px) {
    .xs-text-72 {
        font-size: 4.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-72 {
        font-size: 4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-72 {
        font-size: 4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-72 {
        font-size: 4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-72 {
        font-size: 4.5rem !important
    }
}

.text-80 {
    font-size: 5rem
}

@media (max-width: 575px) {
    .xs-text-80 {
        font-size: 5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-80 {
        font-size: 5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-80 {
        font-size: 5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-80 {
        font-size: 5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-80 {
        font-size: 5rem !important
    }
}

.text-1px {
    font-size: 1px
}

@media (max-width: 575px) {
    .xs-text-1px {
        font-size: 1px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-1px {
        font-size: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-1px {
        font-size: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-1px {
        font-size: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-1px {
        font-size: 1px !important
    }
}

.text-2px {
    font-size: 2px
}

@media (max-width: 575px) {
    .xs-text-2px {
        font-size: 2px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-2px {
        font-size: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-2px {
        font-size: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-2px {
        font-size: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-2px {
        font-size: 2px !important
    }
}

.text-3px {
    font-size: 3px
}

@media (max-width: 575px) {
    .xs-text-3px {
        font-size: 3px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-3px {
        font-size: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-3px {
        font-size: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-3px {
        font-size: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-3px {
        font-size: 3px !important
    }
}

.text-4px {
    font-size: 4px
}

@media (max-width: 575px) {
    .xs-text-4px {
        font-size: 4px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-4px {
        font-size: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-4px {
        font-size: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-4px {
        font-size: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-4px {
        font-size: 4px !important
    }
}

.text-5px {
    font-size: 5px
}

@media (max-width: 575px) {
    .xs-text-5px {
        font-size: 5px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-5px {
        font-size: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-5px {
        font-size: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-5px {
        font-size: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-5px {
        font-size: 5px !important
    }
}

.text-6px {
    font-size: 6px
}

@media (max-width: 575px) {
    .xs-text-6px {
        font-size: 6px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-6px {
        font-size: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-6px {
        font-size: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-6px {
        font-size: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-6px {
        font-size: 6px !important
    }
}

.text-7px {
    font-size: 7px
}

@media (max-width: 575px) {
    .xs-text-7px {
        font-size: 7px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-7px {
        font-size: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-7px {
        font-size: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-7px {
        font-size: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-text-7px {
        font-size: 7px !important
    }
}

.text-xxs {
    font-size: .5rem
}

@media (max-width: 575px) {
    .xs-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-xxs {
        font-size: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-xxs {
        font-size: .5rem !important
    }
}

.text-xs {
    font-size: .75rem
}

@media (max-width: 575px) {
    .xs-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-xs {
        font-size: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-xs {
        font-size: .75rem !important
    }
}

.text-sm {
    font-size: .875rem
}

@media (max-width: 575px) {
    .xs-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-sm {
        font-size: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-sm {
        font-size: .875rem !important
    }
}

.text-base {
    font-size: 1rem
}

@media (max-width: 575px) {
    .xs-text-base {
        font-size: 1rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-base {
        font-size: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-base {
        font-size: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-base {
        font-size: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-base {
        font-size: 1rem !important
    }
}

.text-lg {
    font-size: 1.125rem
}

@media (max-width: 575px) {
    .xs-text-lg {
        font-size: 1.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-lg {
        font-size: 1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-lg {
        font-size: 1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-lg {
        font-size: 1.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-lg {
        font-size: 1.125rem !important
    }
}

.text-xl {
    font-size: 1.25rem
}

@media (max-width: 575px) {
    .xs-text-xl {
        font-size: 1.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-xl {
        font-size: 1.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-xl {
        font-size: 1.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-xl {
        font-size: 1.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-xl {
        font-size: 1.25rem !important
    }
}

.text-1x {
    font-size: 1.5rem
}

@media (max-width: 575px) {
    .xs-text-1x {
        font-size: 1.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-1x {
        font-size: 1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-1x {
        font-size: 1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-1x {
        font-size: 1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-1x {
        font-size: 1.5rem !important
    }
}

.text-2x {
    font-size: 1.75rem
}

@media (max-width: 575px) {
    .xs-text-2x {
        font-size: 1.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-2x {
        font-size: 1.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-2x {
        font-size: 1.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-2x {
        font-size: 1.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-2x {
        font-size: 1.75rem !important
    }
}

.text-3x {
    font-size: 2rem
}

@media (max-width: 575px) {
    .xs-text-3x {
        font-size: 2rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-3x {
        font-size: 2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-3x {
        font-size: 2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-3x {
        font-size: 2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-3x {
        font-size: 2rem !important
    }
}

.text-4x {
    font-size: 2.25rem
}

@media (max-width: 575px) {
    .xs-text-4x {
        font-size: 2.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-4x {
        font-size: 2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-4x {
        font-size: 2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-4x {
        font-size: 2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-4x {
        font-size: 2.25rem !important
    }
}

.text-5x {
    font-size: 2.5rem
}

@media (max-width: 575px) {
    .xs-text-5x {
        font-size: 2.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-5x {
        font-size: 2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-5x {
        font-size: 2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-5x {
        font-size: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-5x {
        font-size: 2.5rem !important
    }
}

.text-6x {
    font-size: 3rem
}

@media (max-width: 575px) {
    .xs-text-6x {
        font-size: 3rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-6x {
        font-size: 3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-6x {
        font-size: 3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-6x {
        font-size: 3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-6x {
        font-size: 3rem !important
    }
}

.text-7x {
    font-size: 3.5rem
}

@media (max-width: 575px) {
    .xs-text-7x {
        font-size: 3.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-7x {
        font-size: 3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-7x {
        font-size: 3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-7x {
        font-size: 3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-7x {
        font-size: 3.5rem !important
    }
}

.text-8x {
    font-size: 4rem
}

@media (max-width: 575px) {
    .xs-text-8x {
        font-size: 4rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-8x {
        font-size: 4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-8x {
        font-size: 4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-8x {
        font-size: 4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-8x {
        font-size: 4rem !important
    }
}

.text-9x {
    font-size: 4.5rem
}

@media (max-width: 575px) {
    .xs-text-9x {
        font-size: 4.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-9x {
        font-size: 4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-9x {
        font-size: 4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-9x {
        font-size: 4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-9x {
        font-size: 4.5rem !important
    }
}

.text-10x {
    font-size: 5rem
}

@media (max-width: 575px) {
    .xs-text-10x {
        font-size: 5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-10x {
        font-size: 5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-10x {
        font-size: 5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-10x {
        font-size: 5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-text-10x {
        font-size: 5rem !important
    }
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media (min-width: 1200px) {
    .xl-antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

.subpixel-antialiased {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-subpixel-antialiased {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-subpixel-antialiased {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-subpixel-antialiased {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

@media (min-width: 1200px) {
    .xl-subpixel-antialiased {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto
    }
}

.italic {
    font-style: italic
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-italic {
        font-style: italic
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-italic {
        font-style: italic
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-italic {
        font-style: italic
    }
}

@media (min-width: 1200px) {
    .xl-italic {
        font-style: italic
    }
}

.not-italic {
    font-style: normal
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-not-italic {
        font-style: normal
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-not-italic {
        font-style: normal
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-not-italic {
        font-style: normal
    }
}

@media (min-width: 1200px) {
    .xl-not-italic {
        font-style: normal
    }
}

.font-hairline {
    font-weight: 100 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-hairline {
        font-weight: 100 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-hairline {
        font-weight: 100 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-hairline {
        font-weight: 100 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-hairline {
        font-weight: 100 !important
    }
}

.font-thin {
    font-weight: 200 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-thin {
        font-weight: 200 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-thin {
        font-weight: 200 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-thin {
        font-weight: 200 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-thin {
        font-weight: 200 !important
    }
}

.font-light {
    font-weight: 300 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-light {
        font-weight: 300 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-light {
        font-weight: 300 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-light {
        font-weight: 300 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-light {
        font-weight: 300 !important
    }
}

.font-normal {
    font-weight: 400 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-normal {
        font-weight: 400 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-normal {
        font-weight: 400 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-normal {
        font-weight: 400 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-normal {
        font-weight: 400 !important
    }
}

.font-medium {
    font-weight: 500 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-medium {
        font-weight: 500 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-medium {
        font-weight: 500 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-medium {
        font-weight: 500 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-medium {
        font-weight: 500 !important
    }
}

.font-semibold {
    font-weight: 600 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-semibold {
        font-weight: 600 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-semibold {
        font-weight: 600 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-semibold {
        font-weight: 600 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-semibold {
        font-weight: 600 !important
    }
}

.font-bold {
    font-weight: 700 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-bold {
        font-weight: 700 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-bold {
        font-weight: 700 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-bold {
        font-weight: 700 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-bold {
        font-weight: 700 !important
    }
}

.font-extrabold {
    font-weight: 800 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-extrabold {
        font-weight: 800 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-extrabold {
        font-weight: 800 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-extrabold {
        font-weight: 800 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-extrabold {
        font-weight: 800 !important
    }
}

.font-black {
    font-weight: 900 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-font-black {
        font-weight: 900 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-font-black {
        font-weight: 900 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-font-black {
        font-weight: 900 !important
    }
}

@media (min-width: 1200px) {
    .xl-font-black {
        font-weight: 900 !important
    }
}

.tracking-tighter {
    letter-spacing: -.05em
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-tighter {
        letter-spacing: -.05em
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-tighter {
        letter-spacing: -.05em
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-tighter {
        letter-spacing: -.05em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-tighter {
        letter-spacing: -.05em
    }
}

.tracking-tight {
    letter-spacing: -.025em
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-tight {
        letter-spacing: -.025em
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-tight {
        letter-spacing: -.025em
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-tight {
        letter-spacing: -.025em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-tight {
        letter-spacing: -.025em
    }
}

.tracking-normal {
    letter-spacing: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-normal {
        letter-spacing: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-normal {
        letter-spacing: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-normal {
        letter-spacing: 0
    }
}

@media (min-width: 1200px) {
    .xl-tracking-normal {
        letter-spacing: 0
    }
}

.tracking-wide {
    letter-spacing: .025em
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-wide {
        letter-spacing: .025em
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-wide {
        letter-spacing: .025em
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-wide {
        letter-spacing: .025em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-wide {
        letter-spacing: .025em
    }
}

.tracking-wider {
    letter-spacing: .05em
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-wider {
        letter-spacing: .05em
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-wider {
        letter-spacing: .05em
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-wider {
        letter-spacing: .05em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-wider {
        letter-spacing: .05em
    }
}

.tracking-widest {
    letter-spacing: .1em
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-widest {
        letter-spacing: .1em
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-widest {
        letter-spacing: .1em
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-widest {
        letter-spacing: .1em
    }
}

@media (min-width: 1200px) {
    .xl-tracking-widest {
        letter-spacing: .1em
    }
}

.tracking-2 {
    letter-spacing: .2px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-2 {
        letter-spacing: .2px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-2 {
        letter-spacing: .2px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-2 {
        letter-spacing: .2px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-2 {
        letter-spacing: .2px
    }
}

.tracking-01 {
    letter-spacing: .1px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-01 {
        letter-spacing: .1px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-01 {
        letter-spacing: .1px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-01 {
        letter-spacing: .1px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-01 {
        letter-spacing: .1px
    }
}

.tracking-02 {
    letter-spacing: .2px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-02 {
        letter-spacing: .2px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-02 {
        letter-spacing: .2px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-02 {
        letter-spacing: .2px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-02 {
        letter-spacing: .2px
    }
}

.tracking-03 {
    letter-spacing: .3px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-03 {
        letter-spacing: .3px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-03 {
        letter-spacing: .3px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-03 {
        letter-spacing: .3px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-03 {
        letter-spacing: .3px
    }
}

.tracking-04 {
    letter-spacing: .4px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-04 {
        letter-spacing: .4px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-04 {
        letter-spacing: .4px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-04 {
        letter-spacing: .4px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-04 {
        letter-spacing: .4px
    }
}

.tracking-05 {
    letter-spacing: .5px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-05 {
        letter-spacing: .5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-05 {
        letter-spacing: .5px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-05 {
        letter-spacing: .5px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-05 {
        letter-spacing: .5px
    }
}

.tracking-06 {
    letter-spacing: .6px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-06 {
        letter-spacing: .6px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-06 {
        letter-spacing: .6px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-06 {
        letter-spacing: .6px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-06 {
        letter-spacing: .6px
    }
}

.tracking-07 {
    letter-spacing: .7px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-07 {
        letter-spacing: .7px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-07 {
        letter-spacing: .7px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-07 {
        letter-spacing: .7px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-07 {
        letter-spacing: .7px
    }
}

.tracking-08 {
    letter-spacing: .8px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-08 {
        letter-spacing: .8px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-08 {
        letter-spacing: .8px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-08 {
        letter-spacing: .8px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-08 {
        letter-spacing: .8px
    }
}

.tracking-09 {
    letter-spacing: .9px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-09 {
        letter-spacing: .9px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-09 {
        letter-spacing: .9px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-09 {
        letter-spacing: .9px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-09 {
        letter-spacing: .9px
    }
}

.tracking-1 {
    letter-spacing: 1px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-1 {
        letter-spacing: 1px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-1 {
        letter-spacing: 1px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-1 {
        letter-spacing: 1px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-1 {
        letter-spacing: 1px
    }
}

.tracking-2 {
    letter-spacing: 2px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-2 {
        letter-spacing: 2px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-2 {
        letter-spacing: 2px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-2 {
        letter-spacing: 2px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-2 {
        letter-spacing: 2px
    }
}

.tracking-3 {
    letter-spacing: 3px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-3 {
        letter-spacing: 3px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-3 {
        letter-spacing: 3px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-3 {
        letter-spacing: 3px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-3 {
        letter-spacing: 3px
    }
}

.tracking-4 {
    letter-spacing: 4px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-4 {
        letter-spacing: 4px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-4 {
        letter-spacing: 4px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-4 {
        letter-spacing: 4px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-4 {
        letter-spacing: 4px
    }
}

.tracking-5 {
    letter-spacing: 5px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tracking-5 {
        letter-spacing: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tracking-5 {
        letter-spacing: 5px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tracking-5 {
        letter-spacing: 5px
    }
}

@media (min-width: 1200px) {
    .xl-tracking-5 {
        letter-spacing: 5px
    }
}

.leading-none {
    line-height: unset !important
}

@media (max-width: 575px) {
    .xs-leading-none {
        line-height: unset !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-none {
        line-height: unset !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-none {
        line-height: unset !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-none {
        line-height: unset !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-none {
        line-height: unset !important
    }
}

.leading-tight {
    line-height: 1.25 !important
}

@media (max-width: 575px) {
    .xs-leading-tight {
        line-height: 1.25 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-tight {
        line-height: 1.25 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-tight {
        line-height: 1.25 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-tight {
        line-height: 1.25 !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-tight {
        line-height: 1.25 !important
    }
}

.leading-snug {
    line-height: 1.375 !important
}

@media (max-width: 575px) {
    .xs-leading-snug {
        line-height: 1.375 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-snug {
        line-height: 1.375 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-snug {
        line-height: 1.375 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-snug {
        line-height: 1.375 !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-snug {
        line-height: 1.375 !important
    }
}

.leading-normal {
    line-height: normal !important
}

@media (max-width: 575px) {
    .xs-leading-normal {
        line-height: normal !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-normal {
        line-height: normal !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-normal {
        line-height: normal !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-normal {
        line-height: normal !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-normal {
        line-height: normal !important
    }
}

.leading-relaxed {
    line-height: 1.625 !important
}

@media (max-width: 575px) {
    .xs-leading-relaxed {
        line-height: 1.625 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-relaxed {
        line-height: 1.625 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-relaxed {
        line-height: 1.625 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-relaxed {
        line-height: 1.625 !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-relaxed {
        line-height: 1.625 !important
    }
}

.leading-loose {
    line-height: 2 !important
}

@media (max-width: 575px) {
    .xs-leading-loose {
        line-height: 2 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-loose {
        line-height: 2 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-loose {
        line-height: 2 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-loose {
        line-height: 2 !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-loose {
        line-height: 2 !important
    }
}

.leading-8 {
    line-height: .5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-8 {
        line-height: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-8 {
        line-height: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-8 {
        line-height: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-8 {
        line-height: .5rem !important
    }
}

.leading-16 {
    line-height: 1rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-16 {
        line-height: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-16 {
        line-height: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-16 {
        line-height: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-16 {
        line-height: 1rem !important
    }
}

.leading-24 {
    line-height: 1.5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-24 {
        line-height: 1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-24 {
        line-height: 1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-24 {
        line-height: 1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-24 {
        line-height: 1.5rem !important
    }
}

.leading-32 {
    line-height: 2rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-32 {
        line-height: 2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-32 {
        line-height: 2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-32 {
        line-height: 2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-32 {
        line-height: 2rem !important
    }
}

.leading-36 {
    line-height: 2.25rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-36 {
        line-height: 2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-36 {
        line-height: 2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-36 {
        line-height: 2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-36 {
        line-height: 2.25rem !important
    }
}

.leading-40 {
    line-height: 2.5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-40 {
        line-height: 2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-40 {
        line-height: 2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-40 {
        line-height: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-40 {
        line-height: 2.5rem !important
    }
}

.leading-48 {
    line-height: 3rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-48 {
        line-height: 3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-48 {
        line-height: 3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-48 {
        line-height: 3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-48 {
        line-height: 3rem !important
    }
}

.leading-56 {
    line-height: 3.5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-56 {
        line-height: 3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-56 {
        line-height: 3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-56 {
        line-height: 3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-56 {
        line-height: 3.5rem !important
    }
}

.leading-64 {
    line-height: 4rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-64 {
        line-height: 4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-64 {
        line-height: 4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-64 {
        line-height: 4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-64 {
        line-height: 4rem !important
    }
}

.leading-68 {
    line-height: 4.25rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-68 {
        line-height: 4.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-68 {
        line-height: 4.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-68 {
        line-height: 4.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-68 {
        line-height: 4.25rem !important
    }
}

.leading-72 {
    line-height: 4.5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-72 {
        line-height: 4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-72 {
        line-height: 4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-72 {
        line-height: 4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-72 {
        line-height: 4.5rem !important
    }
}

.leading-80 {
    line-height: 5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-80 {
        line-height: 5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-80 {
        line-height: 5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-80 {
        line-height: 5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-80 {
        line-height: 5rem !important
    }
}

.leading-88 {
    line-height: 5.5rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-88 {
        line-height: 5.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-88 {
        line-height: 5.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-88 {
        line-height: 5.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-88 {
        line-height: 5.5rem !important
    }
}

.leading-96 {
    line-height: 6rem !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-leading-96 {
        line-height: 6rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-leading-96 {
        line-height: 6rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-leading-96 {
        line-height: 6rem !important
    }
}

@media (min-width: 1200px) {
    .xl-leading-96 {
        line-height: 6rem !important
    }
}

.list-none {
    list-style-type: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-list-none {
        list-style-type: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-list-none {
        list-style-type: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-list-none {
        list-style-type: none
    }
}

@media (min-width: 1200px) {
    .xl-list-none {
        list-style-type: none
    }
}

.list-disc {
    list-style-type: disc
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-list-disc {
        list-style-type: disc
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-list-disc {
        list-style-type: disc
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-list-disc {
        list-style-type: disc
    }
}

@media (min-width: 1200px) {
    .xl-list-disc {
        list-style-type: disc
    }
}

.list-decimal {
    list-style-type: decimal
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-list-decimal {
        list-style-type: decimal
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-list-decimal {
        list-style-type: decimal
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-list-decimal {
        list-style-type: decimal
    }
}

@media (min-width: 1200px) {
    .xl-list-decimal {
        list-style-type: decimal
    }
}

.list-inside {
    list-style-position: inside
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-list-inside {
        list-style-position: inside
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-list-inside {
        list-style-position: inside
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-list-inside {
        list-style-position: inside
    }
}

@media (min-width: 1200px) {
    .xl-list-inside {
        list-style-position: inside
    }
}

.list-outside {
    list-style-position: outside
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-list-outside {
        list-style-position: outside
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-list-outside {
        list-style-position: outside
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-list-outside {
        list-style-position: outside
    }
}

@media (min-width: 1200px) {
    .xl-list-outside {
        list-style-position: outside
    }
}

.placeholder-transparent::-webkit-input-placeholder {
    color: transparent
}

.placeholder-transparent::-moz-placeholder {
    color: transparent
}

.placeholder-transparent:-ms-input-placeholder {
    color: transparent
}

.placeholder-transparent::placeholder {
    color: transparent
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .sm-placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .sm-placeholder-transparent:-ms-input-placeholder {
        color: transparent
    }

    .sm-placeholder-transparent::placeholder {
        color: transparent
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .md-placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .md-placeholder-transparent:-ms-input-placeholder {
        color: transparent
    }

    .md-placeholder-transparent::placeholder {
        color: transparent
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .lg-placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .lg-placeholder-transparent:-ms-input-placeholder {
        color: transparent
    }

    .lg-placeholder-transparent::placeholder {
        color: transparent
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-transparent::-webkit-input-placeholder {
        color: transparent
    }

    .xl-placeholder-transparent::-moz-placeholder {
        color: transparent
    }

    .xl-placeholder-transparent:-ms-input-placeholder {
        color: transparent
    }

    .xl-placeholder-transparent::placeholder {
        color: transparent
    }
}

.placeholder-primary::-webkit-input-placeholder {
    color: #2ed47a
}

.placeholder-primary::-moz-placeholder {
    color: #2ed47a
}

.placeholder-primary:-ms-input-placeholder {
    color: #2ed47a
}

.placeholder-primary::placeholder {
    color: #2ed47a
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary::-webkit-input-placeholder {
        color: #2ed47a
    }

    .sm-placeholder-primary::-moz-placeholder {
        color: #2ed47a
    }

    .sm-placeholder-primary:-ms-input-placeholder {
        color: #2ed47a
    }

    .sm-placeholder-primary::placeholder {
        color: #2ed47a
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary::-webkit-input-placeholder {
        color: #2ed47a
    }

    .md-placeholder-primary::-moz-placeholder {
        color: #2ed47a
    }

    .md-placeholder-primary:-ms-input-placeholder {
        color: #2ed47a
    }

    .md-placeholder-primary::placeholder {
        color: #2ed47a
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary::-webkit-input-placeholder {
        color: #2ed47a
    }

    .lg-placeholder-primary::-moz-placeholder {
        color: #2ed47a
    }

    .lg-placeholder-primary:-ms-input-placeholder {
        color: #2ed47a
    }

    .lg-placeholder-primary::placeholder {
        color: #2ed47a
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary::-webkit-input-placeholder {
        color: #2ed47a
    }

    .xl-placeholder-primary::-moz-placeholder {
        color: #2ed47a
    }

    .xl-placeholder-primary:-ms-input-placeholder {
        color: #2ed47a
    }

    .xl-placeholder-primary::placeholder {
        color: #2ed47a
    }
}

.placeholder-primary-100::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .1)
}

.placeholder-primary-100::-moz-placeholder {
    color: rgba(21, 101, 216, .1)
}

.placeholder-primary-100:-ms-input-placeholder {
    color: rgba(21, 101, 216, .1)
}

.placeholder-primary-100::placeholder {
    color: rgba(21, 101, 216, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-100::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .sm-placeholder-primary-100::-moz-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .sm-placeholder-primary-100:-ms-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .sm-placeholder-primary-100::placeholder {
        color: rgba(21, 101, 216, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-100::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .md-placeholder-primary-100::-moz-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .md-placeholder-primary-100:-ms-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .md-placeholder-primary-100::placeholder {
        color: rgba(21, 101, 216, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-100::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .lg-placeholder-primary-100::-moz-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .lg-placeholder-primary-100:-ms-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .lg-placeholder-primary-100::placeholder {
        color: rgba(21, 101, 216, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-100::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .xl-placeholder-primary-100::-moz-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .xl-placeholder-primary-100:-ms-input-placeholder {
        color: rgba(21, 101, 216, .1)
    }

    .xl-placeholder-primary-100::placeholder {
        color: rgba(21, 101, 216, .1)
    }
}

.placeholder-primary-200::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .2)
}

.placeholder-primary-200::-moz-placeholder {
    color: rgba(21, 101, 216, .2)
}

.placeholder-primary-200:-ms-input-placeholder {
    color: rgba(21, 101, 216, .2)
}

.placeholder-primary-200::placeholder {
    color: rgba(21, 101, 216, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-200::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .sm-placeholder-primary-200::-moz-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .sm-placeholder-primary-200:-ms-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .sm-placeholder-primary-200::placeholder {
        color: rgba(21, 101, 216, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-200::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .md-placeholder-primary-200::-moz-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .md-placeholder-primary-200:-ms-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .md-placeholder-primary-200::placeholder {
        color: rgba(21, 101, 216, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-200::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .lg-placeholder-primary-200::-moz-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .lg-placeholder-primary-200:-ms-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .lg-placeholder-primary-200::placeholder {
        color: rgba(21, 101, 216, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-200::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .xl-placeholder-primary-200::-moz-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .xl-placeholder-primary-200:-ms-input-placeholder {
        color: rgba(21, 101, 216, .2)
    }

    .xl-placeholder-primary-200::placeholder {
        color: rgba(21, 101, 216, .2)
    }
}

.placeholder-primary-300::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .3)
}

.placeholder-primary-300::-moz-placeholder {
    color: rgba(21, 101, 216, .3)
}

.placeholder-primary-300:-ms-input-placeholder {
    color: rgba(21, 101, 216, .3)
}

.placeholder-primary-300::placeholder {
    color: rgba(21, 101, 216, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-300::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .sm-placeholder-primary-300::-moz-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .sm-placeholder-primary-300:-ms-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .sm-placeholder-primary-300::placeholder {
        color: rgba(21, 101, 216, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-300::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .md-placeholder-primary-300::-moz-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .md-placeholder-primary-300:-ms-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .md-placeholder-primary-300::placeholder {
        color: rgba(21, 101, 216, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-300::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .lg-placeholder-primary-300::-moz-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .lg-placeholder-primary-300:-ms-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .lg-placeholder-primary-300::placeholder {
        color: rgba(21, 101, 216, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-300::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .xl-placeholder-primary-300::-moz-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .xl-placeholder-primary-300:-ms-input-placeholder {
        color: rgba(21, 101, 216, .3)
    }

    .xl-placeholder-primary-300::placeholder {
        color: rgba(21, 101, 216, .3)
    }
}

.placeholder-primary-400::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .4)
}

.placeholder-primary-400::-moz-placeholder {
    color: rgba(21, 101, 216, .4)
}

.placeholder-primary-400:-ms-input-placeholder {
    color: rgba(21, 101, 216, .4)
}

.placeholder-primary-400::placeholder {
    color: rgba(21, 101, 216, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-400::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .sm-placeholder-primary-400::-moz-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .sm-placeholder-primary-400:-ms-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .sm-placeholder-primary-400::placeholder {
        color: rgba(21, 101, 216, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-400::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .md-placeholder-primary-400::-moz-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .md-placeholder-primary-400:-ms-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .md-placeholder-primary-400::placeholder {
        color: rgba(21, 101, 216, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-400::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .lg-placeholder-primary-400::-moz-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .lg-placeholder-primary-400:-ms-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .lg-placeholder-primary-400::placeholder {
        color: rgba(21, 101, 216, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-400::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .xl-placeholder-primary-400::-moz-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .xl-placeholder-primary-400:-ms-input-placeholder {
        color: rgba(21, 101, 216, .4)
    }

    .xl-placeholder-primary-400::placeholder {
        color: rgba(21, 101, 216, .4)
    }
}

.placeholder-primary-500::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .5)
}

.placeholder-primary-500::-moz-placeholder {
    color: rgba(21, 101, 216, .5)
}

.placeholder-primary-500:-ms-input-placeholder {
    color: rgba(21, 101, 216, .5)
}

.placeholder-primary-500::placeholder {
    color: rgba(21, 101, 216, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-500::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .sm-placeholder-primary-500::-moz-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .sm-placeholder-primary-500:-ms-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .sm-placeholder-primary-500::placeholder {
        color: rgba(21, 101, 216, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-500::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .md-placeholder-primary-500::-moz-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .md-placeholder-primary-500:-ms-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .md-placeholder-primary-500::placeholder {
        color: rgba(21, 101, 216, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-500::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .lg-placeholder-primary-500::-moz-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .lg-placeholder-primary-500:-ms-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .lg-placeholder-primary-500::placeholder {
        color: rgba(21, 101, 216, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-500::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .xl-placeholder-primary-500::-moz-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .xl-placeholder-primary-500:-ms-input-placeholder {
        color: rgba(21, 101, 216, .5)
    }

    .xl-placeholder-primary-500::placeholder {
        color: rgba(21, 101, 216, .5)
    }
}

.placeholder-primary-600::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .6)
}

.placeholder-primary-600::-moz-placeholder {
    color: rgba(21, 101, 216, .6)
}

.placeholder-primary-600:-ms-input-placeholder {
    color: rgba(21, 101, 216, .6)
}

.placeholder-primary-600::placeholder {
    color: rgba(21, 101, 216, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-600::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .sm-placeholder-primary-600::-moz-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .sm-placeholder-primary-600:-ms-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .sm-placeholder-primary-600::placeholder {
        color: rgba(21, 101, 216, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-600::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .md-placeholder-primary-600::-moz-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .md-placeholder-primary-600:-ms-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .md-placeholder-primary-600::placeholder {
        color: rgba(21, 101, 216, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-600::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .lg-placeholder-primary-600::-moz-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .lg-placeholder-primary-600:-ms-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .lg-placeholder-primary-600::placeholder {
        color: rgba(21, 101, 216, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-600::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .xl-placeholder-primary-600::-moz-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .xl-placeholder-primary-600:-ms-input-placeholder {
        color: rgba(21, 101, 216, .6)
    }

    .xl-placeholder-primary-600::placeholder {
        color: rgba(21, 101, 216, .6)
    }
}

.placeholder-primary-700::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .7)
}

.placeholder-primary-700::-moz-placeholder {
    color: rgba(21, 101, 216, .7)
}

.placeholder-primary-700:-ms-input-placeholder {
    color: rgba(21, 101, 216, .7)
}

.placeholder-primary-700::placeholder {
    color: rgba(21, 101, 216, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-700::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .sm-placeholder-primary-700::-moz-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .sm-placeholder-primary-700:-ms-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .sm-placeholder-primary-700::placeholder {
        color: rgba(21, 101, 216, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-700::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .md-placeholder-primary-700::-moz-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .md-placeholder-primary-700:-ms-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .md-placeholder-primary-700::placeholder {
        color: rgba(21, 101, 216, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-700::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .lg-placeholder-primary-700::-moz-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .lg-placeholder-primary-700:-ms-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .lg-placeholder-primary-700::placeholder {
        color: rgba(21, 101, 216, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-700::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .xl-placeholder-primary-700::-moz-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .xl-placeholder-primary-700:-ms-input-placeholder {
        color: rgba(21, 101, 216, .7)
    }

    .xl-placeholder-primary-700::placeholder {
        color: rgba(21, 101, 216, .7)
    }
}

.placeholder-primary-800::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .8)
}

.placeholder-primary-800::-moz-placeholder {
    color: rgba(21, 101, 216, .8)
}

.placeholder-primary-800:-ms-input-placeholder {
    color: rgba(21, 101, 216, .8)
}

.placeholder-primary-800::placeholder {
    color: rgba(21, 101, 216, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-800::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .sm-placeholder-primary-800::-moz-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .sm-placeholder-primary-800:-ms-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .sm-placeholder-primary-800::placeholder {
        color: rgba(21, 101, 216, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-800::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .md-placeholder-primary-800::-moz-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .md-placeholder-primary-800:-ms-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .md-placeholder-primary-800::placeholder {
        color: rgba(21, 101, 216, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-800::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .lg-placeholder-primary-800::-moz-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .lg-placeholder-primary-800:-ms-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .lg-placeholder-primary-800::placeholder {
        color: rgba(21, 101, 216, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-800::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .xl-placeholder-primary-800::-moz-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .xl-placeholder-primary-800:-ms-input-placeholder {
        color: rgba(21, 101, 216, .8)
    }

    .xl-placeholder-primary-800::placeholder {
        color: rgba(21, 101, 216, .8)
    }
}

.placeholder-primary-900::-webkit-input-placeholder {
    color: rgba(21, 101, 216, .9)
}

.placeholder-primary-900::-moz-placeholder {
    color: rgba(21, 101, 216, .9)
}

.placeholder-primary-900:-ms-input-placeholder {
    color: rgba(21, 101, 216, .9)
}

.placeholder-primary-900::placeholder {
    color: rgba(21, 101, 216, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-primary-900::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .sm-placeholder-primary-900::-moz-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .sm-placeholder-primary-900:-ms-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .sm-placeholder-primary-900::placeholder {
        color: rgba(21, 101, 216, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-primary-900::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .md-placeholder-primary-900::-moz-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .md-placeholder-primary-900:-ms-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .md-placeholder-primary-900::placeholder {
        color: rgba(21, 101, 216, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-primary-900::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .lg-placeholder-primary-900::-moz-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .lg-placeholder-primary-900:-ms-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .lg-placeholder-primary-900::placeholder {
        color: rgba(21, 101, 216, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-primary-900::-webkit-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .xl-placeholder-primary-900::-moz-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .xl-placeholder-primary-900:-ms-input-placeholder {
        color: rgba(21, 101, 216, .9)
    }

    .xl-placeholder-primary-900::placeholder {
        color: rgba(21, 101, 216, .9)
    }
}

.placeholder-secondary::-webkit-input-placeholder {
    color: #506690
}

.placeholder-secondary::-moz-placeholder {
    color: #506690
}

.placeholder-secondary:-ms-input-placeholder {
    color: #506690
}

.placeholder-secondary::placeholder {
    color: #506690
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary::-webkit-input-placeholder {
        color: #506690
    }

    .sm-placeholder-secondary::-moz-placeholder {
        color: #506690
    }

    .sm-placeholder-secondary:-ms-input-placeholder {
        color: #506690
    }

    .sm-placeholder-secondary::placeholder {
        color: #506690
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary::-webkit-input-placeholder {
        color: #506690
    }

    .md-placeholder-secondary::-moz-placeholder {
        color: #506690
    }

    .md-placeholder-secondary:-ms-input-placeholder {
        color: #506690
    }

    .md-placeholder-secondary::placeholder {
        color: #506690
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary::-webkit-input-placeholder {
        color: #506690
    }

    .lg-placeholder-secondary::-moz-placeholder {
        color: #506690
    }

    .lg-placeholder-secondary:-ms-input-placeholder {
        color: #506690
    }

    .lg-placeholder-secondary::placeholder {
        color: #506690
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary::-webkit-input-placeholder {
        color: #506690
    }

    .xl-placeholder-secondary::-moz-placeholder {
        color: #506690
    }

    .xl-placeholder-secondary:-ms-input-placeholder {
        color: #506690
    }

    .xl-placeholder-secondary::placeholder {
        color: #506690
    }
}

.placeholder-secondary-100::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .1)
}

.placeholder-secondary-100::-moz-placeholder {
    color: rgba(80, 102, 144, .1)
}

.placeholder-secondary-100:-ms-input-placeholder {
    color: rgba(80, 102, 144, .1)
}

.placeholder-secondary-100::placeholder {
    color: rgba(80, 102, 144, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-100::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .sm-placeholder-secondary-100::-moz-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .sm-placeholder-secondary-100:-ms-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .sm-placeholder-secondary-100::placeholder {
        color: rgba(80, 102, 144, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-100::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .md-placeholder-secondary-100::-moz-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .md-placeholder-secondary-100:-ms-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .md-placeholder-secondary-100::placeholder {
        color: rgba(80, 102, 144, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-100::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .lg-placeholder-secondary-100::-moz-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .lg-placeholder-secondary-100:-ms-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .lg-placeholder-secondary-100::placeholder {
        color: rgba(80, 102, 144, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-100::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .xl-placeholder-secondary-100::-moz-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .xl-placeholder-secondary-100:-ms-input-placeholder {
        color: rgba(80, 102, 144, .1)
    }

    .xl-placeholder-secondary-100::placeholder {
        color: rgba(80, 102, 144, .1)
    }
}

.placeholder-secondary-200::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .2)
}

.placeholder-secondary-200::-moz-placeholder {
    color: rgba(80, 102, 144, .2)
}

.placeholder-secondary-200:-ms-input-placeholder {
    color: rgba(80, 102, 144, .2)
}

.placeholder-secondary-200::placeholder {
    color: rgba(80, 102, 144, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-200::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .sm-placeholder-secondary-200::-moz-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .sm-placeholder-secondary-200:-ms-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .sm-placeholder-secondary-200::placeholder {
        color: rgba(80, 102, 144, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-200::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .md-placeholder-secondary-200::-moz-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .md-placeholder-secondary-200:-ms-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .md-placeholder-secondary-200::placeholder {
        color: rgba(80, 102, 144, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-200::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .lg-placeholder-secondary-200::-moz-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .lg-placeholder-secondary-200:-ms-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .lg-placeholder-secondary-200::placeholder {
        color: rgba(80, 102, 144, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-200::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .xl-placeholder-secondary-200::-moz-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .xl-placeholder-secondary-200:-ms-input-placeholder {
        color: rgba(80, 102, 144, .2)
    }

    .xl-placeholder-secondary-200::placeholder {
        color: rgba(80, 102, 144, .2)
    }
}

.placeholder-secondary-300::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .3)
}

.placeholder-secondary-300::-moz-placeholder {
    color: rgba(80, 102, 144, .3)
}

.placeholder-secondary-300:-ms-input-placeholder {
    color: rgba(80, 102, 144, .3)
}

.placeholder-secondary-300::placeholder {
    color: rgba(80, 102, 144, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-300::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .sm-placeholder-secondary-300::-moz-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .sm-placeholder-secondary-300:-ms-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .sm-placeholder-secondary-300::placeholder {
        color: rgba(80, 102, 144, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-300::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .md-placeholder-secondary-300::-moz-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .md-placeholder-secondary-300:-ms-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .md-placeholder-secondary-300::placeholder {
        color: rgba(80, 102, 144, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-300::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .lg-placeholder-secondary-300::-moz-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .lg-placeholder-secondary-300:-ms-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .lg-placeholder-secondary-300::placeholder {
        color: rgba(80, 102, 144, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-300::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .xl-placeholder-secondary-300::-moz-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .xl-placeholder-secondary-300:-ms-input-placeholder {
        color: rgba(80, 102, 144, .3)
    }

    .xl-placeholder-secondary-300::placeholder {
        color: rgba(80, 102, 144, .3)
    }
}

.placeholder-secondary-400::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .4)
}

.placeholder-secondary-400::-moz-placeholder {
    color: rgba(80, 102, 144, .4)
}

.placeholder-secondary-400:-ms-input-placeholder {
    color: rgba(80, 102, 144, .4)
}

.placeholder-secondary-400::placeholder {
    color: rgba(80, 102, 144, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-400::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .sm-placeholder-secondary-400::-moz-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .sm-placeholder-secondary-400:-ms-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .sm-placeholder-secondary-400::placeholder {
        color: rgba(80, 102, 144, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-400::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .md-placeholder-secondary-400::-moz-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .md-placeholder-secondary-400:-ms-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .md-placeholder-secondary-400::placeholder {
        color: rgba(80, 102, 144, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-400::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .lg-placeholder-secondary-400::-moz-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .lg-placeholder-secondary-400:-ms-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .lg-placeholder-secondary-400::placeholder {
        color: rgba(80, 102, 144, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-400::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .xl-placeholder-secondary-400::-moz-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .xl-placeholder-secondary-400:-ms-input-placeholder {
        color: rgba(80, 102, 144, .4)
    }

    .xl-placeholder-secondary-400::placeholder {
        color: rgba(80, 102, 144, .4)
    }
}

.placeholder-secondary-500::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .5)
}

.placeholder-secondary-500::-moz-placeholder {
    color: rgba(80, 102, 144, .5)
}

.placeholder-secondary-500:-ms-input-placeholder {
    color: rgba(80, 102, 144, .5)
}

.placeholder-secondary-500::placeholder {
    color: rgba(80, 102, 144, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-500::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .sm-placeholder-secondary-500::-moz-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .sm-placeholder-secondary-500:-ms-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .sm-placeholder-secondary-500::placeholder {
        color: rgba(80, 102, 144, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-500::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .md-placeholder-secondary-500::-moz-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .md-placeholder-secondary-500:-ms-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .md-placeholder-secondary-500::placeholder {
        color: rgba(80, 102, 144, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-500::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .lg-placeholder-secondary-500::-moz-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .lg-placeholder-secondary-500:-ms-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .lg-placeholder-secondary-500::placeholder {
        color: rgba(80, 102, 144, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-500::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .xl-placeholder-secondary-500::-moz-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .xl-placeholder-secondary-500:-ms-input-placeholder {
        color: rgba(80, 102, 144, .5)
    }

    .xl-placeholder-secondary-500::placeholder {
        color: rgba(80, 102, 144, .5)
    }
}

.placeholder-secondary-600::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .6)
}

.placeholder-secondary-600::-moz-placeholder {
    color: rgba(80, 102, 144, .6)
}

.placeholder-secondary-600:-ms-input-placeholder {
    color: rgba(80, 102, 144, .6)
}

.placeholder-secondary-600::placeholder {
    color: rgba(80, 102, 144, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-600::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .sm-placeholder-secondary-600::-moz-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .sm-placeholder-secondary-600:-ms-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .sm-placeholder-secondary-600::placeholder {
        color: rgba(80, 102, 144, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-600::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .md-placeholder-secondary-600::-moz-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .md-placeholder-secondary-600:-ms-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .md-placeholder-secondary-600::placeholder {
        color: rgba(80, 102, 144, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-600::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .lg-placeholder-secondary-600::-moz-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .lg-placeholder-secondary-600:-ms-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .lg-placeholder-secondary-600::placeholder {
        color: rgba(80, 102, 144, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-600::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .xl-placeholder-secondary-600::-moz-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .xl-placeholder-secondary-600:-ms-input-placeholder {
        color: rgba(80, 102, 144, .6)
    }

    .xl-placeholder-secondary-600::placeholder {
        color: rgba(80, 102, 144, .6)
    }
}

.placeholder-secondary-700::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .7)
}

.placeholder-secondary-700::-moz-placeholder {
    color: rgba(80, 102, 144, .7)
}

.placeholder-secondary-700:-ms-input-placeholder {
    color: rgba(80, 102, 144, .7)
}

.placeholder-secondary-700::placeholder {
    color: rgba(80, 102, 144, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-700::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .sm-placeholder-secondary-700::-moz-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .sm-placeholder-secondary-700:-ms-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .sm-placeholder-secondary-700::placeholder {
        color: rgba(80, 102, 144, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-700::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .md-placeholder-secondary-700::-moz-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .md-placeholder-secondary-700:-ms-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .md-placeholder-secondary-700::placeholder {
        color: rgba(80, 102, 144, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-700::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .lg-placeholder-secondary-700::-moz-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .lg-placeholder-secondary-700:-ms-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .lg-placeholder-secondary-700::placeholder {
        color: rgba(80, 102, 144, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-700::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .xl-placeholder-secondary-700::-moz-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .xl-placeholder-secondary-700:-ms-input-placeholder {
        color: rgba(80, 102, 144, .7)
    }

    .xl-placeholder-secondary-700::placeholder {
        color: rgba(80, 102, 144, .7)
    }
}

.placeholder-secondary-800::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .8)
}

.placeholder-secondary-800::-moz-placeholder {
    color: rgba(80, 102, 144, .8)
}

.placeholder-secondary-800:-ms-input-placeholder {
    color: rgba(80, 102, 144, .8)
}

.placeholder-secondary-800::placeholder {
    color: rgba(80, 102, 144, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-800::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .sm-placeholder-secondary-800::-moz-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .sm-placeholder-secondary-800:-ms-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .sm-placeholder-secondary-800::placeholder {
        color: rgba(80, 102, 144, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-800::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .md-placeholder-secondary-800::-moz-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .md-placeholder-secondary-800:-ms-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .md-placeholder-secondary-800::placeholder {
        color: rgba(80, 102, 144, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-800::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .lg-placeholder-secondary-800::-moz-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .lg-placeholder-secondary-800:-ms-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .lg-placeholder-secondary-800::placeholder {
        color: rgba(80, 102, 144, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-800::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .xl-placeholder-secondary-800::-moz-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .xl-placeholder-secondary-800:-ms-input-placeholder {
        color: rgba(80, 102, 144, .8)
    }

    .xl-placeholder-secondary-800::placeholder {
        color: rgba(80, 102, 144, .8)
    }
}

.placeholder-secondary-900::-webkit-input-placeholder {
    color: rgba(80, 102, 144, .9)
}

.placeholder-secondary-900::-moz-placeholder {
    color: rgba(80, 102, 144, .9)
}

.placeholder-secondary-900:-ms-input-placeholder {
    color: rgba(80, 102, 144, .9)
}

.placeholder-secondary-900::placeholder {
    color: rgba(80, 102, 144, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-secondary-900::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .sm-placeholder-secondary-900::-moz-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .sm-placeholder-secondary-900:-ms-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .sm-placeholder-secondary-900::placeholder {
        color: rgba(80, 102, 144, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-secondary-900::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .md-placeholder-secondary-900::-moz-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .md-placeholder-secondary-900:-ms-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .md-placeholder-secondary-900::placeholder {
        color: rgba(80, 102, 144, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-secondary-900::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .lg-placeholder-secondary-900::-moz-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .lg-placeholder-secondary-900:-ms-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .lg-placeholder-secondary-900::placeholder {
        color: rgba(80, 102, 144, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-secondary-900::-webkit-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .xl-placeholder-secondary-900::-moz-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .xl-placeholder-secondary-900:-ms-input-placeholder {
        color: rgba(80, 102, 144, .9)
    }

    .xl-placeholder-secondary-900::placeholder {
        color: rgba(80, 102, 144, .9)
    }
}

.placeholder-success::-webkit-input-placeholder {
    color: #36b37e
}

.placeholder-success::-moz-placeholder {
    color: #36b37e
}

.placeholder-success:-ms-input-placeholder {
    color: #36b37e
}

.placeholder-success::placeholder {
    color: #36b37e
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success::-webkit-input-placeholder {
        color: #36b37e
    }

    .sm-placeholder-success::-moz-placeholder {
        color: #36b37e
    }

    .sm-placeholder-success:-ms-input-placeholder {
        color: #36b37e
    }

    .sm-placeholder-success::placeholder {
        color: #36b37e
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success::-webkit-input-placeholder {
        color: #36b37e
    }

    .md-placeholder-success::-moz-placeholder {
        color: #36b37e
    }

    .md-placeholder-success:-ms-input-placeholder {
        color: #36b37e
    }

    .md-placeholder-success::placeholder {
        color: #36b37e
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success::-webkit-input-placeholder {
        color: #36b37e
    }

    .lg-placeholder-success::-moz-placeholder {
        color: #36b37e
    }

    .lg-placeholder-success:-ms-input-placeholder {
        color: #36b37e
    }

    .lg-placeholder-success::placeholder {
        color: #36b37e
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success::-webkit-input-placeholder {
        color: #36b37e
    }

    .xl-placeholder-success::-moz-placeholder {
        color: #36b37e
    }

    .xl-placeholder-success:-ms-input-placeholder {
        color: #36b37e
    }

    .xl-placeholder-success::placeholder {
        color: #36b37e
    }
}

.placeholder-success-100::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .1)
}

.placeholder-success-100::-moz-placeholder {
    color: rgba(54, 179, 126, .1)
}

.placeholder-success-100:-ms-input-placeholder {
    color: rgba(54, 179, 126, .1)
}

.placeholder-success-100::placeholder {
    color: rgba(54, 179, 126, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-100::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .sm-placeholder-success-100::-moz-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .sm-placeholder-success-100:-ms-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .sm-placeholder-success-100::placeholder {
        color: rgba(54, 179, 126, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-100::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .md-placeholder-success-100::-moz-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .md-placeholder-success-100:-ms-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .md-placeholder-success-100::placeholder {
        color: rgba(54, 179, 126, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-100::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .lg-placeholder-success-100::-moz-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .lg-placeholder-success-100:-ms-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .lg-placeholder-success-100::placeholder {
        color: rgba(54, 179, 126, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-100::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .xl-placeholder-success-100::-moz-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .xl-placeholder-success-100:-ms-input-placeholder {
        color: rgba(54, 179, 126, .1)
    }

    .xl-placeholder-success-100::placeholder {
        color: rgba(54, 179, 126, .1)
    }
}

.placeholder-success-200::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .2)
}

.placeholder-success-200::-moz-placeholder {
    color: rgba(54, 179, 126, .2)
}

.placeholder-success-200:-ms-input-placeholder {
    color: rgba(54, 179, 126, .2)
}

.placeholder-success-200::placeholder {
    color: rgba(54, 179, 126, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-200::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .sm-placeholder-success-200::-moz-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .sm-placeholder-success-200:-ms-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .sm-placeholder-success-200::placeholder {
        color: rgba(54, 179, 126, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-200::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .md-placeholder-success-200::-moz-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .md-placeholder-success-200:-ms-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .md-placeholder-success-200::placeholder {
        color: rgba(54, 179, 126, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-200::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .lg-placeholder-success-200::-moz-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .lg-placeholder-success-200:-ms-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .lg-placeholder-success-200::placeholder {
        color: rgba(54, 179, 126, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-200::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .xl-placeholder-success-200::-moz-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .xl-placeholder-success-200:-ms-input-placeholder {
        color: rgba(54, 179, 126, .2)
    }

    .xl-placeholder-success-200::placeholder {
        color: rgba(54, 179, 126, .2)
    }
}

.placeholder-success-300::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .3)
}

.placeholder-success-300::-moz-placeholder {
    color: rgba(54, 179, 126, .3)
}

.placeholder-success-300:-ms-input-placeholder {
    color: rgba(54, 179, 126, .3)
}

.placeholder-success-300::placeholder {
    color: rgba(54, 179, 126, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-300::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .sm-placeholder-success-300::-moz-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .sm-placeholder-success-300:-ms-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .sm-placeholder-success-300::placeholder {
        color: rgba(54, 179, 126, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-300::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .md-placeholder-success-300::-moz-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .md-placeholder-success-300:-ms-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .md-placeholder-success-300::placeholder {
        color: rgba(54, 179, 126, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-300::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .lg-placeholder-success-300::-moz-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .lg-placeholder-success-300:-ms-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .lg-placeholder-success-300::placeholder {
        color: rgba(54, 179, 126, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-300::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .xl-placeholder-success-300::-moz-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .xl-placeholder-success-300:-ms-input-placeholder {
        color: rgba(54, 179, 126, .3)
    }

    .xl-placeholder-success-300::placeholder {
        color: rgba(54, 179, 126, .3)
    }
}

.placeholder-success-400::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .4)
}

.placeholder-success-400::-moz-placeholder {
    color: rgba(54, 179, 126, .4)
}

.placeholder-success-400:-ms-input-placeholder {
    color: rgba(54, 179, 126, .4)
}

.placeholder-success-400::placeholder {
    color: rgba(54, 179, 126, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-400::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .sm-placeholder-success-400::-moz-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .sm-placeholder-success-400:-ms-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .sm-placeholder-success-400::placeholder {
        color: rgba(54, 179, 126, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-400::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .md-placeholder-success-400::-moz-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .md-placeholder-success-400:-ms-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .md-placeholder-success-400::placeholder {
        color: rgba(54, 179, 126, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-400::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .lg-placeholder-success-400::-moz-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .lg-placeholder-success-400:-ms-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .lg-placeholder-success-400::placeholder {
        color: rgba(54, 179, 126, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-400::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .xl-placeholder-success-400::-moz-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .xl-placeholder-success-400:-ms-input-placeholder {
        color: rgba(54, 179, 126, .4)
    }

    .xl-placeholder-success-400::placeholder {
        color: rgba(54, 179, 126, .4)
    }
}

.placeholder-success-500::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .5)
}

.placeholder-success-500::-moz-placeholder {
    color: rgba(54, 179, 126, .5)
}

.placeholder-success-500:-ms-input-placeholder {
    color: rgba(54, 179, 126, .5)
}

.placeholder-success-500::placeholder {
    color: rgba(54, 179, 126, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-500::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .sm-placeholder-success-500::-moz-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .sm-placeholder-success-500:-ms-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .sm-placeholder-success-500::placeholder {
        color: rgba(54, 179, 126, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-500::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .md-placeholder-success-500::-moz-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .md-placeholder-success-500:-ms-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .md-placeholder-success-500::placeholder {
        color: rgba(54, 179, 126, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-500::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .lg-placeholder-success-500::-moz-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .lg-placeholder-success-500:-ms-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .lg-placeholder-success-500::placeholder {
        color: rgba(54, 179, 126, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-500::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .xl-placeholder-success-500::-moz-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .xl-placeholder-success-500:-ms-input-placeholder {
        color: rgba(54, 179, 126, .5)
    }

    .xl-placeholder-success-500::placeholder {
        color: rgba(54, 179, 126, .5)
    }
}

.placeholder-success-600::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .6)
}

.placeholder-success-600::-moz-placeholder {
    color: rgba(54, 179, 126, .6)
}

.placeholder-success-600:-ms-input-placeholder {
    color: rgba(54, 179, 126, .6)
}

.placeholder-success-600::placeholder {
    color: rgba(54, 179, 126, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-600::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .sm-placeholder-success-600::-moz-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .sm-placeholder-success-600:-ms-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .sm-placeholder-success-600::placeholder {
        color: rgba(54, 179, 126, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-600::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .md-placeholder-success-600::-moz-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .md-placeholder-success-600:-ms-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .md-placeholder-success-600::placeholder {
        color: rgba(54, 179, 126, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-600::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .lg-placeholder-success-600::-moz-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .lg-placeholder-success-600:-ms-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .lg-placeholder-success-600::placeholder {
        color: rgba(54, 179, 126, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-600::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .xl-placeholder-success-600::-moz-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .xl-placeholder-success-600:-ms-input-placeholder {
        color: rgba(54, 179, 126, .6)
    }

    .xl-placeholder-success-600::placeholder {
        color: rgba(54, 179, 126, .6)
    }
}

.placeholder-success-700::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .7)
}

.placeholder-success-700::-moz-placeholder {
    color: rgba(54, 179, 126, .7)
}

.placeholder-success-700:-ms-input-placeholder {
    color: rgba(54, 179, 126, .7)
}

.placeholder-success-700::placeholder {
    color: rgba(54, 179, 126, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-700::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .sm-placeholder-success-700::-moz-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .sm-placeholder-success-700:-ms-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .sm-placeholder-success-700::placeholder {
        color: rgba(54, 179, 126, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-700::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .md-placeholder-success-700::-moz-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .md-placeholder-success-700:-ms-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .md-placeholder-success-700::placeholder {
        color: rgba(54, 179, 126, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-700::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .lg-placeholder-success-700::-moz-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .lg-placeholder-success-700:-ms-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .lg-placeholder-success-700::placeholder {
        color: rgba(54, 179, 126, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-700::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .xl-placeholder-success-700::-moz-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .xl-placeholder-success-700:-ms-input-placeholder {
        color: rgba(54, 179, 126, .7)
    }

    .xl-placeholder-success-700::placeholder {
        color: rgba(54, 179, 126, .7)
    }
}

.placeholder-success-800::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .8)
}

.placeholder-success-800::-moz-placeholder {
    color: rgba(54, 179, 126, .8)
}

.placeholder-success-800:-ms-input-placeholder {
    color: rgba(54, 179, 126, .8)
}

.placeholder-success-800::placeholder {
    color: rgba(54, 179, 126, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-800::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .sm-placeholder-success-800::-moz-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .sm-placeholder-success-800:-ms-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .sm-placeholder-success-800::placeholder {
        color: rgba(54, 179, 126, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-800::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .md-placeholder-success-800::-moz-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .md-placeholder-success-800:-ms-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .md-placeholder-success-800::placeholder {
        color: rgba(54, 179, 126, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-800::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .lg-placeholder-success-800::-moz-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .lg-placeholder-success-800:-ms-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .lg-placeholder-success-800::placeholder {
        color: rgba(54, 179, 126, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-800::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .xl-placeholder-success-800::-moz-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .xl-placeholder-success-800:-ms-input-placeholder {
        color: rgba(54, 179, 126, .8)
    }

    .xl-placeholder-success-800::placeholder {
        color: rgba(54, 179, 126, .8)
    }
}

.placeholder-success-900::-webkit-input-placeholder {
    color: rgba(54, 179, 126, .9)
}

.placeholder-success-900::-moz-placeholder {
    color: rgba(54, 179, 126, .9)
}

.placeholder-success-900:-ms-input-placeholder {
    color: rgba(54, 179, 126, .9)
}

.placeholder-success-900::placeholder {
    color: rgba(54, 179, 126, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-success-900::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .sm-placeholder-success-900::-moz-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .sm-placeholder-success-900:-ms-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .sm-placeholder-success-900::placeholder {
        color: rgba(54, 179, 126, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-success-900::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .md-placeholder-success-900::-moz-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .md-placeholder-success-900:-ms-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .md-placeholder-success-900::placeholder {
        color: rgba(54, 179, 126, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-success-900::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .lg-placeholder-success-900::-moz-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .lg-placeholder-success-900:-ms-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .lg-placeholder-success-900::placeholder {
        color: rgba(54, 179, 126, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-success-900::-webkit-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .xl-placeholder-success-900::-moz-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .xl-placeholder-success-900:-ms-input-placeholder {
        color: rgba(54, 179, 126, .9)
    }

    .xl-placeholder-success-900::placeholder {
        color: rgba(54, 179, 126, .9)
    }
}

.placeholder-info::-webkit-input-placeholder {
    color: #00b8d9
}

.placeholder-info::-moz-placeholder {
    color: #00b8d9
}

.placeholder-info:-ms-input-placeholder {
    color: #00b8d9
}

.placeholder-info::placeholder {
    color: #00b8d9
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info::-webkit-input-placeholder {
        color: #00b8d9
    }

    .sm-placeholder-info::-moz-placeholder {
        color: #00b8d9
    }

    .sm-placeholder-info:-ms-input-placeholder {
        color: #00b8d9
    }

    .sm-placeholder-info::placeholder {
        color: #00b8d9
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info::-webkit-input-placeholder {
        color: #00b8d9
    }

    .md-placeholder-info::-moz-placeholder {
        color: #00b8d9
    }

    .md-placeholder-info:-ms-input-placeholder {
        color: #00b8d9
    }

    .md-placeholder-info::placeholder {
        color: #00b8d9
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info::-webkit-input-placeholder {
        color: #00b8d9
    }

    .lg-placeholder-info::-moz-placeholder {
        color: #00b8d9
    }

    .lg-placeholder-info:-ms-input-placeholder {
        color: #00b8d9
    }

    .lg-placeholder-info::placeholder {
        color: #00b8d9
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info::-webkit-input-placeholder {
        color: #00b8d9
    }

    .xl-placeholder-info::-moz-placeholder {
        color: #00b8d9
    }

    .xl-placeholder-info:-ms-input-placeholder {
        color: #00b8d9
    }

    .xl-placeholder-info::placeholder {
        color: #00b8d9
    }
}

.placeholder-info-100::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .1)
}

.placeholder-info-100::-moz-placeholder {
    color: rgba(0, 184, 217, .1)
}

.placeholder-info-100:-ms-input-placeholder {
    color: rgba(0, 184, 217, .1)
}

.placeholder-info-100::placeholder {
    color: rgba(0, 184, 217, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-100::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .sm-placeholder-info-100::-moz-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .sm-placeholder-info-100:-ms-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .sm-placeholder-info-100::placeholder {
        color: rgba(0, 184, 217, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-100::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .md-placeholder-info-100::-moz-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .md-placeholder-info-100:-ms-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .md-placeholder-info-100::placeholder {
        color: rgba(0, 184, 217, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-100::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .lg-placeholder-info-100::-moz-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .lg-placeholder-info-100:-ms-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .lg-placeholder-info-100::placeholder {
        color: rgba(0, 184, 217, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-100::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .xl-placeholder-info-100::-moz-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .xl-placeholder-info-100:-ms-input-placeholder {
        color: rgba(0, 184, 217, .1)
    }

    .xl-placeholder-info-100::placeholder {
        color: rgba(0, 184, 217, .1)
    }
}

.placeholder-info-200::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .2)
}

.placeholder-info-200::-moz-placeholder {
    color: rgba(0, 184, 217, .2)
}

.placeholder-info-200:-ms-input-placeholder {
    color: rgba(0, 184, 217, .2)
}

.placeholder-info-200::placeholder {
    color: rgba(0, 184, 217, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-200::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .sm-placeholder-info-200::-moz-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .sm-placeholder-info-200:-ms-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .sm-placeholder-info-200::placeholder {
        color: rgba(0, 184, 217, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-200::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .md-placeholder-info-200::-moz-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .md-placeholder-info-200:-ms-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .md-placeholder-info-200::placeholder {
        color: rgba(0, 184, 217, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-200::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .lg-placeholder-info-200::-moz-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .lg-placeholder-info-200:-ms-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .lg-placeholder-info-200::placeholder {
        color: rgba(0, 184, 217, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-200::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .xl-placeholder-info-200::-moz-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .xl-placeholder-info-200:-ms-input-placeholder {
        color: rgba(0, 184, 217, .2)
    }

    .xl-placeholder-info-200::placeholder {
        color: rgba(0, 184, 217, .2)
    }
}

.placeholder-info-300::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .3)
}

.placeholder-info-300::-moz-placeholder {
    color: rgba(0, 184, 217, .3)
}

.placeholder-info-300:-ms-input-placeholder {
    color: rgba(0, 184, 217, .3)
}

.placeholder-info-300::placeholder {
    color: rgba(0, 184, 217, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-300::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .sm-placeholder-info-300::-moz-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .sm-placeholder-info-300:-ms-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .sm-placeholder-info-300::placeholder {
        color: rgba(0, 184, 217, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-300::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .md-placeholder-info-300::-moz-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .md-placeholder-info-300:-ms-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .md-placeholder-info-300::placeholder {
        color: rgba(0, 184, 217, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-300::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .lg-placeholder-info-300::-moz-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .lg-placeholder-info-300:-ms-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .lg-placeholder-info-300::placeholder {
        color: rgba(0, 184, 217, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-300::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .xl-placeholder-info-300::-moz-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .xl-placeholder-info-300:-ms-input-placeholder {
        color: rgba(0, 184, 217, .3)
    }

    .xl-placeholder-info-300::placeholder {
        color: rgba(0, 184, 217, .3)
    }
}

.placeholder-info-400::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .4)
}

.placeholder-info-400::-moz-placeholder {
    color: rgba(0, 184, 217, .4)
}

.placeholder-info-400:-ms-input-placeholder {
    color: rgba(0, 184, 217, .4)
}

.placeholder-info-400::placeholder {
    color: rgba(0, 184, 217, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-400::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .sm-placeholder-info-400::-moz-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .sm-placeholder-info-400:-ms-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .sm-placeholder-info-400::placeholder {
        color: rgba(0, 184, 217, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-400::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .md-placeholder-info-400::-moz-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .md-placeholder-info-400:-ms-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .md-placeholder-info-400::placeholder {
        color: rgba(0, 184, 217, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-400::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .lg-placeholder-info-400::-moz-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .lg-placeholder-info-400:-ms-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .lg-placeholder-info-400::placeholder {
        color: rgba(0, 184, 217, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-400::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .xl-placeholder-info-400::-moz-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .xl-placeholder-info-400:-ms-input-placeholder {
        color: rgba(0, 184, 217, .4)
    }

    .xl-placeholder-info-400::placeholder {
        color: rgba(0, 184, 217, .4)
    }
}

.placeholder-info-500::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .5)
}

.placeholder-info-500::-moz-placeholder {
    color: rgba(0, 184, 217, .5)
}

.placeholder-info-500:-ms-input-placeholder {
    color: rgba(0, 184, 217, .5)
}

.placeholder-info-500::placeholder {
    color: rgba(0, 184, 217, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-500::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .sm-placeholder-info-500::-moz-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .sm-placeholder-info-500:-ms-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .sm-placeholder-info-500::placeholder {
        color: rgba(0, 184, 217, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-500::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .md-placeholder-info-500::-moz-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .md-placeholder-info-500:-ms-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .md-placeholder-info-500::placeholder {
        color: rgba(0, 184, 217, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-500::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .lg-placeholder-info-500::-moz-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .lg-placeholder-info-500:-ms-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .lg-placeholder-info-500::placeholder {
        color: rgba(0, 184, 217, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-500::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .xl-placeholder-info-500::-moz-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .xl-placeholder-info-500:-ms-input-placeholder {
        color: rgba(0, 184, 217, .5)
    }

    .xl-placeholder-info-500::placeholder {
        color: rgba(0, 184, 217, .5)
    }
}

.placeholder-info-600::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .6)
}

.placeholder-info-600::-moz-placeholder {
    color: rgba(0, 184, 217, .6)
}

.placeholder-info-600:-ms-input-placeholder {
    color: rgba(0, 184, 217, .6)
}

.placeholder-info-600::placeholder {
    color: rgba(0, 184, 217, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-600::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .sm-placeholder-info-600::-moz-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .sm-placeholder-info-600:-ms-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .sm-placeholder-info-600::placeholder {
        color: rgba(0, 184, 217, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-600::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .md-placeholder-info-600::-moz-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .md-placeholder-info-600:-ms-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .md-placeholder-info-600::placeholder {
        color: rgba(0, 184, 217, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-600::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .lg-placeholder-info-600::-moz-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .lg-placeholder-info-600:-ms-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .lg-placeholder-info-600::placeholder {
        color: rgba(0, 184, 217, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-600::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .xl-placeholder-info-600::-moz-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .xl-placeholder-info-600:-ms-input-placeholder {
        color: rgba(0, 184, 217, .6)
    }

    .xl-placeholder-info-600::placeholder {
        color: rgba(0, 184, 217, .6)
    }
}

.placeholder-info-700::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .7)
}

.placeholder-info-700::-moz-placeholder {
    color: rgba(0, 184, 217, .7)
}

.placeholder-info-700:-ms-input-placeholder {
    color: rgba(0, 184, 217, .7)
}

.placeholder-info-700::placeholder {
    color: rgba(0, 184, 217, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-700::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .sm-placeholder-info-700::-moz-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .sm-placeholder-info-700:-ms-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .sm-placeholder-info-700::placeholder {
        color: rgba(0, 184, 217, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-700::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .md-placeholder-info-700::-moz-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .md-placeholder-info-700:-ms-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .md-placeholder-info-700::placeholder {
        color: rgba(0, 184, 217, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-700::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .lg-placeholder-info-700::-moz-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .lg-placeholder-info-700:-ms-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .lg-placeholder-info-700::placeholder {
        color: rgba(0, 184, 217, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-700::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .xl-placeholder-info-700::-moz-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .xl-placeholder-info-700:-ms-input-placeholder {
        color: rgba(0, 184, 217, .7)
    }

    .xl-placeholder-info-700::placeholder {
        color: rgba(0, 184, 217, .7)
    }
}

.placeholder-info-800::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .8)
}

.placeholder-info-800::-moz-placeholder {
    color: rgba(0, 184, 217, .8)
}

.placeholder-info-800:-ms-input-placeholder {
    color: rgba(0, 184, 217, .8)
}

.placeholder-info-800::placeholder {
    color: rgba(0, 184, 217, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-800::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .sm-placeholder-info-800::-moz-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .sm-placeholder-info-800:-ms-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .sm-placeholder-info-800::placeholder {
        color: rgba(0, 184, 217, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-800::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .md-placeholder-info-800::-moz-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .md-placeholder-info-800:-ms-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .md-placeholder-info-800::placeholder {
        color: rgba(0, 184, 217, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-800::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .lg-placeholder-info-800::-moz-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .lg-placeholder-info-800:-ms-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .lg-placeholder-info-800::placeholder {
        color: rgba(0, 184, 217, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-800::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .xl-placeholder-info-800::-moz-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .xl-placeholder-info-800:-ms-input-placeholder {
        color: rgba(0, 184, 217, .8)
    }

    .xl-placeholder-info-800::placeholder {
        color: rgba(0, 184, 217, .8)
    }
}

.placeholder-info-900::-webkit-input-placeholder {
    color: rgba(0, 184, 217, .9)
}

.placeholder-info-900::-moz-placeholder {
    color: rgba(0, 184, 217, .9)
}

.placeholder-info-900:-ms-input-placeholder {
    color: rgba(0, 184, 217, .9)
}

.placeholder-info-900::placeholder {
    color: rgba(0, 184, 217, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-info-900::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .sm-placeholder-info-900::-moz-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .sm-placeholder-info-900:-ms-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .sm-placeholder-info-900::placeholder {
        color: rgba(0, 184, 217, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-info-900::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .md-placeholder-info-900::-moz-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .md-placeholder-info-900:-ms-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .md-placeholder-info-900::placeholder {
        color: rgba(0, 184, 217, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-info-900::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .lg-placeholder-info-900::-moz-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .lg-placeholder-info-900:-ms-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .lg-placeholder-info-900::placeholder {
        color: rgba(0, 184, 217, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-info-900::-webkit-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .xl-placeholder-info-900::-moz-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .xl-placeholder-info-900:-ms-input-placeholder {
        color: rgba(0, 184, 217, .9)
    }

    .xl-placeholder-info-900::placeholder {
        color: rgba(0, 184, 217, .9)
    }
}

.placeholder-warning::-webkit-input-placeholder {
    color: #faad13
}

.placeholder-warning::-moz-placeholder {
    color: #faad13
}

.placeholder-warning:-ms-input-placeholder {
    color: #faad13
}

.placeholder-warning::placeholder {
    color: #faad13
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning::-webkit-input-placeholder {
        color: #faad13
    }

    .sm-placeholder-warning::-moz-placeholder {
        color: #faad13
    }

    .sm-placeholder-warning:-ms-input-placeholder {
        color: #faad13
    }

    .sm-placeholder-warning::placeholder {
        color: #faad13
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning::-webkit-input-placeholder {
        color: #faad13
    }

    .md-placeholder-warning::-moz-placeholder {
        color: #faad13
    }

    .md-placeholder-warning:-ms-input-placeholder {
        color: #faad13
    }

    .md-placeholder-warning::placeholder {
        color: #faad13
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning::-webkit-input-placeholder {
        color: #faad13
    }

    .lg-placeholder-warning::-moz-placeholder {
        color: #faad13
    }

    .lg-placeholder-warning:-ms-input-placeholder {
        color: #faad13
    }

    .lg-placeholder-warning::placeholder {
        color: #faad13
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning::-webkit-input-placeholder {
        color: #faad13
    }

    .xl-placeholder-warning::-moz-placeholder {
        color: #faad13
    }

    .xl-placeholder-warning:-ms-input-placeholder {
        color: #faad13
    }

    .xl-placeholder-warning::placeholder {
        color: #faad13
    }
}

.placeholder-warning-100::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .1)
}

.placeholder-warning-100::-moz-placeholder {
    color: rgba(250, 173, 19, .1)
}

.placeholder-warning-100:-ms-input-placeholder {
    color: rgba(250, 173, 19, .1)
}

.placeholder-warning-100::placeholder {
    color: rgba(250, 173, 19, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-100::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .sm-placeholder-warning-100::-moz-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .sm-placeholder-warning-100:-ms-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .sm-placeholder-warning-100::placeholder {
        color: rgba(250, 173, 19, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-100::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .md-placeholder-warning-100::-moz-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .md-placeholder-warning-100:-ms-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .md-placeholder-warning-100::placeholder {
        color: rgba(250, 173, 19, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-100::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .lg-placeholder-warning-100::-moz-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .lg-placeholder-warning-100:-ms-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .lg-placeholder-warning-100::placeholder {
        color: rgba(250, 173, 19, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-100::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .xl-placeholder-warning-100::-moz-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .xl-placeholder-warning-100:-ms-input-placeholder {
        color: rgba(250, 173, 19, .1)
    }

    .xl-placeholder-warning-100::placeholder {
        color: rgba(250, 173, 19, .1)
    }
}

.placeholder-warning-200::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .2)
}

.placeholder-warning-200::-moz-placeholder {
    color: rgba(250, 173, 19, .2)
}

.placeholder-warning-200:-ms-input-placeholder {
    color: rgba(250, 173, 19, .2)
}

.placeholder-warning-200::placeholder {
    color: rgba(250, 173, 19, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-200::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .sm-placeholder-warning-200::-moz-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .sm-placeholder-warning-200:-ms-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .sm-placeholder-warning-200::placeholder {
        color: rgba(250, 173, 19, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-200::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .md-placeholder-warning-200::-moz-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .md-placeholder-warning-200:-ms-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .md-placeholder-warning-200::placeholder {
        color: rgba(250, 173, 19, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-200::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .lg-placeholder-warning-200::-moz-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .lg-placeholder-warning-200:-ms-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .lg-placeholder-warning-200::placeholder {
        color: rgba(250, 173, 19, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-200::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .xl-placeholder-warning-200::-moz-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .xl-placeholder-warning-200:-ms-input-placeholder {
        color: rgba(250, 173, 19, .2)
    }

    .xl-placeholder-warning-200::placeholder {
        color: rgba(250, 173, 19, .2)
    }
}

.placeholder-warning-300::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .3)
}

.placeholder-warning-300::-moz-placeholder {
    color: rgba(250, 173, 19, .3)
}

.placeholder-warning-300:-ms-input-placeholder {
    color: rgba(250, 173, 19, .3)
}

.placeholder-warning-300::placeholder {
    color: rgba(250, 173, 19, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-300::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .sm-placeholder-warning-300::-moz-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .sm-placeholder-warning-300:-ms-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .sm-placeholder-warning-300::placeholder {
        color: rgba(250, 173, 19, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-300::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .md-placeholder-warning-300::-moz-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .md-placeholder-warning-300:-ms-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .md-placeholder-warning-300::placeholder {
        color: rgba(250, 173, 19, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-300::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .lg-placeholder-warning-300::-moz-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .lg-placeholder-warning-300:-ms-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .lg-placeholder-warning-300::placeholder {
        color: rgba(250, 173, 19, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-300::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .xl-placeholder-warning-300::-moz-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .xl-placeholder-warning-300:-ms-input-placeholder {
        color: rgba(250, 173, 19, .3)
    }

    .xl-placeholder-warning-300::placeholder {
        color: rgba(250, 173, 19, .3)
    }
}

.placeholder-warning-400::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .4)
}

.placeholder-warning-400::-moz-placeholder {
    color: rgba(250, 173, 19, .4)
}

.placeholder-warning-400:-ms-input-placeholder {
    color: rgba(250, 173, 19, .4)
}

.placeholder-warning-400::placeholder {
    color: rgba(250, 173, 19, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-400::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .sm-placeholder-warning-400::-moz-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .sm-placeholder-warning-400:-ms-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .sm-placeholder-warning-400::placeholder {
        color: rgba(250, 173, 19, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-400::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .md-placeholder-warning-400::-moz-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .md-placeholder-warning-400:-ms-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .md-placeholder-warning-400::placeholder {
        color: rgba(250, 173, 19, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-400::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .lg-placeholder-warning-400::-moz-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .lg-placeholder-warning-400:-ms-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .lg-placeholder-warning-400::placeholder {
        color: rgba(250, 173, 19, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-400::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .xl-placeholder-warning-400::-moz-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .xl-placeholder-warning-400:-ms-input-placeholder {
        color: rgba(250, 173, 19, .4)
    }

    .xl-placeholder-warning-400::placeholder {
        color: rgba(250, 173, 19, .4)
    }
}

.placeholder-warning-500::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .5)
}

.placeholder-warning-500::-moz-placeholder {
    color: rgba(250, 173, 19, .5)
}

.placeholder-warning-500:-ms-input-placeholder {
    color: rgba(250, 173, 19, .5)
}

.placeholder-warning-500::placeholder {
    color: rgba(250, 173, 19, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-500::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .sm-placeholder-warning-500::-moz-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .sm-placeholder-warning-500:-ms-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .sm-placeholder-warning-500::placeholder {
        color: rgba(250, 173, 19, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-500::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .md-placeholder-warning-500::-moz-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .md-placeholder-warning-500:-ms-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .md-placeholder-warning-500::placeholder {
        color: rgba(250, 173, 19, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-500::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .lg-placeholder-warning-500::-moz-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .lg-placeholder-warning-500:-ms-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .lg-placeholder-warning-500::placeholder {
        color: rgba(250, 173, 19, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-500::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .xl-placeholder-warning-500::-moz-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .xl-placeholder-warning-500:-ms-input-placeholder {
        color: rgba(250, 173, 19, .5)
    }

    .xl-placeholder-warning-500::placeholder {
        color: rgba(250, 173, 19, .5)
    }
}

.placeholder-warning-600::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .6)
}

.placeholder-warning-600::-moz-placeholder {
    color: rgba(250, 173, 19, .6)
}

.placeholder-warning-600:-ms-input-placeholder {
    color: rgba(250, 173, 19, .6)
}

.placeholder-warning-600::placeholder {
    color: rgba(250, 173, 19, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-600::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .sm-placeholder-warning-600::-moz-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .sm-placeholder-warning-600:-ms-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .sm-placeholder-warning-600::placeholder {
        color: rgba(250, 173, 19, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-600::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .md-placeholder-warning-600::-moz-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .md-placeholder-warning-600:-ms-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .md-placeholder-warning-600::placeholder {
        color: rgba(250, 173, 19, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-600::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .lg-placeholder-warning-600::-moz-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .lg-placeholder-warning-600:-ms-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .lg-placeholder-warning-600::placeholder {
        color: rgba(250, 173, 19, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-600::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .xl-placeholder-warning-600::-moz-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .xl-placeholder-warning-600:-ms-input-placeholder {
        color: rgba(250, 173, 19, .6)
    }

    .xl-placeholder-warning-600::placeholder {
        color: rgba(250, 173, 19, .6)
    }
}

.placeholder-warning-700::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .7)
}

.placeholder-warning-700::-moz-placeholder {
    color: rgba(250, 173, 19, .7)
}

.placeholder-warning-700:-ms-input-placeholder {
    color: rgba(250, 173, 19, .7)
}

.placeholder-warning-700::placeholder {
    color: rgba(250, 173, 19, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-700::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .sm-placeholder-warning-700::-moz-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .sm-placeholder-warning-700:-ms-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .sm-placeholder-warning-700::placeholder {
        color: rgba(250, 173, 19, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-700::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .md-placeholder-warning-700::-moz-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .md-placeholder-warning-700:-ms-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .md-placeholder-warning-700::placeholder {
        color: rgba(250, 173, 19, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-700::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .lg-placeholder-warning-700::-moz-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .lg-placeholder-warning-700:-ms-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .lg-placeholder-warning-700::placeholder {
        color: rgba(250, 173, 19, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-700::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .xl-placeholder-warning-700::-moz-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .xl-placeholder-warning-700:-ms-input-placeholder {
        color: rgba(250, 173, 19, .7)
    }

    .xl-placeholder-warning-700::placeholder {
        color: rgba(250, 173, 19, .7)
    }
}

.placeholder-warning-800::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .8)
}

.placeholder-warning-800::-moz-placeholder {
    color: rgba(250, 173, 19, .8)
}

.placeholder-warning-800:-ms-input-placeholder {
    color: rgba(250, 173, 19, .8)
}

.placeholder-warning-800::placeholder {
    color: rgba(250, 173, 19, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-800::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .sm-placeholder-warning-800::-moz-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .sm-placeholder-warning-800:-ms-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .sm-placeholder-warning-800::placeholder {
        color: rgba(250, 173, 19, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-800::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .md-placeholder-warning-800::-moz-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .md-placeholder-warning-800:-ms-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .md-placeholder-warning-800::placeholder {
        color: rgba(250, 173, 19, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-800::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .lg-placeholder-warning-800::-moz-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .lg-placeholder-warning-800:-ms-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .lg-placeholder-warning-800::placeholder {
        color: rgba(250, 173, 19, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-800::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .xl-placeholder-warning-800::-moz-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .xl-placeholder-warning-800:-ms-input-placeholder {
        color: rgba(250, 173, 19, .8)
    }

    .xl-placeholder-warning-800::placeholder {
        color: rgba(250, 173, 19, .8)
    }
}

.placeholder-warning-900::-webkit-input-placeholder {
    color: rgba(250, 173, 19, .9)
}

.placeholder-warning-900::-moz-placeholder {
    color: rgba(250, 173, 19, .9)
}

.placeholder-warning-900:-ms-input-placeholder {
    color: rgba(250, 173, 19, .9)
}

.placeholder-warning-900::placeholder {
    color: rgba(250, 173, 19, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-warning-900::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .sm-placeholder-warning-900::-moz-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .sm-placeholder-warning-900:-ms-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .sm-placeholder-warning-900::placeholder {
        color: rgba(250, 173, 19, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-warning-900::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .md-placeholder-warning-900::-moz-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .md-placeholder-warning-900:-ms-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .md-placeholder-warning-900::placeholder {
        color: rgba(250, 173, 19, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-warning-900::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .lg-placeholder-warning-900::-moz-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .lg-placeholder-warning-900:-ms-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .lg-placeholder-warning-900::placeholder {
        color: rgba(250, 173, 19, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-warning-900::-webkit-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .xl-placeholder-warning-900::-moz-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .xl-placeholder-warning-900:-ms-input-placeholder {
        color: rgba(250, 173, 19, .9)
    }

    .xl-placeholder-warning-900::placeholder {
        color: rgba(250, 173, 19, .9)
    }
}

.placeholder-danger::-webkit-input-placeholder {
    color: #f2607b
}

.placeholder-danger::-moz-placeholder {
    color: #f2607b
}

.placeholder-danger:-ms-input-placeholder {
    color: #f2607b
}

.placeholder-danger::placeholder {
    color: #f2607b
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger::-webkit-input-placeholder {
        color: #f2607b
    }

    .sm-placeholder-danger::-moz-placeholder {
        color: #f2607b
    }

    .sm-placeholder-danger:-ms-input-placeholder {
        color: #f2607b
    }

    .sm-placeholder-danger::placeholder {
        color: #f2607b
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger::-webkit-input-placeholder {
        color: #f2607b
    }

    .md-placeholder-danger::-moz-placeholder {
        color: #f2607b
    }

    .md-placeholder-danger:-ms-input-placeholder {
        color: #f2607b
    }

    .md-placeholder-danger::placeholder {
        color: #f2607b
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger::-webkit-input-placeholder {
        color: #f2607b
    }

    .lg-placeholder-danger::-moz-placeholder {
        color: #f2607b
    }

    .lg-placeholder-danger:-ms-input-placeholder {
        color: #f2607b
    }

    .lg-placeholder-danger::placeholder {
        color: #f2607b
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger::-webkit-input-placeholder {
        color: #f2607b
    }

    .xl-placeholder-danger::-moz-placeholder {
        color: #f2607b
    }

    .xl-placeholder-danger:-ms-input-placeholder {
        color: #f2607b
    }

    .xl-placeholder-danger::placeholder {
        color: #f2607b
    }
}

.placeholder-danger-100::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .1)
}

.placeholder-danger-100::-moz-placeholder {
    color: rgba(242, 96, 123, .1)
}

.placeholder-danger-100:-ms-input-placeholder {
    color: rgba(242, 96, 123, .1)
}

.placeholder-danger-100::placeholder {
    color: rgba(242, 96, 123, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-100::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .sm-placeholder-danger-100::-moz-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .sm-placeholder-danger-100:-ms-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .sm-placeholder-danger-100::placeholder {
        color: rgba(242, 96, 123, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-100::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .md-placeholder-danger-100::-moz-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .md-placeholder-danger-100:-ms-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .md-placeholder-danger-100::placeholder {
        color: rgba(242, 96, 123, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-100::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .lg-placeholder-danger-100::-moz-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .lg-placeholder-danger-100:-ms-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .lg-placeholder-danger-100::placeholder {
        color: rgba(242, 96, 123, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-100::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .xl-placeholder-danger-100::-moz-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .xl-placeholder-danger-100:-ms-input-placeholder {
        color: rgba(242, 96, 123, .1)
    }

    .xl-placeholder-danger-100::placeholder {
        color: rgba(242, 96, 123, .1)
    }
}

.placeholder-danger-200::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .2)
}

.placeholder-danger-200::-moz-placeholder {
    color: rgba(242, 96, 123, .2)
}

.placeholder-danger-200:-ms-input-placeholder {
    color: rgba(242, 96, 123, .2)
}

.placeholder-danger-200::placeholder {
    color: rgba(242, 96, 123, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-200::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .sm-placeholder-danger-200::-moz-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .sm-placeholder-danger-200:-ms-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .sm-placeholder-danger-200::placeholder {
        color: rgba(242, 96, 123, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-200::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .md-placeholder-danger-200::-moz-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .md-placeholder-danger-200:-ms-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .md-placeholder-danger-200::placeholder {
        color: rgba(242, 96, 123, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-200::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .lg-placeholder-danger-200::-moz-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .lg-placeholder-danger-200:-ms-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .lg-placeholder-danger-200::placeholder {
        color: rgba(242, 96, 123, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-200::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .xl-placeholder-danger-200::-moz-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .xl-placeholder-danger-200:-ms-input-placeholder {
        color: rgba(242, 96, 123, .2)
    }

    .xl-placeholder-danger-200::placeholder {
        color: rgba(242, 96, 123, .2)
    }
}

.placeholder-danger-300::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .3)
}

.placeholder-danger-300::-moz-placeholder {
    color: rgba(242, 96, 123, .3)
}

.placeholder-danger-300:-ms-input-placeholder {
    color: rgba(242, 96, 123, .3)
}

.placeholder-danger-300::placeholder {
    color: rgba(242, 96, 123, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-300::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .sm-placeholder-danger-300::-moz-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .sm-placeholder-danger-300:-ms-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .sm-placeholder-danger-300::placeholder {
        color: rgba(242, 96, 123, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-300::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .md-placeholder-danger-300::-moz-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .md-placeholder-danger-300:-ms-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .md-placeholder-danger-300::placeholder {
        color: rgba(242, 96, 123, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-300::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .lg-placeholder-danger-300::-moz-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .lg-placeholder-danger-300:-ms-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .lg-placeholder-danger-300::placeholder {
        color: rgba(242, 96, 123, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-300::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .xl-placeholder-danger-300::-moz-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .xl-placeholder-danger-300:-ms-input-placeholder {
        color: rgba(242, 96, 123, .3)
    }

    .xl-placeholder-danger-300::placeholder {
        color: rgba(242, 96, 123, .3)
    }
}

.placeholder-danger-400::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .4)
}

.placeholder-danger-400::-moz-placeholder {
    color: rgba(242, 96, 123, .4)
}

.placeholder-danger-400:-ms-input-placeholder {
    color: rgba(242, 96, 123, .4)
}

.placeholder-danger-400::placeholder {
    color: rgba(242, 96, 123, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-400::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .sm-placeholder-danger-400::-moz-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .sm-placeholder-danger-400:-ms-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .sm-placeholder-danger-400::placeholder {
        color: rgba(242, 96, 123, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-400::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .md-placeholder-danger-400::-moz-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .md-placeholder-danger-400:-ms-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .md-placeholder-danger-400::placeholder {
        color: rgba(242, 96, 123, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-400::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .lg-placeholder-danger-400::-moz-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .lg-placeholder-danger-400:-ms-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .lg-placeholder-danger-400::placeholder {
        color: rgba(242, 96, 123, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-400::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .xl-placeholder-danger-400::-moz-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .xl-placeholder-danger-400:-ms-input-placeholder {
        color: rgba(242, 96, 123, .4)
    }

    .xl-placeholder-danger-400::placeholder {
        color: rgba(242, 96, 123, .4)
    }
}

.placeholder-danger-500::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .5)
}

.placeholder-danger-500::-moz-placeholder {
    color: rgba(242, 96, 123, .5)
}

.placeholder-danger-500:-ms-input-placeholder {
    color: rgba(242, 96, 123, .5)
}

.placeholder-danger-500::placeholder {
    color: rgba(242, 96, 123, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-500::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .sm-placeholder-danger-500::-moz-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .sm-placeholder-danger-500:-ms-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .sm-placeholder-danger-500::placeholder {
        color: rgba(242, 96, 123, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-500::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .md-placeholder-danger-500::-moz-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .md-placeholder-danger-500:-ms-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .md-placeholder-danger-500::placeholder {
        color: rgba(242, 96, 123, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-500::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .lg-placeholder-danger-500::-moz-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .lg-placeholder-danger-500:-ms-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .lg-placeholder-danger-500::placeholder {
        color: rgba(242, 96, 123, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-500::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .xl-placeholder-danger-500::-moz-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .xl-placeholder-danger-500:-ms-input-placeholder {
        color: rgba(242, 96, 123, .5)
    }

    .xl-placeholder-danger-500::placeholder {
        color: rgba(242, 96, 123, .5)
    }
}

.placeholder-danger-600::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .6)
}

.placeholder-danger-600::-moz-placeholder {
    color: rgba(242, 96, 123, .6)
}

.placeholder-danger-600:-ms-input-placeholder {
    color: rgba(242, 96, 123, .6)
}

.placeholder-danger-600::placeholder {
    color: rgba(242, 96, 123, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-600::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .sm-placeholder-danger-600::-moz-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .sm-placeholder-danger-600:-ms-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .sm-placeholder-danger-600::placeholder {
        color: rgba(242, 96, 123, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-600::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .md-placeholder-danger-600::-moz-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .md-placeholder-danger-600:-ms-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .md-placeholder-danger-600::placeholder {
        color: rgba(242, 96, 123, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-600::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .lg-placeholder-danger-600::-moz-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .lg-placeholder-danger-600:-ms-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .lg-placeholder-danger-600::placeholder {
        color: rgba(242, 96, 123, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-600::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .xl-placeholder-danger-600::-moz-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .xl-placeholder-danger-600:-ms-input-placeholder {
        color: rgba(242, 96, 123, .6)
    }

    .xl-placeholder-danger-600::placeholder {
        color: rgba(242, 96, 123, .6)
    }
}

.placeholder-danger-700::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .7)
}

.placeholder-danger-700::-moz-placeholder {
    color: rgba(242, 96, 123, .7)
}

.placeholder-danger-700:-ms-input-placeholder {
    color: rgba(242, 96, 123, .7)
}

.placeholder-danger-700::placeholder {
    color: rgba(242, 96, 123, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-700::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .sm-placeholder-danger-700::-moz-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .sm-placeholder-danger-700:-ms-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .sm-placeholder-danger-700::placeholder {
        color: rgba(242, 96, 123, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-700::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .md-placeholder-danger-700::-moz-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .md-placeholder-danger-700:-ms-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .md-placeholder-danger-700::placeholder {
        color: rgba(242, 96, 123, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-700::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .lg-placeholder-danger-700::-moz-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .lg-placeholder-danger-700:-ms-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .lg-placeholder-danger-700::placeholder {
        color: rgba(242, 96, 123, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-700::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .xl-placeholder-danger-700::-moz-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .xl-placeholder-danger-700:-ms-input-placeholder {
        color: rgba(242, 96, 123, .7)
    }

    .xl-placeholder-danger-700::placeholder {
        color: rgba(242, 96, 123, .7)
    }
}

.placeholder-danger-800::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .8)
}

.placeholder-danger-800::-moz-placeholder {
    color: rgba(242, 96, 123, .8)
}

.placeholder-danger-800:-ms-input-placeholder {
    color: rgba(242, 96, 123, .8)
}

.placeholder-danger-800::placeholder {
    color: rgba(242, 96, 123, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-800::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .sm-placeholder-danger-800::-moz-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .sm-placeholder-danger-800:-ms-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .sm-placeholder-danger-800::placeholder {
        color: rgba(242, 96, 123, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-800::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .md-placeholder-danger-800::-moz-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .md-placeholder-danger-800:-ms-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .md-placeholder-danger-800::placeholder {
        color: rgba(242, 96, 123, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-800::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .lg-placeholder-danger-800::-moz-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .lg-placeholder-danger-800:-ms-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .lg-placeholder-danger-800::placeholder {
        color: rgba(242, 96, 123, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-800::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .xl-placeholder-danger-800::-moz-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .xl-placeholder-danger-800:-ms-input-placeholder {
        color: rgba(242, 96, 123, .8)
    }

    .xl-placeholder-danger-800::placeholder {
        color: rgba(242, 96, 123, .8)
    }
}

.placeholder-danger-900::-webkit-input-placeholder {
    color: rgba(242, 96, 123, .9)
}

.placeholder-danger-900::-moz-placeholder {
    color: rgba(242, 96, 123, .9)
}

.placeholder-danger-900:-ms-input-placeholder {
    color: rgba(242, 96, 123, .9)
}

.placeholder-danger-900::placeholder {
    color: rgba(242, 96, 123, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-danger-900::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .sm-placeholder-danger-900::-moz-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .sm-placeholder-danger-900:-ms-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .sm-placeholder-danger-900::placeholder {
        color: rgba(242, 96, 123, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-danger-900::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .md-placeholder-danger-900::-moz-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .md-placeholder-danger-900:-ms-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .md-placeholder-danger-900::placeholder {
        color: rgba(242, 96, 123, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-danger-900::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .lg-placeholder-danger-900::-moz-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .lg-placeholder-danger-900:-ms-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .lg-placeholder-danger-900::placeholder {
        color: rgba(242, 96, 123, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-danger-900::-webkit-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .xl-placeholder-danger-900::-moz-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .xl-placeholder-danger-900:-ms-input-placeholder {
        color: rgba(242, 96, 123, .9)
    }

    .xl-placeholder-danger-900::placeholder {
        color: rgba(242, 96, 123, .9)
    }
}

.placeholder-black::-webkit-input-placeholder {
    color: #183b56
}

.placeholder-black::-moz-placeholder {
    color: #183b56
}

.placeholder-black:-ms-input-placeholder {
    color: #183b56
}

.placeholder-black::placeholder {
    color: #183b56
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black::-webkit-input-placeholder {
        color: #183b56
    }

    .sm-placeholder-black::-moz-placeholder {
        color: #183b56
    }

    .sm-placeholder-black:-ms-input-placeholder {
        color: #183b56
    }

    .sm-placeholder-black::placeholder {
        color: #183b56
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black::-webkit-input-placeholder {
        color: #183b56
    }

    .md-placeholder-black::-moz-placeholder {
        color: #183b56
    }

    .md-placeholder-black:-ms-input-placeholder {
        color: #183b56
    }

    .md-placeholder-black::placeholder {
        color: #183b56
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black::-webkit-input-placeholder {
        color: #183b56
    }

    .lg-placeholder-black::-moz-placeholder {
        color: #183b56
    }

    .lg-placeholder-black:-ms-input-placeholder {
        color: #183b56
    }

    .lg-placeholder-black::placeholder {
        color: #183b56
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black::-webkit-input-placeholder {
        color: #183b56
    }

    .xl-placeholder-black::-moz-placeholder {
        color: #183b56
    }

    .xl-placeholder-black:-ms-input-placeholder {
        color: #183b56
    }

    .xl-placeholder-black::placeholder {
        color: #183b56
    }
}

.placeholder-black-100::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .1)
}

.placeholder-black-100::-moz-placeholder {
    color: rgba(24, 59, 86, .1)
}

.placeholder-black-100:-ms-input-placeholder {
    color: rgba(24, 59, 86, .1)
}

.placeholder-black-100::placeholder {
    color: rgba(24, 59, 86, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-100::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .sm-placeholder-black-100::-moz-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .sm-placeholder-black-100:-ms-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .sm-placeholder-black-100::placeholder {
        color: rgba(24, 59, 86, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-100::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .md-placeholder-black-100::-moz-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .md-placeholder-black-100:-ms-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .md-placeholder-black-100::placeholder {
        color: rgba(24, 59, 86, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-100::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .lg-placeholder-black-100::-moz-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .lg-placeholder-black-100:-ms-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .lg-placeholder-black-100::placeholder {
        color: rgba(24, 59, 86, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-100::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .xl-placeholder-black-100::-moz-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .xl-placeholder-black-100:-ms-input-placeholder {
        color: rgba(24, 59, 86, .1)
    }

    .xl-placeholder-black-100::placeholder {
        color: rgba(24, 59, 86, .1)
    }
}

.placeholder-black-200::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .2)
}

.placeholder-black-200::-moz-placeholder {
    color: rgba(24, 59, 86, .2)
}

.placeholder-black-200:-ms-input-placeholder {
    color: rgba(24, 59, 86, .2)
}

.placeholder-black-200::placeholder {
    color: rgba(24, 59, 86, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-200::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .sm-placeholder-black-200::-moz-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .sm-placeholder-black-200:-ms-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .sm-placeholder-black-200::placeholder {
        color: rgba(24, 59, 86, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-200::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .md-placeholder-black-200::-moz-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .md-placeholder-black-200:-ms-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .md-placeholder-black-200::placeholder {
        color: rgba(24, 59, 86, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-200::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .lg-placeholder-black-200::-moz-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .lg-placeholder-black-200:-ms-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .lg-placeholder-black-200::placeholder {
        color: rgba(24, 59, 86, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-200::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .xl-placeholder-black-200::-moz-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .xl-placeholder-black-200:-ms-input-placeholder {
        color: rgba(24, 59, 86, .2)
    }

    .xl-placeholder-black-200::placeholder {
        color: rgba(24, 59, 86, .2)
    }
}

.placeholder-black-300::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .3)
}

.placeholder-black-300::-moz-placeholder {
    color: rgba(24, 59, 86, .3)
}

.placeholder-black-300:-ms-input-placeholder {
    color: rgba(24, 59, 86, .3)
}

.placeholder-black-300::placeholder {
    color: rgba(24, 59, 86, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-300::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .sm-placeholder-black-300::-moz-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .sm-placeholder-black-300:-ms-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .sm-placeholder-black-300::placeholder {
        color: rgba(24, 59, 86, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-300::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .md-placeholder-black-300::-moz-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .md-placeholder-black-300:-ms-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .md-placeholder-black-300::placeholder {
        color: rgba(24, 59, 86, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-300::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .lg-placeholder-black-300::-moz-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .lg-placeholder-black-300:-ms-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .lg-placeholder-black-300::placeholder {
        color: rgba(24, 59, 86, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-300::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .xl-placeholder-black-300::-moz-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .xl-placeholder-black-300:-ms-input-placeholder {
        color: rgba(24, 59, 86, .3)
    }

    .xl-placeholder-black-300::placeholder {
        color: rgba(24, 59, 86, .3)
    }
}

.placeholder-black-400::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .4)
}

.placeholder-black-400::-moz-placeholder {
    color: rgba(24, 59, 86, .4)
}

.placeholder-black-400:-ms-input-placeholder {
    color: rgba(24, 59, 86, .4)
}

.placeholder-black-400::placeholder {
    color: rgba(24, 59, 86, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-400::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .sm-placeholder-black-400::-moz-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .sm-placeholder-black-400:-ms-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .sm-placeholder-black-400::placeholder {
        color: rgba(24, 59, 86, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-400::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .md-placeholder-black-400::-moz-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .md-placeholder-black-400:-ms-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .md-placeholder-black-400::placeholder {
        color: rgba(24, 59, 86, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-400::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .lg-placeholder-black-400::-moz-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .lg-placeholder-black-400:-ms-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .lg-placeholder-black-400::placeholder {
        color: rgba(24, 59, 86, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-400::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .xl-placeholder-black-400::-moz-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .xl-placeholder-black-400:-ms-input-placeholder {
        color: rgba(24, 59, 86, .4)
    }

    .xl-placeholder-black-400::placeholder {
        color: rgba(24, 59, 86, .4)
    }
}

.placeholder-black-500::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .5)
}

.placeholder-black-500::-moz-placeholder {
    color: rgba(24, 59, 86, .5)
}

.placeholder-black-500:-ms-input-placeholder {
    color: rgba(24, 59, 86, .5)
}

.placeholder-black-500::placeholder {
    color: rgba(24, 59, 86, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-500::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .sm-placeholder-black-500::-moz-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .sm-placeholder-black-500:-ms-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .sm-placeholder-black-500::placeholder {
        color: rgba(24, 59, 86, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-500::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .md-placeholder-black-500::-moz-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .md-placeholder-black-500:-ms-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .md-placeholder-black-500::placeholder {
        color: rgba(24, 59, 86, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-500::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .lg-placeholder-black-500::-moz-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .lg-placeholder-black-500:-ms-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .lg-placeholder-black-500::placeholder {
        color: rgba(24, 59, 86, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-500::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .xl-placeholder-black-500::-moz-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .xl-placeholder-black-500:-ms-input-placeholder {
        color: rgba(24, 59, 86, .5)
    }

    .xl-placeholder-black-500::placeholder {
        color: rgba(24, 59, 86, .5)
    }
}

.placeholder-black-600::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .6)
}

.placeholder-black-600::-moz-placeholder {
    color: rgba(24, 59, 86, .6)
}

.placeholder-black-600:-ms-input-placeholder {
    color: rgba(24, 59, 86, .6)
}

.placeholder-black-600::placeholder {
    color: rgba(24, 59, 86, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-600::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .sm-placeholder-black-600::-moz-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .sm-placeholder-black-600:-ms-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .sm-placeholder-black-600::placeholder {
        color: rgba(24, 59, 86, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-600::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .md-placeholder-black-600::-moz-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .md-placeholder-black-600:-ms-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .md-placeholder-black-600::placeholder {
        color: rgba(24, 59, 86, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-600::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .lg-placeholder-black-600::-moz-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .lg-placeholder-black-600:-ms-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .lg-placeholder-black-600::placeholder {
        color: rgba(24, 59, 86, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-600::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .xl-placeholder-black-600::-moz-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .xl-placeholder-black-600:-ms-input-placeholder {
        color: rgba(24, 59, 86, .6)
    }

    .xl-placeholder-black-600::placeholder {
        color: rgba(24, 59, 86, .6)
    }
}

.placeholder-black-700::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .7)
}

.placeholder-black-700::-moz-placeholder {
    color: rgba(24, 59, 86, .7)
}

.placeholder-black-700:-ms-input-placeholder {
    color: rgba(24, 59, 86, .7)
}

.placeholder-black-700::placeholder {
    color: rgba(24, 59, 86, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-700::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .sm-placeholder-black-700::-moz-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .sm-placeholder-black-700:-ms-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .sm-placeholder-black-700::placeholder {
        color: rgba(24, 59, 86, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-700::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .md-placeholder-black-700::-moz-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .md-placeholder-black-700:-ms-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .md-placeholder-black-700::placeholder {
        color: rgba(24, 59, 86, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-700::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .lg-placeholder-black-700::-moz-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .lg-placeholder-black-700:-ms-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .lg-placeholder-black-700::placeholder {
        color: rgba(24, 59, 86, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-700::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .xl-placeholder-black-700::-moz-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .xl-placeholder-black-700:-ms-input-placeholder {
        color: rgba(24, 59, 86, .7)
    }

    .xl-placeholder-black-700::placeholder {
        color: rgba(24, 59, 86, .7)
    }
}

.placeholder-black-800::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .8)
}

.placeholder-black-800::-moz-placeholder {
    color: rgba(24, 59, 86, .8)
}

.placeholder-black-800:-ms-input-placeholder {
    color: rgba(24, 59, 86, .8)
}

.placeholder-black-800::placeholder {
    color: rgba(24, 59, 86, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-800::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .sm-placeholder-black-800::-moz-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .sm-placeholder-black-800:-ms-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .sm-placeholder-black-800::placeholder {
        color: rgba(24, 59, 86, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-800::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .md-placeholder-black-800::-moz-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .md-placeholder-black-800:-ms-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .md-placeholder-black-800::placeholder {
        color: rgba(24, 59, 86, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-800::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .lg-placeholder-black-800::-moz-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .lg-placeholder-black-800:-ms-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .lg-placeholder-black-800::placeholder {
        color: rgba(24, 59, 86, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-800::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .xl-placeholder-black-800::-moz-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .xl-placeholder-black-800:-ms-input-placeholder {
        color: rgba(24, 59, 86, .8)
    }

    .xl-placeholder-black-800::placeholder {
        color: rgba(24, 59, 86, .8)
    }
}

.placeholder-black-900::-webkit-input-placeholder {
    color: rgba(24, 59, 86, .9)
}

.placeholder-black-900::-moz-placeholder {
    color: rgba(24, 59, 86, .9)
}

.placeholder-black-900:-ms-input-placeholder {
    color: rgba(24, 59, 86, .9)
}

.placeholder-black-900::placeholder {
    color: rgba(24, 59, 86, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-black-900::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .sm-placeholder-black-900::-moz-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .sm-placeholder-black-900:-ms-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .sm-placeholder-black-900::placeholder {
        color: rgba(24, 59, 86, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-black-900::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .md-placeholder-black-900::-moz-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .md-placeholder-black-900:-ms-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .md-placeholder-black-900::placeholder {
        color: rgba(24, 59, 86, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-black-900::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .lg-placeholder-black-900::-moz-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .lg-placeholder-black-900:-ms-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .lg-placeholder-black-900::placeholder {
        color: rgba(24, 59, 86, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-black-900::-webkit-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .xl-placeholder-black-900::-moz-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .xl-placeholder-black-900:-ms-input-placeholder {
        color: rgba(24, 59, 86, .9)
    }

    .xl-placeholder-black-900::placeholder {
        color: rgba(24, 59, 86, .9)
    }
}

.placeholder-gray::-webkit-input-placeholder {
    color: #5a7184
}

.placeholder-gray::-moz-placeholder {
    color: #5a7184
}

.placeholder-gray:-ms-input-placeholder {
    color: #5a7184
}

.placeholder-gray::placeholder {
    color: #5a7184
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray::-webkit-input-placeholder {
        color: #5a7184
    }

    .sm-placeholder-gray::-moz-placeholder {
        color: #5a7184
    }

    .sm-placeholder-gray:-ms-input-placeholder {
        color: #5a7184
    }

    .sm-placeholder-gray::placeholder {
        color: #5a7184
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray::-webkit-input-placeholder {
        color: #5a7184
    }

    .md-placeholder-gray::-moz-placeholder {
        color: #5a7184
    }

    .md-placeholder-gray:-ms-input-placeholder {
        color: #5a7184
    }

    .md-placeholder-gray::placeholder {
        color: #5a7184
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray::-webkit-input-placeholder {
        color: #5a7184
    }

    .lg-placeholder-gray::-moz-placeholder {
        color: #5a7184
    }

    .lg-placeholder-gray:-ms-input-placeholder {
        color: #5a7184
    }

    .lg-placeholder-gray::placeholder {
        color: #5a7184
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray::-webkit-input-placeholder {
        color: #5a7184
    }

    .xl-placeholder-gray::-moz-placeholder {
        color: #5a7184
    }

    .xl-placeholder-gray:-ms-input-placeholder {
        color: #5a7184
    }

    .xl-placeholder-gray::placeholder {
        color: #5a7184
    }
}

.placeholder-gray-100::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .1)
}

.placeholder-gray-100::-moz-placeholder {
    color: rgba(90, 113, 132, .1)
}

.placeholder-gray-100:-ms-input-placeholder {
    color: rgba(90, 113, 132, .1)
}

.placeholder-gray-100::placeholder {
    color: rgba(90, 113, 132, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-100::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .sm-placeholder-gray-100::-moz-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .sm-placeholder-gray-100:-ms-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .sm-placeholder-gray-100::placeholder {
        color: rgba(90, 113, 132, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-100::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .md-placeholder-gray-100::-moz-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .md-placeholder-gray-100:-ms-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .md-placeholder-gray-100::placeholder {
        color: rgba(90, 113, 132, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-100::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .lg-placeholder-gray-100::-moz-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .lg-placeholder-gray-100:-ms-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .lg-placeholder-gray-100::placeholder {
        color: rgba(90, 113, 132, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-100::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .xl-placeholder-gray-100::-moz-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .xl-placeholder-gray-100:-ms-input-placeholder {
        color: rgba(90, 113, 132, .1)
    }

    .xl-placeholder-gray-100::placeholder {
        color: rgba(90, 113, 132, .1)
    }
}

.placeholder-gray-200::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .2)
}

.placeholder-gray-200::-moz-placeholder {
    color: rgba(90, 113, 132, .2)
}

.placeholder-gray-200:-ms-input-placeholder {
    color: rgba(90, 113, 132, .2)
}

.placeholder-gray-200::placeholder {
    color: rgba(90, 113, 132, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-200::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .sm-placeholder-gray-200::-moz-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .sm-placeholder-gray-200:-ms-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .sm-placeholder-gray-200::placeholder {
        color: rgba(90, 113, 132, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-200::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .md-placeholder-gray-200::-moz-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .md-placeholder-gray-200:-ms-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .md-placeholder-gray-200::placeholder {
        color: rgba(90, 113, 132, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-200::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .lg-placeholder-gray-200::-moz-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .lg-placeholder-gray-200:-ms-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .lg-placeholder-gray-200::placeholder {
        color: rgba(90, 113, 132, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-200::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .xl-placeholder-gray-200::-moz-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .xl-placeholder-gray-200:-ms-input-placeholder {
        color: rgba(90, 113, 132, .2)
    }

    .xl-placeholder-gray-200::placeholder {
        color: rgba(90, 113, 132, .2)
    }
}

.placeholder-gray-300::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .3)
}

.placeholder-gray-300::-moz-placeholder {
    color: rgba(90, 113, 132, .3)
}

.placeholder-gray-300:-ms-input-placeholder {
    color: rgba(90, 113, 132, .3)
}

.placeholder-gray-300::placeholder {
    color: rgba(90, 113, 132, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-300::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .sm-placeholder-gray-300::-moz-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .sm-placeholder-gray-300:-ms-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .sm-placeholder-gray-300::placeholder {
        color: rgba(90, 113, 132, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-300::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .md-placeholder-gray-300::-moz-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .md-placeholder-gray-300:-ms-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .md-placeholder-gray-300::placeholder {
        color: rgba(90, 113, 132, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-300::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .lg-placeholder-gray-300::-moz-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .lg-placeholder-gray-300:-ms-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .lg-placeholder-gray-300::placeholder {
        color: rgba(90, 113, 132, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-300::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .xl-placeholder-gray-300::-moz-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .xl-placeholder-gray-300:-ms-input-placeholder {
        color: rgba(90, 113, 132, .3)
    }

    .xl-placeholder-gray-300::placeholder {
        color: rgba(90, 113, 132, .3)
    }
}

.placeholder-gray-400::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .4)
}

.placeholder-gray-400::-moz-placeholder {
    color: rgba(90, 113, 132, .4)
}

.placeholder-gray-400:-ms-input-placeholder {
    color: rgba(90, 113, 132, .4)
}

.placeholder-gray-400::placeholder {
    color: rgba(90, 113, 132, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-400::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .sm-placeholder-gray-400::-moz-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .sm-placeholder-gray-400:-ms-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .sm-placeholder-gray-400::placeholder {
        color: rgba(90, 113, 132, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-400::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .md-placeholder-gray-400::-moz-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .md-placeholder-gray-400:-ms-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .md-placeholder-gray-400::placeholder {
        color: rgba(90, 113, 132, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-400::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .lg-placeholder-gray-400::-moz-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .lg-placeholder-gray-400:-ms-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .lg-placeholder-gray-400::placeholder {
        color: rgba(90, 113, 132, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-400::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .xl-placeholder-gray-400::-moz-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .xl-placeholder-gray-400:-ms-input-placeholder {
        color: rgba(90, 113, 132, .4)
    }

    .xl-placeholder-gray-400::placeholder {
        color: rgba(90, 113, 132, .4)
    }
}

.placeholder-gray-500::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .5)
}

.placeholder-gray-500::-moz-placeholder {
    color: rgba(90, 113, 132, .5)
}

.placeholder-gray-500:-ms-input-placeholder {
    color: rgba(90, 113, 132, .5)
}

.placeholder-gray-500::placeholder {
    color: rgba(90, 113, 132, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-500::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .sm-placeholder-gray-500::-moz-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .sm-placeholder-gray-500:-ms-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .sm-placeholder-gray-500::placeholder {
        color: rgba(90, 113, 132, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-500::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .md-placeholder-gray-500::-moz-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .md-placeholder-gray-500:-ms-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .md-placeholder-gray-500::placeholder {
        color: rgba(90, 113, 132, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-500::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .lg-placeholder-gray-500::-moz-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .lg-placeholder-gray-500:-ms-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .lg-placeholder-gray-500::placeholder {
        color: rgba(90, 113, 132, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-500::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .xl-placeholder-gray-500::-moz-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .xl-placeholder-gray-500:-ms-input-placeholder {
        color: rgba(90, 113, 132, .5)
    }

    .xl-placeholder-gray-500::placeholder {
        color: rgba(90, 113, 132, .5)
    }
}

.placeholder-gray-600::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .6)
}

.placeholder-gray-600::-moz-placeholder {
    color: rgba(90, 113, 132, .6)
}

.placeholder-gray-600:-ms-input-placeholder {
    color: rgba(90, 113, 132, .6)
}

.placeholder-gray-600::placeholder {
    color: rgba(90, 113, 132, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-600::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .sm-placeholder-gray-600::-moz-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .sm-placeholder-gray-600:-ms-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .sm-placeholder-gray-600::placeholder {
        color: rgba(90, 113, 132, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-600::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .md-placeholder-gray-600::-moz-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .md-placeholder-gray-600:-ms-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .md-placeholder-gray-600::placeholder {
        color: rgba(90, 113, 132, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-600::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .lg-placeholder-gray-600::-moz-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .lg-placeholder-gray-600:-ms-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .lg-placeholder-gray-600::placeholder {
        color: rgba(90, 113, 132, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-600::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .xl-placeholder-gray-600::-moz-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .xl-placeholder-gray-600:-ms-input-placeholder {
        color: rgba(90, 113, 132, .6)
    }

    .xl-placeholder-gray-600::placeholder {
        color: rgba(90, 113, 132, .6)
    }
}

.placeholder-gray-700::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .7)
}

.placeholder-gray-700::-moz-placeholder {
    color: rgba(90, 113, 132, .7)
}

.placeholder-gray-700:-ms-input-placeholder {
    color: rgba(90, 113, 132, .7)
}

.placeholder-gray-700::placeholder {
    color: rgba(90, 113, 132, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-700::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .sm-placeholder-gray-700::-moz-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .sm-placeholder-gray-700:-ms-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .sm-placeholder-gray-700::placeholder {
        color: rgba(90, 113, 132, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-700::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .md-placeholder-gray-700::-moz-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .md-placeholder-gray-700:-ms-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .md-placeholder-gray-700::placeholder {
        color: rgba(90, 113, 132, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-700::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .lg-placeholder-gray-700::-moz-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .lg-placeholder-gray-700:-ms-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .lg-placeholder-gray-700::placeholder {
        color: rgba(90, 113, 132, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-700::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .xl-placeholder-gray-700::-moz-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .xl-placeholder-gray-700:-ms-input-placeholder {
        color: rgba(90, 113, 132, .7)
    }

    .xl-placeholder-gray-700::placeholder {
        color: rgba(90, 113, 132, .7)
    }
}

.placeholder-gray-800::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .8)
}

.placeholder-gray-800::-moz-placeholder {
    color: rgba(90, 113, 132, .8)
}

.placeholder-gray-800:-ms-input-placeholder {
    color: rgba(90, 113, 132, .8)
}

.placeholder-gray-800::placeholder {
    color: rgba(90, 113, 132, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-800::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .sm-placeholder-gray-800::-moz-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .sm-placeholder-gray-800:-ms-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .sm-placeholder-gray-800::placeholder {
        color: rgba(90, 113, 132, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-800::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .md-placeholder-gray-800::-moz-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .md-placeholder-gray-800:-ms-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .md-placeholder-gray-800::placeholder {
        color: rgba(90, 113, 132, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-800::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .lg-placeholder-gray-800::-moz-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .lg-placeholder-gray-800:-ms-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .lg-placeholder-gray-800::placeholder {
        color: rgba(90, 113, 132, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-800::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .xl-placeholder-gray-800::-moz-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .xl-placeholder-gray-800:-ms-input-placeholder {
        color: rgba(90, 113, 132, .8)
    }

    .xl-placeholder-gray-800::placeholder {
        color: rgba(90, 113, 132, .8)
    }
}

.placeholder-gray-900::-webkit-input-placeholder {
    color: rgba(90, 113, 132, .9)
}

.placeholder-gray-900::-moz-placeholder {
    color: rgba(90, 113, 132, .9)
}

.placeholder-gray-900:-ms-input-placeholder {
    color: rgba(90, 113, 132, .9)
}

.placeholder-gray-900::placeholder {
    color: rgba(90, 113, 132, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-900::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .sm-placeholder-gray-900::-moz-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .sm-placeholder-gray-900:-ms-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .sm-placeholder-gray-900::placeholder {
        color: rgba(90, 113, 132, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-900::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .md-placeholder-gray-900::-moz-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .md-placeholder-gray-900:-ms-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .md-placeholder-gray-900::placeholder {
        color: rgba(90, 113, 132, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-900::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .lg-placeholder-gray-900::-moz-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .lg-placeholder-gray-900:-ms-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .lg-placeholder-gray-900::placeholder {
        color: rgba(90, 113, 132, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-900::-webkit-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .xl-placeholder-gray-900::-moz-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .xl-placeholder-gray-900:-ms-input-placeholder {
        color: rgba(90, 113, 132, .9)
    }

    .xl-placeholder-gray-900::placeholder {
        color: rgba(90, 113, 132, .9)
    }
}

.placeholder-gray-light::-webkit-input-placeholder {
    color: #b3bac5
}

.placeholder-gray-light::-moz-placeholder {
    color: #b3bac5
}

.placeholder-gray-light:-ms-input-placeholder {
    color: #b3bac5
}

.placeholder-gray-light::placeholder {
    color: #b3bac5
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light::-webkit-input-placeholder {
        color: #b3bac5
    }

    .sm-placeholder-gray-light::-moz-placeholder {
        color: #b3bac5
    }

    .sm-placeholder-gray-light:-ms-input-placeholder {
        color: #b3bac5
    }

    .sm-placeholder-gray-light::placeholder {
        color: #b3bac5
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light::-webkit-input-placeholder {
        color: #b3bac5
    }

    .md-placeholder-gray-light::-moz-placeholder {
        color: #b3bac5
    }

    .md-placeholder-gray-light:-ms-input-placeholder {
        color: #b3bac5
    }

    .md-placeholder-gray-light::placeholder {
        color: #b3bac5
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light::-webkit-input-placeholder {
        color: #b3bac5
    }

    .lg-placeholder-gray-light::-moz-placeholder {
        color: #b3bac5
    }

    .lg-placeholder-gray-light:-ms-input-placeholder {
        color: #b3bac5
    }

    .lg-placeholder-gray-light::placeholder {
        color: #b3bac5
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light::-webkit-input-placeholder {
        color: #b3bac5
    }

    .xl-placeholder-gray-light::-moz-placeholder {
        color: #b3bac5
    }

    .xl-placeholder-gray-light:-ms-input-placeholder {
        color: #b3bac5
    }

    .xl-placeholder-gray-light::placeholder {
        color: #b3bac5
    }
}

.placeholder-gray-light-100::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .1)
}

.placeholder-gray-light-100::-moz-placeholder {
    color: rgba(179, 186, 197, .1)
}

.placeholder-gray-light-100:-ms-input-placeholder {
    color: rgba(179, 186, 197, .1)
}

.placeholder-gray-light-100::placeholder {
    color: rgba(179, 186, 197, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-100::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .sm-placeholder-gray-light-100::-moz-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .sm-placeholder-gray-light-100:-ms-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .sm-placeholder-gray-light-100::placeholder {
        color: rgba(179, 186, 197, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-100::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .md-placeholder-gray-light-100::-moz-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .md-placeholder-gray-light-100:-ms-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .md-placeholder-gray-light-100::placeholder {
        color: rgba(179, 186, 197, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-100::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .lg-placeholder-gray-light-100::-moz-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .lg-placeholder-gray-light-100:-ms-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .lg-placeholder-gray-light-100::placeholder {
        color: rgba(179, 186, 197, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-100::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .xl-placeholder-gray-light-100::-moz-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .xl-placeholder-gray-light-100:-ms-input-placeholder {
        color: rgba(179, 186, 197, .1)
    }

    .xl-placeholder-gray-light-100::placeholder {
        color: rgba(179, 186, 197, .1)
    }
}

.placeholder-gray-light-200::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .2)
}

.placeholder-gray-light-200::-moz-placeholder {
    color: rgba(179, 186, 197, .2)
}

.placeholder-gray-light-200:-ms-input-placeholder {
    color: rgba(179, 186, 197, .2)
}

.placeholder-gray-light-200::placeholder {
    color: rgba(179, 186, 197, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-200::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .sm-placeholder-gray-light-200::-moz-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .sm-placeholder-gray-light-200:-ms-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .sm-placeholder-gray-light-200::placeholder {
        color: rgba(179, 186, 197, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-200::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .md-placeholder-gray-light-200::-moz-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .md-placeholder-gray-light-200:-ms-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .md-placeholder-gray-light-200::placeholder {
        color: rgba(179, 186, 197, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-200::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .lg-placeholder-gray-light-200::-moz-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .lg-placeholder-gray-light-200:-ms-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .lg-placeholder-gray-light-200::placeholder {
        color: rgba(179, 186, 197, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-200::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .xl-placeholder-gray-light-200::-moz-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .xl-placeholder-gray-light-200:-ms-input-placeholder {
        color: rgba(179, 186, 197, .2)
    }

    .xl-placeholder-gray-light-200::placeholder {
        color: rgba(179, 186, 197, .2)
    }
}

.placeholder-gray-light-300::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .3)
}

.placeholder-gray-light-300::-moz-placeholder {
    color: rgba(179, 186, 197, .3)
}

.placeholder-gray-light-300:-ms-input-placeholder {
    color: rgba(179, 186, 197, .3)
}

.placeholder-gray-light-300::placeholder {
    color: rgba(179, 186, 197, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-300::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .sm-placeholder-gray-light-300::-moz-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .sm-placeholder-gray-light-300:-ms-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .sm-placeholder-gray-light-300::placeholder {
        color: rgba(179, 186, 197, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-300::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .md-placeholder-gray-light-300::-moz-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .md-placeholder-gray-light-300:-ms-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .md-placeholder-gray-light-300::placeholder {
        color: rgba(179, 186, 197, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-300::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .lg-placeholder-gray-light-300::-moz-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .lg-placeholder-gray-light-300:-ms-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .lg-placeholder-gray-light-300::placeholder {
        color: rgba(179, 186, 197, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-300::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .xl-placeholder-gray-light-300::-moz-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .xl-placeholder-gray-light-300:-ms-input-placeholder {
        color: rgba(179, 186, 197, .3)
    }

    .xl-placeholder-gray-light-300::placeholder {
        color: rgba(179, 186, 197, .3)
    }
}

.placeholder-gray-light-400::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .4)
}

.placeholder-gray-light-400::-moz-placeholder {
    color: rgba(179, 186, 197, .4)
}

.placeholder-gray-light-400:-ms-input-placeholder {
    color: rgba(179, 186, 197, .4)
}

.placeholder-gray-light-400::placeholder {
    color: rgba(179, 186, 197, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-400::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .sm-placeholder-gray-light-400::-moz-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .sm-placeholder-gray-light-400:-ms-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .sm-placeholder-gray-light-400::placeholder {
        color: rgba(179, 186, 197, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-400::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .md-placeholder-gray-light-400::-moz-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .md-placeholder-gray-light-400:-ms-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .md-placeholder-gray-light-400::placeholder {
        color: rgba(179, 186, 197, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-400::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .lg-placeholder-gray-light-400::-moz-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .lg-placeholder-gray-light-400:-ms-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .lg-placeholder-gray-light-400::placeholder {
        color: rgba(179, 186, 197, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-400::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .xl-placeholder-gray-light-400::-moz-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .xl-placeholder-gray-light-400:-ms-input-placeholder {
        color: rgba(179, 186, 197, .4)
    }

    .xl-placeholder-gray-light-400::placeholder {
        color: rgba(179, 186, 197, .4)
    }
}

.placeholder-gray-light-500::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .5)
}

.placeholder-gray-light-500::-moz-placeholder {
    color: rgba(179, 186, 197, .5)
}

.placeholder-gray-light-500:-ms-input-placeholder {
    color: rgba(179, 186, 197, .5)
}

.placeholder-gray-light-500::placeholder {
    color: rgba(179, 186, 197, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-500::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .sm-placeholder-gray-light-500::-moz-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .sm-placeholder-gray-light-500:-ms-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .sm-placeholder-gray-light-500::placeholder {
        color: rgba(179, 186, 197, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-500::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .md-placeholder-gray-light-500::-moz-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .md-placeholder-gray-light-500:-ms-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .md-placeholder-gray-light-500::placeholder {
        color: rgba(179, 186, 197, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-500::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .lg-placeholder-gray-light-500::-moz-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .lg-placeholder-gray-light-500:-ms-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .lg-placeholder-gray-light-500::placeholder {
        color: rgba(179, 186, 197, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-500::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .xl-placeholder-gray-light-500::-moz-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .xl-placeholder-gray-light-500:-ms-input-placeholder {
        color: rgba(179, 186, 197, .5)
    }

    .xl-placeholder-gray-light-500::placeholder {
        color: rgba(179, 186, 197, .5)
    }
}

.placeholder-gray-light-600::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .6)
}

.placeholder-gray-light-600::-moz-placeholder {
    color: rgba(179, 186, 197, .6)
}

.placeholder-gray-light-600:-ms-input-placeholder {
    color: rgba(179, 186, 197, .6)
}

.placeholder-gray-light-600::placeholder {
    color: rgba(179, 186, 197, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-600::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .sm-placeholder-gray-light-600::-moz-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .sm-placeholder-gray-light-600:-ms-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .sm-placeholder-gray-light-600::placeholder {
        color: rgba(179, 186, 197, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-600::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .md-placeholder-gray-light-600::-moz-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .md-placeholder-gray-light-600:-ms-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .md-placeholder-gray-light-600::placeholder {
        color: rgba(179, 186, 197, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-600::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .lg-placeholder-gray-light-600::-moz-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .lg-placeholder-gray-light-600:-ms-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .lg-placeholder-gray-light-600::placeholder {
        color: rgba(179, 186, 197, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-600::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .xl-placeholder-gray-light-600::-moz-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .xl-placeholder-gray-light-600:-ms-input-placeholder {
        color: rgba(179, 186, 197, .6)
    }

    .xl-placeholder-gray-light-600::placeholder {
        color: rgba(179, 186, 197, .6)
    }
}

.placeholder-gray-light-700::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .7)
}

.placeholder-gray-light-700::-moz-placeholder {
    color: rgba(179, 186, 197, .7)
}

.placeholder-gray-light-700:-ms-input-placeholder {
    color: rgba(179, 186, 197, .7)
}

.placeholder-gray-light-700::placeholder {
    color: rgba(179, 186, 197, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-700::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .sm-placeholder-gray-light-700::-moz-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .sm-placeholder-gray-light-700:-ms-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .sm-placeholder-gray-light-700::placeholder {
        color: rgba(179, 186, 197, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-700::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .md-placeholder-gray-light-700::-moz-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .md-placeholder-gray-light-700:-ms-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .md-placeholder-gray-light-700::placeholder {
        color: rgba(179, 186, 197, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-700::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .lg-placeholder-gray-light-700::-moz-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .lg-placeholder-gray-light-700:-ms-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .lg-placeholder-gray-light-700::placeholder {
        color: rgba(179, 186, 197, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-700::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .xl-placeholder-gray-light-700::-moz-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .xl-placeholder-gray-light-700:-ms-input-placeholder {
        color: rgba(179, 186, 197, .7)
    }

    .xl-placeholder-gray-light-700::placeholder {
        color: rgba(179, 186, 197, .7)
    }
}

.placeholder-gray-light-800::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .8)
}

.placeholder-gray-light-800::-moz-placeholder {
    color: rgba(179, 186, 197, .8)
}

.placeholder-gray-light-800:-ms-input-placeholder {
    color: rgba(179, 186, 197, .8)
}

.placeholder-gray-light-800::placeholder {
    color: rgba(179, 186, 197, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-800::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .sm-placeholder-gray-light-800::-moz-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .sm-placeholder-gray-light-800:-ms-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .sm-placeholder-gray-light-800::placeholder {
        color: rgba(179, 186, 197, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-800::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .md-placeholder-gray-light-800::-moz-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .md-placeholder-gray-light-800:-ms-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .md-placeholder-gray-light-800::placeholder {
        color: rgba(179, 186, 197, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-800::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .lg-placeholder-gray-light-800::-moz-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .lg-placeholder-gray-light-800:-ms-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .lg-placeholder-gray-light-800::placeholder {
        color: rgba(179, 186, 197, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-800::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .xl-placeholder-gray-light-800::-moz-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .xl-placeholder-gray-light-800:-ms-input-placeholder {
        color: rgba(179, 186, 197, .8)
    }

    .xl-placeholder-gray-light-800::placeholder {
        color: rgba(179, 186, 197, .8)
    }
}

.placeholder-gray-light-900::-webkit-input-placeholder {
    color: rgba(179, 186, 197, .9)
}

.placeholder-gray-light-900::-moz-placeholder {
    color: rgba(179, 186, 197, .9)
}

.placeholder-gray-light-900:-ms-input-placeholder {
    color: rgba(179, 186, 197, .9)
}

.placeholder-gray-light-900::placeholder {
    color: rgba(179, 186, 197, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-gray-light-900::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .sm-placeholder-gray-light-900::-moz-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .sm-placeholder-gray-light-900:-ms-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .sm-placeholder-gray-light-900::placeholder {
        color: rgba(179, 186, 197, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-gray-light-900::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .md-placeholder-gray-light-900::-moz-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .md-placeholder-gray-light-900:-ms-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .md-placeholder-gray-light-900::placeholder {
        color: rgba(179, 186, 197, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-gray-light-900::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .lg-placeholder-gray-light-900::-moz-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .lg-placeholder-gray-light-900:-ms-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .lg-placeholder-gray-light-900::placeholder {
        color: rgba(179, 186, 197, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-gray-light-900::-webkit-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .xl-placeholder-gray-light-900::-moz-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .xl-placeholder-gray-light-900:-ms-input-placeholder {
        color: rgba(179, 186, 197, .9)
    }

    .xl-placeholder-gray-light-900::placeholder {
        color: rgba(179, 186, 197, .9)
    }
}

.placeholder-white::-webkit-input-placeholder {
    color: #fff
}

.placeholder-white::-moz-placeholder {
    color: #fff
}

.placeholder-white:-ms-input-placeholder {
    color: #fff
}

.placeholder-white::placeholder {
    color: #fff
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white::-webkit-input-placeholder {
        color: #fff
    }

    .sm-placeholder-white::-moz-placeholder {
        color: #fff
    }

    .sm-placeholder-white:-ms-input-placeholder {
        color: #fff
    }

    .sm-placeholder-white::placeholder {
        color: #fff
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white::-webkit-input-placeholder {
        color: #fff
    }

    .md-placeholder-white::-moz-placeholder {
        color: #fff
    }

    .md-placeholder-white:-ms-input-placeholder {
        color: #fff
    }

    .md-placeholder-white::placeholder {
        color: #fff
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white::-webkit-input-placeholder {
        color: #fff
    }

    .lg-placeholder-white::-moz-placeholder {
        color: #fff
    }

    .lg-placeholder-white:-ms-input-placeholder {
        color: #fff
    }

    .lg-placeholder-white::placeholder {
        color: #fff
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white::-webkit-input-placeholder {
        color: #fff
    }

    .xl-placeholder-white::-moz-placeholder {
        color: #fff
    }

    .xl-placeholder-white:-ms-input-placeholder {
        color: #fff
    }

    .xl-placeholder-white::placeholder {
        color: #fff
    }
}

.placeholder-white-100::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .1)
}

.placeholder-white-100::-moz-placeholder {
    color: hsla(0, 0%, 100%, .1)
}

.placeholder-white-100:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .1)
}

.placeholder-white-100::placeholder {
    color: hsla(0, 0%, 100%, .1)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-100::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .sm-placeholder-white-100::-moz-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .sm-placeholder-white-100:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .sm-placeholder-white-100::placeholder {
        color: hsla(0, 0%, 100%, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-100::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .md-placeholder-white-100::-moz-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .md-placeholder-white-100:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .md-placeholder-white-100::placeholder {
        color: hsla(0, 0%, 100%, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-100::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .lg-placeholder-white-100::-moz-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .lg-placeholder-white-100:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .lg-placeholder-white-100::placeholder {
        color: hsla(0, 0%, 100%, .1)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-100::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .xl-placeholder-white-100::-moz-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .xl-placeholder-white-100:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .1)
    }

    .xl-placeholder-white-100::placeholder {
        color: hsla(0, 0%, 100%, .1)
    }
}

.placeholder-white-200::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .2)
}

.placeholder-white-200::-moz-placeholder {
    color: hsla(0, 0%, 100%, .2)
}

.placeholder-white-200:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .2)
}

.placeholder-white-200::placeholder {
    color: hsla(0, 0%, 100%, .2)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-200::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .sm-placeholder-white-200::-moz-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .sm-placeholder-white-200:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .sm-placeholder-white-200::placeholder {
        color: hsla(0, 0%, 100%, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-200::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .md-placeholder-white-200::-moz-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .md-placeholder-white-200:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .md-placeholder-white-200::placeholder {
        color: hsla(0, 0%, 100%, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-200::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .lg-placeholder-white-200::-moz-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .lg-placeholder-white-200:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .lg-placeholder-white-200::placeholder {
        color: hsla(0, 0%, 100%, .2)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-200::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .xl-placeholder-white-200::-moz-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .xl-placeholder-white-200:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .2)
    }

    .xl-placeholder-white-200::placeholder {
        color: hsla(0, 0%, 100%, .2)
    }
}

.placeholder-white-300::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.placeholder-white-300::-moz-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.placeholder-white-300:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .3)
}

.placeholder-white-300::placeholder {
    color: hsla(0, 0%, 100%, .3)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-300::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .sm-placeholder-white-300::-moz-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .sm-placeholder-white-300:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .sm-placeholder-white-300::placeholder {
        color: hsla(0, 0%, 100%, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-300::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .md-placeholder-white-300::-moz-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .md-placeholder-white-300:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .md-placeholder-white-300::placeholder {
        color: hsla(0, 0%, 100%, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-300::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .lg-placeholder-white-300::-moz-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .lg-placeholder-white-300:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .lg-placeholder-white-300::placeholder {
        color: hsla(0, 0%, 100%, .3)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-300::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .xl-placeholder-white-300::-moz-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .xl-placeholder-white-300:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .3)
    }

    .xl-placeholder-white-300::placeholder {
        color: hsla(0, 0%, 100%, .3)
    }
}

.placeholder-white-400::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.placeholder-white-400::-moz-placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.placeholder-white-400:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.placeholder-white-400::placeholder {
    color: hsla(0, 0%, 100%, .4)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-400::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .sm-placeholder-white-400::-moz-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .sm-placeholder-white-400:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .sm-placeholder-white-400::placeholder {
        color: hsla(0, 0%, 100%, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-400::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .md-placeholder-white-400::-moz-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .md-placeholder-white-400:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .md-placeholder-white-400::placeholder {
        color: hsla(0, 0%, 100%, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-400::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .lg-placeholder-white-400::-moz-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .lg-placeholder-white-400:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .lg-placeholder-white-400::placeholder {
        color: hsla(0, 0%, 100%, .4)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-400::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .xl-placeholder-white-400::-moz-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .xl-placeholder-white-400:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .4)
    }

    .xl-placeholder-white-400::placeholder {
        color: hsla(0, 0%, 100%, .4)
    }
}

.placeholder-white-500::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.placeholder-white-500::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.placeholder-white-500:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.placeholder-white-500::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-500::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .sm-placeholder-white-500::-moz-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .sm-placeholder-white-500:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .sm-placeholder-white-500::placeholder {
        color: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-500::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .md-placeholder-white-500::-moz-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .md-placeholder-white-500:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .md-placeholder-white-500::placeholder {
        color: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-500::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .lg-placeholder-white-500::-moz-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .lg-placeholder-white-500:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .lg-placeholder-white-500::placeholder {
        color: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-500::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .xl-placeholder-white-500::-moz-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .xl-placeholder-white-500:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .5)
    }

    .xl-placeholder-white-500::placeholder {
        color: hsla(0, 0%, 100%, .5)
    }
}

.placeholder-white-600::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.placeholder-white-600::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.placeholder-white-600:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

.placeholder-white-600::placeholder {
    color: hsla(0, 0%, 100%, .6)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-600::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .sm-placeholder-white-600::-moz-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .sm-placeholder-white-600:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .sm-placeholder-white-600::placeholder {
        color: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-600::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .md-placeholder-white-600::-moz-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .md-placeholder-white-600:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .md-placeholder-white-600::placeholder {
        color: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-600::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .lg-placeholder-white-600::-moz-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .lg-placeholder-white-600:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .lg-placeholder-white-600::placeholder {
        color: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-600::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .xl-placeholder-white-600::-moz-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .xl-placeholder-white-600:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .6)
    }

    .xl-placeholder-white-600::placeholder {
        color: hsla(0, 0%, 100%, .6)
    }
}

.placeholder-white-700::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .7)
}

.placeholder-white-700::-moz-placeholder {
    color: hsla(0, 0%, 100%, .7)
}

.placeholder-white-700:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .7)
}

.placeholder-white-700::placeholder {
    color: hsla(0, 0%, 100%, .7)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-700::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .sm-placeholder-white-700::-moz-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .sm-placeholder-white-700:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .sm-placeholder-white-700::placeholder {
        color: hsla(0, 0%, 100%, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-700::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .md-placeholder-white-700::-moz-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .md-placeholder-white-700:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .md-placeholder-white-700::placeholder {
        color: hsla(0, 0%, 100%, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-700::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .lg-placeholder-white-700::-moz-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .lg-placeholder-white-700:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .lg-placeholder-white-700::placeholder {
        color: hsla(0, 0%, 100%, .7)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-700::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .xl-placeholder-white-700::-moz-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .xl-placeholder-white-700:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .7)
    }

    .xl-placeholder-white-700::placeholder {
        color: hsla(0, 0%, 100%, .7)
    }
}

.placeholder-white-800::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .8)
}

.placeholder-white-800::-moz-placeholder {
    color: hsla(0, 0%, 100%, .8)
}

.placeholder-white-800:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .8)
}

.placeholder-white-800::placeholder {
    color: hsla(0, 0%, 100%, .8)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-800::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .sm-placeholder-white-800::-moz-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .sm-placeholder-white-800:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .sm-placeholder-white-800::placeholder {
        color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-800::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .md-placeholder-white-800::-moz-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .md-placeholder-white-800:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .md-placeholder-white-800::placeholder {
        color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-800::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .lg-placeholder-white-800::-moz-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .lg-placeholder-white-800:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .lg-placeholder-white-800::placeholder {
        color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-800::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .xl-placeholder-white-800::-moz-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .xl-placeholder-white-800:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .8)
    }

    .xl-placeholder-white-800::placeholder {
        color: hsla(0, 0%, 100%, .8)
    }
}

.placeholder-white-900::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .9)
}

.placeholder-white-900::-moz-placeholder {
    color: hsla(0, 0%, 100%, .9)
}

.placeholder-white-900:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .9)
}

.placeholder-white-900::placeholder {
    color: hsla(0, 0%, 100%, .9)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-placeholder-white-900::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .sm-placeholder-white-900::-moz-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .sm-placeholder-white-900:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .sm-placeholder-white-900::placeholder {
        color: hsla(0, 0%, 100%, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-placeholder-white-900::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .md-placeholder-white-900::-moz-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .md-placeholder-white-900:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .md-placeholder-white-900::placeholder {
        color: hsla(0, 0%, 100%, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-placeholder-white-900::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .lg-placeholder-white-900::-moz-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .lg-placeholder-white-900:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .lg-placeholder-white-900::placeholder {
        color: hsla(0, 0%, 100%, .9)
    }
}

@media (min-width: 1200px) {
    .xl-placeholder-white-900::-webkit-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .xl-placeholder-white-900::-moz-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .xl-placeholder-white-900:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, .9)
    }

    .xl-placeholder-white-900::placeholder {
        color: hsla(0, 0%, 100%, .9)
    }
}

.text-left {
    text-align: left
}

@media (max-width: 575px) {
    .xs-text-left {
        text-align: left !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-left {
        text-align: left !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-left {
        text-align: left !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-left {
        text-align: left !important
    }
}

@media (min-width: 1200px) {
    .xl-text-left {
        text-align: left !important
    }
}

.text-center {
    text-align: center
}

@media (max-width: 575px) {
    .xs-text-center {
        text-align: center !important;
        padding-bottom: 0
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-center {
        text-align: center !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-center {
        text-align: center !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .xl-text-center {
        text-align: center !important
    }
}

.text-right {
    text-align: right
}

@media (max-width: 575px) {
    .xs-text-right {
        text-align: right !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-right {
        text-align: right !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-right {
        text-align: right !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-right {
        text-align: right !important
    }
}

@media (min-width: 1200px) {
    .xl-text-right {
        text-align: right !important
    }
}

.text-justify {
    text-align: justify
}

@media (max-width: 575px) {
    .xs-text-justify {
        text-align: justify !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-text-justify {
        text-align: justify !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-text-justify {
        text-align: justify !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-text-justify {
        text-align: justify !important
    }
}

@media (min-width: 1200px) {
    .xl-text-justify {
        text-align: justify !important
    }
}

.focus-text-transparent, .hover-text-transparent, .text-transparent {
    color: transparent !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-transparent:focus, .sm-hover-text-transparent:hover, .sm-text-transparent {
        color: transparent !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-transparent:focus, .md-hover-text-transparent:hover, .md-text-transparent {
        color: transparent !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-transparent:focus, .lg-hover-text-transparent:hover, .lg-text-transparent {
        color: transparent !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-transparent:focus, .xl-hover-text-transparent:hover, .xl-text-transparent {
        color: transparent !important
    }
}

.focus-text-primary, .hover-text-primary, .text-primary {
    color: #2ed47a !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary:focus, .sm-hover-text-primary:hover, .sm-text-primary {
        color: #2ed47a !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary:focus, .md-hover-text-primary:hover, .md-text-primary {
        color: #2ed47a !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary:focus, .lg-hover-text-primary:hover, .lg-text-primary {
        color: #2ed47a !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary:focus, .xl-hover-text-primary:hover, .xl-text-primary {
        color: #2ed47a !important
    }
}

.focus-text-primary-100, .hover-text-primary-100, .text-primary-100 {
    color: rgba(21, 101, 216, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-100:focus, .sm-hover-text-primary-100:hover, .sm-text-primary-100 {
        color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-100:focus, .md-hover-text-primary-100:hover, .md-text-primary-100 {
        color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-100:focus, .lg-hover-text-primary-100:hover, .lg-text-primary-100 {
        color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-100:focus, .xl-hover-text-primary-100:hover, .xl-text-primary-100 {
        color: rgba(21, 101, 216, .1) !important
    }
}

.focus-text-primary-200, .hover-text-primary-200, .text-primary-200 {
    color: rgba(21, 101, 216, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-200:focus, .sm-hover-text-primary-200:hover, .sm-text-primary-200 {
        color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-200:focus, .md-hover-text-primary-200:hover, .md-text-primary-200 {
        color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-200:focus, .lg-hover-text-primary-200:hover, .lg-text-primary-200 {
        color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-200:focus, .xl-hover-text-primary-200:hover, .xl-text-primary-200 {
        color: rgba(21, 101, 216, .2) !important
    }
}

.focus-text-primary-300, .hover-text-primary-300, .text-primary-300 {
    color: rgba(21, 101, 216, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-300:focus, .sm-hover-text-primary-300:hover, .sm-text-primary-300 {
        color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-300:focus, .md-hover-text-primary-300:hover, .md-text-primary-300 {
        color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-300:focus, .lg-hover-text-primary-300:hover, .lg-text-primary-300 {
        color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-300:focus, .xl-hover-text-primary-300:hover, .xl-text-primary-300 {
        color: rgba(21, 101, 216, .3) !important
    }
}

.focus-text-primary-400, .hover-text-primary-400, .text-primary-400 {
    color: rgba(21, 101, 216, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-400:focus, .sm-hover-text-primary-400:hover, .sm-text-primary-400 {
        color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-400:focus, .md-hover-text-primary-400:hover, .md-text-primary-400 {
        color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-400:focus, .lg-hover-text-primary-400:hover, .lg-text-primary-400 {
        color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-400:focus, .xl-hover-text-primary-400:hover, .xl-text-primary-400 {
        color: rgba(21, 101, 216, .4) !important
    }
}

.focus-text-primary-500, .hover-text-primary-500, .text-primary-500 {
    color: rgba(21, 101, 216, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-500:focus, .sm-hover-text-primary-500:hover, .sm-text-primary-500 {
        color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-500:focus, .md-hover-text-primary-500:hover, .md-text-primary-500 {
        color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-500:focus, .lg-hover-text-primary-500:hover, .lg-text-primary-500 {
        color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-500:focus, .xl-hover-text-primary-500:hover, .xl-text-primary-500 {
        color: rgba(21, 101, 216, .5) !important
    }
}

.focus-text-primary-600, .hover-text-primary-600, .text-primary-600 {
    color: rgba(21, 101, 216, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-600:focus, .sm-hover-text-primary-600:hover, .sm-text-primary-600 {
        color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-600:focus, .md-hover-text-primary-600:hover, .md-text-primary-600 {
        color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-600:focus, .lg-hover-text-primary-600:hover, .lg-text-primary-600 {
        color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-600:focus, .xl-hover-text-primary-600:hover, .xl-text-primary-600 {
        color: rgba(21, 101, 216, .6) !important
    }
}

.focus-text-primary-700, .hover-text-primary-700, .text-primary-700 {
    color: rgba(21, 101, 216, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-700:focus, .sm-hover-text-primary-700:hover, .sm-text-primary-700 {
        color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-700:focus, .md-hover-text-primary-700:hover, .md-text-primary-700 {
        color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-700:focus, .lg-hover-text-primary-700:hover, .lg-text-primary-700 {
        color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-700:focus, .xl-hover-text-primary-700:hover, .xl-text-primary-700 {
        color: rgba(21, 101, 216, .7) !important
    }
}

.focus-text-primary-800, .hover-text-primary-800, .text-primary-800 {
    color: rgba(21, 101, 216, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-800:focus, .sm-hover-text-primary-800:hover, .sm-text-primary-800 {
        color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-800:focus, .md-hover-text-primary-800:hover, .md-text-primary-800 {
        color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-800:focus, .lg-hover-text-primary-800:hover, .lg-text-primary-800 {
        color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-800:focus, .xl-hover-text-primary-800:hover, .xl-text-primary-800 {
        color: rgba(21, 101, 216, .8) !important
    }
}

.focus-text-primary-900, .hover-text-primary-900, .text-primary-900 {
    color: rgba(21, 101, 216, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-primary-900:focus, .sm-hover-text-primary-900:hover, .sm-text-primary-900 {
        color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-primary-900:focus, .md-hover-text-primary-900:hover, .md-text-primary-900 {
        color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-primary-900:focus, .lg-hover-text-primary-900:hover, .lg-text-primary-900 {
        color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-primary-900:focus, .xl-hover-text-primary-900:hover, .xl-text-primary-900 {
        color: rgba(21, 101, 216, .9) !important
    }
}

.focus-text-secondary, .hover-text-secondary, .text-secondary {
    color: #506690 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary:focus, .sm-hover-text-secondary:hover, .sm-text-secondary {
        color: #506690 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary:focus, .md-hover-text-secondary:hover, .md-text-secondary {
        color: #506690 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary:focus, .lg-hover-text-secondary:hover, .lg-text-secondary {
        color: #506690 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary:focus, .xl-hover-text-secondary:hover, .xl-text-secondary {
        color: #506690 !important
    }
}

.focus-text-secondary-100, .hover-text-secondary-100, .text-secondary-100 {
    color: rgba(80, 102, 144, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-100:focus, .sm-hover-text-secondary-100:hover, .sm-text-secondary-100 {
        color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-100:focus, .md-hover-text-secondary-100:hover, .md-text-secondary-100 {
        color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-100:focus, .lg-hover-text-secondary-100:hover, .lg-text-secondary-100 {
        color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-100:focus, .xl-hover-text-secondary-100:hover, .xl-text-secondary-100 {
        color: rgba(80, 102, 144, .1) !important
    }
}

.focus-text-secondary-200, .hover-text-secondary-200, .text-secondary-200 {
    color: rgba(80, 102, 144, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-200:focus, .sm-hover-text-secondary-200:hover, .sm-text-secondary-200 {
        color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-200:focus, .md-hover-text-secondary-200:hover, .md-text-secondary-200 {
        color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-200:focus, .lg-hover-text-secondary-200:hover, .lg-text-secondary-200 {
        color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-200:focus, .xl-hover-text-secondary-200:hover, .xl-text-secondary-200 {
        color: rgba(80, 102, 144, .2) !important
    }
}

.focus-text-secondary-300, .hover-text-secondary-300, .text-secondary-300 {
    color: rgba(80, 102, 144, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-300:focus, .sm-hover-text-secondary-300:hover, .sm-text-secondary-300 {
        color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-300:focus, .md-hover-text-secondary-300:hover, .md-text-secondary-300 {
        color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-300:focus, .lg-hover-text-secondary-300:hover, .lg-text-secondary-300 {
        color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-300:focus, .xl-hover-text-secondary-300:hover, .xl-text-secondary-300 {
        color: rgba(80, 102, 144, .3) !important
    }
}

.focus-text-secondary-400, .hover-text-secondary-400, .text-secondary-400 {
    color: rgba(80, 102, 144, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-400:focus, .sm-hover-text-secondary-400:hover, .sm-text-secondary-400 {
        color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-400:focus, .md-hover-text-secondary-400:hover, .md-text-secondary-400 {
        color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-400:focus, .lg-hover-text-secondary-400:hover, .lg-text-secondary-400 {
        color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-400:focus, .xl-hover-text-secondary-400:hover, .xl-text-secondary-400 {
        color: rgba(80, 102, 144, .4) !important
    }
}

.focus-text-secondary-500, .hover-text-secondary-500, .text-secondary-500 {
    color: rgba(80, 102, 144, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-500:focus, .sm-hover-text-secondary-500:hover, .sm-text-secondary-500 {
        color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-500:focus, .md-hover-text-secondary-500:hover, .md-text-secondary-500 {
        color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-500:focus, .lg-hover-text-secondary-500:hover, .lg-text-secondary-500 {
        color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-500:focus, .xl-hover-text-secondary-500:hover, .xl-text-secondary-500 {
        color: rgba(80, 102, 144, .5) !important
    }
}

.focus-text-secondary-600, .hover-text-secondary-600, .text-secondary-600 {
    color: rgba(80, 102, 144, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-600:focus, .sm-hover-text-secondary-600:hover, .sm-text-secondary-600 {
        color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-600:focus, .md-hover-text-secondary-600:hover, .md-text-secondary-600 {
        color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-600:focus, .lg-hover-text-secondary-600:hover, .lg-text-secondary-600 {
        color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-600:focus, .xl-hover-text-secondary-600:hover, .xl-text-secondary-600 {
        color: rgba(80, 102, 144, .6) !important
    }
}

.focus-text-secondary-700, .hover-text-secondary-700, .text-secondary-700 {
    color: rgba(80, 102, 144, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-700:focus, .sm-hover-text-secondary-700:hover, .sm-text-secondary-700 {
        color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-700:focus, .md-hover-text-secondary-700:hover, .md-text-secondary-700 {
        color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-700:focus, .lg-hover-text-secondary-700:hover, .lg-text-secondary-700 {
        color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-700:focus, .xl-hover-text-secondary-700:hover, .xl-text-secondary-700 {
        color: rgba(80, 102, 144, .7) !important
    }
}

.focus-text-secondary-800, .hover-text-secondary-800, .text-secondary-800 {
    color: rgba(80, 102, 144, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-800:focus, .sm-hover-text-secondary-800:hover, .sm-text-secondary-800 {
        color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-800:focus, .md-hover-text-secondary-800:hover, .md-text-secondary-800 {
        color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-800:focus, .lg-hover-text-secondary-800:hover, .lg-text-secondary-800 {
        color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-800:focus, .xl-hover-text-secondary-800:hover, .xl-text-secondary-800 {
        color: rgba(80, 102, 144, .8) !important
    }
}

.focus-text-secondary-900, .hover-text-secondary-900, .text-secondary-900 {
    color: rgba(80, 102, 144, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-secondary-900:focus, .sm-hover-text-secondary-900:hover, .sm-text-secondary-900 {
        color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-secondary-900:focus, .md-hover-text-secondary-900:hover, .md-text-secondary-900 {
        color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-secondary-900:focus, .lg-hover-text-secondary-900:hover, .lg-text-secondary-900 {
        color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-secondary-900:focus, .xl-hover-text-secondary-900:hover, .xl-text-secondary-900 {
        color: rgba(80, 102, 144, .9) !important
    }
}

.focus-text-success, .hover-text-success, .text-success {
    color: #36b37e !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success:focus, .sm-hover-text-success:hover, .sm-text-success {
        color: #36b37e !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success:focus, .md-hover-text-success:hover, .md-text-success {
        color: #36b37e !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success:focus, .lg-hover-text-success:hover, .lg-text-success {
        color: #36b37e !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success:focus, .xl-hover-text-success:hover, .xl-text-success {
        color: #36b37e !important
    }
}

.focus-text-success-100, .hover-text-success-100, .text-success-100 {
    color: rgba(54, 179, 126, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-100:focus, .sm-hover-text-success-100:hover, .sm-text-success-100 {
        color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-100:focus, .md-hover-text-success-100:hover, .md-text-success-100 {
        color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-100:focus, .lg-hover-text-success-100:hover, .lg-text-success-100 {
        color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-100:focus, .xl-hover-text-success-100:hover, .xl-text-success-100 {
        color: rgba(54, 179, 126, .1) !important
    }
}

.focus-text-success-200, .hover-text-success-200, .text-success-200 {
    color: rgba(54, 179, 126, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-200:focus, .sm-hover-text-success-200:hover, .sm-text-success-200 {
        color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-200:focus, .md-hover-text-success-200:hover, .md-text-success-200 {
        color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-200:focus, .lg-hover-text-success-200:hover, .lg-text-success-200 {
        color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-200:focus, .xl-hover-text-success-200:hover, .xl-text-success-200 {
        color: rgba(54, 179, 126, .2) !important
    }
}

.focus-text-success-300, .hover-text-success-300, .text-success-300 {
    color: rgba(54, 179, 126, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-300:focus, .sm-hover-text-success-300:hover, .sm-text-success-300 {
        color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-300:focus, .md-hover-text-success-300:hover, .md-text-success-300 {
        color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-300:focus, .lg-hover-text-success-300:hover, .lg-text-success-300 {
        color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-300:focus, .xl-hover-text-success-300:hover, .xl-text-success-300 {
        color: rgba(54, 179, 126, .3) !important
    }
}

.focus-text-success-400, .hover-text-success-400, .text-success-400 {
    color: rgba(54, 179, 126, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-400:focus, .sm-hover-text-success-400:hover, .sm-text-success-400 {
        color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-400:focus, .md-hover-text-success-400:hover, .md-text-success-400 {
        color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-400:focus, .lg-hover-text-success-400:hover, .lg-text-success-400 {
        color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-400:focus, .xl-hover-text-success-400:hover, .xl-text-success-400 {
        color: rgba(54, 179, 126, .4) !important
    }
}

.focus-text-success-500, .hover-text-success-500, .text-success-500 {
    color: rgba(54, 179, 126, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-500:focus, .sm-hover-text-success-500:hover, .sm-text-success-500 {
        color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-500:focus, .md-hover-text-success-500:hover, .md-text-success-500 {
        color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-500:focus, .lg-hover-text-success-500:hover, .lg-text-success-500 {
        color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-500:focus, .xl-hover-text-success-500:hover, .xl-text-success-500 {
        color: rgba(54, 179, 126, .5) !important
    }
}

.focus-text-success-600, .hover-text-success-600, .text-success-600 {
    color: rgba(54, 179, 126, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-600:focus, .sm-hover-text-success-600:hover, .sm-text-success-600 {
        color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-600:focus, .md-hover-text-success-600:hover, .md-text-success-600 {
        color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-600:focus, .lg-hover-text-success-600:hover, .lg-text-success-600 {
        color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-600:focus, .xl-hover-text-success-600:hover, .xl-text-success-600 {
        color: rgba(54, 179, 126, .6) !important
    }
}

.focus-text-success-700, .hover-text-success-700, .text-success-700 {
    color: rgba(54, 179, 126, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-700:focus, .sm-hover-text-success-700:hover, .sm-text-success-700 {
        color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-700:focus, .md-hover-text-success-700:hover, .md-text-success-700 {
        color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-700:focus, .lg-hover-text-success-700:hover, .lg-text-success-700 {
        color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-700:focus, .xl-hover-text-success-700:hover, .xl-text-success-700 {
        color: rgba(54, 179, 126, .7) !important
    }
}

.focus-text-success-800, .hover-text-success-800, .text-success-800 {
    color: rgba(54, 179, 126, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-800:focus, .sm-hover-text-success-800:hover, .sm-text-success-800 {
        color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-800:focus, .md-hover-text-success-800:hover, .md-text-success-800 {
        color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-800:focus, .lg-hover-text-success-800:hover, .lg-text-success-800 {
        color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-800:focus, .xl-hover-text-success-800:hover, .xl-text-success-800 {
        color: rgba(54, 179, 126, .8) !important
    }
}

.focus-text-success-900, .hover-text-success-900, .text-success-900 {
    color: rgba(54, 179, 126, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-success-900:focus, .sm-hover-text-success-900:hover, .sm-text-success-900 {
        color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-success-900:focus, .md-hover-text-success-900:hover, .md-text-success-900 {
        color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-success-900:focus, .lg-hover-text-success-900:hover, .lg-text-success-900 {
        color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-success-900:focus, .xl-hover-text-success-900:hover, .xl-text-success-900 {
        color: rgba(54, 179, 126, .9) !important
    }
}

.focus-text-info, .hover-text-info, .text-info {
    color: #00b8d9 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info:focus, .sm-hover-text-info:hover, .sm-text-info {
        color: #00b8d9 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info:focus, .md-hover-text-info:hover, .md-text-info {
        color: #00b8d9 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info:focus, .lg-hover-text-info:hover, .lg-text-info {
        color: #00b8d9 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info:focus, .xl-hover-text-info:hover, .xl-text-info {
        color: #00b8d9 !important
    }
}

.focus-text-info-100, .hover-text-info-100, .text-info-100 {
    color: rgba(0, 184, 217, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-100:focus, .sm-hover-text-info-100:hover, .sm-text-info-100 {
        color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-100:focus, .md-hover-text-info-100:hover, .md-text-info-100 {
        color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-100:focus, .lg-hover-text-info-100:hover, .lg-text-info-100 {
        color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-100:focus, .xl-hover-text-info-100:hover, .xl-text-info-100 {
        color: rgba(0, 184, 217, .1) !important
    }
}

.focus-text-info-200, .hover-text-info-200, .text-info-200 {
    color: rgba(0, 184, 217, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-200:focus, .sm-hover-text-info-200:hover, .sm-text-info-200 {
        color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-200:focus, .md-hover-text-info-200:hover, .md-text-info-200 {
        color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-200:focus, .lg-hover-text-info-200:hover, .lg-text-info-200 {
        color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-200:focus, .xl-hover-text-info-200:hover, .xl-text-info-200 {
        color: rgba(0, 184, 217, .2) !important
    }
}

.focus-text-info-300, .hover-text-info-300, .text-info-300 {
    color: rgba(0, 184, 217, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-300:focus, .sm-hover-text-info-300:hover, .sm-text-info-300 {
        color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-300:focus, .md-hover-text-info-300:hover, .md-text-info-300 {
        color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-300:focus, .lg-hover-text-info-300:hover, .lg-text-info-300 {
        color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-300:focus, .xl-hover-text-info-300:hover, .xl-text-info-300 {
        color: rgba(0, 184, 217, .3) !important
    }
}

.focus-text-info-400, .hover-text-info-400, .text-info-400 {
    color: rgba(0, 184, 217, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-400:focus, .sm-hover-text-info-400:hover, .sm-text-info-400 {
        color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-400:focus, .md-hover-text-info-400:hover, .md-text-info-400 {
        color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-400:focus, .lg-hover-text-info-400:hover, .lg-text-info-400 {
        color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-400:focus, .xl-hover-text-info-400:hover, .xl-text-info-400 {
        color: rgba(0, 184, 217, .4) !important
    }
}

.focus-text-info-500, .hover-text-info-500, .text-info-500 {
    color: rgba(0, 184, 217, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-500:focus, .sm-hover-text-info-500:hover, .sm-text-info-500 {
        color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-500:focus, .md-hover-text-info-500:hover, .md-text-info-500 {
        color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-500:focus, .lg-hover-text-info-500:hover, .lg-text-info-500 {
        color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-500:focus, .xl-hover-text-info-500:hover, .xl-text-info-500 {
        color: rgba(0, 184, 217, .5) !important
    }
}

.focus-text-info-600, .hover-text-info-600, .text-info-600 {
    color: rgba(0, 184, 217, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-600:focus, .sm-hover-text-info-600:hover, .sm-text-info-600 {
        color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-600:focus, .md-hover-text-info-600:hover, .md-text-info-600 {
        color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-600:focus, .lg-hover-text-info-600:hover, .lg-text-info-600 {
        color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-600:focus, .xl-hover-text-info-600:hover, .xl-text-info-600 {
        color: rgba(0, 184, 217, .6) !important
    }
}

.focus-text-info-700, .hover-text-info-700, .text-info-700 {
    color: rgba(0, 184, 217, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-700:focus, .sm-hover-text-info-700:hover, .sm-text-info-700 {
        color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-700:focus, .md-hover-text-info-700:hover, .md-text-info-700 {
        color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-700:focus, .lg-hover-text-info-700:hover, .lg-text-info-700 {
        color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-700:focus, .xl-hover-text-info-700:hover, .xl-text-info-700 {
        color: rgba(0, 184, 217, .7) !important
    }
}

.focus-text-info-800, .hover-text-info-800, .text-info-800 {
    color: rgba(0, 184, 217, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-800:focus, .sm-hover-text-info-800:hover, .sm-text-info-800 {
        color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-800:focus, .md-hover-text-info-800:hover, .md-text-info-800 {
        color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-800:focus, .lg-hover-text-info-800:hover, .lg-text-info-800 {
        color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-800:focus, .xl-hover-text-info-800:hover, .xl-text-info-800 {
        color: rgba(0, 184, 217, .8) !important
    }
}

.focus-text-info-900, .hover-text-info-900, .text-info-900 {
    color: rgba(0, 184, 217, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-info-900:focus, .sm-hover-text-info-900:hover, .sm-text-info-900 {
        color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-info-900:focus, .md-hover-text-info-900:hover, .md-text-info-900 {
        color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-info-900:focus, .lg-hover-text-info-900:hover, .lg-text-info-900 {
        color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-info-900:focus, .xl-hover-text-info-900:hover, .xl-text-info-900 {
        color: rgba(0, 184, 217, .9) !important
    }
}

.focus-text-warning, .hover-text-warning, .text-warning {
    color: #faad13 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning:focus, .sm-hover-text-warning:hover, .sm-text-warning {
        color: #faad13 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning:focus, .md-hover-text-warning:hover, .md-text-warning {
        color: #faad13 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning:focus, .lg-hover-text-warning:hover, .lg-text-warning {
        color: #faad13 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning:focus, .xl-hover-text-warning:hover, .xl-text-warning {
        color: #faad13 !important
    }
}

.focus-text-warning-100, .hover-text-warning-100, .text-warning-100 {
    color: rgba(250, 173, 19, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-100:focus, .sm-hover-text-warning-100:hover, .sm-text-warning-100 {
        color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-100:focus, .md-hover-text-warning-100:hover, .md-text-warning-100 {
        color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-100:focus, .lg-hover-text-warning-100:hover, .lg-text-warning-100 {
        color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-100:focus, .xl-hover-text-warning-100:hover, .xl-text-warning-100 {
        color: rgba(250, 173, 19, .1) !important
    }
}

.focus-text-warning-200, .hover-text-warning-200, .text-warning-200 {
    color: rgba(250, 173, 19, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-200:focus, .sm-hover-text-warning-200:hover, .sm-text-warning-200 {
        color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-200:focus, .md-hover-text-warning-200:hover, .md-text-warning-200 {
        color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-200:focus, .lg-hover-text-warning-200:hover, .lg-text-warning-200 {
        color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-200:focus, .xl-hover-text-warning-200:hover, .xl-text-warning-200 {
        color: rgba(250, 173, 19, .2) !important
    }
}

.focus-text-warning-300, .hover-text-warning-300, .text-warning-300 {
    color: rgba(250, 173, 19, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-300:focus, .sm-hover-text-warning-300:hover, .sm-text-warning-300 {
        color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-300:focus, .md-hover-text-warning-300:hover, .md-text-warning-300 {
        color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-300:focus, .lg-hover-text-warning-300:hover, .lg-text-warning-300 {
        color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-300:focus, .xl-hover-text-warning-300:hover, .xl-text-warning-300 {
        color: rgba(250, 173, 19, .3) !important
    }
}

.focus-text-warning-400, .hover-text-warning-400, .text-warning-400 {
    color: rgba(250, 173, 19, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-400:focus, .sm-hover-text-warning-400:hover, .sm-text-warning-400 {
        color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-400:focus, .md-hover-text-warning-400:hover, .md-text-warning-400 {
        color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-400:focus, .lg-hover-text-warning-400:hover, .lg-text-warning-400 {
        color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-400:focus, .xl-hover-text-warning-400:hover, .xl-text-warning-400 {
        color: rgba(250, 173, 19, .4) !important
    }
}

.focus-text-warning-500, .hover-text-warning-500, .text-warning-500 {
    color: rgba(250, 173, 19, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-500:focus, .sm-hover-text-warning-500:hover, .sm-text-warning-500 {
        color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-500:focus, .md-hover-text-warning-500:hover, .md-text-warning-500 {
        color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-500:focus, .lg-hover-text-warning-500:hover, .lg-text-warning-500 {
        color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-500:focus, .xl-hover-text-warning-500:hover, .xl-text-warning-500 {
        color: rgba(250, 173, 19, .5) !important
    }
}

.focus-text-warning-600, .hover-text-warning-600, .text-warning-600 {
    color: rgba(250, 173, 19, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-600:focus, .sm-hover-text-warning-600:hover, .sm-text-warning-600 {
        color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-600:focus, .md-hover-text-warning-600:hover, .md-text-warning-600 {
        color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-600:focus, .lg-hover-text-warning-600:hover, .lg-text-warning-600 {
        color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-600:focus, .xl-hover-text-warning-600:hover, .xl-text-warning-600 {
        color: rgba(250, 173, 19, .6) !important
    }
}

.focus-text-warning-700, .hover-text-warning-700, .text-warning-700 {
    color: rgba(250, 173, 19, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-700:focus, .sm-hover-text-warning-700:hover, .sm-text-warning-700 {
        color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-700:focus, .md-hover-text-warning-700:hover, .md-text-warning-700 {
        color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-700:focus, .lg-hover-text-warning-700:hover, .lg-text-warning-700 {
        color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-700:focus, .xl-hover-text-warning-700:hover, .xl-text-warning-700 {
        color: rgba(250, 173, 19, .7) !important
    }
}

.focus-text-warning-800, .hover-text-warning-800, .text-warning-800 {
    color: rgba(250, 173, 19, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-800:focus, .sm-hover-text-warning-800:hover, .sm-text-warning-800 {
        color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-800:focus, .md-hover-text-warning-800:hover, .md-text-warning-800 {
        color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-800:focus, .lg-hover-text-warning-800:hover, .lg-text-warning-800 {
        color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-800:focus, .xl-hover-text-warning-800:hover, .xl-text-warning-800 {
        color: rgba(250, 173, 19, .8) !important
    }
}

.focus-text-warning-900, .hover-text-warning-900, .text-warning-900 {
    color: rgba(250, 173, 19, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-warning-900:focus, .sm-hover-text-warning-900:hover, .sm-text-warning-900 {
        color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-warning-900:focus, .md-hover-text-warning-900:hover, .md-text-warning-900 {
        color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-warning-900:focus, .lg-hover-text-warning-900:hover, .lg-text-warning-900 {
        color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-warning-900:focus, .xl-hover-text-warning-900:hover, .xl-text-warning-900 {
        color: rgba(250, 173, 19, .9) !important
    }
}

.focus-text-danger, .hover-text-danger, .text-danger {
    color: #f2607b !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger:focus, .sm-hover-text-danger:hover, .sm-text-danger {
        color: #f2607b !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger:focus, .md-hover-text-danger:hover, .md-text-danger {
        color: #f2607b !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger:focus, .lg-hover-text-danger:hover, .lg-text-danger {
        color: #f2607b !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger:focus, .xl-hover-text-danger:hover, .xl-text-danger {
        color: #f2607b !important
    }
}

.focus-text-danger-100, .hover-text-danger-100, .text-danger-100 {
    color: rgba(242, 96, 123, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-100:focus, .sm-hover-text-danger-100:hover, .sm-text-danger-100 {
        color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-100:focus, .md-hover-text-danger-100:hover, .md-text-danger-100 {
        color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-100:focus, .lg-hover-text-danger-100:hover, .lg-text-danger-100 {
        color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-100:focus, .xl-hover-text-danger-100:hover, .xl-text-danger-100 {
        color: rgba(242, 96, 123, .1) !important
    }
}

.focus-text-danger-200, .hover-text-danger-200, .text-danger-200 {
    color: rgba(242, 96, 123, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-200:focus, .sm-hover-text-danger-200:hover, .sm-text-danger-200 {
        color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-200:focus, .md-hover-text-danger-200:hover, .md-text-danger-200 {
        color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-200:focus, .lg-hover-text-danger-200:hover, .lg-text-danger-200 {
        color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-200:focus, .xl-hover-text-danger-200:hover, .xl-text-danger-200 {
        color: rgba(242, 96, 123, .2) !important
    }
}

.focus-text-danger-300, .hover-text-danger-300, .text-danger-300 {
    color: rgba(242, 96, 123, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-300:focus, .sm-hover-text-danger-300:hover, .sm-text-danger-300 {
        color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-300:focus, .md-hover-text-danger-300:hover, .md-text-danger-300 {
        color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-300:focus, .lg-hover-text-danger-300:hover, .lg-text-danger-300 {
        color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-300:focus, .xl-hover-text-danger-300:hover, .xl-text-danger-300 {
        color: rgba(242, 96, 123, .3) !important
    }
}

.focus-text-danger-400, .hover-text-danger-400, .text-danger-400 {
    color: rgba(242, 96, 123, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-400:focus, .sm-hover-text-danger-400:hover, .sm-text-danger-400 {
        color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-400:focus, .md-hover-text-danger-400:hover, .md-text-danger-400 {
        color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-400:focus, .lg-hover-text-danger-400:hover, .lg-text-danger-400 {
        color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-400:focus, .xl-hover-text-danger-400:hover, .xl-text-danger-400 {
        color: rgba(242, 96, 123, .4) !important
    }
}

.focus-text-danger-500, .hover-text-danger-500, .text-danger-500 {
    color: rgba(242, 96, 123, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-500:focus, .sm-hover-text-danger-500:hover, .sm-text-danger-500 {
        color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-500:focus, .md-hover-text-danger-500:hover, .md-text-danger-500 {
        color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-500:focus, .lg-hover-text-danger-500:hover, .lg-text-danger-500 {
        color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-500:focus, .xl-hover-text-danger-500:hover, .xl-text-danger-500 {
        color: rgba(242, 96, 123, .5) !important
    }
}

.focus-text-danger-600, .hover-text-danger-600, .text-danger-600 {
    color: rgba(242, 96, 123, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-600:focus, .sm-hover-text-danger-600:hover, .sm-text-danger-600 {
        color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-600:focus, .md-hover-text-danger-600:hover, .md-text-danger-600 {
        color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-600:focus, .lg-hover-text-danger-600:hover, .lg-text-danger-600 {
        color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-600:focus, .xl-hover-text-danger-600:hover, .xl-text-danger-600 {
        color: rgba(242, 96, 123, .6) !important
    }
}

.focus-text-danger-700, .hover-text-danger-700, .text-danger-700 {
    color: rgba(242, 96, 123, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-700:focus, .sm-hover-text-danger-700:hover, .sm-text-danger-700 {
        color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-700:focus, .md-hover-text-danger-700:hover, .md-text-danger-700 {
        color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-700:focus, .lg-hover-text-danger-700:hover, .lg-text-danger-700 {
        color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-700:focus, .xl-hover-text-danger-700:hover, .xl-text-danger-700 {
        color: rgba(242, 96, 123, .7) !important
    }
}

.focus-text-danger-800, .hover-text-danger-800, .text-danger-800 {
    color: rgba(242, 96, 123, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-800:focus, .sm-hover-text-danger-800:hover, .sm-text-danger-800 {
        color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-800:focus, .md-hover-text-danger-800:hover, .md-text-danger-800 {
        color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-800:focus, .lg-hover-text-danger-800:hover, .lg-text-danger-800 {
        color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-800:focus, .xl-hover-text-danger-800:hover, .xl-text-danger-800 {
        color: rgba(242, 96, 123, .8) !important
    }
}

.focus-text-danger-900, .hover-text-danger-900, .text-danger-900 {
    color: rgba(242, 96, 123, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-danger-900:focus, .sm-hover-text-danger-900:hover, .sm-text-danger-900 {
        color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-danger-900:focus, .md-hover-text-danger-900:hover, .md-text-danger-900 {
        color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-danger-900:focus, .lg-hover-text-danger-900:hover, .lg-text-danger-900 {
        color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-danger-900:focus, .xl-hover-text-danger-900:hover, .xl-text-danger-900 {
        color: rgba(242, 96, 123, .9) !important
    }
}

.focus-text-black, .hover-text-black, .text-black {
    color: #183b56 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black:focus, .sm-hover-text-black:hover, .sm-text-black {
        color: #183b56 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black:focus, .md-hover-text-black:hover, .md-text-black {
        color: #183b56 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black:focus, .lg-hover-text-black:hover, .lg-text-black {
        color: #183b56 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black:focus, .xl-hover-text-black:hover, .xl-text-black {
        color: #183b56 !important
    }
}

.focus-text-black-100, .hover-text-black-100, .text-black-100 {
    color: rgba(24, 59, 86, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-100:focus, .sm-hover-text-black-100:hover, .sm-text-black-100 {
        color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-100:focus, .md-hover-text-black-100:hover, .md-text-black-100 {
        color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-100:focus, .lg-hover-text-black-100:hover, .lg-text-black-100 {
        color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-100:focus, .xl-hover-text-black-100:hover, .xl-text-black-100 {
        color: rgba(24, 59, 86, .1) !important
    }
}

.focus-text-black-200, .hover-text-black-200, .text-black-200 {
    color: rgba(24, 59, 86, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-200:focus, .sm-hover-text-black-200:hover, .sm-text-black-200 {
        color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-200:focus, .md-hover-text-black-200:hover, .md-text-black-200 {
        color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-200:focus, .lg-hover-text-black-200:hover, .lg-text-black-200 {
        color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-200:focus, .xl-hover-text-black-200:hover, .xl-text-black-200 {
        color: rgba(24, 59, 86, .2) !important
    }
}

.focus-text-black-300, .hover-text-black-300, .text-black-300 {
    color: rgba(24, 59, 86, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-300:focus, .sm-hover-text-black-300:hover, .sm-text-black-300 {
        color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-300:focus, .md-hover-text-black-300:hover, .md-text-black-300 {
        color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-300:focus, .lg-hover-text-black-300:hover, .lg-text-black-300 {
        color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-300:focus, .xl-hover-text-black-300:hover, .xl-text-black-300 {
        color: rgba(24, 59, 86, .3) !important
    }
}

.focus-text-black-400, .hover-text-black-400, .text-black-400 {
    color: rgba(24, 59, 86, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-400:focus, .sm-hover-text-black-400:hover, .sm-text-black-400 {
        color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-400:focus, .md-hover-text-black-400:hover, .md-text-black-400 {
        color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-400:focus, .lg-hover-text-black-400:hover, .lg-text-black-400 {
        color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-400:focus, .xl-hover-text-black-400:hover, .xl-text-black-400 {
        color: rgba(24, 59, 86, .4) !important
    }
}

.focus-text-black-500, .hover-text-black-500, .text-black-500 {
    color: rgba(24, 59, 86, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-500:focus, .sm-hover-text-black-500:hover, .sm-text-black-500 {
        color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-500:focus, .md-hover-text-black-500:hover, .md-text-black-500 {
        color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-500:focus, .lg-hover-text-black-500:hover, .lg-text-black-500 {
        color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-500:focus, .xl-hover-text-black-500:hover, .xl-text-black-500 {
        color: rgba(24, 59, 86, .5) !important
    }
}

.focus-text-black-600, .hover-text-black-600, .text-black-600 {
    color: rgba(24, 59, 86, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-600:focus, .sm-hover-text-black-600:hover, .sm-text-black-600 {
        color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-600:focus, .md-hover-text-black-600:hover, .md-text-black-600 {
        color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-600:focus, .lg-hover-text-black-600:hover, .lg-text-black-600 {
        color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-600:focus, .xl-hover-text-black-600:hover, .xl-text-black-600 {
        color: rgba(24, 59, 86, .6) !important
    }
}

.focus-text-black-700, .hover-text-black-700, .text-black-700 {
    color: rgba(24, 59, 86, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-700:focus, .sm-hover-text-black-700:hover, .sm-text-black-700 {
        color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-700:focus, .md-hover-text-black-700:hover, .md-text-black-700 {
        color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-700:focus, .lg-hover-text-black-700:hover, .lg-text-black-700 {
        color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-700:focus, .xl-hover-text-black-700:hover, .xl-text-black-700 {
        color: rgba(24, 59, 86, .7) !important
    }
}

.focus-text-black-800, .hover-text-black-800, .text-black-800 {
    color: rgba(24, 59, 86, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-800:focus, .sm-hover-text-black-800:hover, .sm-text-black-800 {
        color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-800:focus, .md-hover-text-black-800:hover, .md-text-black-800 {
        color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-800:focus, .lg-hover-text-black-800:hover, .lg-text-black-800 {
        color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-800:focus, .xl-hover-text-black-800:hover, .xl-text-black-800 {
        color: rgba(24, 59, 86, .8) !important
    }
}

.focus-text-black-900, .hover-text-black-900, .text-black-900 {
    color: rgba(24, 59, 86, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-black-900:focus, .sm-hover-text-black-900:hover, .sm-text-black-900 {
        color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-black-900:focus, .md-hover-text-black-900:hover, .md-text-black-900 {
        color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-black-900:focus, .lg-hover-text-black-900:hover, .lg-text-black-900 {
        color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-black-900:focus, .xl-hover-text-black-900:hover, .xl-text-black-900 {
        color: rgba(24, 59, 86, .9) !important
    }
}

.focus-text-gray, .hover-text-gray, .text-gray {
    color: #5a7184 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray:focus, .sm-hover-text-gray:hover, .sm-text-gray {
        color: #5a7184 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray:focus, .md-hover-text-gray:hover, .md-text-gray {
        color: #5a7184 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray:focus, .lg-hover-text-gray:hover, .lg-text-gray {
        color: #5a7184 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray:focus, .xl-hover-text-gray:hover, .xl-text-gray {
        color: #5a7184 !important
    }
}

.focus-text-gray-100, .hover-text-gray-100, .text-gray-100 {
    color: rgba(90, 113, 132, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-100:focus, .sm-hover-text-gray-100:hover, .sm-text-gray-100 {
        color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-100:focus, .md-hover-text-gray-100:hover, .md-text-gray-100 {
        color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-100:focus, .lg-hover-text-gray-100:hover, .lg-text-gray-100 {
        color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-100:focus, .xl-hover-text-gray-100:hover, .xl-text-gray-100 {
        color: rgba(90, 113, 132, .1) !important
    }
}

.focus-text-gray-200, .hover-text-gray-200, .text-gray-200 {
    color: rgba(90, 113, 132, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-200:focus, .sm-hover-text-gray-200:hover, .sm-text-gray-200 {
        color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-200:focus, .md-hover-text-gray-200:hover, .md-text-gray-200 {
        color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-200:focus, .lg-hover-text-gray-200:hover, .lg-text-gray-200 {
        color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-200:focus, .xl-hover-text-gray-200:hover, .xl-text-gray-200 {
        color: rgba(90, 113, 132, .2) !important
    }
}

.focus-text-gray-300, .hover-text-gray-300, .text-gray-300 {
    color: rgba(90, 113, 132, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-300:focus, .sm-hover-text-gray-300:hover, .sm-text-gray-300 {
        color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-300:focus, .md-hover-text-gray-300:hover, .md-text-gray-300 {
        color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-300:focus, .lg-hover-text-gray-300:hover, .lg-text-gray-300 {
        color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-300:focus, .xl-hover-text-gray-300:hover, .xl-text-gray-300 {
        color: rgba(90, 113, 132, .3) !important
    }
}

.focus-text-gray-400, .hover-text-gray-400, .text-gray-400 {
    color: rgba(90, 113, 132, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-400:focus, .sm-hover-text-gray-400:hover, .sm-text-gray-400 {
        color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-400:focus, .md-hover-text-gray-400:hover, .md-text-gray-400 {
        color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-400:focus, .lg-hover-text-gray-400:hover, .lg-text-gray-400 {
        color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-400:focus, .xl-hover-text-gray-400:hover, .xl-text-gray-400 {
        color: rgba(90, 113, 132, .4) !important
    }
}

.focus-text-gray-500, .hover-text-gray-500, .text-gray-500 {
    color: rgba(90, 113, 132, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-500:focus, .sm-hover-text-gray-500:hover, .sm-text-gray-500 {
        color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-500:focus, .md-hover-text-gray-500:hover, .md-text-gray-500 {
        color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-500:focus, .lg-hover-text-gray-500:hover, .lg-text-gray-500 {
        color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-500:focus, .xl-hover-text-gray-500:hover, .xl-text-gray-500 {
        color: rgba(90, 113, 132, .5) !important
    }
}

.focus-text-gray-600, .hover-text-gray-600, .text-gray-600 {
    color: rgba(90, 113, 132, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-600:focus, .sm-hover-text-gray-600:hover, .sm-text-gray-600 {
        color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-600:focus, .md-hover-text-gray-600:hover, .md-text-gray-600 {
        color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-600:focus, .lg-hover-text-gray-600:hover, .lg-text-gray-600 {
        color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-600:focus, .xl-hover-text-gray-600:hover, .xl-text-gray-600 {
        color: rgba(90, 113, 132, .6) !important
    }
}

.focus-text-gray-700, .hover-text-gray-700, .text-gray-700 {
    color: rgba(90, 113, 132, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-700:focus, .sm-hover-text-gray-700:hover, .sm-text-gray-700 {
        color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-700:focus, .md-hover-text-gray-700:hover, .md-text-gray-700 {
        color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-700:focus, .lg-hover-text-gray-700:hover, .lg-text-gray-700 {
        color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-700:focus, .xl-hover-text-gray-700:hover, .xl-text-gray-700 {
        color: rgba(90, 113, 132, .7) !important
    }
}

.focus-text-gray-800, .hover-text-gray-800, .text-gray-800 {
    color: rgba(90, 113, 132, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-800:focus, .sm-hover-text-gray-800:hover, .sm-text-gray-800 {
        color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-800:focus, .md-hover-text-gray-800:hover, .md-text-gray-800 {
        color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-800:focus, .lg-hover-text-gray-800:hover, .lg-text-gray-800 {
        color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-800:focus, .xl-hover-text-gray-800:hover, .xl-text-gray-800 {
        color: rgba(90, 113, 132, .8) !important
    }
}

.focus-text-gray-900, .hover-text-gray-900, .text-gray-900 {
    color: rgba(90, 113, 132, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-900:focus, .sm-hover-text-gray-900:hover, .sm-text-gray-900 {
        color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-900:focus, .md-hover-text-gray-900:hover, .md-text-gray-900 {
        color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-900:focus, .lg-hover-text-gray-900:hover, .lg-text-gray-900 {
        color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-900:focus, .xl-hover-text-gray-900:hover, .xl-text-gray-900 {
        color: rgba(90, 113, 132, .9) !important
    }
}

.focus-text-gray-light, .hover-text-gray-light, .text-gray-light {
    color: #b3bac5 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light:focus, .sm-hover-text-gray-light:hover, .sm-text-gray-light {
        color: #b3bac5 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light:focus, .md-hover-text-gray-light:hover, .md-text-gray-light {
        color: #b3bac5 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light:focus, .lg-hover-text-gray-light:hover, .lg-text-gray-light {
        color: #b3bac5 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light:focus, .xl-hover-text-gray-light:hover, .xl-text-gray-light {
        color: #b3bac5 !important
    }
}

.focus-text-gray-light-100, .hover-text-gray-light-100, .text-gray-light-100 {
    color: rgba(179, 186, 197, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-100:focus, .sm-hover-text-gray-light-100:hover, .sm-text-gray-light-100 {
        color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-100:focus, .md-hover-text-gray-light-100:hover, .md-text-gray-light-100 {
        color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-100:focus, .lg-hover-text-gray-light-100:hover, .lg-text-gray-light-100 {
        color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-100:focus, .xl-hover-text-gray-light-100:hover, .xl-text-gray-light-100 {
        color: rgba(179, 186, 197, .1) !important
    }
}

.focus-text-gray-light-200, .hover-text-gray-light-200, .text-gray-light-200 {
    color: rgba(179, 186, 197, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-200:focus, .sm-hover-text-gray-light-200:hover, .sm-text-gray-light-200 {
        color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-200:focus, .md-hover-text-gray-light-200:hover, .md-text-gray-light-200 {
        color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-200:focus, .lg-hover-text-gray-light-200:hover, .lg-text-gray-light-200 {
        color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-200:focus, .xl-hover-text-gray-light-200:hover, .xl-text-gray-light-200 {
        color: rgba(179, 186, 197, .2) !important
    }
}

.focus-text-gray-light-300, .hover-text-gray-light-300, .text-gray-light-300 {
    color: rgba(179, 186, 197, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-300:focus, .sm-hover-text-gray-light-300:hover, .sm-text-gray-light-300 {
        color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-300:focus, .md-hover-text-gray-light-300:hover, .md-text-gray-light-300 {
        color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-300:focus, .lg-hover-text-gray-light-300:hover, .lg-text-gray-light-300 {
        color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-300:focus, .xl-hover-text-gray-light-300:hover, .xl-text-gray-light-300 {
        color: rgba(179, 186, 197, .3) !important
    }
}

.focus-text-gray-light-400, .hover-text-gray-light-400, .text-gray-light-400 {
    color: rgba(179, 186, 197, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-400:focus, .sm-hover-text-gray-light-400:hover, .sm-text-gray-light-400 {
        color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-400:focus, .md-hover-text-gray-light-400:hover, .md-text-gray-light-400 {
        color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-400:focus, .lg-hover-text-gray-light-400:hover, .lg-text-gray-light-400 {
        color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-400:focus, .xl-hover-text-gray-light-400:hover, .xl-text-gray-light-400 {
        color: rgba(179, 186, 197, .4) !important
    }
}

.focus-text-gray-light-500, .hover-text-gray-light-500, .text-gray-light-500 {
    color: rgba(179, 186, 197, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-500:focus, .sm-hover-text-gray-light-500:hover, .sm-text-gray-light-500 {
        color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-500:focus, .md-hover-text-gray-light-500:hover, .md-text-gray-light-500 {
        color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-500:focus, .lg-hover-text-gray-light-500:hover, .lg-text-gray-light-500 {
        color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-500:focus, .xl-hover-text-gray-light-500:hover, .xl-text-gray-light-500 {
        color: rgba(179, 186, 197, .5) !important
    }
}

.focus-text-gray-light-600, .hover-text-gray-light-600, .text-gray-light-600 {
    color: rgba(179, 186, 197, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-600:focus, .sm-hover-text-gray-light-600:hover, .sm-text-gray-light-600 {
        color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-600:focus, .md-hover-text-gray-light-600:hover, .md-text-gray-light-600 {
        color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-600:focus, .lg-hover-text-gray-light-600:hover, .lg-text-gray-light-600 {
        color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-600:focus, .xl-hover-text-gray-light-600:hover, .xl-text-gray-light-600 {
        color: rgba(179, 186, 197, .6) !important
    }
}

.focus-text-gray-light-700, .hover-text-gray-light-700, .text-gray-light-700 {
    color: rgba(179, 186, 197, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-700:focus, .sm-hover-text-gray-light-700:hover, .sm-text-gray-light-700 {
        color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-700:focus, .md-hover-text-gray-light-700:hover, .md-text-gray-light-700 {
        color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-700:focus, .lg-hover-text-gray-light-700:hover, .lg-text-gray-light-700 {
        color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-700:focus, .xl-hover-text-gray-light-700:hover, .xl-text-gray-light-700 {
        color: rgba(179, 186, 197, .7) !important
    }
}

.focus-text-gray-light-800, .hover-text-gray-light-800, .text-gray-light-800 {
    color: rgba(179, 186, 197, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-800:focus, .sm-hover-text-gray-light-800:hover, .sm-text-gray-light-800 {
        color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-800:focus, .md-hover-text-gray-light-800:hover, .md-text-gray-light-800 {
        color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-800:focus, .lg-hover-text-gray-light-800:hover, .lg-text-gray-light-800 {
        color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-800:focus, .xl-hover-text-gray-light-800:hover, .xl-text-gray-light-800 {
        color: rgba(179, 186, 197, .8) !important
    }
}

.focus-text-gray-light-900, .hover-text-gray-light-900, .text-gray-light-900 {
    color: rgba(179, 186, 197, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-gray-light-900:focus, .sm-hover-text-gray-light-900:hover, .sm-text-gray-light-900 {
        color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-gray-light-900:focus, .md-hover-text-gray-light-900:hover, .md-text-gray-light-900 {
        color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-gray-light-900:focus, .lg-hover-text-gray-light-900:hover, .lg-text-gray-light-900 {
        color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-gray-light-900:focus, .xl-hover-text-gray-light-900:hover, .xl-text-gray-light-900 {
        color: rgba(179, 186, 197, .9) !important
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white:focus, .sm-hover-text-white:hover, .sm-text-white {
        color: #fff !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white:focus, .md-hover-text-white:hover, .md-text-white {
        color: #fff !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white:focus, .lg-hover-text-white:hover, .lg-text-white {
        color: #fff !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white:focus, .xl-hover-text-white:hover, .xl-text-white {
        color: #fff !important
    }
}

.focus-text-white-100, .hover-text-white-100, .text-white-100 {
    color: hsla(0, 0%, 100%, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-100:focus, .sm-hover-text-white-100:hover, .sm-text-white-100 {
        color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-100:focus, .md-hover-text-white-100:hover, .md-text-white-100 {
        color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-100:focus, .lg-hover-text-white-100:hover, .lg-text-white-100 {
        color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-100:focus, .xl-hover-text-white-100:hover, .xl-text-white-100 {
        color: hsla(0, 0%, 100%, .1) !important
    }
}

.focus-text-white-200, .hover-text-white-200, .text-white-200 {
    color: hsla(0, 0%, 100%, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-200:focus, .sm-hover-text-white-200:hover, .sm-text-white-200 {
        color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-200:focus, .md-hover-text-white-200:hover, .md-text-white-200 {
        color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-200:focus, .lg-hover-text-white-200:hover, .lg-text-white-200 {
        color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-200:focus, .xl-hover-text-white-200:hover, .xl-text-white-200 {
        color: hsla(0, 0%, 100%, .2) !important
    }
}

.focus-text-white-300, .hover-text-white-300, .text-white-300 {
    color: hsla(0, 0%, 100%, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-300:focus, .sm-hover-text-white-300:hover, .sm-text-white-300 {
        color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-300:focus, .md-hover-text-white-300:hover, .md-text-white-300 {
        color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-300:focus, .lg-hover-text-white-300:hover, .lg-text-white-300 {
        color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-300:focus, .xl-hover-text-white-300:hover, .xl-text-white-300 {
        color: hsla(0, 0%, 100%, .3) !important
    }
}

.focus-text-white-400, .hover-text-white-400, .text-white-400 {
    color: hsla(0, 0%, 100%, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-400:focus, .sm-hover-text-white-400:hover, .sm-text-white-400 {
        color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-400:focus, .md-hover-text-white-400:hover, .md-text-white-400 {
        color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-400:focus, .lg-hover-text-white-400:hover, .lg-text-white-400 {
        color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-400:focus, .xl-hover-text-white-400:hover, .xl-text-white-400 {
        color: hsla(0, 0%, 100%, .4) !important
    }
}

.focus-text-white-500, .hover-text-white-500, .text-white-500 {
    color: hsla(0, 0%, 100%, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-500:focus, .sm-hover-text-white-500:hover, .sm-text-white-500 {
        color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-500:focus, .md-hover-text-white-500:hover, .md-text-white-500 {
        color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-500:focus, .lg-hover-text-white-500:hover, .lg-text-white-500 {
        color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-500:focus, .xl-hover-text-white-500:hover, .xl-text-white-500 {
        color: hsla(0, 0%, 100%, .5) !important
    }
}

.focus-text-white-600, .hover-text-white-600, .text-white-600 {
    color: hsla(0, 0%, 100%, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-600:focus, .sm-hover-text-white-600:hover, .sm-text-white-600 {
        color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-600:focus, .md-hover-text-white-600:hover, .md-text-white-600 {
        color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-600:focus, .lg-hover-text-white-600:hover, .lg-text-white-600 {
        color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-600:focus, .xl-hover-text-white-600:hover, .xl-text-white-600 {
        color: hsla(0, 0%, 100%, .6) !important
    }
}

.focus-text-white-700, .hover-text-white-700, .text-white-700 {
    color: hsla(0, 0%, 100%, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-700:focus, .sm-hover-text-white-700:hover, .sm-text-white-700 {
        color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-700:focus, .md-hover-text-white-700:hover, .md-text-white-700 {
        color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-700:focus, .lg-hover-text-white-700:hover, .lg-text-white-700 {
        color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-700:focus, .xl-hover-text-white-700:hover, .xl-text-white-700 {
        color: hsla(0, 0%, 100%, .7) !important
    }
}

.focus-text-white-800, .hover-text-white-800, .text-white-800 {
    color: hsla(0, 0%, 100%, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-800:focus, .sm-hover-text-white-800:hover, .sm-text-white-800 {
        color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-800:focus, .md-hover-text-white-800:hover, .md-text-white-800 {
        color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-800:focus, .lg-hover-text-white-800:hover, .lg-text-white-800 {
        color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-800:focus, .xl-hover-text-white-800:hover, .xl-text-white-800 {
        color: hsla(0, 0%, 100%, .8) !important
    }
}

.focus-text-white-900, .hover-text-white-900, .text-white-900 {
    color: hsla(0, 0%, 100%, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-white-900:focus, .sm-hover-text-white-900:hover, .sm-text-white-900 {
        color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-white-900:focus, .md-hover-text-white-900:hover, .md-text-white-900 {
        color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-white-900:focus, .lg-hover-text-white-900:hover, .lg-text-white-900 {
        color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-white-900:focus, .xl-hover-text-white-900:hover, .xl-text-white-900 {
        color: hsla(0, 0%, 100%, .9) !important
    }
}

.focus-text-iris-blue, .hover-text-iris-blue, .text-iris-blue {
    color: #00b8d9 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-iris-blue:focus, .sm-hover-text-iris-blue:hover, .sm-text-iris-blue {
        color: #00b8d9 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-iris-blue:focus, .md-hover-text-iris-blue:hover, .md-text-iris-blue {
        color: #00b8d9 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-iris-blue:focus, .lg-hover-text-iris-blue:hover, .lg-text-iris-blue {
        color: #00b8d9 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-iris-blue:focus, .xl-hover-text-iris-blue:hover, .xl-text-iris-blue {
        color: #00b8d9 !important
    }
}

.focus-text-regal-blue, .hover-text-regal-blue, .text-regal-blue {
    color: #183b56 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-regal-blue:focus, .sm-hover-text-regal-blue:hover, .sm-text-regal-blue {
        color: #183b56 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-regal-blue:focus, .md-hover-text-regal-blue:hover, .md-text-regal-blue {
        color: #183b56 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-regal-blue:focus, .lg-hover-text-regal-blue:hover, .lg-text-regal-blue {
        color: #183b56 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-regal-blue:focus, .xl-hover-text-regal-blue:hover, .xl-text-regal-blue {
        color: #183b56 !important
    }
}

.focus-text-bright-red, .hover-text-bright-red, .text-bright-red {
    color: #e95432 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-bright-red:focus, .sm-hover-text-bright-red:hover, .sm-text-bright-red {
        color: #e95432 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-bright-red:focus, .md-hover-text-bright-red:hover, .md-text-bright-red {
        color: #e95432 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-bright-red:focus, .lg-hover-text-bright-red:hover, .lg-text-bright-red {
        color: #e95432 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-bright-red:focus, .xl-hover-text-bright-red:hover, .xl-text-bright-red {
        color: #e95432 !important
    }
}

.focus-text-facebook, .hover-text-facebook, .text-facebook {
    color: #2ed47a !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-facebook:focus, .sm-hover-text-facebook:hover, .sm-text-facebook {
        color: #2ed47a !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-facebook:focus, .md-hover-text-facebook:hover, .md-text-facebook {
        color: #2ed47a !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-facebook:focus, .lg-hover-text-facebook:hover, .lg-text-facebook {
        color: #2ed47a !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-facebook:focus, .xl-hover-text-facebook:hover, .xl-text-facebook {
        color: #2ed47a !important
    }
}

.focus-text-instagram, .hover-text-instagram, .text-instagram {
    color: #f56040 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-instagram:focus, .sm-hover-text-instagram:hover, .sm-text-instagram {
        color: #f56040 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-instagram:focus, .md-hover-text-instagram:hover, .md-text-instagram {
        color: #f56040 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-instagram:focus, .lg-hover-text-instagram:hover, .lg-text-instagram {
        color: #f56040 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-instagram:focus, .xl-hover-text-instagram:hover, .xl-text-instagram {
        color: #f56040 !important
    }
}

.focus-text-twitter, .hover-text-twitter, .text-twitter {
    color: #00b8d9 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-twitter:focus, .sm-hover-text-twitter:hover, .sm-text-twitter {
        color: #00b8d9 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-twitter:focus, .md-hover-text-twitter:hover, .md-text-twitter {
        color: #00b8d9 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-twitter:focus, .lg-hover-text-twitter:hover, .lg-text-twitter {
        color: #00b8d9 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-twitter:focus, .xl-hover-text-twitter:hover, .xl-text-twitter {
        color: #00b8d9 !important
    }
}

.focus-text-youtube, .hover-text-youtube, .text-youtube {
    color: #e95432 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-focus-text-youtube:focus, .sm-hover-text-youtube:hover, .sm-text-youtube {
        color: #e95432 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-focus-text-youtube:focus, .md-hover-text-youtube:hover, .md-text-youtube {
        color: #e95432 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-focus-text-youtube:focus, .lg-hover-text-youtube:hover, .lg-text-youtube {
        color: #e95432 !important
    }
}

@media (min-width: 1200px) {
    .xl-focus-text-youtube:focus, .xl-hover-text-youtube:hover, .xl-text-youtube {
        color: #e95432 !important
    }
}

.underline {
    text-decoration: underline
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-underline {
        text-decoration: underline
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-underline {
        text-decoration: underline
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-underline {
        text-decoration: underline
    }
}

@media (min-width: 1200px) {
    .xl-underline {
        text-decoration: underline
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-line-through {
        text-decoration: line-through
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-line-through {
        text-decoration: line-through
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-line-through {
        text-decoration: line-through
    }
}

@media (min-width: 1200px) {
    .xl-line-through {
        text-decoration: line-through
    }
}

.no-underline {
    text-decoration: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-no-underline {
        text-decoration: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-no-underline {
        text-decoration: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-no-underline {
        text-decoration: none
    }
}

@media (min-width: 1200px) {
    .xl-no-underline {
        text-decoration: none
    }
}

.uppercase {
    text-transform: uppercase
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-uppercase {
        text-transform: uppercase
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-uppercase {
        text-transform: uppercase
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-uppercase {
        text-transform: uppercase
    }
}

@media (min-width: 1200px) {
    .xl-uppercase {
        text-transform: uppercase
    }
}

.lowercase {
    text-transform: lowercase
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-lowercase {
        text-transform: lowercase
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-lowercase {
        text-transform: lowercase
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-lowercase {
        text-transform: lowercase
    }
}

@media (min-width: 1200px) {
    .xl-lowercase {
        text-transform: lowercase
    }
}

.capitalize {
    text-transform: capitalize
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-capitalize {
        text-transform: capitalize
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-capitalize {
        text-transform: capitalize
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-capitalize {
        text-transform: capitalize
    }
}

@media (min-width: 1200px) {
    .xl-capitalize {
        text-transform: capitalize
    }
}

.normal-case {
    text-transform: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-normal-case {
        text-transform: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-normal-case {
        text-transform: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-normal-case {
        text-transform: none
    }
}

@media (min-width: 1200px) {
    .xl-normal-case {
        text-transform: none
    }
}

.align-baseline {
    vertical-align: baseline
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-align-baseline {
        vertical-align: baseline
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-align-baseline {
        vertical-align: baseline
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-align-baseline {
        vertical-align: baseline
    }
}

@media (min-width: 1200px) {
    .xl-align-baseline {
        vertical-align: baseline
    }
}

.align-top {
    vertical-align: top
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-align-top {
        vertical-align: top
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-align-top {
        vertical-align: top
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-align-top {
        vertical-align: top
    }
}

@media (min-width: 1200px) {
    .xl-align-top {
        vertical-align: top
    }
}

.align-middle {
    vertical-align: middle
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-align-middle {
        vertical-align: middle
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-align-middle {
        vertical-align: middle
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-align-middle {
        vertical-align: middle
    }
}

@media (min-width: 1200px) {
    .xl-align-middle {
        vertical-align: middle
    }
}

.align-bottom {
    vertical-align: bottom
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-align-bottom {
        vertical-align: bottom
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-align-bottom {
        vertical-align: bottom
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-align-bottom {
        vertical-align: bottom
    }
}

@media (min-width: 1200px) {
    .xl-align-bottom {
        vertical-align: bottom
    }
}

.align-text-top {
    vertical-align: text-top
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-align-text-top {
        vertical-align: text-top
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-align-text-top {
        vertical-align: text-top
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-align-text-top {
        vertical-align: text-top
    }
}

@media (min-width: 1200px) {
    .xl-align-text-top {
        vertical-align: text-top
    }
}

.align-text-bottom {
    vertical-align: text-bottom
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-align-text-bottom {
        vertical-align: text-bottom
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-align-text-bottom {
        vertical-align: text-bottom
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-align-text-bottom {
        vertical-align: text-bottom
    }
}

@media (min-width: 1200px) {
    .xl-align-text-bottom {
        vertical-align: text-bottom
    }
}

.whitespace-normal {
    white-space: normal
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-whitespace-normal {
        white-space: normal
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-whitespace-normal {
        white-space: normal
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-whitespace-normal {
        white-space: normal
    }
}

@media (min-width: 1200px) {
    .xl-whitespace-normal {
        white-space: normal
    }
}

.whitespace-no-wrap {
    white-space: nowrap
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-whitespace-no-wrap {
        white-space: nowrap
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-whitespace-no-wrap {
        white-space: nowrap
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-whitespace-no-wrap {
        white-space: nowrap
    }
}

@media (min-width: 1200px) {
    .xl-whitespace-no-wrap {
        white-space: nowrap
    }
}

.whitespace-pre {
    white-space: pre
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-whitespace-pre {
        white-space: pre
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-whitespace-pre {
        white-space: pre
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-whitespace-pre {
        white-space: pre
    }
}

@media (min-width: 1200px) {
    .xl-whitespace-pre {
        white-space: pre
    }
}

.whitespace-pre-line {
    white-space: pre-line
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-whitespace-pre-line {
        white-space: pre-line
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-whitespace-pre-line {
        white-space: pre-line
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-whitespace-pre-line {
        white-space: pre-line
    }
}

@media (min-width: 1200px) {
    .xl-whitespace-pre-line {
        white-space: pre-line
    }
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-whitespace-pre-wrap {
        white-space: pre-wrap
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-whitespace-pre-wrap {
        white-space: pre-wrap
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-whitespace-pre-wrap {
        white-space: pre-wrap
    }
}

@media (min-width: 1200px) {
    .xl-whitespace-pre-wrap {
        white-space: pre-wrap
    }
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .sm-break-words {
        overflow-wrap: break-word
    }

    .sm-break-all {
        word-break: break-all
    }

    .sm-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .md-break-words {
        overflow-wrap: break-word
    }

    .md-break-all {
        word-break: break-all
    }

    .md-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .lg-break-words {
        overflow-wrap: break-word
    }

    .lg-break-all {
        word-break: break-all
    }

    .lg-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 1200px) {
    .xl-break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .xl-break-words {
        overflow-wrap: break-word
    }

    .xl-break-all {
        word-break: break-all
    }

    .xl-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.bg-fixed {
    background-attachment: fixed
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-fixed {
        background-attachment: fixed
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-fixed {
        background-attachment: fixed
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-fixed {
        background-attachment: fixed
    }
}

@media (min-width: 1200px) {
    .xl-bg-fixed {
        background-attachment: fixed
    }
}

.bg-local {
    background-attachment: local
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-local {
        background-attachment: local
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-local {
        background-attachment: local
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-local {
        background-attachment: local
    }
}

@media (min-width: 1200px) {
    .xl-bg-local {
        background-attachment: local
    }
}

.bg-scroll {
    background-attachment: scroll
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-scroll {
        background-attachment: scroll
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-scroll {
        background-attachment: scroll
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-scroll {
        background-attachment: scroll
    }
}

@media (min-width: 1200px) {
    .xl-bg-scroll {
        background-attachment: scroll
    }
}

.bg-transparent {
    background-color: transparent !important
}

.focus-bg-transparent:focus, .hover-bg-transparent:hover {
    background-color: transparent
}

@media (max-width: 575px) {
    .xs-bg-transparent, .xs-focus-bg-transparent:focus, .xs-hover-bg-transparent:hover {
        background-color: transparent !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-transparent, .sm-focus-bg-transparent:focus, .sm-hover-bg-transparent:hover {
        background-color: transparent !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-transparent, .md-focus-bg-transparent:focus, .md-hover-bg-transparent:hover {
        background-color: transparent !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-transparent, .lg-focus-bg-transparent:focus, .lg-hover-bg-transparent:hover {
        background-color: transparent !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-transparent, .xl-focus-bg-transparent:focus, .xl-hover-bg-transparent:hover {
        background-color: transparent !important
    }
}

.bg-primary {
    background-color: #2ed47a !important
}

.focus-bg-primary:focus, .hover-bg-primary:hover {
    background-color: #2ed47a
}

@media (max-width: 575px) {
    .xs-bg-primary, .xs-focus-bg-primary:focus, .xs-hover-bg-primary:hover {
        background-color: #2ed47a !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary, .sm-focus-bg-primary:focus, .sm-hover-bg-primary:hover {
        background-color: #2ed47a !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary, .md-focus-bg-primary:focus, .md-hover-bg-primary:hover {
        background-color: #2ed47a !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary, .lg-focus-bg-primary:focus, .lg-hover-bg-primary:hover {
        background-color: #2ed47a !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary, .xl-focus-bg-primary:focus, .xl-hover-bg-primary:hover {
        background-color: #2ed47a !important
    }
}

.bg-primary-60 {
    background-color: rgba(21, 101, 216, .06) !important
}

.focus-bg-primary-60:focus, .hover-bg-primary-60:hover {
    background-color: rgba(21, 101, 216, .06)
}

@media (max-width: 575px) {
    .xs-bg-primary-60, .xs-focus-bg-primary-60:focus, .xs-hover-bg-primary-60:hover {
        background-color: rgba(21, 101, 216, .06) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-60, .sm-focus-bg-primary-60:focus, .sm-hover-bg-primary-60:hover {
        background-color: rgba(21, 101, 216, .06) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-60, .md-focus-bg-primary-60:focus, .md-hover-bg-primary-60:hover {
        background-color: rgba(21, 101, 216, .06) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-60, .lg-focus-bg-primary-60:focus, .lg-hover-bg-primary-60:hover {
        background-color: rgba(21, 101, 216, .06) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-60, .xl-focus-bg-primary-60:focus, .xl-hover-bg-primary-60:hover {
        background-color: rgba(21, 101, 216, .06) !important
    }
}

.bg-primary-100 {
    background-color: rgba(21, 101, 216, .1) !important
}

.focus-bg-primary-100:focus, .hover-bg-primary-100:hover {
    background-color: rgba(21, 101, 216, .1)
}

@media (max-width: 575px) {
    .xs-bg-primary-100, .xs-focus-bg-primary-100:focus, .xs-hover-bg-primary-100:hover {
        background-color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-100, .sm-focus-bg-primary-100:focus, .sm-hover-bg-primary-100:hover {
        background-color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-100, .md-focus-bg-primary-100:focus, .md-hover-bg-primary-100:hover {
        background-color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-100, .lg-focus-bg-primary-100:focus, .lg-hover-bg-primary-100:hover {
        background-color: rgba(21, 101, 216, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-100, .xl-focus-bg-primary-100:focus, .xl-hover-bg-primary-100:hover {
        background-color: rgba(21, 101, 216, .1) !important
    }
}

.bg-primary-200 {
    background-color: rgba(21, 101, 216, .2) !important
}

.focus-bg-primary-200:focus, .hover-bg-primary-200:hover {
    background-color: rgba(21, 101, 216, .2)
}

@media (max-width: 575px) {
    .xs-bg-primary-200, .xs-focus-bg-primary-200:focus, .xs-hover-bg-primary-200:hover {
        background-color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-200, .sm-focus-bg-primary-200:focus, .sm-hover-bg-primary-200:hover {
        background-color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-200, .md-focus-bg-primary-200:focus, .md-hover-bg-primary-200:hover {
        background-color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-200, .lg-focus-bg-primary-200:focus, .lg-hover-bg-primary-200:hover {
        background-color: rgba(21, 101, 216, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-200, .xl-focus-bg-primary-200:focus, .xl-hover-bg-primary-200:hover {
        background-color: rgba(21, 101, 216, .2) !important
    }
}

.bg-primary-300 {
    background-color: rgba(21, 101, 216, .3) !important
}

.focus-bg-primary-300:focus, .hover-bg-primary-300:hover {
    background-color: rgba(21, 101, 216, .3)
}

@media (max-width: 575px) {
    .xs-bg-primary-300, .xs-focus-bg-primary-300:focus, .xs-hover-bg-primary-300:hover {
        background-color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-300, .sm-focus-bg-primary-300:focus, .sm-hover-bg-primary-300:hover {
        background-color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-300, .md-focus-bg-primary-300:focus, .md-hover-bg-primary-300:hover {
        background-color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-300, .lg-focus-bg-primary-300:focus, .lg-hover-bg-primary-300:hover {
        background-color: rgba(21, 101, 216, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-300, .xl-focus-bg-primary-300:focus, .xl-hover-bg-primary-300:hover {
        background-color: rgba(21, 101, 216, .3) !important
    }
}

.bg-primary-400 {
    background-color: rgba(21, 101, 216, .4) !important
}

.focus-bg-primary-400:focus, .hover-bg-primary-400:hover {
    background-color: rgba(21, 101, 216, .4)
}

@media (max-width: 575px) {
    .xs-bg-primary-400, .xs-focus-bg-primary-400:focus, .xs-hover-bg-primary-400:hover {
        background-color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-400, .sm-focus-bg-primary-400:focus, .sm-hover-bg-primary-400:hover {
        background-color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-400, .md-focus-bg-primary-400:focus, .md-hover-bg-primary-400:hover {
        background-color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-400, .lg-focus-bg-primary-400:focus, .lg-hover-bg-primary-400:hover {
        background-color: rgba(21, 101, 216, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-400, .xl-focus-bg-primary-400:focus, .xl-hover-bg-primary-400:hover {
        background-color: rgba(21, 101, 216, .4) !important
    }
}

.bg-primary-500 {
    background-color: rgba(21, 101, 216, .5) !important
}

.focus-bg-primary-500:focus, .hover-bg-primary-500:hover {
    background-color: rgba(21, 101, 216, .5)
}

@media (max-width: 575px) {
    .xs-bg-primary-500, .xs-focus-bg-primary-500:focus, .xs-hover-bg-primary-500:hover {
        background-color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-500, .sm-focus-bg-primary-500:focus, .sm-hover-bg-primary-500:hover {
        background-color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-500, .md-focus-bg-primary-500:focus, .md-hover-bg-primary-500:hover {
        background-color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-500, .lg-focus-bg-primary-500:focus, .lg-hover-bg-primary-500:hover {
        background-color: rgba(21, 101, 216, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-500, .xl-focus-bg-primary-500:focus, .xl-hover-bg-primary-500:hover {
        background-color: rgba(21, 101, 216, .5) !important
    }
}

.bg-primary-600 {
    background-color: rgba(21, 101, 216, .6) !important
}

.focus-bg-primary-600:focus, .hover-bg-primary-600:hover {
    background-color: rgba(21, 101, 216, .6)
}

@media (max-width: 575px) {
    .xs-bg-primary-600, .xs-focus-bg-primary-600:focus, .xs-hover-bg-primary-600:hover {
        background-color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-600, .sm-focus-bg-primary-600:focus, .sm-hover-bg-primary-600:hover {
        background-color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-600, .md-focus-bg-primary-600:focus, .md-hover-bg-primary-600:hover {
        background-color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-600, .lg-focus-bg-primary-600:focus, .lg-hover-bg-primary-600:hover {
        background-color: rgba(21, 101, 216, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-600, .xl-focus-bg-primary-600:focus, .xl-hover-bg-primary-600:hover {
        background-color: rgba(21, 101, 216, .6) !important
    }
}

.bg-primary-700 {
    background-color: rgba(21, 101, 216, .7) !important
}

.focus-bg-primary-700:focus, .hover-bg-primary-700:hover {
    background-color: rgba(21, 101, 216, .7)
}

@media (max-width: 575px) {
    .xs-bg-primary-700, .xs-focus-bg-primary-700:focus, .xs-hover-bg-primary-700:hover {
        background-color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-700, .sm-focus-bg-primary-700:focus, .sm-hover-bg-primary-700:hover {
        background-color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-700, .md-focus-bg-primary-700:focus, .md-hover-bg-primary-700:hover {
        background-color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-700, .lg-focus-bg-primary-700:focus, .lg-hover-bg-primary-700:hover {
        background-color: rgba(21, 101, 216, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-700, .xl-focus-bg-primary-700:focus, .xl-hover-bg-primary-700:hover {
        background-color: rgba(21, 101, 216, .7) !important
    }
}

.bg-primary-800 {
    background-color: rgba(21, 101, 216, .8) !important
}

.focus-bg-primary-800:focus, .hover-bg-primary-800:hover {
    background-color: rgba(21, 101, 216, .8)
}

@media (max-width: 575px) {
    .xs-bg-primary-800, .xs-focus-bg-primary-800:focus, .xs-hover-bg-primary-800:hover {
        background-color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-800, .sm-focus-bg-primary-800:focus, .sm-hover-bg-primary-800:hover {
        background-color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-800, .md-focus-bg-primary-800:focus, .md-hover-bg-primary-800:hover {
        background-color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-800, .lg-focus-bg-primary-800:focus, .lg-hover-bg-primary-800:hover {
        background-color: rgba(21, 101, 216, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-800, .xl-focus-bg-primary-800:focus, .xl-hover-bg-primary-800:hover {
        background-color: rgba(21, 101, 216, .8) !important
    }
}

.bg-primary-900 {
    background-color: rgba(21, 101, 216, .9) !important
}

.focus-bg-primary-900:focus, .hover-bg-primary-900:hover {
    background-color: rgba(21, 101, 216, .9)
}

@media (max-width: 575px) {
    .xs-bg-primary-900, .xs-focus-bg-primary-900:focus, .xs-hover-bg-primary-900:hover {
        background-color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-primary-900, .sm-focus-bg-primary-900:focus, .sm-hover-bg-primary-900:hover {
        background-color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-primary-900, .md-focus-bg-primary-900:focus, .md-hover-bg-primary-900:hover {
        background-color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-primary-900, .lg-focus-bg-primary-900:focus, .lg-hover-bg-primary-900:hover {
        background-color: rgba(21, 101, 216, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-primary-900, .xl-focus-bg-primary-900:focus, .xl-hover-bg-primary-900:hover {
        background-color: rgba(21, 101, 216, .9) !important
    }
}

.bg-secondary {
    background-color: #506690 !important
}

.focus-bg-secondary:focus, .hover-bg-secondary:hover {
    background-color: #506690
}

@media (max-width: 575px) {
    .xs-bg-secondary, .xs-focus-bg-secondary:focus, .xs-hover-bg-secondary:hover {
        background-color: #506690 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary, .sm-focus-bg-secondary:focus, .sm-hover-bg-secondary:hover {
        background-color: #506690 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary, .md-focus-bg-secondary:focus, .md-hover-bg-secondary:hover {
        background-color: #506690 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary, .lg-focus-bg-secondary:focus, .lg-hover-bg-secondary:hover {
        background-color: #506690 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary, .xl-focus-bg-secondary:focus, .xl-hover-bg-secondary:hover {
        background-color: #506690 !important
    }
}

.bg-secondary-100 {
    background-color: rgba(80, 102, 144, .1) !important
}

.focus-bg-secondary-100:focus, .hover-bg-secondary-100:hover {
    background-color: rgba(80, 102, 144, .1)
}

@media (max-width: 575px) {
    .xs-bg-secondary-100, .xs-focus-bg-secondary-100:focus, .xs-hover-bg-secondary-100:hover {
        background-color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-100, .sm-focus-bg-secondary-100:focus, .sm-hover-bg-secondary-100:hover {
        background-color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-100, .md-focus-bg-secondary-100:focus, .md-hover-bg-secondary-100:hover {
        background-color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-100, .lg-focus-bg-secondary-100:focus, .lg-hover-bg-secondary-100:hover {
        background-color: rgba(80, 102, 144, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-100, .xl-focus-bg-secondary-100:focus, .xl-hover-bg-secondary-100:hover {
        background-color: rgba(80, 102, 144, .1) !important
    }
}

.bg-secondary-200 {
    background-color: rgba(80, 102, 144, .2) !important
}

.focus-bg-secondary-200:focus, .hover-bg-secondary-200:hover {
    background-color: rgba(80, 102, 144, .2)
}

@media (max-width: 575px) {
    .xs-bg-secondary-200, .xs-focus-bg-secondary-200:focus, .xs-hover-bg-secondary-200:hover {
        background-color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-200, .sm-focus-bg-secondary-200:focus, .sm-hover-bg-secondary-200:hover {
        background-color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-200, .md-focus-bg-secondary-200:focus, .md-hover-bg-secondary-200:hover {
        background-color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-200, .lg-focus-bg-secondary-200:focus, .lg-hover-bg-secondary-200:hover {
        background-color: rgba(80, 102, 144, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-200, .xl-focus-bg-secondary-200:focus, .xl-hover-bg-secondary-200:hover {
        background-color: rgba(80, 102, 144, .2) !important
    }
}

.bg-secondary-300 {
    background-color: rgba(80, 102, 144, .3) !important
}

.focus-bg-secondary-300:focus, .hover-bg-secondary-300:hover {
    background-color: rgba(80, 102, 144, .3)
}

@media (max-width: 575px) {
    .xs-bg-secondary-300, .xs-focus-bg-secondary-300:focus, .xs-hover-bg-secondary-300:hover {
        background-color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-300, .sm-focus-bg-secondary-300:focus, .sm-hover-bg-secondary-300:hover {
        background-color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-300, .md-focus-bg-secondary-300:focus, .md-hover-bg-secondary-300:hover {
        background-color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-300, .lg-focus-bg-secondary-300:focus, .lg-hover-bg-secondary-300:hover {
        background-color: rgba(80, 102, 144, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-300, .xl-focus-bg-secondary-300:focus, .xl-hover-bg-secondary-300:hover {
        background-color: rgba(80, 102, 144, .3) !important
    }
}

.bg-secondary-400 {
    background-color: rgba(80, 102, 144, .4) !important
}

.focus-bg-secondary-400:focus, .hover-bg-secondary-400:hover {
    background-color: rgba(80, 102, 144, .4)
}

@media (max-width: 575px) {
    .xs-bg-secondary-400, .xs-focus-bg-secondary-400:focus, .xs-hover-bg-secondary-400:hover {
        background-color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-400, .sm-focus-bg-secondary-400:focus, .sm-hover-bg-secondary-400:hover {
        background-color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-400, .md-focus-bg-secondary-400:focus, .md-hover-bg-secondary-400:hover {
        background-color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-400, .lg-focus-bg-secondary-400:focus, .lg-hover-bg-secondary-400:hover {
        background-color: rgba(80, 102, 144, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-400, .xl-focus-bg-secondary-400:focus, .xl-hover-bg-secondary-400:hover {
        background-color: rgba(80, 102, 144, .4) !important
    }
}

.bg-secondary-500 {
    background-color: rgba(80, 102, 144, .5) !important
}

.focus-bg-secondary-500:focus, .hover-bg-secondary-500:hover {
    background-color: rgba(80, 102, 144, .5)
}

@media (max-width: 575px) {
    .xs-bg-secondary-500, .xs-focus-bg-secondary-500:focus, .xs-hover-bg-secondary-500:hover {
        background-color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-500, .sm-focus-bg-secondary-500:focus, .sm-hover-bg-secondary-500:hover {
        background-color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-500, .md-focus-bg-secondary-500:focus, .md-hover-bg-secondary-500:hover {
        background-color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-500, .lg-focus-bg-secondary-500:focus, .lg-hover-bg-secondary-500:hover {
        background-color: rgba(80, 102, 144, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-500, .xl-focus-bg-secondary-500:focus, .xl-hover-bg-secondary-500:hover {
        background-color: rgba(80, 102, 144, .5) !important
    }
}

.bg-secondary-600 {
    background-color: rgba(80, 102, 144, .6) !important
}

.focus-bg-secondary-600:focus, .hover-bg-secondary-600:hover {
    background-color: rgba(80, 102, 144, .6)
}

@media (max-width: 575px) {
    .xs-bg-secondary-600, .xs-focus-bg-secondary-600:focus, .xs-hover-bg-secondary-600:hover {
        background-color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-600, .sm-focus-bg-secondary-600:focus, .sm-hover-bg-secondary-600:hover {
        background-color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-600, .md-focus-bg-secondary-600:focus, .md-hover-bg-secondary-600:hover {
        background-color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-600, .lg-focus-bg-secondary-600:focus, .lg-hover-bg-secondary-600:hover {
        background-color: rgba(80, 102, 144, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-600, .xl-focus-bg-secondary-600:focus, .xl-hover-bg-secondary-600:hover {
        background-color: rgba(80, 102, 144, .6) !important
    }
}

.bg-secondary-700 {
    background-color: rgba(80, 102, 144, .7) !important
}

.focus-bg-secondary-700:focus, .hover-bg-secondary-700:hover {
    background-color: rgba(80, 102, 144, .7)
}

@media (max-width: 575px) {
    .xs-bg-secondary-700, .xs-focus-bg-secondary-700:focus, .xs-hover-bg-secondary-700:hover {
        background-color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-700, .sm-focus-bg-secondary-700:focus, .sm-hover-bg-secondary-700:hover {
        background-color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-700, .md-focus-bg-secondary-700:focus, .md-hover-bg-secondary-700:hover {
        background-color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-700, .lg-focus-bg-secondary-700:focus, .lg-hover-bg-secondary-700:hover {
        background-color: rgba(80, 102, 144, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-700, .xl-focus-bg-secondary-700:focus, .xl-hover-bg-secondary-700:hover {
        background-color: rgba(80, 102, 144, .7) !important
    }
}

.bg-secondary-800 {
    background-color: rgba(80, 102, 144, .8) !important
}

.focus-bg-secondary-800:focus, .hover-bg-secondary-800:hover {
    background-color: rgba(80, 102, 144, .8)
}

@media (max-width: 575px) {
    .xs-bg-secondary-800, .xs-focus-bg-secondary-800:focus, .xs-hover-bg-secondary-800:hover {
        background-color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-800, .sm-focus-bg-secondary-800:focus, .sm-hover-bg-secondary-800:hover {
        background-color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-800, .md-focus-bg-secondary-800:focus, .md-hover-bg-secondary-800:hover {
        background-color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-800, .lg-focus-bg-secondary-800:focus, .lg-hover-bg-secondary-800:hover {
        background-color: rgba(80, 102, 144, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-800, .xl-focus-bg-secondary-800:focus, .xl-hover-bg-secondary-800:hover {
        background-color: rgba(80, 102, 144, .8) !important
    }
}

.bg-secondary-900 {
    background-color: rgba(80, 102, 144, .9) !important
}

.focus-bg-secondary-900:focus, .hover-bg-secondary-900:hover {
    background-color: rgba(80, 102, 144, .9)
}

@media (max-width: 575px) {
    .xs-bg-secondary-900, .xs-focus-bg-secondary-900:focus, .xs-hover-bg-secondary-900:hover {
        background-color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-secondary-900, .sm-focus-bg-secondary-900:focus, .sm-hover-bg-secondary-900:hover {
        background-color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-secondary-900, .md-focus-bg-secondary-900:focus, .md-hover-bg-secondary-900:hover {
        background-color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-secondary-900, .lg-focus-bg-secondary-900:focus, .lg-hover-bg-secondary-900:hover {
        background-color: rgba(80, 102, 144, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-secondary-900, .xl-focus-bg-secondary-900:focus, .xl-hover-bg-secondary-900:hover {
        background-color: rgba(80, 102, 144, .9) !important
    }
}

.bg-success {
    background-color: #36b37e !important
}

.focus-bg-success:focus, .hover-bg-success:hover {
    background-color: #36b37e
}

@media (max-width: 575px) {
    .xs-bg-success, .xs-focus-bg-success:focus, .xs-hover-bg-success:hover {
        background-color: #36b37e !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success, .sm-focus-bg-success:focus, .sm-hover-bg-success:hover {
        background-color: #36b37e !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success, .md-focus-bg-success:focus, .md-hover-bg-success:hover {
        background-color: #36b37e !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success, .lg-focus-bg-success:focus, .lg-hover-bg-success:hover {
        background-color: #36b37e !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success, .xl-focus-bg-success:focus, .xl-hover-bg-success:hover {
        background-color: #36b37e !important
    }
}

.bg-success-60 {
    background-color: rgba(54, 179, 126, .06) !important
}

.focus-bg-success-60:focus, .hover-bg-success-60:hover {
    background-color: rgba(54, 179, 126, .06)
}

@media (max-width: 575px) {
    .xs-bg-success-60, .xs-focus-bg-success-60:focus, .xs-hover-bg-success-60:hover {
        background-color: rgba(54, 179, 126, .06) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-60, .sm-focus-bg-success-60:focus, .sm-hover-bg-success-60:hover {
        background-color: rgba(54, 179, 126, .06) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-60, .md-focus-bg-success-60:focus, .md-hover-bg-success-60:hover {
        background-color: rgba(54, 179, 126, .06) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-60, .lg-focus-bg-success-60:focus, .lg-hover-bg-success-60:hover {
        background-color: rgba(54, 179, 126, .06) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-60, .xl-focus-bg-success-60:focus, .xl-hover-bg-success-60:hover {
        background-color: rgba(54, 179, 126, .06) !important
    }
}

.bg-success-100 {
    background-color: rgba(54, 179, 126, .1) !important
}

.focus-bg-success-100:focus, .hover-bg-success-100:hover {
    background-color: rgba(54, 179, 126, .1)
}

@media (max-width: 575px) {
    .xs-bg-success-100, .xs-focus-bg-success-100:focus, .xs-hover-bg-success-100:hover {
        background-color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-100, .sm-focus-bg-success-100:focus, .sm-hover-bg-success-100:hover {
        background-color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-100, .md-focus-bg-success-100:focus, .md-hover-bg-success-100:hover {
        background-color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-100, .lg-focus-bg-success-100:focus, .lg-hover-bg-success-100:hover {
        background-color: rgba(54, 179, 126, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-100, .xl-focus-bg-success-100:focus, .xl-hover-bg-success-100:hover {
        background-color: rgba(54, 179, 126, .1) !important
    }
}

.bg-success-200 {
    background-color: rgba(54, 179, 126, .2) !important
}

.focus-bg-success-200:focus, .hover-bg-success-200:hover {
    background-color: rgba(54, 179, 126, .2)
}

@media (max-width: 575px) {
    .xs-bg-success-200, .xs-focus-bg-success-200:focus, .xs-hover-bg-success-200:hover {
        background-color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-200, .sm-focus-bg-success-200:focus, .sm-hover-bg-success-200:hover {
        background-color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-200, .md-focus-bg-success-200:focus, .md-hover-bg-success-200:hover {
        background-color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-200, .lg-focus-bg-success-200:focus, .lg-hover-bg-success-200:hover {
        background-color: rgba(54, 179, 126, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-200, .xl-focus-bg-success-200:focus, .xl-hover-bg-success-200:hover {
        background-color: rgba(54, 179, 126, .2) !important
    }
}

.bg-success-300 {
    background-color: rgba(54, 179, 126, .3) !important
}

.focus-bg-success-300:focus, .hover-bg-success-300:hover {
    background-color: rgba(54, 179, 126, .3)
}

@media (max-width: 575px) {
    .xs-bg-success-300, .xs-focus-bg-success-300:focus, .xs-hover-bg-success-300:hover {
        background-color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-300, .sm-focus-bg-success-300:focus, .sm-hover-bg-success-300:hover {
        background-color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-300, .md-focus-bg-success-300:focus, .md-hover-bg-success-300:hover {
        background-color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-300, .lg-focus-bg-success-300:focus, .lg-hover-bg-success-300:hover {
        background-color: rgba(54, 179, 126, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-300, .xl-focus-bg-success-300:focus, .xl-hover-bg-success-300:hover {
        background-color: rgba(54, 179, 126, .3) !important
    }
}

.bg-success-400 {
    background-color: rgba(54, 179, 126, .4) !important
}

.focus-bg-success-400:focus, .hover-bg-success-400:hover {
    background-color: rgba(54, 179, 126, .4)
}

@media (max-width: 575px) {
    .xs-bg-success-400, .xs-focus-bg-success-400:focus, .xs-hover-bg-success-400:hover {
        background-color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-400, .sm-focus-bg-success-400:focus, .sm-hover-bg-success-400:hover {
        background-color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-400, .md-focus-bg-success-400:focus, .md-hover-bg-success-400:hover {
        background-color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-400, .lg-focus-bg-success-400:focus, .lg-hover-bg-success-400:hover {
        background-color: rgba(54, 179, 126, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-400, .xl-focus-bg-success-400:focus, .xl-hover-bg-success-400:hover {
        background-color: rgba(54, 179, 126, .4) !important
    }
}

.bg-success-500 {
    background-color: rgba(54, 179, 126, .5) !important
}

.focus-bg-success-500:focus, .hover-bg-success-500:hover {
    background-color: rgba(54, 179, 126, .5)
}

@media (max-width: 575px) {
    .xs-bg-success-500, .xs-focus-bg-success-500:focus, .xs-hover-bg-success-500:hover {
        background-color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-500, .sm-focus-bg-success-500:focus, .sm-hover-bg-success-500:hover {
        background-color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-500, .md-focus-bg-success-500:focus, .md-hover-bg-success-500:hover {
        background-color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-500, .lg-focus-bg-success-500:focus, .lg-hover-bg-success-500:hover {
        background-color: rgba(54, 179, 126, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-500, .xl-focus-bg-success-500:focus, .xl-hover-bg-success-500:hover {
        background-color: rgba(54, 179, 126, .5) !important
    }
}

.bg-success-600 {
    background-color: rgba(54, 179, 126, .6) !important
}

.focus-bg-success-600:focus, .hover-bg-success-600:hover {
    background-color: rgba(54, 179, 126, .6)
}

@media (max-width: 575px) {
    .xs-bg-success-600, .xs-focus-bg-success-600:focus, .xs-hover-bg-success-600:hover {
        background-color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-600, .sm-focus-bg-success-600:focus, .sm-hover-bg-success-600:hover {
        background-color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-600, .md-focus-bg-success-600:focus, .md-hover-bg-success-600:hover {
        background-color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-600, .lg-focus-bg-success-600:focus, .lg-hover-bg-success-600:hover {
        background-color: rgba(54, 179, 126, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-600, .xl-focus-bg-success-600:focus, .xl-hover-bg-success-600:hover {
        background-color: rgba(54, 179, 126, .6) !important
    }
}

.bg-success-700 {
    background-color: rgba(54, 179, 126, .7) !important
}

.focus-bg-success-700:focus, .hover-bg-success-700:hover {
    background-color: rgba(54, 179, 126, .7)
}

@media (max-width: 575px) {
    .xs-bg-success-700, .xs-focus-bg-success-700:focus, .xs-hover-bg-success-700:hover {
        background-color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-700, .sm-focus-bg-success-700:focus, .sm-hover-bg-success-700:hover {
        background-color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-700, .md-focus-bg-success-700:focus, .md-hover-bg-success-700:hover {
        background-color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-700, .lg-focus-bg-success-700:focus, .lg-hover-bg-success-700:hover {
        background-color: rgba(54, 179, 126, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-700, .xl-focus-bg-success-700:focus, .xl-hover-bg-success-700:hover {
        background-color: rgba(54, 179, 126, .7) !important
    }
}

.bg-success-800 {
    background-color: rgba(54, 179, 126, .8) !important
}

.focus-bg-success-800:focus, .hover-bg-success-800:hover {
    background-color: rgba(54, 179, 126, .8)
}

@media (max-width: 575px) {
    .xs-bg-success-800, .xs-focus-bg-success-800:focus, .xs-hover-bg-success-800:hover {
        background-color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-800, .sm-focus-bg-success-800:focus, .sm-hover-bg-success-800:hover {
        background-color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-800, .md-focus-bg-success-800:focus, .md-hover-bg-success-800:hover {
        background-color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-800, .lg-focus-bg-success-800:focus, .lg-hover-bg-success-800:hover {
        background-color: rgba(54, 179, 126, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-800, .xl-focus-bg-success-800:focus, .xl-hover-bg-success-800:hover {
        background-color: rgba(54, 179, 126, .8) !important
    }
}

.bg-success-900 {
    background-color: rgba(54, 179, 126, .9) !important
}

.focus-bg-success-900:focus, .hover-bg-success-900:hover {
    background-color: rgba(54, 179, 126, .9)
}

@media (max-width: 575px) {
    .xs-bg-success-900, .xs-focus-bg-success-900:focus, .xs-hover-bg-success-900:hover {
        background-color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-success-900, .sm-focus-bg-success-900:focus, .sm-hover-bg-success-900:hover {
        background-color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-success-900, .md-focus-bg-success-900:focus, .md-hover-bg-success-900:hover {
        background-color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-success-900, .lg-focus-bg-success-900:focus, .lg-hover-bg-success-900:hover {
        background-color: rgba(54, 179, 126, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-success-900, .xl-focus-bg-success-900:focus, .xl-hover-bg-success-900:hover {
        background-color: rgba(54, 179, 126, .9) !important
    }
}

.bg-info {
    background-color: #00b8d9 !important
}

.focus-bg-info:focus, .hover-bg-info:hover {
    background-color: #00b8d9
}

@media (max-width: 575px) {
    .xs-bg-info, .xs-focus-bg-info:focus, .xs-hover-bg-info:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info, .sm-focus-bg-info:focus, .sm-hover-bg-info:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info, .md-focus-bg-info:focus, .md-hover-bg-info:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info, .lg-focus-bg-info:focus, .lg-hover-bg-info:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info, .xl-focus-bg-info:focus, .xl-hover-bg-info:hover {
        background-color: #00b8d9 !important
    }
}

.bg-info-100 {
    background-color: rgba(0, 184, 217, .1) !important
}

.focus-bg-info-100:focus, .hover-bg-info-100:hover {
    background-color: rgba(0, 184, 217, .1)
}

@media (max-width: 575px) {
    .xs-bg-info-100, .xs-focus-bg-info-100:focus, .xs-hover-bg-info-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-100, .sm-focus-bg-info-100:focus, .sm-hover-bg-info-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-100, .md-focus-bg-info-100:focus, .md-hover-bg-info-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-100, .lg-focus-bg-info-100:focus, .lg-hover-bg-info-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-100, .xl-focus-bg-info-100:focus, .xl-hover-bg-info-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

.bg-info-200 {
    background-color: rgba(0, 184, 217, .2) !important
}

.focus-bg-info-200:focus, .hover-bg-info-200:hover {
    background-color: rgba(0, 184, 217, .2)
}

@media (max-width: 575px) {
    .xs-bg-info-200, .xs-focus-bg-info-200:focus, .xs-hover-bg-info-200:hover {
        background-color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-200, .sm-focus-bg-info-200:focus, .sm-hover-bg-info-200:hover {
        background-color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-200, .md-focus-bg-info-200:focus, .md-hover-bg-info-200:hover {
        background-color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-200, .lg-focus-bg-info-200:focus, .lg-hover-bg-info-200:hover {
        background-color: rgba(0, 184, 217, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-200, .xl-focus-bg-info-200:focus, .xl-hover-bg-info-200:hover {
        background-color: rgba(0, 184, 217, .2) !important
    }
}

.bg-info-300 {
    background-color: rgba(0, 184, 217, .3) !important
}

.focus-bg-info-300:focus, .hover-bg-info-300:hover {
    background-color: rgba(0, 184, 217, .3)
}

@media (max-width: 575px) {
    .xs-bg-info-300, .xs-focus-bg-info-300:focus, .xs-hover-bg-info-300:hover {
        background-color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-300, .sm-focus-bg-info-300:focus, .sm-hover-bg-info-300:hover {
        background-color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-300, .md-focus-bg-info-300:focus, .md-hover-bg-info-300:hover {
        background-color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-300, .lg-focus-bg-info-300:focus, .lg-hover-bg-info-300:hover {
        background-color: rgba(0, 184, 217, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-300, .xl-focus-bg-info-300:focus, .xl-hover-bg-info-300:hover {
        background-color: rgba(0, 184, 217, .3) !important
    }
}

.bg-info-400 {
    background-color: rgba(0, 184, 217, .4) !important
}

.focus-bg-info-400:focus, .hover-bg-info-400:hover {
    background-color: rgba(0, 184, 217, .4)
}

@media (max-width: 575px) {
    .xs-bg-info-400, .xs-focus-bg-info-400:focus, .xs-hover-bg-info-400:hover {
        background-color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-400, .sm-focus-bg-info-400:focus, .sm-hover-bg-info-400:hover {
        background-color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-400, .md-focus-bg-info-400:focus, .md-hover-bg-info-400:hover {
        background-color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-400, .lg-focus-bg-info-400:focus, .lg-hover-bg-info-400:hover {
        background-color: rgba(0, 184, 217, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-400, .xl-focus-bg-info-400:focus, .xl-hover-bg-info-400:hover {
        background-color: rgba(0, 184, 217, .4) !important
    }
}

.bg-info-500 {
    background-color: rgba(0, 184, 217, .5) !important
}

.focus-bg-info-500:focus, .hover-bg-info-500:hover {
    background-color: rgba(0, 184, 217, .5)
}

@media (max-width: 575px) {
    .xs-bg-info-500, .xs-focus-bg-info-500:focus, .xs-hover-bg-info-500:hover {
        background-color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-500, .sm-focus-bg-info-500:focus, .sm-hover-bg-info-500:hover {
        background-color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-500, .md-focus-bg-info-500:focus, .md-hover-bg-info-500:hover {
        background-color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-500, .lg-focus-bg-info-500:focus, .lg-hover-bg-info-500:hover {
        background-color: rgba(0, 184, 217, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-500, .xl-focus-bg-info-500:focus, .xl-hover-bg-info-500:hover {
        background-color: rgba(0, 184, 217, .5) !important
    }
}

.bg-info-600 {
    background-color: rgba(0, 184, 217, .6) !important
}

.focus-bg-info-600:focus, .hover-bg-info-600:hover {
    background-color: rgba(0, 184, 217, .6)
}

@media (max-width: 575px) {
    .xs-bg-info-600, .xs-focus-bg-info-600:focus, .xs-hover-bg-info-600:hover {
        background-color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-600, .sm-focus-bg-info-600:focus, .sm-hover-bg-info-600:hover {
        background-color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-600, .md-focus-bg-info-600:focus, .md-hover-bg-info-600:hover {
        background-color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-600, .lg-focus-bg-info-600:focus, .lg-hover-bg-info-600:hover {
        background-color: rgba(0, 184, 217, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-600, .xl-focus-bg-info-600:focus, .xl-hover-bg-info-600:hover {
        background-color: rgba(0, 184, 217, .6) !important
    }
}

.bg-info-700 {
    background-color: rgba(0, 184, 217, .7) !important
}

.focus-bg-info-700:focus, .hover-bg-info-700:hover {
    background-color: rgba(0, 184, 217, .7)
}

@media (max-width: 575px) {
    .xs-bg-info-700, .xs-focus-bg-info-700:focus, .xs-hover-bg-info-700:hover {
        background-color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-700, .sm-focus-bg-info-700:focus, .sm-hover-bg-info-700:hover {
        background-color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-700, .md-focus-bg-info-700:focus, .md-hover-bg-info-700:hover {
        background-color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-700, .lg-focus-bg-info-700:focus, .lg-hover-bg-info-700:hover {
        background-color: rgba(0, 184, 217, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-700, .xl-focus-bg-info-700:focus, .xl-hover-bg-info-700:hover {
        background-color: rgba(0, 184, 217, .7) !important
    }
}

.bg-info-800 {
    background-color: rgba(0, 184, 217, .8) !important
}

.focus-bg-info-800:focus, .hover-bg-info-800:hover {
    background-color: rgba(0, 184, 217, .8)
}

@media (max-width: 575px) {
    .xs-bg-info-800, .xs-focus-bg-info-800:focus, .xs-hover-bg-info-800:hover {
        background-color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-800, .sm-focus-bg-info-800:focus, .sm-hover-bg-info-800:hover {
        background-color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-800, .md-focus-bg-info-800:focus, .md-hover-bg-info-800:hover {
        background-color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-800, .lg-focus-bg-info-800:focus, .lg-hover-bg-info-800:hover {
        background-color: rgba(0, 184, 217, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-800, .xl-focus-bg-info-800:focus, .xl-hover-bg-info-800:hover {
        background-color: rgba(0, 184, 217, .8) !important
    }
}

.bg-info-900 {
    background-color: rgba(0, 184, 217, .9) !important
}

.focus-bg-info-900:focus, .hover-bg-info-900:hover {
    background-color: rgba(0, 184, 217, .9)
}

@media (max-width: 575px) {
    .xs-bg-info-900, .xs-focus-bg-info-900:focus, .xs-hover-bg-info-900:hover {
        background-color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-info-900, .sm-focus-bg-info-900:focus, .sm-hover-bg-info-900:hover {
        background-color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-info-900, .md-focus-bg-info-900:focus, .md-hover-bg-info-900:hover {
        background-color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-info-900, .lg-focus-bg-info-900:focus, .lg-hover-bg-info-900:hover {
        background-color: rgba(0, 184, 217, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-info-900, .xl-focus-bg-info-900:focus, .xl-hover-bg-info-900:hover {
        background-color: rgba(0, 184, 217, .9) !important
    }
}

.bg-warning {
    background-color: #faad13 !important
}

.focus-bg-warning:focus, .hover-bg-warning:hover {
    background-color: #faad13
}

@media (max-width: 575px) {
    .xs-bg-warning, .xs-focus-bg-warning:focus, .xs-hover-bg-warning:hover {
        background-color: #faad13 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning, .sm-focus-bg-warning:focus, .sm-hover-bg-warning:hover {
        background-color: #faad13 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning, .md-focus-bg-warning:focus, .md-hover-bg-warning:hover {
        background-color: #faad13 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning, .lg-focus-bg-warning:focus, .lg-hover-bg-warning:hover {
        background-color: #faad13 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning, .xl-focus-bg-warning:focus, .xl-hover-bg-warning:hover {
        background-color: #faad13 !important
    }
}

.bg-warning-100 {
    background-color: rgba(250, 173, 19, .1) !important
}

.focus-bg-warning-100:focus, .hover-bg-warning-100:hover {
    background-color: rgba(250, 173, 19, .1)
}

@media (max-width: 575px) {
    .xs-bg-warning-100, .xs-focus-bg-warning-100:focus, .xs-hover-bg-warning-100:hover {
        background-color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-100, .sm-focus-bg-warning-100:focus, .sm-hover-bg-warning-100:hover {
        background-color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-100, .md-focus-bg-warning-100:focus, .md-hover-bg-warning-100:hover {
        background-color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-100, .lg-focus-bg-warning-100:focus, .lg-hover-bg-warning-100:hover {
        background-color: rgba(250, 173, 19, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-100, .xl-focus-bg-warning-100:focus, .xl-hover-bg-warning-100:hover {
        background-color: rgba(250, 173, 19, .1) !important
    }
}

.bg-warning-200 {
    background-color: rgba(250, 173, 19, .2) !important
}

.focus-bg-warning-200:focus, .hover-bg-warning-200:hover {
    background-color: rgba(250, 173, 19, .2)
}

@media (max-width: 575px) {
    .xs-bg-warning-200, .xs-focus-bg-warning-200:focus, .xs-hover-bg-warning-200:hover {
        background-color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-200, .sm-focus-bg-warning-200:focus, .sm-hover-bg-warning-200:hover {
        background-color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-200, .md-focus-bg-warning-200:focus, .md-hover-bg-warning-200:hover {
        background-color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-200, .lg-focus-bg-warning-200:focus, .lg-hover-bg-warning-200:hover {
        background-color: rgba(250, 173, 19, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-200, .xl-focus-bg-warning-200:focus, .xl-hover-bg-warning-200:hover {
        background-color: rgba(250, 173, 19, .2) !important
    }
}

.bg-warning-300 {
    background-color: rgba(250, 173, 19, .3) !important
}

.focus-bg-warning-300:focus, .hover-bg-warning-300:hover {
    background-color: rgba(250, 173, 19, .3)
}

@media (max-width: 575px) {
    .xs-bg-warning-300, .xs-focus-bg-warning-300:focus, .xs-hover-bg-warning-300:hover {
        background-color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-300, .sm-focus-bg-warning-300:focus, .sm-hover-bg-warning-300:hover {
        background-color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-300, .md-focus-bg-warning-300:focus, .md-hover-bg-warning-300:hover {
        background-color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-300, .lg-focus-bg-warning-300:focus, .lg-hover-bg-warning-300:hover {
        background-color: rgba(250, 173, 19, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-300, .xl-focus-bg-warning-300:focus, .xl-hover-bg-warning-300:hover {
        background-color: rgba(250, 173, 19, .3) !important
    }
}

.bg-warning-400 {
    background-color: rgba(250, 173, 19, .4) !important
}

.focus-bg-warning-400:focus, .hover-bg-warning-400:hover {
    background-color: rgba(250, 173, 19, .4)
}

@media (max-width: 575px) {
    .xs-bg-warning-400, .xs-focus-bg-warning-400:focus, .xs-hover-bg-warning-400:hover {
        background-color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-400, .sm-focus-bg-warning-400:focus, .sm-hover-bg-warning-400:hover {
        background-color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-400, .md-focus-bg-warning-400:focus, .md-hover-bg-warning-400:hover {
        background-color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-400, .lg-focus-bg-warning-400:focus, .lg-hover-bg-warning-400:hover {
        background-color: rgba(250, 173, 19, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-400, .xl-focus-bg-warning-400:focus, .xl-hover-bg-warning-400:hover {
        background-color: rgba(250, 173, 19, .4) !important
    }
}

.bg-warning-500 {
    background-color: rgba(250, 173, 19, .5) !important
}

.focus-bg-warning-500:focus, .hover-bg-warning-500:hover {
    background-color: rgba(250, 173, 19, .5)
}

@media (max-width: 575px) {
    .xs-bg-warning-500, .xs-focus-bg-warning-500:focus, .xs-hover-bg-warning-500:hover {
        background-color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-500, .sm-focus-bg-warning-500:focus, .sm-hover-bg-warning-500:hover {
        background-color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-500, .md-focus-bg-warning-500:focus, .md-hover-bg-warning-500:hover {
        background-color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-500, .lg-focus-bg-warning-500:focus, .lg-hover-bg-warning-500:hover {
        background-color: rgba(250, 173, 19, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-500, .xl-focus-bg-warning-500:focus, .xl-hover-bg-warning-500:hover {
        background-color: rgba(250, 173, 19, .5) !important
    }
}

.bg-warning-600 {
    background-color: rgba(250, 173, 19, .6) !important
}

.focus-bg-warning-600:focus, .hover-bg-warning-600:hover {
    background-color: rgba(250, 173, 19, .6)
}

@media (max-width: 575px) {
    .xs-bg-warning-600, .xs-focus-bg-warning-600:focus, .xs-hover-bg-warning-600:hover {
        background-color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-600, .sm-focus-bg-warning-600:focus, .sm-hover-bg-warning-600:hover {
        background-color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-600, .md-focus-bg-warning-600:focus, .md-hover-bg-warning-600:hover {
        background-color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-600, .lg-focus-bg-warning-600:focus, .lg-hover-bg-warning-600:hover {
        background-color: rgba(250, 173, 19, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-600, .xl-focus-bg-warning-600:focus, .xl-hover-bg-warning-600:hover {
        background-color: rgba(250, 173, 19, .6) !important
    }
}

.bg-warning-700 {
    background-color: rgba(250, 173, 19, .7) !important
}

.focus-bg-warning-700:focus, .hover-bg-warning-700:hover {
    background-color: rgba(250, 173, 19, .7)
}

@media (max-width: 575px) {
    .xs-bg-warning-700, .xs-focus-bg-warning-700:focus, .xs-hover-bg-warning-700:hover {
        background-color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-700, .sm-focus-bg-warning-700:focus, .sm-hover-bg-warning-700:hover {
        background-color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-700, .md-focus-bg-warning-700:focus, .md-hover-bg-warning-700:hover {
        background-color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-700, .lg-focus-bg-warning-700:focus, .lg-hover-bg-warning-700:hover {
        background-color: rgba(250, 173, 19, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-700, .xl-focus-bg-warning-700:focus, .xl-hover-bg-warning-700:hover {
        background-color: rgba(250, 173, 19, .7) !important
    }
}

.bg-warning-800 {
    background-color: rgba(250, 173, 19, .8) !important
}

.focus-bg-warning-800:focus, .hover-bg-warning-800:hover {
    background-color: rgba(250, 173, 19, .8)
}

@media (max-width: 575px) {
    .xs-bg-warning-800, .xs-focus-bg-warning-800:focus, .xs-hover-bg-warning-800:hover {
        background-color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-800, .sm-focus-bg-warning-800:focus, .sm-hover-bg-warning-800:hover {
        background-color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-800, .md-focus-bg-warning-800:focus, .md-hover-bg-warning-800:hover {
        background-color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-800, .lg-focus-bg-warning-800:focus, .lg-hover-bg-warning-800:hover {
        background-color: rgba(250, 173, 19, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-800, .xl-focus-bg-warning-800:focus, .xl-hover-bg-warning-800:hover {
        background-color: rgba(250, 173, 19, .8) !important
    }
}

.bg-warning-900 {
    background-color: rgba(250, 173, 19, .9) !important
}

.focus-bg-warning-900:focus, .hover-bg-warning-900:hover {
    background-color: rgba(250, 173, 19, .9)
}

@media (max-width: 575px) {
    .xs-bg-warning-900, .xs-focus-bg-warning-900:focus, .xs-hover-bg-warning-900:hover {
        background-color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-warning-900, .sm-focus-bg-warning-900:focus, .sm-hover-bg-warning-900:hover {
        background-color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-warning-900, .md-focus-bg-warning-900:focus, .md-hover-bg-warning-900:hover {
        background-color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-warning-900, .lg-focus-bg-warning-900:focus, .lg-hover-bg-warning-900:hover {
        background-color: rgba(250, 173, 19, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-warning-900, .xl-focus-bg-warning-900:focus, .xl-hover-bg-warning-900:hover {
        background-color: rgba(250, 173, 19, .9) !important
    }
}

.bg-danger {
    background-color: #f2607b !important
}

.focus-bg-danger:focus, .hover-bg-danger:hover {
    background-color: #f2607b
}

@media (max-width: 575px) {
    .xs-bg-danger, .xs-focus-bg-danger:focus, .xs-hover-bg-danger:hover {
        background-color: #f2607b !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger, .sm-focus-bg-danger:focus, .sm-hover-bg-danger:hover {
        background-color: #f2607b !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger, .md-focus-bg-danger:focus, .md-hover-bg-danger:hover {
        background-color: #f2607b !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger, .lg-focus-bg-danger:focus, .lg-hover-bg-danger:hover {
        background-color: #f2607b !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger, .xl-focus-bg-danger:focus, .xl-hover-bg-danger:hover {
        background-color: #f2607b !important
    }
}

.bg-danger-100 {
    background-color: rgba(242, 96, 123, .1) !important
}

.focus-bg-danger-100:focus, .hover-bg-danger-100:hover {
    background-color: rgba(242, 96, 123, .1)
}

@media (max-width: 575px) {
    .xs-bg-danger-100, .xs-focus-bg-danger-100:focus, .xs-hover-bg-danger-100:hover {
        background-color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-100, .sm-focus-bg-danger-100:focus, .sm-hover-bg-danger-100:hover {
        background-color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-100, .md-focus-bg-danger-100:focus, .md-hover-bg-danger-100:hover {
        background-color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-100, .lg-focus-bg-danger-100:focus, .lg-hover-bg-danger-100:hover {
        background-color: rgba(242, 96, 123, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-100, .xl-focus-bg-danger-100:focus, .xl-hover-bg-danger-100:hover {
        background-color: rgba(242, 96, 123, .1) !important
    }
}

.bg-danger-200 {
    background-color: rgba(242, 96, 123, .2) !important
}

.focus-bg-danger-200:focus, .hover-bg-danger-200:hover {
    background-color: rgba(242, 96, 123, .2)
}

@media (max-width: 575px) {
    .xs-bg-danger-200, .xs-focus-bg-danger-200:focus, .xs-hover-bg-danger-200:hover {
        background-color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-200, .sm-focus-bg-danger-200:focus, .sm-hover-bg-danger-200:hover {
        background-color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-200, .md-focus-bg-danger-200:focus, .md-hover-bg-danger-200:hover {
        background-color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-200, .lg-focus-bg-danger-200:focus, .lg-hover-bg-danger-200:hover {
        background-color: rgba(242, 96, 123, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-200, .xl-focus-bg-danger-200:focus, .xl-hover-bg-danger-200:hover {
        background-color: rgba(242, 96, 123, .2) !important
    }
}

.bg-danger-300 {
    background-color: rgba(242, 96, 123, .3) !important
}

.focus-bg-danger-300:focus, .hover-bg-danger-300:hover {
    background-color: rgba(242, 96, 123, .3)
}

@media (max-width: 575px) {
    .xs-bg-danger-300, .xs-focus-bg-danger-300:focus, .xs-hover-bg-danger-300:hover {
        background-color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-300, .sm-focus-bg-danger-300:focus, .sm-hover-bg-danger-300:hover {
        background-color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-300, .md-focus-bg-danger-300:focus, .md-hover-bg-danger-300:hover {
        background-color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-300, .lg-focus-bg-danger-300:focus, .lg-hover-bg-danger-300:hover {
        background-color: rgba(242, 96, 123, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-300, .xl-focus-bg-danger-300:focus, .xl-hover-bg-danger-300:hover {
        background-color: rgba(242, 96, 123, .3) !important
    }
}

.bg-danger-400 {
    background-color: rgba(242, 96, 123, .4) !important
}

.focus-bg-danger-400:focus, .hover-bg-danger-400:hover {
    background-color: rgba(242, 96, 123, .4)
}

@media (max-width: 575px) {
    .xs-bg-danger-400, .xs-focus-bg-danger-400:focus, .xs-hover-bg-danger-400:hover {
        background-color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-400, .sm-focus-bg-danger-400:focus, .sm-hover-bg-danger-400:hover {
        background-color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-400, .md-focus-bg-danger-400:focus, .md-hover-bg-danger-400:hover {
        background-color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-400, .lg-focus-bg-danger-400:focus, .lg-hover-bg-danger-400:hover {
        background-color: rgba(242, 96, 123, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-400, .xl-focus-bg-danger-400:focus, .xl-hover-bg-danger-400:hover {
        background-color: rgba(242, 96, 123, .4) !important
    }
}

.bg-danger-500 {
    background-color: rgba(242, 96, 123, .5) !important
}

.focus-bg-danger-500:focus, .hover-bg-danger-500:hover {
    background-color: rgba(242, 96, 123, .5)
}

@media (max-width: 575px) {
    .xs-bg-danger-500, .xs-focus-bg-danger-500:focus, .xs-hover-bg-danger-500:hover {
        background-color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-500, .sm-focus-bg-danger-500:focus, .sm-hover-bg-danger-500:hover {
        background-color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-500, .md-focus-bg-danger-500:focus, .md-hover-bg-danger-500:hover {
        background-color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-500, .lg-focus-bg-danger-500:focus, .lg-hover-bg-danger-500:hover {
        background-color: rgba(242, 96, 123, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-500, .xl-focus-bg-danger-500:focus, .xl-hover-bg-danger-500:hover {
        background-color: rgba(242, 96, 123, .5) !important
    }
}

.bg-danger-600 {
    background-color: rgba(242, 96, 123, .6) !important
}

.focus-bg-danger-600:focus, .hover-bg-danger-600:hover {
    background-color: rgba(242, 96, 123, .6)
}

@media (max-width: 575px) {
    .xs-bg-danger-600, .xs-focus-bg-danger-600:focus, .xs-hover-bg-danger-600:hover {
        background-color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-600, .sm-focus-bg-danger-600:focus, .sm-hover-bg-danger-600:hover {
        background-color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-600, .md-focus-bg-danger-600:focus, .md-hover-bg-danger-600:hover {
        background-color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-600, .lg-focus-bg-danger-600:focus, .lg-hover-bg-danger-600:hover {
        background-color: rgba(242, 96, 123, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-600, .xl-focus-bg-danger-600:focus, .xl-hover-bg-danger-600:hover {
        background-color: rgba(242, 96, 123, .6) !important
    }
}

.bg-danger-700 {
    background-color: rgba(242, 96, 123, .7) !important
}

.focus-bg-danger-700:focus, .hover-bg-danger-700:hover {
    background-color: rgba(242, 96, 123, .7)
}

@media (max-width: 575px) {
    .xs-bg-danger-700, .xs-focus-bg-danger-700:focus, .xs-hover-bg-danger-700:hover {
        background-color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-700, .sm-focus-bg-danger-700:focus, .sm-hover-bg-danger-700:hover {
        background-color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-700, .md-focus-bg-danger-700:focus, .md-hover-bg-danger-700:hover {
        background-color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-700, .lg-focus-bg-danger-700:focus, .lg-hover-bg-danger-700:hover {
        background-color: rgba(242, 96, 123, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-700, .xl-focus-bg-danger-700:focus, .xl-hover-bg-danger-700:hover {
        background-color: rgba(242, 96, 123, .7) !important
    }
}

.bg-danger-800 {
    background-color: rgba(242, 96, 123, .8) !important
}

.focus-bg-danger-800:focus, .hover-bg-danger-800:hover {
    background-color: rgba(242, 96, 123, .8)
}

@media (max-width: 575px) {
    .xs-bg-danger-800, .xs-focus-bg-danger-800:focus, .xs-hover-bg-danger-800:hover {
        background-color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-800, .sm-focus-bg-danger-800:focus, .sm-hover-bg-danger-800:hover {
        background-color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-800, .md-focus-bg-danger-800:focus, .md-hover-bg-danger-800:hover {
        background-color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-800, .lg-focus-bg-danger-800:focus, .lg-hover-bg-danger-800:hover {
        background-color: rgba(242, 96, 123, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-800, .xl-focus-bg-danger-800:focus, .xl-hover-bg-danger-800:hover {
        background-color: rgba(242, 96, 123, .8) !important
    }
}

.bg-danger-900 {
    background-color: rgba(242, 96, 123, .9) !important
}

.focus-bg-danger-900:focus, .hover-bg-danger-900:hover {
    background-color: rgba(242, 96, 123, .9)
}

@media (max-width: 575px) {
    .xs-bg-danger-900, .xs-focus-bg-danger-900:focus, .xs-hover-bg-danger-900:hover {
        background-color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-danger-900, .sm-focus-bg-danger-900:focus, .sm-hover-bg-danger-900:hover {
        background-color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-danger-900, .md-focus-bg-danger-900:focus, .md-hover-bg-danger-900:hover {
        background-color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-danger-900, .lg-focus-bg-danger-900:focus, .lg-hover-bg-danger-900:hover {
        background-color: rgba(242, 96, 123, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-danger-900, .xl-focus-bg-danger-900:focus, .xl-hover-bg-danger-900:hover {
        background-color: rgba(242, 96, 123, .9) !important
    }
}

.bg-black {
    background-color: #183b56 !important
}

.focus-bg-black:focus, .hover-bg-black:hover {
    background-color: #183b56
}

@media (max-width: 575px) {
    .xs-bg-black, .xs-focus-bg-black:focus, .xs-hover-bg-black:hover {
        background-color: #183b56 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black, .sm-focus-bg-black:focus, .sm-hover-bg-black:hover {
        background-color: #183b56 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black, .md-focus-bg-black:focus, .md-hover-bg-black:hover {
        background-color: #183b56 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black, .lg-focus-bg-black:focus, .lg-hover-bg-black:hover {
        background-color: #183b56 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black, .xl-focus-bg-black:focus, .xl-hover-bg-black:hover {
        background-color: #183b56 !important
    }
}

.bg-black-100 {
    background-color: rgba(24, 59, 86, .1) !important
}

.focus-bg-black-100:focus, .hover-bg-black-100:hover {
    background-color: rgba(24, 59, 86, .1)
}

@media (max-width: 575px) {
    .xs-bg-black-100, .xs-focus-bg-black-100:focus, .xs-hover-bg-black-100:hover {
        background-color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-100, .sm-focus-bg-black-100:focus, .sm-hover-bg-black-100:hover {
        background-color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-100, .md-focus-bg-black-100:focus, .md-hover-bg-black-100:hover {
        background-color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-100, .lg-focus-bg-black-100:focus, .lg-hover-bg-black-100:hover {
        background-color: rgba(24, 59, 86, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-100, .xl-focus-bg-black-100:focus, .xl-hover-bg-black-100:hover {
        background-color: rgba(24, 59, 86, .1) !important
    }
}

.bg-black-200 {
    background-color: rgba(24, 59, 86, .2) !important
}

.focus-bg-black-200:focus, .hover-bg-black-200:hover {
    background-color: rgba(24, 59, 86, .2)
}

@media (max-width: 575px) {
    .xs-bg-black-200, .xs-focus-bg-black-200:focus, .xs-hover-bg-black-200:hover {
        background-color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-200, .sm-focus-bg-black-200:focus, .sm-hover-bg-black-200:hover {
        background-color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-200, .md-focus-bg-black-200:focus, .md-hover-bg-black-200:hover {
        background-color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-200, .lg-focus-bg-black-200:focus, .lg-hover-bg-black-200:hover {
        background-color: rgba(24, 59, 86, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-200, .xl-focus-bg-black-200:focus, .xl-hover-bg-black-200:hover {
        background-color: rgba(24, 59, 86, .2) !important
    }
}

.bg-black-300 {
    background-color: rgba(24, 59, 86, .3) !important
}

.focus-bg-black-300:focus, .hover-bg-black-300:hover {
    background-color: rgba(24, 59, 86, .3)
}

@media (max-width: 575px) {
    .xs-bg-black-300, .xs-focus-bg-black-300:focus, .xs-hover-bg-black-300:hover {
        background-color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-300, .sm-focus-bg-black-300:focus, .sm-hover-bg-black-300:hover {
        background-color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-300, .md-focus-bg-black-300:focus, .md-hover-bg-black-300:hover {
        background-color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-300, .lg-focus-bg-black-300:focus, .lg-hover-bg-black-300:hover {
        background-color: rgba(24, 59, 86, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-300, .xl-focus-bg-black-300:focus, .xl-hover-bg-black-300:hover {
        background-color: rgba(24, 59, 86, .3) !important
    }
}

.bg-black-400 {
    background-color: rgba(24, 59, 86, .4) !important
}

.focus-bg-black-400:focus, .hover-bg-black-400:hover {
    background-color: rgba(24, 59, 86, .4)
}

@media (max-width: 575px) {
    .xs-bg-black-400, .xs-focus-bg-black-400:focus, .xs-hover-bg-black-400:hover {
        background-color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-400, .sm-focus-bg-black-400:focus, .sm-hover-bg-black-400:hover {
        background-color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-400, .md-focus-bg-black-400:focus, .md-hover-bg-black-400:hover {
        background-color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-400, .lg-focus-bg-black-400:focus, .lg-hover-bg-black-400:hover {
        background-color: rgba(24, 59, 86, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-400, .xl-focus-bg-black-400:focus, .xl-hover-bg-black-400:hover {
        background-color: rgba(24, 59, 86, .4) !important
    }
}

.bg-black-500 {
    background-color: rgba(24, 59, 86, .5) !important
}

.focus-bg-black-500:focus, .hover-bg-black-500:hover {
    background-color: rgba(24, 59, 86, .5)
}

@media (max-width: 575px) {
    .xs-bg-black-500, .xs-focus-bg-black-500:focus, .xs-hover-bg-black-500:hover {
        background-color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-500, .sm-focus-bg-black-500:focus, .sm-hover-bg-black-500:hover {
        background-color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-500, .md-focus-bg-black-500:focus, .md-hover-bg-black-500:hover {
        background-color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-500, .lg-focus-bg-black-500:focus, .lg-hover-bg-black-500:hover {
        background-color: rgba(24, 59, 86, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-500, .xl-focus-bg-black-500:focus, .xl-hover-bg-black-500:hover {
        background-color: rgba(24, 59, 86, .5) !important
    }
}

.bg-black-600 {
    background-color: rgba(24, 59, 86, .6) !important
}

.focus-bg-black-600:focus, .hover-bg-black-600:hover {
    background-color: rgba(24, 59, 86, .6)
}

@media (max-width: 575px) {
    .xs-bg-black-600, .xs-focus-bg-black-600:focus, .xs-hover-bg-black-600:hover {
        background-color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-600, .sm-focus-bg-black-600:focus, .sm-hover-bg-black-600:hover {
        background-color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-600, .md-focus-bg-black-600:focus, .md-hover-bg-black-600:hover {
        background-color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-600, .lg-focus-bg-black-600:focus, .lg-hover-bg-black-600:hover {
        background-color: rgba(24, 59, 86, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-600, .xl-focus-bg-black-600:focus, .xl-hover-bg-black-600:hover {
        background-color: rgba(24, 59, 86, .6) !important
    }
}

.bg-black-700 {
    background-color: rgba(24, 59, 86, .7) !important
}

.focus-bg-black-700:focus, .hover-bg-black-700:hover {
    background-color: rgba(24, 59, 86, .7)
}

@media (max-width: 575px) {
    .xs-bg-black-700, .xs-focus-bg-black-700:focus, .xs-hover-bg-black-700:hover {
        background-color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-700, .sm-focus-bg-black-700:focus, .sm-hover-bg-black-700:hover {
        background-color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-700, .md-focus-bg-black-700:focus, .md-hover-bg-black-700:hover {
        background-color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-700, .lg-focus-bg-black-700:focus, .lg-hover-bg-black-700:hover {
        background-color: rgba(24, 59, 86, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-700, .xl-focus-bg-black-700:focus, .xl-hover-bg-black-700:hover {
        background-color: rgba(24, 59, 86, .7) !important
    }
}

.bg-black-800 {
    background-color: rgba(24, 59, 86, .8) !important
}

.focus-bg-black-800:focus, .hover-bg-black-800:hover {
    background-color: rgba(24, 59, 86, .8)
}

@media (max-width: 575px) {
    .xs-bg-black-800, .xs-focus-bg-black-800:focus, .xs-hover-bg-black-800:hover {
        background-color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-800, .sm-focus-bg-black-800:focus, .sm-hover-bg-black-800:hover {
        background-color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-800, .md-focus-bg-black-800:focus, .md-hover-bg-black-800:hover {
        background-color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-800, .lg-focus-bg-black-800:focus, .lg-hover-bg-black-800:hover {
        background-color: rgba(24, 59, 86, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-800, .xl-focus-bg-black-800:focus, .xl-hover-bg-black-800:hover {
        background-color: rgba(24, 59, 86, .8) !important
    }
}

.bg-black-900 {
    background-color: rgba(24, 59, 86, .9) !important
}

.focus-bg-black-900:focus, .hover-bg-black-900:hover {
    background-color: rgba(24, 59, 86, .9)
}

@media (max-width: 575px) {
    .xs-bg-black-900, .xs-focus-bg-black-900:focus, .xs-hover-bg-black-900:hover {
        background-color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-black-900, .sm-focus-bg-black-900:focus, .sm-hover-bg-black-900:hover {
        background-color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-black-900, .md-focus-bg-black-900:focus, .md-hover-bg-black-900:hover {
        background-color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-black-900, .lg-focus-bg-black-900:focus, .lg-hover-bg-black-900:hover {
        background-color: rgba(24, 59, 86, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-black-900, .xl-focus-bg-black-900:focus, .xl-hover-bg-black-900:hover {
        background-color: rgba(24, 59, 86, .9) !important
    }
}

.bg-gray {
    background-color: #5a7184 !important
}

.focus-bg-gray:focus, .hover-bg-gray:hover {
    background-color: #5a7184
}

@media (max-width: 575px) {
    .xs-bg-gray, .xs-focus-bg-gray:focus, .xs-hover-bg-gray:hover {
        background-color: #5a7184 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray, .sm-focus-bg-gray:focus, .sm-hover-bg-gray:hover {
        background-color: #5a7184 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray, .md-focus-bg-gray:focus, .md-hover-bg-gray:hover {
        background-color: #5a7184 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray, .lg-focus-bg-gray:focus, .lg-hover-bg-gray:hover {
        background-color: #5a7184 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray, .xl-focus-bg-gray:focus, .xl-hover-bg-gray:hover {
        background-color: #5a7184 !important
    }
}

.bg-gray-100 {
    background-color: rgba(90, 113, 132, .1) !important
}

.focus-bg-gray-100:focus, .hover-bg-gray-100:hover {
    background-color: rgba(90, 113, 132, .1)
}

@media (max-width: 575px) {
    .xs-bg-gray-100, .xs-focus-bg-gray-100:focus, .xs-hover-bg-gray-100:hover {
        background-color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-100, .sm-focus-bg-gray-100:focus, .sm-hover-bg-gray-100:hover {
        background-color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-100, .md-focus-bg-gray-100:focus, .md-hover-bg-gray-100:hover {
        background-color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-100, .lg-focus-bg-gray-100:focus, .lg-hover-bg-gray-100:hover {
        background-color: rgba(90, 113, 132, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-100, .xl-focus-bg-gray-100:focus, .xl-hover-bg-gray-100:hover {
        background-color: rgba(90, 113, 132, .1) !important
    }
}

.bg-gray-200 {
    background-color: rgba(90, 113, 132, .2) !important
}

.focus-bg-gray-200:focus, .hover-bg-gray-200:hover {
    background-color: rgba(90, 113, 132, .2)
}

@media (max-width: 575px) {
    .xs-bg-gray-200, .xs-focus-bg-gray-200:focus, .xs-hover-bg-gray-200:hover {
        background-color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-200, .sm-focus-bg-gray-200:focus, .sm-hover-bg-gray-200:hover {
        background-color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-200, .md-focus-bg-gray-200:focus, .md-hover-bg-gray-200:hover {
        background-color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-200, .lg-focus-bg-gray-200:focus, .lg-hover-bg-gray-200:hover {
        background-color: rgba(90, 113, 132, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-200, .xl-focus-bg-gray-200:focus, .xl-hover-bg-gray-200:hover {
        background-color: rgba(90, 113, 132, .2) !important
    }
}

.bg-gray-300 {
    background-color: rgba(90, 113, 132, .3) !important
}

.focus-bg-gray-300:focus, .hover-bg-gray-300:hover {
    background-color: rgba(90, 113, 132, .3)
}

@media (max-width: 575px) {
    .xs-bg-gray-300, .xs-focus-bg-gray-300:focus, .xs-hover-bg-gray-300:hover {
        background-color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-300, .sm-focus-bg-gray-300:focus, .sm-hover-bg-gray-300:hover {
        background-color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-300, .md-focus-bg-gray-300:focus, .md-hover-bg-gray-300:hover {
        background-color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-300, .lg-focus-bg-gray-300:focus, .lg-hover-bg-gray-300:hover {
        background-color: rgba(90, 113, 132, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-300, .xl-focus-bg-gray-300:focus, .xl-hover-bg-gray-300:hover {
        background-color: rgba(90, 113, 132, .3) !important
    }
}

.bg-gray-400 {
    background-color: rgba(90, 113, 132, .4) !important
}

.focus-bg-gray-400:focus, .hover-bg-gray-400:hover {
    background-color: rgba(90, 113, 132, .4)
}

@media (max-width: 575px) {
    .xs-bg-gray-400, .xs-focus-bg-gray-400:focus, .xs-hover-bg-gray-400:hover {
        background-color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-400, .sm-focus-bg-gray-400:focus, .sm-hover-bg-gray-400:hover {
        background-color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-400, .md-focus-bg-gray-400:focus, .md-hover-bg-gray-400:hover {
        background-color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-400, .lg-focus-bg-gray-400:focus, .lg-hover-bg-gray-400:hover {
        background-color: rgba(90, 113, 132, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-400, .xl-focus-bg-gray-400:focus, .xl-hover-bg-gray-400:hover {
        background-color: rgba(90, 113, 132, .4) !important
    }
}

.bg-gray-500 {
    background-color: rgba(90, 113, 132, .5) !important
}

.focus-bg-gray-500:focus, .hover-bg-gray-500:hover {
    background-color: rgba(90, 113, 132, .5)
}

@media (max-width: 575px) {
    .xs-bg-gray-500, .xs-focus-bg-gray-500:focus, .xs-hover-bg-gray-500:hover {
        background-color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-500, .sm-focus-bg-gray-500:focus, .sm-hover-bg-gray-500:hover {
        background-color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-500, .md-focus-bg-gray-500:focus, .md-hover-bg-gray-500:hover {
        background-color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-500, .lg-focus-bg-gray-500:focus, .lg-hover-bg-gray-500:hover {
        background-color: rgba(90, 113, 132, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-500, .xl-focus-bg-gray-500:focus, .xl-hover-bg-gray-500:hover {
        background-color: rgba(90, 113, 132, .5) !important
    }
}

.bg-gray-600 {
    background-color: rgba(90, 113, 132, .6) !important
}

.focus-bg-gray-600:focus, .hover-bg-gray-600:hover {
    background-color: rgba(90, 113, 132, .6)
}

@media (max-width: 575px) {
    .xs-bg-gray-600, .xs-focus-bg-gray-600:focus, .xs-hover-bg-gray-600:hover {
        background-color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-600, .sm-focus-bg-gray-600:focus, .sm-hover-bg-gray-600:hover {
        background-color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-600, .md-focus-bg-gray-600:focus, .md-hover-bg-gray-600:hover {
        background-color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-600, .lg-focus-bg-gray-600:focus, .lg-hover-bg-gray-600:hover {
        background-color: rgba(90, 113, 132, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-600, .xl-focus-bg-gray-600:focus, .xl-hover-bg-gray-600:hover {
        background-color: rgba(90, 113, 132, .6) !important
    }
}

.bg-gray-700 {
    background-color: rgba(90, 113, 132, .7) !important
}

.focus-bg-gray-700:focus, .hover-bg-gray-700:hover {
    background-color: rgba(90, 113, 132, .7)
}

@media (max-width: 575px) {
    .xs-bg-gray-700, .xs-focus-bg-gray-700:focus, .xs-hover-bg-gray-700:hover {
        background-color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-700, .sm-focus-bg-gray-700:focus, .sm-hover-bg-gray-700:hover {
        background-color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-700, .md-focus-bg-gray-700:focus, .md-hover-bg-gray-700:hover {
        background-color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-700, .lg-focus-bg-gray-700:focus, .lg-hover-bg-gray-700:hover {
        background-color: rgba(90, 113, 132, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-700, .xl-focus-bg-gray-700:focus, .xl-hover-bg-gray-700:hover {
        background-color: rgba(90, 113, 132, .7) !important
    }
}

.bg-gray-800 {
    background-color: rgba(90, 113, 132, .8) !important
}

.focus-bg-gray-800:focus, .hover-bg-gray-800:hover {
    background-color: rgba(90, 113, 132, .8)
}

@media (max-width: 575px) {
    .xs-bg-gray-800, .xs-focus-bg-gray-800:focus, .xs-hover-bg-gray-800:hover {
        background-color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-800, .sm-focus-bg-gray-800:focus, .sm-hover-bg-gray-800:hover {
        background-color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-800, .md-focus-bg-gray-800:focus, .md-hover-bg-gray-800:hover {
        background-color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-800, .lg-focus-bg-gray-800:focus, .lg-hover-bg-gray-800:hover {
        background-color: rgba(90, 113, 132, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-800, .xl-focus-bg-gray-800:focus, .xl-hover-bg-gray-800:hover {
        background-color: rgba(90, 113, 132, .8) !important
    }
}

.bg-gray-900 {
    background-color: rgba(90, 113, 132, .9) !important
}

.focus-bg-gray-900:focus, .hover-bg-gray-900:hover {
    background-color: rgba(90, 113, 132, .9)
}

@media (max-width: 575px) {
    .xs-bg-gray-900, .xs-focus-bg-gray-900:focus, .xs-hover-bg-gray-900:hover {
        background-color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-900, .sm-focus-bg-gray-900:focus, .sm-hover-bg-gray-900:hover {
        background-color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-900, .md-focus-bg-gray-900:focus, .md-hover-bg-gray-900:hover {
        background-color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-900, .lg-focus-bg-gray-900:focus, .lg-hover-bg-gray-900:hover {
        background-color: rgba(90, 113, 132, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-900, .xl-focus-bg-gray-900:focus, .xl-hover-bg-gray-900:hover {
        background-color: rgba(90, 113, 132, .9) !important
    }
}

.bg-gray-light {
    background-color: #b3bac5 !important
}

.focus-bg-gray-light:focus, .hover-bg-gray-light:hover {
    background-color: #b3bac5
}

@media (max-width: 575px) {
    .xs-bg-gray-light, .xs-focus-bg-gray-light:focus, .xs-hover-bg-gray-light:hover {
        background-color: #b3bac5 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light, .sm-focus-bg-gray-light:focus, .sm-hover-bg-gray-light:hover {
        background-color: #b3bac5 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light, .md-focus-bg-gray-light:focus, .md-hover-bg-gray-light:hover {
        background-color: #b3bac5 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light, .lg-focus-bg-gray-light:focus, .lg-hover-bg-gray-light:hover {
        background-color: #b3bac5 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light, .xl-focus-bg-gray-light:focus, .xl-hover-bg-gray-light:hover {
        background-color: #b3bac5 !important
    }
}

.bg-gray-light-100 {
    background-color: rgba(179, 186, 197, .1) !important
}

.focus-bg-gray-light-100:focus, .hover-bg-gray-light-100:hover {
    background-color: rgba(179, 186, 197, .1)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-100, .xs-focus-bg-gray-light-100:focus, .xs-hover-bg-gray-light-100:hover {
        background-color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-100, .sm-focus-bg-gray-light-100:focus, .sm-hover-bg-gray-light-100:hover {
        background-color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-100, .md-focus-bg-gray-light-100:focus, .md-hover-bg-gray-light-100:hover {
        background-color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-100, .lg-focus-bg-gray-light-100:focus, .lg-hover-bg-gray-light-100:hover {
        background-color: rgba(179, 186, 197, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-100, .xl-focus-bg-gray-light-100:focus, .xl-hover-bg-gray-light-100:hover {
        background-color: rgba(179, 186, 197, .1) !important
    }
}

.bg-gray-light-200 {
    background-color: rgba(179, 186, 197, .2) !important
}

.focus-bg-gray-light-200:focus, .hover-bg-gray-light-200:hover {
    background-color: rgba(179, 186, 197, .2)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-200, .xs-focus-bg-gray-light-200:focus, .xs-hover-bg-gray-light-200:hover {
        background-color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-200, .sm-focus-bg-gray-light-200:focus, .sm-hover-bg-gray-light-200:hover {
        background-color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-200, .md-focus-bg-gray-light-200:focus, .md-hover-bg-gray-light-200:hover {
        background-color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-200, .lg-focus-bg-gray-light-200:focus, .lg-hover-bg-gray-light-200:hover {
        background-color: rgba(179, 186, 197, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-200, .xl-focus-bg-gray-light-200:focus, .xl-hover-bg-gray-light-200:hover {
        background-color: rgba(179, 186, 197, .2) !important
    }
}

.bg-gray-light-300 {
    background-color: rgba(179, 186, 197, .3) !important
}

.focus-bg-gray-light-300:focus, .hover-bg-gray-light-300:hover {
    background-color: rgba(179, 186, 197, .3)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-300, .xs-focus-bg-gray-light-300:focus, .xs-hover-bg-gray-light-300:hover {
        background-color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-300, .sm-focus-bg-gray-light-300:focus, .sm-hover-bg-gray-light-300:hover {
        background-color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-300, .md-focus-bg-gray-light-300:focus, .md-hover-bg-gray-light-300:hover {
        background-color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-300, .lg-focus-bg-gray-light-300:focus, .lg-hover-bg-gray-light-300:hover {
        background-color: rgba(179, 186, 197, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-300, .xl-focus-bg-gray-light-300:focus, .xl-hover-bg-gray-light-300:hover {
        background-color: rgba(179, 186, 197, .3) !important
    }
}

.bg-gray-light-400 {
    background-color: rgba(179, 186, 197, .4) !important
}

.focus-bg-gray-light-400:focus, .hover-bg-gray-light-400:hover {
    background-color: rgba(179, 186, 197, .4)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-400, .xs-focus-bg-gray-light-400:focus, .xs-hover-bg-gray-light-400:hover {
        background-color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-400, .sm-focus-bg-gray-light-400:focus, .sm-hover-bg-gray-light-400:hover {
        background-color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-400, .md-focus-bg-gray-light-400:focus, .md-hover-bg-gray-light-400:hover {
        background-color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-400, .lg-focus-bg-gray-light-400:focus, .lg-hover-bg-gray-light-400:hover {
        background-color: rgba(179, 186, 197, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-400, .xl-focus-bg-gray-light-400:focus, .xl-hover-bg-gray-light-400:hover {
        background-color: rgba(179, 186, 197, .4) !important
    }
}

.bg-gray-light-500 {
    background-color: rgba(179, 186, 197, .5) !important
}

.focus-bg-gray-light-500:focus, .hover-bg-gray-light-500:hover {
    background-color: rgba(179, 186, 197, .5)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-500, .xs-focus-bg-gray-light-500:focus, .xs-hover-bg-gray-light-500:hover {
        background-color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-500, .sm-focus-bg-gray-light-500:focus, .sm-hover-bg-gray-light-500:hover {
        background-color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-500, .md-focus-bg-gray-light-500:focus, .md-hover-bg-gray-light-500:hover {
        background-color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-500, .lg-focus-bg-gray-light-500:focus, .lg-hover-bg-gray-light-500:hover {
        background-color: rgba(179, 186, 197, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-500, .xl-focus-bg-gray-light-500:focus, .xl-hover-bg-gray-light-500:hover {
        background-color: rgba(179, 186, 197, .5) !important
    }
}

.bg-gray-light-600 {
    background-color: rgba(179, 186, 197, .6) !important
}

.focus-bg-gray-light-600:focus, .hover-bg-gray-light-600:hover {
    background-color: rgba(179, 186, 197, .6)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-600, .xs-focus-bg-gray-light-600:focus, .xs-hover-bg-gray-light-600:hover {
        background-color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-600, .sm-focus-bg-gray-light-600:focus, .sm-hover-bg-gray-light-600:hover {
        background-color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-600, .md-focus-bg-gray-light-600:focus, .md-hover-bg-gray-light-600:hover {
        background-color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-600, .lg-focus-bg-gray-light-600:focus, .lg-hover-bg-gray-light-600:hover {
        background-color: rgba(179, 186, 197, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-600, .xl-focus-bg-gray-light-600:focus, .xl-hover-bg-gray-light-600:hover {
        background-color: rgba(179, 186, 197, .6) !important
    }
}

.bg-gray-light-700 {
    background-color: rgba(179, 186, 197, .7) !important
}

.focus-bg-gray-light-700:focus, .hover-bg-gray-light-700:hover {
    background-color: rgba(179, 186, 197, .7)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-700, .xs-focus-bg-gray-light-700:focus, .xs-hover-bg-gray-light-700:hover {
        background-color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-700, .sm-focus-bg-gray-light-700:focus, .sm-hover-bg-gray-light-700:hover {
        background-color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-700, .md-focus-bg-gray-light-700:focus, .md-hover-bg-gray-light-700:hover {
        background-color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-700, .lg-focus-bg-gray-light-700:focus, .lg-hover-bg-gray-light-700:hover {
        background-color: rgba(179, 186, 197, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-700, .xl-focus-bg-gray-light-700:focus, .xl-hover-bg-gray-light-700:hover {
        background-color: rgba(179, 186, 197, .7) !important
    }
}

.bg-gray-light-800 {
    background-color: rgba(179, 186, 197, .8) !important
}

.focus-bg-gray-light-800:focus, .hover-bg-gray-light-800:hover {
    background-color: rgba(179, 186, 197, .8)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-800, .xs-focus-bg-gray-light-800:focus, .xs-hover-bg-gray-light-800:hover {
        background-color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-800, .sm-focus-bg-gray-light-800:focus, .sm-hover-bg-gray-light-800:hover {
        background-color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-800, .md-focus-bg-gray-light-800:focus, .md-hover-bg-gray-light-800:hover {
        background-color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-800, .lg-focus-bg-gray-light-800:focus, .lg-hover-bg-gray-light-800:hover {
        background-color: rgba(179, 186, 197, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-800, .xl-focus-bg-gray-light-800:focus, .xl-hover-bg-gray-light-800:hover {
        background-color: rgba(179, 186, 197, .8) !important
    }
}

.bg-gray-light-900 {
    background-color: rgba(179, 186, 197, .9) !important
}

.focus-bg-gray-light-900:focus, .hover-bg-gray-light-900:hover {
    background-color: rgba(179, 186, 197, .9)
}

@media (max-width: 575px) {
    .xs-bg-gray-light-900, .xs-focus-bg-gray-light-900:focus, .xs-hover-bg-gray-light-900:hover {
        background-color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-gray-light-900, .sm-focus-bg-gray-light-900:focus, .sm-hover-bg-gray-light-900:hover {
        background-color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-gray-light-900, .md-focus-bg-gray-light-900:focus, .md-hover-bg-gray-light-900:hover {
        background-color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-gray-light-900, .lg-focus-bg-gray-light-900:focus, .lg-hover-bg-gray-light-900:hover {
        background-color: rgba(179, 186, 197, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-gray-light-900, .xl-focus-bg-gray-light-900:focus, .xl-hover-bg-gray-light-900:hover {
        background-color: rgba(179, 186, 197, .9) !important
    }
}

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

.focus-bg-white:focus, .hover-bg-white:hover {
    background-color: #fff
}

@media (max-width: 575px) {
    .xs-bg-white, .xs-focus-bg-white:focus, .xs-hover-bg-white:hover {
        background-color: #fff !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white, .sm-focus-bg-white:focus, .sm-hover-bg-white:hover {
        background-color: #fff !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white, .md-focus-bg-white:focus, .md-hover-bg-white:hover {
        background-color: #fff !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white, .lg-focus-bg-white:focus, .lg-hover-bg-white:hover {
        background-color: #fff !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white, .xl-focus-bg-white:focus, .xl-hover-bg-white:hover {
        background-color: #fff !important
    }
}

.bg-white-100 {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.focus-bg-white-100:focus, .hover-bg-white-100:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

@media (max-width: 575px) {
    .xs-bg-white-100, .xs-focus-bg-white-100:focus, .xs-hover-bg-white-100:hover {
        background-color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-100, .sm-focus-bg-white-100:focus, .sm-hover-bg-white-100:hover {
        background-color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-100, .md-focus-bg-white-100:focus, .md-hover-bg-white-100:hover {
        background-color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-100, .lg-focus-bg-white-100:focus, .lg-hover-bg-white-100:hover {
        background-color: hsla(0, 0%, 100%, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-100, .xl-focus-bg-white-100:focus, .xl-hover-bg-white-100:hover {
        background-color: hsla(0, 0%, 100%, .1) !important
    }
}

.bg-white-200 {
    background-color: hsla(0, 0%, 100%, .2) !important
}

.focus-bg-white-200:focus, .hover-bg-white-200:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

@media (max-width: 575px) {
    .xs-bg-white-200, .xs-focus-bg-white-200:focus, .xs-hover-bg-white-200:hover {
        background-color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-200, .sm-focus-bg-white-200:focus, .sm-hover-bg-white-200:hover {
        background-color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-200, .md-focus-bg-white-200:focus, .md-hover-bg-white-200:hover {
        background-color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-200, .lg-focus-bg-white-200:focus, .lg-hover-bg-white-200:hover {
        background-color: hsla(0, 0%, 100%, .2) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-200, .xl-focus-bg-white-200:focus, .xl-hover-bg-white-200:hover {
        background-color: hsla(0, 0%, 100%, .2) !important
    }
}

.bg-white-300 {
    background-color: hsla(0, 0%, 100%, .3) !important
}

.focus-bg-white-300:focus, .hover-bg-white-300:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

@media (max-width: 575px) {
    .xs-bg-white-300, .xs-focus-bg-white-300:focus, .xs-hover-bg-white-300:hover {
        background-color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-300, .sm-focus-bg-white-300:focus, .sm-hover-bg-white-300:hover {
        background-color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-300, .md-focus-bg-white-300:focus, .md-hover-bg-white-300:hover {
        background-color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-300, .lg-focus-bg-white-300:focus, .lg-hover-bg-white-300:hover {
        background-color: hsla(0, 0%, 100%, .3) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-300, .xl-focus-bg-white-300:focus, .xl-hover-bg-white-300:hover {
        background-color: hsla(0, 0%, 100%, .3) !important
    }
}

.bg-white-400 {
    background-color: hsla(0, 0%, 100%, .4) !important
}

.focus-bg-white-400:focus, .hover-bg-white-400:hover {
    background-color: hsla(0, 0%, 100%, .4)
}

@media (max-width: 575px) {
    .xs-bg-white-400, .xs-focus-bg-white-400:focus, .xs-hover-bg-white-400:hover {
        background-color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-400, .sm-focus-bg-white-400:focus, .sm-hover-bg-white-400:hover {
        background-color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-400, .md-focus-bg-white-400:focus, .md-hover-bg-white-400:hover {
        background-color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-400, .lg-focus-bg-white-400:focus, .lg-hover-bg-white-400:hover {
        background-color: hsla(0, 0%, 100%, .4) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-400, .xl-focus-bg-white-400:focus, .xl-hover-bg-white-400:hover {
        background-color: hsla(0, 0%, 100%, .4) !important
    }
}

.bg-white-500 {
    background-color: hsla(0, 0%, 100%, .5) !important
}

.focus-bg-white-500:focus, .hover-bg-white-500:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

@media (max-width: 575px) {
    .xs-bg-white-500, .xs-focus-bg-white-500:focus, .xs-hover-bg-white-500:hover {
        background-color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-500, .sm-focus-bg-white-500:focus, .sm-hover-bg-white-500:hover {
        background-color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-500, .md-focus-bg-white-500:focus, .md-hover-bg-white-500:hover {
        background-color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-500, .lg-focus-bg-white-500:focus, .lg-hover-bg-white-500:hover {
        background-color: hsla(0, 0%, 100%, .5) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-500, .xl-focus-bg-white-500:focus, .xl-hover-bg-white-500:hover {
        background-color: hsla(0, 0%, 100%, .5) !important
    }
}

.bg-white-600 {
    background-color: hsla(0, 0%, 100%, .6) !important
}

.focus-bg-white-600:focus, .hover-bg-white-600:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

@media (max-width: 575px) {
    .xs-bg-white-600, .xs-focus-bg-white-600:focus, .xs-hover-bg-white-600:hover {
        background-color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-600, .sm-focus-bg-white-600:focus, .sm-hover-bg-white-600:hover {
        background-color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-600, .md-focus-bg-white-600:focus, .md-hover-bg-white-600:hover {
        background-color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-600, .lg-focus-bg-white-600:focus, .lg-hover-bg-white-600:hover {
        background-color: hsla(0, 0%, 100%, .6) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-600, .xl-focus-bg-white-600:focus, .xl-hover-bg-white-600:hover {
        background-color: hsla(0, 0%, 100%, .6) !important
    }
}

.bg-white-700 {
    background-color: hsla(0, 0%, 100%, .7) !important
}

.focus-bg-white-700:focus, .hover-bg-white-700:hover {
    background-color: hsla(0, 0%, 100%, .7)
}

@media (max-width: 575px) {
    .xs-bg-white-700, .xs-focus-bg-white-700:focus, .xs-hover-bg-white-700:hover {
        background-color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-700, .sm-focus-bg-white-700:focus, .sm-hover-bg-white-700:hover {
        background-color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-700, .md-focus-bg-white-700:focus, .md-hover-bg-white-700:hover {
        background-color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-700, .lg-focus-bg-white-700:focus, .lg-hover-bg-white-700:hover {
        background-color: hsla(0, 0%, 100%, .7) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-700, .xl-focus-bg-white-700:focus, .xl-hover-bg-white-700:hover {
        background-color: hsla(0, 0%, 100%, .7) !important
    }
}

.bg-white-800 {
    background-color: hsla(0, 0%, 100%, .8) !important
}

.focus-bg-white-800:focus, .hover-bg-white-800:hover {
    background-color: hsla(0, 0%, 100%, .8)
}

@media (max-width: 575px) {
    .xs-bg-white-800, .xs-focus-bg-white-800:focus, .xs-hover-bg-white-800:hover {
        background-color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-800, .sm-focus-bg-white-800:focus, .sm-hover-bg-white-800:hover {
        background-color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-800, .md-focus-bg-white-800:focus, .md-hover-bg-white-800:hover {
        background-color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-800, .lg-focus-bg-white-800:focus, .lg-hover-bg-white-800:hover {
        background-color: hsla(0, 0%, 100%, .8) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-800, .xl-focus-bg-white-800:focus, .xl-hover-bg-white-800:hover {
        background-color: hsla(0, 0%, 100%, .8) !important
    }
}

.bg-white-900 {
    background-color: hsla(0, 0%, 100%, .9) !important
}

.focus-bg-white-900:focus, .hover-bg-white-900:hover {
    background-color: hsla(0, 0%, 100%, .9)
}

@media (max-width: 575px) {
    .xs-bg-white-900, .xs-focus-bg-white-900:focus, .xs-hover-bg-white-900:hover {
        background-color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-white-900, .sm-focus-bg-white-900:focus, .sm-hover-bg-white-900:hover {
        background-color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-white-900, .md-focus-bg-white-900:focus, .md-hover-bg-white-900:hover {
        background-color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-white-900, .lg-focus-bg-white-900:focus, .lg-hover-bg-white-900:hover {
        background-color: hsla(0, 0%, 100%, .9) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-white-900, .xl-focus-bg-white-900:focus, .xl-hover-bg-white-900:hover {
        background-color: hsla(0, 0%, 100%, .9) !important
    }
}

.bg-iris-blue {
    background-color: #00b8d9 !important
}

.focus-bg-iris-blue:focus, .hover-bg-iris-blue:hover {
    background-color: #00b8d9
}

@media (max-width: 575px) {
    .xs-bg-iris-blue, .xs-focus-bg-iris-blue:focus, .xs-hover-bg-iris-blue:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-iris-blue, .sm-focus-bg-iris-blue:focus, .sm-hover-bg-iris-blue:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-iris-blue, .md-focus-bg-iris-blue:focus, .md-hover-bg-iris-blue:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-iris-blue, .lg-focus-bg-iris-blue:focus, .lg-hover-bg-iris-blue:hover {
        background-color: #00b8d9 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-iris-blue, .xl-focus-bg-iris-blue:focus, .xl-hover-bg-iris-blue:hover {
        background-color: #00b8d9 !important
    }
}

.bg-iris-blue-60 {
    background-color: rgba(0, 184, 217, .06) !important
}

.focus-bg-iris-blue-60:focus, .hover-bg-iris-blue-60:hover {
    background-color: rgba(0, 184, 217, .06)
}

@media (max-width: 575px) {
    .xs-bg-iris-blue-60, .xs-focus-bg-iris-blue-60:focus, .xs-hover-bg-iris-blue-60:hover {
        background-color: rgba(0, 184, 217, .06) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-iris-blue-60, .sm-focus-bg-iris-blue-60:focus, .sm-hover-bg-iris-blue-60:hover {
        background-color: rgba(0, 184, 217, .06) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-iris-blue-60, .md-focus-bg-iris-blue-60:focus, .md-hover-bg-iris-blue-60:hover {
        background-color: rgba(0, 184, 217, .06) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-iris-blue-60, .lg-focus-bg-iris-blue-60:focus, .lg-hover-bg-iris-blue-60:hover {
        background-color: rgba(0, 184, 217, .06) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-iris-blue-60, .xl-focus-bg-iris-blue-60:focus, .xl-hover-bg-iris-blue-60:hover {
        background-color: rgba(0, 184, 217, .06) !important
    }
}

.bg-iris-blue-100 {
    background-color: rgba(0, 184, 217, .1) !important
}

.focus-bg-iris-blue-100:focus, .hover-bg-iris-blue-100:hover {
    background-color: rgba(0, 184, 217, .1)
}

@media (max-width: 575px) {
    .xs-bg-iris-blue-100, .xs-focus-bg-iris-blue-100:focus, .xs-hover-bg-iris-blue-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-iris-blue-100, .sm-focus-bg-iris-blue-100:focus, .sm-hover-bg-iris-blue-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-iris-blue-100, .md-focus-bg-iris-blue-100:focus, .md-hover-bg-iris-blue-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-iris-blue-100, .lg-focus-bg-iris-blue-100:focus, .lg-hover-bg-iris-blue-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-iris-blue-100, .xl-focus-bg-iris-blue-100:focus, .xl-hover-bg-iris-blue-100:hover {
        background-color: rgba(0, 184, 217, .1) !important
    }
}

.bg-bright-red {
    background-color: #e95432 !important
}

.focus-bg-bright-red:focus, .hover-bg-bright-red:hover {
    background-color: #e95432
}

@media (max-width: 575px) {
    .xs-bg-bright-red, .xs-focus-bg-bright-red:focus, .xs-hover-bg-bright-red:hover {
        background-color: #e95432 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-bright-red, .sm-focus-bg-bright-red:focus, .sm-hover-bg-bright-red:hover {
        background-color: #e95432 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-bright-red, .md-focus-bg-bright-red:focus, .md-hover-bg-bright-red:hover {
        background-color: #e95432 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-bright-red, .lg-focus-bg-bright-red:focus, .lg-hover-bg-bright-red:hover {
        background-color: #e95432 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-bright-red, .xl-focus-bg-bright-red:focus, .xl-hover-bg-bright-red:hover {
        background-color: #e95432 !important
    }
}

.bg-bright-red-100 {
    background-color: rgba(233, 84, 50, .1) !important
}

.focus-bg-bright-red-100:focus, .hover-bg-bright-red-100:hover {
    background-color: rgba(233, 84, 50, .1)
}

@media (max-width: 575px) {
    .xs-bg-bright-red-100, .xs-focus-bg-bright-red-100:focus, .xs-hover-bg-bright-red-100:hover {
        background-color: rgba(233, 84, 50, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-bright-red-100, .sm-focus-bg-bright-red-100:focus, .sm-hover-bg-bright-red-100:hover {
        background-color: rgba(233, 84, 50, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-bright-red-100, .md-focus-bg-bright-red-100:focus, .md-hover-bg-bright-red-100:hover {
        background-color: rgba(233, 84, 50, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-bright-red-100, .lg-focus-bg-bright-red-100:focus, .lg-hover-bg-bright-red-100:hover {
        background-color: rgba(233, 84, 50, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-bright-red-100, .xl-focus-bg-bright-red-100:focus, .xl-hover-bg-bright-red-100:hover {
        background-color: rgba(233, 84, 50, .1) !important
    }
}

.bg-light-blue {
    background-color: #f9fbfe !important
}

.focus-bg-light-blue:focus, .hover-bg-light-blue:hover {
    background-color: #f9fbfe
}

@media (max-width: 575px) {
    .xs-bg-light-blue, .xs-focus-bg-light-blue:focus, .xs-hover-bg-light-blue:hover {
        background-color: #f9fbfe !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-light-blue, .sm-focus-bg-light-blue:focus, .sm-hover-bg-light-blue:hover {
        background-color: #f9fbfe !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-light-blue, .md-focus-bg-light-blue:focus, .md-hover-bg-light-blue:hover {
        background-color: #f9fbfe !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-light-blue, .lg-focus-bg-light-blue:focus, .lg-hover-bg-light-blue:hover {
        background-color: #f9fbfe !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-light-blue, .xl-focus-bg-light-blue:focus, .xl-hover-bg-light-blue:hover {
        background-color: #f9fbfe !important
    }
}

.bg-dark-blue {
    background-color: #3f598a !important
}

.focus-bg-dark-blue:focus, .hover-bg-dark-blue:hover {
    background-color: #3f598a
}

@media (max-width: 575px) {
    .xs-bg-dark-blue, .xs-focus-bg-dark-blue:focus, .xs-hover-bg-dark-blue:hover {
        background-color: #3f598a !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-dark-blue, .sm-focus-bg-dark-blue:focus, .sm-hover-bg-dark-blue:hover {
        background-color: #3f598a !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-dark-blue, .md-focus-bg-dark-blue:focus, .md-hover-bg-dark-blue:hover {
        background-color: #3f598a !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-dark-blue, .lg-focus-bg-dark-blue:focus, .lg-hover-bg-dark-blue:hover {
        background-color: #3f598a !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-dark-blue, .xl-focus-bg-dark-blue:focus, .xl-hover-bg-dark-blue:hover {
        background-color: #3f598a !important
    }
}

.bg-dark-blue-100 {
    background-color: rgba(63, 89, 138, .1) !important
}

.focus-bg-dark-blue-100:focus, .hover-bg-dark-blue-100:hover {
    background-color: rgba(63, 89, 138, .1)
}

@media (max-width: 575px) {
    .xs-bg-dark-blue-100, .xs-focus-bg-dark-blue-100:focus, .xs-hover-bg-dark-blue-100:hover {
        background-color: rgba(63, 89, 138, .1) !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-dark-blue-100, .sm-focus-bg-dark-blue-100:focus, .sm-hover-bg-dark-blue-100:hover {
        background-color: rgba(63, 89, 138, .1) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-dark-blue-100, .md-focus-bg-dark-blue-100:focus, .md-hover-bg-dark-blue-100:hover {
        background-color: rgba(63, 89, 138, .1) !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-dark-blue-100, .lg-focus-bg-dark-blue-100:focus, .lg-hover-bg-dark-blue-100:hover {
        background-color: rgba(63, 89, 138, .1) !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-dark-blue-100, .xl-focus-bg-dark-blue-100:focus, .xl-hover-bg-dark-blue-100:hover {
        background-color: rgba(63, 89, 138, .1) !important
    }
}

.bg-dark {
    background-color: #0d2436 !important
}

.focus-bg-dark:focus, .hover-bg-dark:hover {
    background-color: #0d2436
}

@media (max-width: 575px) {
    .xs-bg-dark, .xs-focus-bg-dark:focus, .xs-hover-bg-dark:hover {
        background-color: #0d2436 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-dark, .sm-focus-bg-dark:focus, .sm-hover-bg-dark:hover {
        background-color: #0d2436 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-dark, .md-focus-bg-dark:focus, .md-hover-bg-dark:hover {
        background-color: #0d2436 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-dark, .lg-focus-bg-dark:focus, .lg-hover-bg-dark:hover {
        background-color: #0d2436 !important
    }
}

@media (min-width: 1200px) {
    .xl-bg-dark, .xl-focus-bg-dark:focus, .xl-hover-bg-dark:hover {
        background-color: #0d2436 !important
    }
}

.bg-bottom {
    background-position: bottom
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-bottom {
        background-position: bottom
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-bottom {
        background-position: bottom
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-bottom {
        background-position: bottom
    }
}

@media (min-width: 1200px) {
    .xl-bg-bottom {
        background-position: bottom
    }
}

.bg-center {
    background-position: 50%
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-center {
        background-position: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-center {
        background-position: 50%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-center {
        background-position: 50%
    }
}

@media (min-width: 1200px) {
    .xl-bg-center {
        background-position: 50%
    }
}

.bg-left {
    background-position: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-left {
        background-position: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-left {
        background-position: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-left {
        background-position: 0
    }
}

@media (min-width: 1200px) {
    .xl-bg-left {
        background-position: 0
    }
}

.bg-left-bottom {
    background-position: 0 100%
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-left-bottom {
        background-position: 0 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-left-bottom {
        background-position: 0 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-left-bottom {
        background-position: 0 100%
    }
}

@media (min-width: 1200px) {
    .xl-bg-left-bottom {
        background-position: 0 100%
    }
}

.bg-left-top {
    background-position: 0 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-left-top {
        background-position: 0 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-left-top {
        background-position: 0 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-left-top {
        background-position: 0 0
    }
}

@media (min-width: 1200px) {
    .xl-bg-left-top {
        background-position: 0 0
    }
}

.bg-right {
    background-position: 100%
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-right {
        background-position: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-right {
        background-position: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-right {
        background-position: 100%
    }
}

@media (min-width: 1200px) {
    .xl-bg-right {
        background-position: 100%
    }
}

.bg-right-bottom {
    background-position: 100% 100%
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-right-bottom {
        background-position: 100% 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-right-bottom {
        background-position: 100% 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-right-bottom {
        background-position: 100% 100%
    }
}

@media (min-width: 1200px) {
    .xl-bg-right-bottom {
        background-position: 100% 100%
    }
}

.bg-right-top {
    background-position: 100% 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-right-top {
        background-position: 100% 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-right-top {
        background-position: 100% 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-right-top {
        background-position: 100% 0
    }
}

@media (min-width: 1200px) {
    .xl-bg-right-top {
        background-position: 100% 0
    }
}

.bg-top {
    background-position: top
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-top {
        background-position: top
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-top {
        background-position: top
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-top {
        background-position: top
    }
}

@media (min-width: 1200px) {
    .xl-bg-top {
        background-position: top
    }
}

.bg-repeat {
    background-repeat: repeat
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-repeat {
        background-repeat: repeat
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-repeat {
        background-repeat: repeat
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-repeat {
        background-repeat: repeat
    }
}

@media (min-width: 1200px) {
    .xl-bg-repeat {
        background-repeat: repeat
    }
}

.bg-no-repeat {
    background-repeat: no-repeat
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-no-repeat {
        background-repeat: no-repeat
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-no-repeat {
        background-repeat: no-repeat
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-no-repeat {
        background-repeat: no-repeat
    }
}

@media (min-width: 1200px) {
    .xl-bg-no-repeat {
        background-repeat: no-repeat
    }
}

.bg-repeat-x {
    background-repeat: repeat-x
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-repeat-x {
        background-repeat: repeat-x
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-repeat-x {
        background-repeat: repeat-x
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-repeat-x {
        background-repeat: repeat-x
    }
}

@media (min-width: 1200px) {
    .xl-bg-repeat-x {
        background-repeat: repeat-x
    }
}

.bg-repeat-y {
    background-repeat: repeat-y
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-repeat-y {
        background-repeat: repeat-y
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-repeat-y {
        background-repeat: repeat-y
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-repeat-y {
        background-repeat: repeat-y
    }
}

@media (min-width: 1200px) {
    .xl-bg-repeat-y {
        background-repeat: repeat-y
    }
}

.bg-repeat-round {
    background-repeat: round
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-repeat-round {
        background-repeat: round
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-repeat-round {
        background-repeat: round
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-repeat-round {
        background-repeat: round
    }
}

@media (min-width: 1200px) {
    .xl-bg-repeat-round {
        background-repeat: round
    }
}

.bg-repeat-space {
    background-repeat: space
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-repeat-space {
        background-repeat: space
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-repeat-space {
        background-repeat: space
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-repeat-space {
        background-repeat: space
    }
}

@media (min-width: 1200px) {
    .xl-bg-repeat-space {
        background-repeat: space
    }
}

.bgauto {
    background-size: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bgauto {
        background-size: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bgauto {
        background-size: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bgauto {
        background-size: auto
    }
}

@media (min-width: 1200px) {
    .xl-bgauto {
        background-size: auto
    }
}

.bg-cover {
    background-size: cover
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-cover {
        background-size: cover
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-cover {
        background-size: cover
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-cover {
        background-size: cover
    }
}

@media (min-width: 1200px) {
    .xl-bg-cover {
        background-size: cover
    }
}

.bg-contain {
    background-size: contain
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-bg-contain {
        background-size: contain
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-bg-contain {
        background-size: contain
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-bg-contain {
        background-size: contain
    }
}

@media (min-width: 1200px) {
    .xl-bg-contain {
        background-size: contain
    }
}

.border-transparent, .focus-border-transparent:focus, .hover-border-transparent:hover {
    border-color: transparent !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-transparent, .sm-focus-border-transparent:focus, .sm-hover-border-transparent:hover {
        border-color: transparent
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-transparent, .md-focus-border-transparent:focus, .md-hover-border-transparent:hover {
        border-color: transparent
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-transparent, .lg-focus-border-transparent:focus, .lg-hover-border-transparent:hover {
        border-color: transparent
    }
}

@media (min-width: 1200px) {
    .xl-border-transparent, .xl-focus-border-transparent:focus, .xl-hover-border-transparent:hover {
        border-color: transparent
    }
}

.border-default, .focus-border-default:focus, .hover-border-default:hover {
    border-color: #e5eaf4 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-default, .sm-focus-border-default:focus, .sm-hover-border-default:hover {
        border-color: #e5eaf4
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-default, .md-focus-border-default:focus, .md-hover-border-default:hover {
        border-color: #e5eaf4
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-default, .lg-focus-border-default:focus, .lg-hover-border-default:hover {
        border-color: #e5eaf4
    }
}

@media (min-width: 1200px) {
    .xl-border-default, .xl-focus-border-default:focus, .xl-hover-border-default:hover {
        border-color: #e5eaf4
    }
}

.border-primary, .focus-border-primary:focus, .hover-border-primary:hover {
    border-color: #2ed47a !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary, .sm-focus-border-primary:focus, .sm-hover-border-primary:hover {
        border-color: #2ed47a
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary, .md-focus-border-primary:focus, .md-hover-border-primary:hover {
        border-color: #2ed47a
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary, .lg-focus-border-primary:focus, .lg-hover-border-primary:hover {
        border-color: #2ed47a
    }
}

@media (min-width: 1200px) {
    .xl-border-primary, .xl-focus-border-primary:focus, .xl-hover-border-primary:hover {
        border-color: #2ed47a
    }
}

.border-primary-100, .focus-border-primary-100:focus, .hover-border-primary-100:hover {
    border-color: rgba(21, 101, 216, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-100, .sm-focus-border-primary-100:focus, .sm-hover-border-primary-100:hover {
        border-color: rgba(21, 101, 216, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-100, .md-focus-border-primary-100:focus, .md-hover-border-primary-100:hover {
        border-color: rgba(21, 101, 216, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-100, .lg-focus-border-primary-100:focus, .lg-hover-border-primary-100:hover {
        border-color: rgba(21, 101, 216, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-100, .xl-focus-border-primary-100:focus, .xl-hover-border-primary-100:hover {
        border-color: rgba(21, 101, 216, .1)
    }
}

.border-primary-200, .focus-border-primary-200:focus, .hover-border-primary-200:hover {
    border-color: rgba(21, 101, 216, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-200, .sm-focus-border-primary-200:focus, .sm-hover-border-primary-200:hover {
        border-color: rgba(21, 101, 216, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-200, .md-focus-border-primary-200:focus, .md-hover-border-primary-200:hover {
        border-color: rgba(21, 101, 216, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-200, .lg-focus-border-primary-200:focus, .lg-hover-border-primary-200:hover {
        border-color: rgba(21, 101, 216, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-200, .xl-focus-border-primary-200:focus, .xl-hover-border-primary-200:hover {
        border-color: rgba(21, 101, 216, .2)
    }
}

.border-primary-300, .focus-border-primary-300:focus, .hover-border-primary-300:hover {
    border-color: rgba(21, 101, 216, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-300, .sm-focus-border-primary-300:focus, .sm-hover-border-primary-300:hover {
        border-color: rgba(21, 101, 216, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-300, .md-focus-border-primary-300:focus, .md-hover-border-primary-300:hover {
        border-color: rgba(21, 101, 216, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-300, .lg-focus-border-primary-300:focus, .lg-hover-border-primary-300:hover {
        border-color: rgba(21, 101, 216, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-300, .xl-focus-border-primary-300:focus, .xl-hover-border-primary-300:hover {
        border-color: rgba(21, 101, 216, .3)
    }
}

.border-primary-400, .focus-border-primary-400:focus, .hover-border-primary-400:hover {
    border-color: rgba(21, 101, 216, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-400, .sm-focus-border-primary-400:focus, .sm-hover-border-primary-400:hover {
        border-color: rgba(21, 101, 216, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-400, .md-focus-border-primary-400:focus, .md-hover-border-primary-400:hover {
        border-color: rgba(21, 101, 216, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-400, .lg-focus-border-primary-400:focus, .lg-hover-border-primary-400:hover {
        border-color: rgba(21, 101, 216, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-400, .xl-focus-border-primary-400:focus, .xl-hover-border-primary-400:hover {
        border-color: rgba(21, 101, 216, .4)
    }
}

.border-primary-500, .focus-border-primary-500:focus, .hover-border-primary-500:hover {
    border-color: rgba(21, 101, 216, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-500, .sm-focus-border-primary-500:focus, .sm-hover-border-primary-500:hover {
        border-color: rgba(21, 101, 216, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-500, .md-focus-border-primary-500:focus, .md-hover-border-primary-500:hover {
        border-color: rgba(21, 101, 216, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-500, .lg-focus-border-primary-500:focus, .lg-hover-border-primary-500:hover {
        border-color: rgba(21, 101, 216, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-500, .xl-focus-border-primary-500:focus, .xl-hover-border-primary-500:hover {
        border-color: rgba(21, 101, 216, .5)
    }
}

.border-primary-600, .focus-border-primary-600:focus, .hover-border-primary-600:hover {
    border-color: rgba(21, 101, 216, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-600, .sm-focus-border-primary-600:focus, .sm-hover-border-primary-600:hover {
        border-color: rgba(21, 101, 216, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-600, .md-focus-border-primary-600:focus, .md-hover-border-primary-600:hover {
        border-color: rgba(21, 101, 216, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-600, .lg-focus-border-primary-600:focus, .lg-hover-border-primary-600:hover {
        border-color: rgba(21, 101, 216, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-600, .xl-focus-border-primary-600:focus, .xl-hover-border-primary-600:hover {
        border-color: rgba(21, 101, 216, .6)
    }
}

.border-primary-700, .focus-border-primary-700:focus, .hover-border-primary-700:hover {
    border-color: rgba(21, 101, 216, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-700, .sm-focus-border-primary-700:focus, .sm-hover-border-primary-700:hover {
        border-color: rgba(21, 101, 216, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-700, .md-focus-border-primary-700:focus, .md-hover-border-primary-700:hover {
        border-color: rgba(21, 101, 216, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-700, .lg-focus-border-primary-700:focus, .lg-hover-border-primary-700:hover {
        border-color: rgba(21, 101, 216, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-700, .xl-focus-border-primary-700:focus, .xl-hover-border-primary-700:hover {
        border-color: rgba(21, 101, 216, .7)
    }
}

.border-primary-800, .focus-border-primary-800:focus, .hover-border-primary-800:hover {
    border-color: rgba(21, 101, 216, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-800, .sm-focus-border-primary-800:focus, .sm-hover-border-primary-800:hover {
        border-color: rgba(21, 101, 216, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-800, .md-focus-border-primary-800:focus, .md-hover-border-primary-800:hover {
        border-color: rgba(21, 101, 216, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-800, .lg-focus-border-primary-800:focus, .lg-hover-border-primary-800:hover {
        border-color: rgba(21, 101, 216, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-800, .xl-focus-border-primary-800:focus, .xl-hover-border-primary-800:hover {
        border-color: rgba(21, 101, 216, .8)
    }
}

.border-primary-900, .focus-border-primary-900:focus, .hover-border-primary-900:hover {
    border-color: rgba(21, 101, 216, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-primary-900, .sm-focus-border-primary-900:focus, .sm-hover-border-primary-900:hover {
        border-color: rgba(21, 101, 216, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-primary-900, .md-focus-border-primary-900:focus, .md-hover-border-primary-900:hover {
        border-color: rgba(21, 101, 216, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-primary-900, .lg-focus-border-primary-900:focus, .lg-hover-border-primary-900:hover {
        border-color: rgba(21, 101, 216, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-primary-900, .xl-focus-border-primary-900:focus, .xl-hover-border-primary-900:hover {
        border-color: rgba(21, 101, 216, .9)
    }
}

.border-secondary, .focus-border-secondary:focus, .hover-border-secondary:hover {
    border-color: #506690 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary, .sm-focus-border-secondary:focus, .sm-hover-border-secondary:hover {
        border-color: #506690
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary, .md-focus-border-secondary:focus, .md-hover-border-secondary:hover {
        border-color: #506690
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary, .lg-focus-border-secondary:focus, .lg-hover-border-secondary:hover {
        border-color: #506690
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary, .xl-focus-border-secondary:focus, .xl-hover-border-secondary:hover {
        border-color: #506690
    }
}

.border-secondary-100, .focus-border-secondary-100:focus, .hover-border-secondary-100:hover {
    border-color: rgba(80, 102, 144, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-100, .sm-focus-border-secondary-100:focus, .sm-hover-border-secondary-100:hover {
        border-color: rgba(80, 102, 144, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-100, .md-focus-border-secondary-100:focus, .md-hover-border-secondary-100:hover {
        border-color: rgba(80, 102, 144, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-100, .lg-focus-border-secondary-100:focus, .lg-hover-border-secondary-100:hover {
        border-color: rgba(80, 102, 144, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-100, .xl-focus-border-secondary-100:focus, .xl-hover-border-secondary-100:hover {
        border-color: rgba(80, 102, 144, .1)
    }
}

.border-secondary-200, .focus-border-secondary-200:focus, .hover-border-secondary-200:hover {
    border-color: rgba(80, 102, 144, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-200, .sm-focus-border-secondary-200:focus, .sm-hover-border-secondary-200:hover {
        border-color: rgba(80, 102, 144, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-200, .md-focus-border-secondary-200:focus, .md-hover-border-secondary-200:hover {
        border-color: rgba(80, 102, 144, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-200, .lg-focus-border-secondary-200:focus, .lg-hover-border-secondary-200:hover {
        border-color: rgba(80, 102, 144, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-200, .xl-focus-border-secondary-200:focus, .xl-hover-border-secondary-200:hover {
        border-color: rgba(80, 102, 144, .2)
    }
}

.border-secondary-300, .focus-border-secondary-300:focus, .hover-border-secondary-300:hover {
    border-color: rgba(80, 102, 144, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-300, .sm-focus-border-secondary-300:focus, .sm-hover-border-secondary-300:hover {
        border-color: rgba(80, 102, 144, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-300, .md-focus-border-secondary-300:focus, .md-hover-border-secondary-300:hover {
        border-color: rgba(80, 102, 144, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-300, .lg-focus-border-secondary-300:focus, .lg-hover-border-secondary-300:hover {
        border-color: rgba(80, 102, 144, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-300, .xl-focus-border-secondary-300:focus, .xl-hover-border-secondary-300:hover {
        border-color: rgba(80, 102, 144, .3)
    }
}

.border-secondary-400, .focus-border-secondary-400:focus, .hover-border-secondary-400:hover {
    border-color: rgba(80, 102, 144, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-400, .sm-focus-border-secondary-400:focus, .sm-hover-border-secondary-400:hover {
        border-color: rgba(80, 102, 144, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-400, .md-focus-border-secondary-400:focus, .md-hover-border-secondary-400:hover {
        border-color: rgba(80, 102, 144, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-400, .lg-focus-border-secondary-400:focus, .lg-hover-border-secondary-400:hover {
        border-color: rgba(80, 102, 144, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-400, .xl-focus-border-secondary-400:focus, .xl-hover-border-secondary-400:hover {
        border-color: rgba(80, 102, 144, .4)
    }
}

.border-secondary-500, .focus-border-secondary-500:focus, .hover-border-secondary-500:hover {
    border-color: rgba(80, 102, 144, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-500, .sm-focus-border-secondary-500:focus, .sm-hover-border-secondary-500:hover {
        border-color: rgba(80, 102, 144, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-500, .md-focus-border-secondary-500:focus, .md-hover-border-secondary-500:hover {
        border-color: rgba(80, 102, 144, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-500, .lg-focus-border-secondary-500:focus, .lg-hover-border-secondary-500:hover {
        border-color: rgba(80, 102, 144, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-500, .xl-focus-border-secondary-500:focus, .xl-hover-border-secondary-500:hover {
        border-color: rgba(80, 102, 144, .5)
    }
}

.border-secondary-600, .focus-border-secondary-600:focus, .hover-border-secondary-600:hover {
    border-color: rgba(80, 102, 144, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-600, .sm-focus-border-secondary-600:focus, .sm-hover-border-secondary-600:hover {
        border-color: rgba(80, 102, 144, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-600, .md-focus-border-secondary-600:focus, .md-hover-border-secondary-600:hover {
        border-color: rgba(80, 102, 144, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-600, .lg-focus-border-secondary-600:focus, .lg-hover-border-secondary-600:hover {
        border-color: rgba(80, 102, 144, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-600, .xl-focus-border-secondary-600:focus, .xl-hover-border-secondary-600:hover {
        border-color: rgba(80, 102, 144, .6)
    }
}

.border-secondary-700, .focus-border-secondary-700:focus, .hover-border-secondary-700:hover {
    border-color: rgba(80, 102, 144, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-700, .sm-focus-border-secondary-700:focus, .sm-hover-border-secondary-700:hover {
        border-color: rgba(80, 102, 144, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-700, .md-focus-border-secondary-700:focus, .md-hover-border-secondary-700:hover {
        border-color: rgba(80, 102, 144, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-700, .lg-focus-border-secondary-700:focus, .lg-hover-border-secondary-700:hover {
        border-color: rgba(80, 102, 144, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-700, .xl-focus-border-secondary-700:focus, .xl-hover-border-secondary-700:hover {
        border-color: rgba(80, 102, 144, .7)
    }
}

.border-secondary-800, .focus-border-secondary-800:focus, .hover-border-secondary-800:hover {
    border-color: rgba(80, 102, 144, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-800, .sm-focus-border-secondary-800:focus, .sm-hover-border-secondary-800:hover {
        border-color: rgba(80, 102, 144, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-800, .md-focus-border-secondary-800:focus, .md-hover-border-secondary-800:hover {
        border-color: rgba(80, 102, 144, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-800, .lg-focus-border-secondary-800:focus, .lg-hover-border-secondary-800:hover {
        border-color: rgba(80, 102, 144, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-800, .xl-focus-border-secondary-800:focus, .xl-hover-border-secondary-800:hover {
        border-color: rgba(80, 102, 144, .8)
    }
}

.border-secondary-900, .focus-border-secondary-900:focus, .hover-border-secondary-900:hover {
    border-color: rgba(80, 102, 144, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-secondary-900, .sm-focus-border-secondary-900:focus, .sm-hover-border-secondary-900:hover {
        border-color: rgba(80, 102, 144, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-secondary-900, .md-focus-border-secondary-900:focus, .md-hover-border-secondary-900:hover {
        border-color: rgba(80, 102, 144, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-secondary-900, .lg-focus-border-secondary-900:focus, .lg-hover-border-secondary-900:hover {
        border-color: rgba(80, 102, 144, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-secondary-900, .xl-focus-border-secondary-900:focus, .xl-hover-border-secondary-900:hover {
        border-color: rgba(80, 102, 144, .9)
    }
}

.border-success, .focus-border-success:focus, .hover-border-success:hover {
    border-color: #36b37e !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success, .sm-focus-border-success:focus, .sm-hover-border-success:hover {
        border-color: #36b37e
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success, .md-focus-border-success:focus, .md-hover-border-success:hover {
        border-color: #36b37e
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success, .lg-focus-border-success:focus, .lg-hover-border-success:hover {
        border-color: #36b37e
    }
}

@media (min-width: 1200px) {
    .xl-border-success, .xl-focus-border-success:focus, .xl-hover-border-success:hover {
        border-color: #36b37e
    }
}

.border-success-100, .focus-border-success-100:focus, .hover-border-success-100:hover {
    border-color: rgba(54, 179, 126, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-100, .sm-focus-border-success-100:focus, .sm-hover-border-success-100:hover {
        border-color: rgba(54, 179, 126, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-100, .md-focus-border-success-100:focus, .md-hover-border-success-100:hover {
        border-color: rgba(54, 179, 126, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-100, .lg-focus-border-success-100:focus, .lg-hover-border-success-100:hover {
        border-color: rgba(54, 179, 126, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-100, .xl-focus-border-success-100:focus, .xl-hover-border-success-100:hover {
        border-color: rgba(54, 179, 126, .1)
    }
}

.border-success-200, .focus-border-success-200:focus, .hover-border-success-200:hover {
    border-color: rgba(54, 179, 126, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-200, .sm-focus-border-success-200:focus, .sm-hover-border-success-200:hover {
        border-color: rgba(54, 179, 126, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-200, .md-focus-border-success-200:focus, .md-hover-border-success-200:hover {
        border-color: rgba(54, 179, 126, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-200, .lg-focus-border-success-200:focus, .lg-hover-border-success-200:hover {
        border-color: rgba(54, 179, 126, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-200, .xl-focus-border-success-200:focus, .xl-hover-border-success-200:hover {
        border-color: rgba(54, 179, 126, .2)
    }
}

.border-success-300, .focus-border-success-300:focus, .hover-border-success-300:hover {
    border-color: rgba(54, 179, 126, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-300, .sm-focus-border-success-300:focus, .sm-hover-border-success-300:hover {
        border-color: rgba(54, 179, 126, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-300, .md-focus-border-success-300:focus, .md-hover-border-success-300:hover {
        border-color: rgba(54, 179, 126, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-300, .lg-focus-border-success-300:focus, .lg-hover-border-success-300:hover {
        border-color: rgba(54, 179, 126, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-300, .xl-focus-border-success-300:focus, .xl-hover-border-success-300:hover {
        border-color: rgba(54, 179, 126, .3)
    }
}

.border-success-400, .focus-border-success-400:focus, .hover-border-success-400:hover {
    border-color: rgba(54, 179, 126, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-400, .sm-focus-border-success-400:focus, .sm-hover-border-success-400:hover {
        border-color: rgba(54, 179, 126, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-400, .md-focus-border-success-400:focus, .md-hover-border-success-400:hover {
        border-color: rgba(54, 179, 126, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-400, .lg-focus-border-success-400:focus, .lg-hover-border-success-400:hover {
        border-color: rgba(54, 179, 126, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-400, .xl-focus-border-success-400:focus, .xl-hover-border-success-400:hover {
        border-color: rgba(54, 179, 126, .4)
    }
}

.border-success-500, .focus-border-success-500:focus, .hover-border-success-500:hover {
    border-color: rgba(54, 179, 126, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-500, .sm-focus-border-success-500:focus, .sm-hover-border-success-500:hover {
        border-color: rgba(54, 179, 126, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-500, .md-focus-border-success-500:focus, .md-hover-border-success-500:hover {
        border-color: rgba(54, 179, 126, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-500, .lg-focus-border-success-500:focus, .lg-hover-border-success-500:hover {
        border-color: rgba(54, 179, 126, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-500, .xl-focus-border-success-500:focus, .xl-hover-border-success-500:hover {
        border-color: rgba(54, 179, 126, .5)
    }
}

.border-success-600, .focus-border-success-600:focus, .hover-border-success-600:hover {
    border-color: rgba(54, 179, 126, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-600, .sm-focus-border-success-600:focus, .sm-hover-border-success-600:hover {
        border-color: rgba(54, 179, 126, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-600, .md-focus-border-success-600:focus, .md-hover-border-success-600:hover {
        border-color: rgba(54, 179, 126, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-600, .lg-focus-border-success-600:focus, .lg-hover-border-success-600:hover {
        border-color: rgba(54, 179, 126, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-600, .xl-focus-border-success-600:focus, .xl-hover-border-success-600:hover {
        border-color: rgba(54, 179, 126, .6)
    }
}

.border-success-700, .focus-border-success-700:focus, .hover-border-success-700:hover {
    border-color: rgba(54, 179, 126, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-700, .sm-focus-border-success-700:focus, .sm-hover-border-success-700:hover {
        border-color: rgba(54, 179, 126, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-700, .md-focus-border-success-700:focus, .md-hover-border-success-700:hover {
        border-color: rgba(54, 179, 126, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-700, .lg-focus-border-success-700:focus, .lg-hover-border-success-700:hover {
        border-color: rgba(54, 179, 126, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-700, .xl-focus-border-success-700:focus, .xl-hover-border-success-700:hover {
        border-color: rgba(54, 179, 126, .7)
    }
}

.border-success-800, .focus-border-success-800:focus, .hover-border-success-800:hover {
    border-color: rgba(54, 179, 126, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-800, .sm-focus-border-success-800:focus, .sm-hover-border-success-800:hover {
        border-color: rgba(54, 179, 126, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-800, .md-focus-border-success-800:focus, .md-hover-border-success-800:hover {
        border-color: rgba(54, 179, 126, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-800, .lg-focus-border-success-800:focus, .lg-hover-border-success-800:hover {
        border-color: rgba(54, 179, 126, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-800, .xl-focus-border-success-800:focus, .xl-hover-border-success-800:hover {
        border-color: rgba(54, 179, 126, .8)
    }
}

.border-success-900, .focus-border-success-900:focus, .hover-border-success-900:hover {
    border-color: rgba(54, 179, 126, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-success-900, .sm-focus-border-success-900:focus, .sm-hover-border-success-900:hover {
        border-color: rgba(54, 179, 126, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-success-900, .md-focus-border-success-900:focus, .md-hover-border-success-900:hover {
        border-color: rgba(54, 179, 126, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-success-900, .lg-focus-border-success-900:focus, .lg-hover-border-success-900:hover {
        border-color: rgba(54, 179, 126, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-success-900, .xl-focus-border-success-900:focus, .xl-hover-border-success-900:hover {
        border-color: rgba(54, 179, 126, .9)
    }
}

.border-info, .focus-border-info:focus, .hover-border-info:hover {
    border-color: #00b8d9 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info, .sm-focus-border-info:focus, .sm-hover-border-info:hover {
        border-color: #00b8d9
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info, .md-focus-border-info:focus, .md-hover-border-info:hover {
        border-color: #00b8d9
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info, .lg-focus-border-info:focus, .lg-hover-border-info:hover {
        border-color: #00b8d9
    }
}

@media (min-width: 1200px) {
    .xl-border-info, .xl-focus-border-info:focus, .xl-hover-border-info:hover {
        border-color: #00b8d9
    }
}

.border-info-100, .focus-border-info-100:focus, .hover-border-info-100:hover {
    border-color: rgba(0, 184, 217, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-100, .sm-focus-border-info-100:focus, .sm-hover-border-info-100:hover {
        border-color: rgba(0, 184, 217, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-100, .md-focus-border-info-100:focus, .md-hover-border-info-100:hover {
        border-color: rgba(0, 184, 217, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-100, .lg-focus-border-info-100:focus, .lg-hover-border-info-100:hover {
        border-color: rgba(0, 184, 217, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-100, .xl-focus-border-info-100:focus, .xl-hover-border-info-100:hover {
        border-color: rgba(0, 184, 217, .1)
    }
}

.border-info-200, .focus-border-info-200:focus, .hover-border-info-200:hover {
    border-color: rgba(0, 184, 217, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-200, .sm-focus-border-info-200:focus, .sm-hover-border-info-200:hover {
        border-color: rgba(0, 184, 217, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-200, .md-focus-border-info-200:focus, .md-hover-border-info-200:hover {
        border-color: rgba(0, 184, 217, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-200, .lg-focus-border-info-200:focus, .lg-hover-border-info-200:hover {
        border-color: rgba(0, 184, 217, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-200, .xl-focus-border-info-200:focus, .xl-hover-border-info-200:hover {
        border-color: rgba(0, 184, 217, .2)
    }
}

.border-info-300, .focus-border-info-300:focus, .hover-border-info-300:hover {
    border-color: rgba(0, 184, 217, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-300, .sm-focus-border-info-300:focus, .sm-hover-border-info-300:hover {
        border-color: rgba(0, 184, 217, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-300, .md-focus-border-info-300:focus, .md-hover-border-info-300:hover {
        border-color: rgba(0, 184, 217, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-300, .lg-focus-border-info-300:focus, .lg-hover-border-info-300:hover {
        border-color: rgba(0, 184, 217, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-300, .xl-focus-border-info-300:focus, .xl-hover-border-info-300:hover {
        border-color: rgba(0, 184, 217, .3)
    }
}

.border-info-400, .focus-border-info-400:focus, .hover-border-info-400:hover {
    border-color: rgba(0, 184, 217, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-400, .sm-focus-border-info-400:focus, .sm-hover-border-info-400:hover {
        border-color: rgba(0, 184, 217, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-400, .md-focus-border-info-400:focus, .md-hover-border-info-400:hover {
        border-color: rgba(0, 184, 217, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-400, .lg-focus-border-info-400:focus, .lg-hover-border-info-400:hover {
        border-color: rgba(0, 184, 217, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-400, .xl-focus-border-info-400:focus, .xl-hover-border-info-400:hover {
        border-color: rgba(0, 184, 217, .4)
    }
}

.border-info-500, .focus-border-info-500:focus, .hover-border-info-500:hover {
    border-color: rgba(0, 184, 217, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-500, .sm-focus-border-info-500:focus, .sm-hover-border-info-500:hover {
        border-color: rgba(0, 184, 217, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-500, .md-focus-border-info-500:focus, .md-hover-border-info-500:hover {
        border-color: rgba(0, 184, 217, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-500, .lg-focus-border-info-500:focus, .lg-hover-border-info-500:hover {
        border-color: rgba(0, 184, 217, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-500, .xl-focus-border-info-500:focus, .xl-hover-border-info-500:hover {
        border-color: rgba(0, 184, 217, .5)
    }
}

.border-info-600, .focus-border-info-600:focus, .hover-border-info-600:hover {
    border-color: rgba(0, 184, 217, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-600, .sm-focus-border-info-600:focus, .sm-hover-border-info-600:hover {
        border-color: rgba(0, 184, 217, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-600, .md-focus-border-info-600:focus, .md-hover-border-info-600:hover {
        border-color: rgba(0, 184, 217, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-600, .lg-focus-border-info-600:focus, .lg-hover-border-info-600:hover {
        border-color: rgba(0, 184, 217, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-600, .xl-focus-border-info-600:focus, .xl-hover-border-info-600:hover {
        border-color: rgba(0, 184, 217, .6)
    }
}

.border-info-700, .focus-border-info-700:focus, .hover-border-info-700:hover {
    border-color: rgba(0, 184, 217, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-700, .sm-focus-border-info-700:focus, .sm-hover-border-info-700:hover {
        border-color: rgba(0, 184, 217, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-700, .md-focus-border-info-700:focus, .md-hover-border-info-700:hover {
        border-color: rgba(0, 184, 217, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-700, .lg-focus-border-info-700:focus, .lg-hover-border-info-700:hover {
        border-color: rgba(0, 184, 217, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-700, .xl-focus-border-info-700:focus, .xl-hover-border-info-700:hover {
        border-color: rgba(0, 184, 217, .7)
    }
}

.border-info-800, .focus-border-info-800:focus, .hover-border-info-800:hover {
    border-color: rgba(0, 184, 217, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-800, .sm-focus-border-info-800:focus, .sm-hover-border-info-800:hover {
        border-color: rgba(0, 184, 217, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-800, .md-focus-border-info-800:focus, .md-hover-border-info-800:hover {
        border-color: rgba(0, 184, 217, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-800, .lg-focus-border-info-800:focus, .lg-hover-border-info-800:hover {
        border-color: rgba(0, 184, 217, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-800, .xl-focus-border-info-800:focus, .xl-hover-border-info-800:hover {
        border-color: rgba(0, 184, 217, .8)
    }
}

.border-info-900, .focus-border-info-900:focus, .hover-border-info-900:hover {
    border-color: rgba(0, 184, 217, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-info-900, .sm-focus-border-info-900:focus, .sm-hover-border-info-900:hover {
        border-color: rgba(0, 184, 217, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-info-900, .md-focus-border-info-900:focus, .md-hover-border-info-900:hover {
        border-color: rgba(0, 184, 217, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-info-900, .lg-focus-border-info-900:focus, .lg-hover-border-info-900:hover {
        border-color: rgba(0, 184, 217, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-info-900, .xl-focus-border-info-900:focus, .xl-hover-border-info-900:hover {
        border-color: rgba(0, 184, 217, .9)
    }
}

.border-warning, .focus-border-warning:focus, .hover-border-warning:hover {
    border-color: #faad13 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning, .sm-focus-border-warning:focus, .sm-hover-border-warning:hover {
        border-color: #faad13
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning, .md-focus-border-warning:focus, .md-hover-border-warning:hover {
        border-color: #faad13
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning, .lg-focus-border-warning:focus, .lg-hover-border-warning:hover {
        border-color: #faad13
    }
}

@media (min-width: 1200px) {
    .xl-border-warning, .xl-focus-border-warning:focus, .xl-hover-border-warning:hover {
        border-color: #faad13
    }
}

.border-warning-100, .focus-border-warning-100:focus, .hover-border-warning-100:hover {
    border-color: rgba(250, 173, 19, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-100, .sm-focus-border-warning-100:focus, .sm-hover-border-warning-100:hover {
        border-color: rgba(250, 173, 19, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-100, .md-focus-border-warning-100:focus, .md-hover-border-warning-100:hover {
        border-color: rgba(250, 173, 19, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-100, .lg-focus-border-warning-100:focus, .lg-hover-border-warning-100:hover {
        border-color: rgba(250, 173, 19, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-100, .xl-focus-border-warning-100:focus, .xl-hover-border-warning-100:hover {
        border-color: rgba(250, 173, 19, .1)
    }
}

.border-warning-200, .focus-border-warning-200:focus, .hover-border-warning-200:hover {
    border-color: rgba(250, 173, 19, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-200, .sm-focus-border-warning-200:focus, .sm-hover-border-warning-200:hover {
        border-color: rgba(250, 173, 19, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-200, .md-focus-border-warning-200:focus, .md-hover-border-warning-200:hover {
        border-color: rgba(250, 173, 19, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-200, .lg-focus-border-warning-200:focus, .lg-hover-border-warning-200:hover {
        border-color: rgba(250, 173, 19, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-200, .xl-focus-border-warning-200:focus, .xl-hover-border-warning-200:hover {
        border-color: rgba(250, 173, 19, .2)
    }
}

.border-warning-300, .focus-border-warning-300:focus, .hover-border-warning-300:hover {
    border-color: rgba(250, 173, 19, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-300, .sm-focus-border-warning-300:focus, .sm-hover-border-warning-300:hover {
        border-color: rgba(250, 173, 19, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-300, .md-focus-border-warning-300:focus, .md-hover-border-warning-300:hover {
        border-color: rgba(250, 173, 19, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-300, .lg-focus-border-warning-300:focus, .lg-hover-border-warning-300:hover {
        border-color: rgba(250, 173, 19, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-300, .xl-focus-border-warning-300:focus, .xl-hover-border-warning-300:hover {
        border-color: rgba(250, 173, 19, .3)
    }
}

.border-warning-400, .focus-border-warning-400:focus, .hover-border-warning-400:hover {
    border-color: rgba(250, 173, 19, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-400, .sm-focus-border-warning-400:focus, .sm-hover-border-warning-400:hover {
        border-color: rgba(250, 173, 19, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-400, .md-focus-border-warning-400:focus, .md-hover-border-warning-400:hover {
        border-color: rgba(250, 173, 19, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-400, .lg-focus-border-warning-400:focus, .lg-hover-border-warning-400:hover {
        border-color: rgba(250, 173, 19, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-400, .xl-focus-border-warning-400:focus, .xl-hover-border-warning-400:hover {
        border-color: rgba(250, 173, 19, .4)
    }
}

.border-warning-500, .focus-border-warning-500:focus, .hover-border-warning-500:hover {
    border-color: rgba(250, 173, 19, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-500, .sm-focus-border-warning-500:focus, .sm-hover-border-warning-500:hover {
        border-color: rgba(250, 173, 19, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-500, .md-focus-border-warning-500:focus, .md-hover-border-warning-500:hover {
        border-color: rgba(250, 173, 19, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-500, .lg-focus-border-warning-500:focus, .lg-hover-border-warning-500:hover {
        border-color: rgba(250, 173, 19, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-500, .xl-focus-border-warning-500:focus, .xl-hover-border-warning-500:hover {
        border-color: rgba(250, 173, 19, .5)
    }
}

.border-warning-600, .focus-border-warning-600:focus, .hover-border-warning-600:hover {
    border-color: rgba(250, 173, 19, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-600, .sm-focus-border-warning-600:focus, .sm-hover-border-warning-600:hover {
        border-color: rgba(250, 173, 19, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-600, .md-focus-border-warning-600:focus, .md-hover-border-warning-600:hover {
        border-color: rgba(250, 173, 19, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-600, .lg-focus-border-warning-600:focus, .lg-hover-border-warning-600:hover {
        border-color: rgba(250, 173, 19, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-600, .xl-focus-border-warning-600:focus, .xl-hover-border-warning-600:hover {
        border-color: rgba(250, 173, 19, .6)
    }
}

.border-warning-700, .focus-border-warning-700:focus, .hover-border-warning-700:hover {
    border-color: rgba(250, 173, 19, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-700, .sm-focus-border-warning-700:focus, .sm-hover-border-warning-700:hover {
        border-color: rgba(250, 173, 19, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-700, .md-focus-border-warning-700:focus, .md-hover-border-warning-700:hover {
        border-color: rgba(250, 173, 19, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-700, .lg-focus-border-warning-700:focus, .lg-hover-border-warning-700:hover {
        border-color: rgba(250, 173, 19, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-700, .xl-focus-border-warning-700:focus, .xl-hover-border-warning-700:hover {
        border-color: rgba(250, 173, 19, .7)
    }
}

.border-warning-800, .focus-border-warning-800:focus, .hover-border-warning-800:hover {
    border-color: rgba(250, 173, 19, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-800, .sm-focus-border-warning-800:focus, .sm-hover-border-warning-800:hover {
        border-color: rgba(250, 173, 19, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-800, .md-focus-border-warning-800:focus, .md-hover-border-warning-800:hover {
        border-color: rgba(250, 173, 19, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-800, .lg-focus-border-warning-800:focus, .lg-hover-border-warning-800:hover {
        border-color: rgba(250, 173, 19, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-800, .xl-focus-border-warning-800:focus, .xl-hover-border-warning-800:hover {
        border-color: rgba(250, 173, 19, .8)
    }
}

.border-warning-900, .focus-border-warning-900:focus, .hover-border-warning-900:hover {
    border-color: rgba(250, 173, 19, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-warning-900, .sm-focus-border-warning-900:focus, .sm-hover-border-warning-900:hover {
        border-color: rgba(250, 173, 19, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-warning-900, .md-focus-border-warning-900:focus, .md-hover-border-warning-900:hover {
        border-color: rgba(250, 173, 19, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-warning-900, .lg-focus-border-warning-900:focus, .lg-hover-border-warning-900:hover {
        border-color: rgba(250, 173, 19, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-warning-900, .xl-focus-border-warning-900:focus, .xl-hover-border-warning-900:hover {
        border-color: rgba(250, 173, 19, .9)
    }
}

.border-danger, .focus-border-danger:focus, .hover-border-danger:hover {
    border-color: #f2607b !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger, .sm-focus-border-danger:focus, .sm-hover-border-danger:hover {
        border-color: #f2607b
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger, .md-focus-border-danger:focus, .md-hover-border-danger:hover {
        border-color: #f2607b
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger, .lg-focus-border-danger:focus, .lg-hover-border-danger:hover {
        border-color: #f2607b
    }
}

@media (min-width: 1200px) {
    .xl-border-danger, .xl-focus-border-danger:focus, .xl-hover-border-danger:hover {
        border-color: #f2607b
    }
}

.border-danger-100, .focus-border-danger-100:focus, .hover-border-danger-100:hover {
    border-color: rgba(242, 96, 123, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-100, .sm-focus-border-danger-100:focus, .sm-hover-border-danger-100:hover {
        border-color: rgba(242, 96, 123, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-100, .md-focus-border-danger-100:focus, .md-hover-border-danger-100:hover {
        border-color: rgba(242, 96, 123, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-100, .lg-focus-border-danger-100:focus, .lg-hover-border-danger-100:hover {
        border-color: rgba(242, 96, 123, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-100, .xl-focus-border-danger-100:focus, .xl-hover-border-danger-100:hover {
        border-color: rgba(242, 96, 123, .1)
    }
}

.border-danger-200, .focus-border-danger-200:focus, .hover-border-danger-200:hover {
    border-color: rgba(242, 96, 123, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-200, .sm-focus-border-danger-200:focus, .sm-hover-border-danger-200:hover {
        border-color: rgba(242, 96, 123, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-200, .md-focus-border-danger-200:focus, .md-hover-border-danger-200:hover {
        border-color: rgba(242, 96, 123, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-200, .lg-focus-border-danger-200:focus, .lg-hover-border-danger-200:hover {
        border-color: rgba(242, 96, 123, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-200, .xl-focus-border-danger-200:focus, .xl-hover-border-danger-200:hover {
        border-color: rgba(242, 96, 123, .2)
    }
}

.border-danger-300, .focus-border-danger-300:focus, .hover-border-danger-300:hover {
    border-color: rgba(242, 96, 123, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-300, .sm-focus-border-danger-300:focus, .sm-hover-border-danger-300:hover {
        border-color: rgba(242, 96, 123, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-300, .md-focus-border-danger-300:focus, .md-hover-border-danger-300:hover {
        border-color: rgba(242, 96, 123, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-300, .lg-focus-border-danger-300:focus, .lg-hover-border-danger-300:hover {
        border-color: rgba(242, 96, 123, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-300, .xl-focus-border-danger-300:focus, .xl-hover-border-danger-300:hover {
        border-color: rgba(242, 96, 123, .3)
    }
}

.border-danger-400, .focus-border-danger-400:focus, .hover-border-danger-400:hover {
    border-color: rgba(242, 96, 123, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-400, .sm-focus-border-danger-400:focus, .sm-hover-border-danger-400:hover {
        border-color: rgba(242, 96, 123, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-400, .md-focus-border-danger-400:focus, .md-hover-border-danger-400:hover {
        border-color: rgba(242, 96, 123, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-400, .lg-focus-border-danger-400:focus, .lg-hover-border-danger-400:hover {
        border-color: rgba(242, 96, 123, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-400, .xl-focus-border-danger-400:focus, .xl-hover-border-danger-400:hover {
        border-color: rgba(242, 96, 123, .4)
    }
}

.border-danger-500, .focus-border-danger-500:focus, .hover-border-danger-500:hover {
    border-color: rgba(242, 96, 123, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-500, .sm-focus-border-danger-500:focus, .sm-hover-border-danger-500:hover {
        border-color: rgba(242, 96, 123, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-500, .md-focus-border-danger-500:focus, .md-hover-border-danger-500:hover {
        border-color: rgba(242, 96, 123, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-500, .lg-focus-border-danger-500:focus, .lg-hover-border-danger-500:hover {
        border-color: rgba(242, 96, 123, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-500, .xl-focus-border-danger-500:focus, .xl-hover-border-danger-500:hover {
        border-color: rgba(242, 96, 123, .5)
    }
}

.border-danger-600, .focus-border-danger-600:focus, .hover-border-danger-600:hover {
    border-color: rgba(242, 96, 123, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-600, .sm-focus-border-danger-600:focus, .sm-hover-border-danger-600:hover {
        border-color: rgba(242, 96, 123, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-600, .md-focus-border-danger-600:focus, .md-hover-border-danger-600:hover {
        border-color: rgba(242, 96, 123, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-600, .lg-focus-border-danger-600:focus, .lg-hover-border-danger-600:hover {
        border-color: rgba(242, 96, 123, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-600, .xl-focus-border-danger-600:focus, .xl-hover-border-danger-600:hover {
        border-color: rgba(242, 96, 123, .6)
    }
}

.border-danger-700, .focus-border-danger-700:focus, .hover-border-danger-700:hover {
    border-color: rgba(242, 96, 123, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-700, .sm-focus-border-danger-700:focus, .sm-hover-border-danger-700:hover {
        border-color: rgba(242, 96, 123, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-700, .md-focus-border-danger-700:focus, .md-hover-border-danger-700:hover {
        border-color: rgba(242, 96, 123, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-700, .lg-focus-border-danger-700:focus, .lg-hover-border-danger-700:hover {
        border-color: rgba(242, 96, 123, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-700, .xl-focus-border-danger-700:focus, .xl-hover-border-danger-700:hover {
        border-color: rgba(242, 96, 123, .7)
    }
}

.border-danger-800, .focus-border-danger-800:focus, .hover-border-danger-800:hover {
    border-color: rgba(242, 96, 123, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-800, .sm-focus-border-danger-800:focus, .sm-hover-border-danger-800:hover {
        border-color: rgba(242, 96, 123, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-800, .md-focus-border-danger-800:focus, .md-hover-border-danger-800:hover {
        border-color: rgba(242, 96, 123, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-800, .lg-focus-border-danger-800:focus, .lg-hover-border-danger-800:hover {
        border-color: rgba(242, 96, 123, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-800, .xl-focus-border-danger-800:focus, .xl-hover-border-danger-800:hover {
        border-color: rgba(242, 96, 123, .8)
    }
}

.border-danger-900, .focus-border-danger-900:focus, .hover-border-danger-900:hover {
    border-color: rgba(242, 96, 123, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-danger-900, .sm-focus-border-danger-900:focus, .sm-hover-border-danger-900:hover {
        border-color: rgba(242, 96, 123, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-danger-900, .md-focus-border-danger-900:focus, .md-hover-border-danger-900:hover {
        border-color: rgba(242, 96, 123, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-danger-900, .lg-focus-border-danger-900:focus, .lg-hover-border-danger-900:hover {
        border-color: rgba(242, 96, 123, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-danger-900, .xl-focus-border-danger-900:focus, .xl-hover-border-danger-900:hover {
        border-color: rgba(242, 96, 123, .9)
    }
}

.border-black, .focus-border-black:focus, .hover-border-black:hover {
    border-color: #183b56 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black, .sm-focus-border-black:focus, .sm-hover-border-black:hover {
        border-color: #183b56
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black, .md-focus-border-black:focus, .md-hover-border-black:hover {
        border-color: #183b56
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black, .lg-focus-border-black:focus, .lg-hover-border-black:hover {
        border-color: #183b56
    }
}

@media (min-width: 1200px) {
    .xl-border-black, .xl-focus-border-black:focus, .xl-hover-border-black:hover {
        border-color: #183b56
    }
}

.border-black-100, .focus-border-black-100:focus, .hover-border-black-100:hover {
    border-color: rgba(24, 59, 86, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-100, .sm-focus-border-black-100:focus, .sm-hover-border-black-100:hover {
        border-color: rgba(24, 59, 86, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-100, .md-focus-border-black-100:focus, .md-hover-border-black-100:hover {
        border-color: rgba(24, 59, 86, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-100, .lg-focus-border-black-100:focus, .lg-hover-border-black-100:hover {
        border-color: rgba(24, 59, 86, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-100, .xl-focus-border-black-100:focus, .xl-hover-border-black-100:hover {
        border-color: rgba(24, 59, 86, .1)
    }
}

.border-black-200, .focus-border-black-200:focus, .hover-border-black-200:hover {
    border-color: rgba(24, 59, 86, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-200, .sm-focus-border-black-200:focus, .sm-hover-border-black-200:hover {
        border-color: rgba(24, 59, 86, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-200, .md-focus-border-black-200:focus, .md-hover-border-black-200:hover {
        border-color: rgba(24, 59, 86, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-200, .lg-focus-border-black-200:focus, .lg-hover-border-black-200:hover {
        border-color: rgba(24, 59, 86, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-200, .xl-focus-border-black-200:focus, .xl-hover-border-black-200:hover {
        border-color: rgba(24, 59, 86, .2)
    }
}

.border-black-300, .focus-border-black-300:focus, .hover-border-black-300:hover {
    border-color: rgba(24, 59, 86, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-300, .sm-focus-border-black-300:focus, .sm-hover-border-black-300:hover {
        border-color: rgba(24, 59, 86, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-300, .md-focus-border-black-300:focus, .md-hover-border-black-300:hover {
        border-color: rgba(24, 59, 86, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-300, .lg-focus-border-black-300:focus, .lg-hover-border-black-300:hover {
        border-color: rgba(24, 59, 86, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-300, .xl-focus-border-black-300:focus, .xl-hover-border-black-300:hover {
        border-color: rgba(24, 59, 86, .3)
    }
}

.border-black-400, .focus-border-black-400:focus, .hover-border-black-400:hover {
    border-color: rgba(24, 59, 86, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-400, .sm-focus-border-black-400:focus, .sm-hover-border-black-400:hover {
        border-color: rgba(24, 59, 86, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-400, .md-focus-border-black-400:focus, .md-hover-border-black-400:hover {
        border-color: rgba(24, 59, 86, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-400, .lg-focus-border-black-400:focus, .lg-hover-border-black-400:hover {
        border-color: rgba(24, 59, 86, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-400, .xl-focus-border-black-400:focus, .xl-hover-border-black-400:hover {
        border-color: rgba(24, 59, 86, .4)
    }
}

.border-black-500, .focus-border-black-500:focus, .hover-border-black-500:hover {
    border-color: rgba(24, 59, 86, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-500, .sm-focus-border-black-500:focus, .sm-hover-border-black-500:hover {
        border-color: rgba(24, 59, 86, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-500, .md-focus-border-black-500:focus, .md-hover-border-black-500:hover {
        border-color: rgba(24, 59, 86, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-500, .lg-focus-border-black-500:focus, .lg-hover-border-black-500:hover {
        border-color: rgba(24, 59, 86, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-500, .xl-focus-border-black-500:focus, .xl-hover-border-black-500:hover {
        border-color: rgba(24, 59, 86, .5)
    }
}

.border-black-600, .focus-border-black-600:focus, .hover-border-black-600:hover {
    border-color: rgba(24, 59, 86, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-600, .sm-focus-border-black-600:focus, .sm-hover-border-black-600:hover {
        border-color: rgba(24, 59, 86, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-600, .md-focus-border-black-600:focus, .md-hover-border-black-600:hover {
        border-color: rgba(24, 59, 86, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-600, .lg-focus-border-black-600:focus, .lg-hover-border-black-600:hover {
        border-color: rgba(24, 59, 86, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-600, .xl-focus-border-black-600:focus, .xl-hover-border-black-600:hover {
        border-color: rgba(24, 59, 86, .6)
    }
}

.border-black-700, .focus-border-black-700:focus, .hover-border-black-700:hover {
    border-color: rgba(24, 59, 86, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-700, .sm-focus-border-black-700:focus, .sm-hover-border-black-700:hover {
        border-color: rgba(24, 59, 86, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-700, .md-focus-border-black-700:focus, .md-hover-border-black-700:hover {
        border-color: rgba(24, 59, 86, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-700, .lg-focus-border-black-700:focus, .lg-hover-border-black-700:hover {
        border-color: rgba(24, 59, 86, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-700, .xl-focus-border-black-700:focus, .xl-hover-border-black-700:hover {
        border-color: rgba(24, 59, 86, .7)
    }
}

.border-black-800, .focus-border-black-800:focus, .hover-border-black-800:hover {
    border-color: rgba(24, 59, 86, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-800, .sm-focus-border-black-800:focus, .sm-hover-border-black-800:hover {
        border-color: rgba(24, 59, 86, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-800, .md-focus-border-black-800:focus, .md-hover-border-black-800:hover {
        border-color: rgba(24, 59, 86, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-800, .lg-focus-border-black-800:focus, .lg-hover-border-black-800:hover {
        border-color: rgba(24, 59, 86, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-800, .xl-focus-border-black-800:focus, .xl-hover-border-black-800:hover {
        border-color: rgba(24, 59, 86, .8)
    }
}

.border-black-900, .focus-border-black-900:focus, .hover-border-black-900:hover {
    border-color: rgba(24, 59, 86, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-black-900, .sm-focus-border-black-900:focus, .sm-hover-border-black-900:hover {
        border-color: rgba(24, 59, 86, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-black-900, .md-focus-border-black-900:focus, .md-hover-border-black-900:hover {
        border-color: rgba(24, 59, 86, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-black-900, .lg-focus-border-black-900:focus, .lg-hover-border-black-900:hover {
        border-color: rgba(24, 59, 86, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-black-900, .xl-focus-border-black-900:focus, .xl-hover-border-black-900:hover {
        border-color: rgba(24, 59, 86, .9)
    }
}

.border-gray, .focus-border-gray:focus, .hover-border-gray:hover {
    border-color: #5a7184 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray, .sm-focus-border-gray:focus, .sm-hover-border-gray:hover {
        border-color: #5a7184
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray, .md-focus-border-gray:focus, .md-hover-border-gray:hover {
        border-color: #5a7184
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray, .lg-focus-border-gray:focus, .lg-hover-border-gray:hover {
        border-color: #5a7184
    }
}

@media (min-width: 1200px) {
    .xl-border-gray, .xl-focus-border-gray:focus, .xl-hover-border-gray:hover {
        border-color: #5a7184
    }
}

.border-gray-100, .focus-border-gray-100:focus, .hover-border-gray-100:hover {
    border-color: rgba(90, 113, 132, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-100, .sm-focus-border-gray-100:focus, .sm-hover-border-gray-100:hover {
        border-color: rgba(90, 113, 132, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-100, .md-focus-border-gray-100:focus, .md-hover-border-gray-100:hover {
        border-color: rgba(90, 113, 132, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-100, .lg-focus-border-gray-100:focus, .lg-hover-border-gray-100:hover {
        border-color: rgba(90, 113, 132, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-100, .xl-focus-border-gray-100:focus, .xl-hover-border-gray-100:hover {
        border-color: rgba(90, 113, 132, .1)
    }
}

.border-gray-200, .focus-border-gray-200:focus, .hover-border-gray-200:hover {
    border-color: rgba(90, 113, 132, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-200, .sm-focus-border-gray-200:focus, .sm-hover-border-gray-200:hover {
        border-color: rgba(90, 113, 132, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-200, .md-focus-border-gray-200:focus, .md-hover-border-gray-200:hover {
        border-color: rgba(90, 113, 132, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-200, .lg-focus-border-gray-200:focus, .lg-hover-border-gray-200:hover {
        border-color: rgba(90, 113, 132, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-200, .xl-focus-border-gray-200:focus, .xl-hover-border-gray-200:hover {
        border-color: rgba(90, 113, 132, .2)
    }
}

.border-gray-300, .focus-border-gray-300:focus, .hover-border-gray-300:hover {
    border-color: rgba(90, 113, 132, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-300, .sm-focus-border-gray-300:focus, .sm-hover-border-gray-300:hover {
        border-color: rgba(90, 113, 132, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-300, .md-focus-border-gray-300:focus, .md-hover-border-gray-300:hover {
        border-color: rgba(90, 113, 132, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-300, .lg-focus-border-gray-300:focus, .lg-hover-border-gray-300:hover {
        border-color: rgba(90, 113, 132, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-300, .xl-focus-border-gray-300:focus, .xl-hover-border-gray-300:hover {
        border-color: rgba(90, 113, 132, .3)
    }
}

.border-gray-400, .focus-border-gray-400:focus, .hover-border-gray-400:hover {
    border-color: rgba(90, 113, 132, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-400, .sm-focus-border-gray-400:focus, .sm-hover-border-gray-400:hover {
        border-color: rgba(90, 113, 132, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-400, .md-focus-border-gray-400:focus, .md-hover-border-gray-400:hover {
        border-color: rgba(90, 113, 132, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-400, .lg-focus-border-gray-400:focus, .lg-hover-border-gray-400:hover {
        border-color: rgba(90, 113, 132, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-400, .xl-focus-border-gray-400:focus, .xl-hover-border-gray-400:hover {
        border-color: rgba(90, 113, 132, .4)
    }
}

.border-gray-500, .focus-border-gray-500:focus, .hover-border-gray-500:hover {
    border-color: rgba(90, 113, 132, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-500, .sm-focus-border-gray-500:focus, .sm-hover-border-gray-500:hover {
        border-color: rgba(90, 113, 132, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-500, .md-focus-border-gray-500:focus, .md-hover-border-gray-500:hover {
        border-color: rgba(90, 113, 132, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-500, .lg-focus-border-gray-500:focus, .lg-hover-border-gray-500:hover {
        border-color: rgba(90, 113, 132, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-500, .xl-focus-border-gray-500:focus, .xl-hover-border-gray-500:hover {
        border-color: rgba(90, 113, 132, .5)
    }
}

.border-gray-600, .focus-border-gray-600:focus, .hover-border-gray-600:hover {
    border-color: rgba(90, 113, 132, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-600, .sm-focus-border-gray-600:focus, .sm-hover-border-gray-600:hover {
        border-color: rgba(90, 113, 132, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-600, .md-focus-border-gray-600:focus, .md-hover-border-gray-600:hover {
        border-color: rgba(90, 113, 132, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-600, .lg-focus-border-gray-600:focus, .lg-hover-border-gray-600:hover {
        border-color: rgba(90, 113, 132, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-600, .xl-focus-border-gray-600:focus, .xl-hover-border-gray-600:hover {
        border-color: rgba(90, 113, 132, .6)
    }
}

.border-gray-700, .focus-border-gray-700:focus, .hover-border-gray-700:hover {
    border-color: rgba(90, 113, 132, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-700, .sm-focus-border-gray-700:focus, .sm-hover-border-gray-700:hover {
        border-color: rgba(90, 113, 132, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-700, .md-focus-border-gray-700:focus, .md-hover-border-gray-700:hover {
        border-color: rgba(90, 113, 132, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-700, .lg-focus-border-gray-700:focus, .lg-hover-border-gray-700:hover {
        border-color: rgba(90, 113, 132, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-700, .xl-focus-border-gray-700:focus, .xl-hover-border-gray-700:hover {
        border-color: rgba(90, 113, 132, .7)
    }
}

.border-gray-800, .focus-border-gray-800:focus, .hover-border-gray-800:hover {
    border-color: rgba(90, 113, 132, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-800, .sm-focus-border-gray-800:focus, .sm-hover-border-gray-800:hover {
        border-color: rgba(90, 113, 132, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-800, .md-focus-border-gray-800:focus, .md-hover-border-gray-800:hover {
        border-color: rgba(90, 113, 132, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-800, .lg-focus-border-gray-800:focus, .lg-hover-border-gray-800:hover {
        border-color: rgba(90, 113, 132, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-800, .xl-focus-border-gray-800:focus, .xl-hover-border-gray-800:hover {
        border-color: rgba(90, 113, 132, .8)
    }
}

.border-gray-900, .focus-border-gray-900:focus, .hover-border-gray-900:hover {
    border-color: rgba(90, 113, 132, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-900, .sm-focus-border-gray-900:focus, .sm-hover-border-gray-900:hover {
        border-color: rgba(90, 113, 132, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-900, .md-focus-border-gray-900:focus, .md-hover-border-gray-900:hover {
        border-color: rgba(90, 113, 132, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-900, .lg-focus-border-gray-900:focus, .lg-hover-border-gray-900:hover {
        border-color: rgba(90, 113, 132, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-900, .xl-focus-border-gray-900:focus, .xl-hover-border-gray-900:hover {
        border-color: rgba(90, 113, 132, .9)
    }
}

.border-gray-light, .focus-border-gray-light:focus, .hover-border-gray-light:hover {
    border-color: #b3bac5 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light, .sm-focus-border-gray-light:focus, .sm-hover-border-gray-light:hover {
        border-color: #b3bac5
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light, .md-focus-border-gray-light:focus, .md-hover-border-gray-light:hover {
        border-color: #b3bac5
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light, .lg-focus-border-gray-light:focus, .lg-hover-border-gray-light:hover {
        border-color: #b3bac5
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light, .xl-focus-border-gray-light:focus, .xl-hover-border-gray-light:hover {
        border-color: #b3bac5
    }
}

.border-gray-light-100, .focus-border-gray-light-100:focus, .hover-border-gray-light-100:hover {
    border-color: rgba(179, 186, 197, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-100, .sm-focus-border-gray-light-100:focus, .sm-hover-border-gray-light-100:hover {
        border-color: rgba(179, 186, 197, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-100, .md-focus-border-gray-light-100:focus, .md-hover-border-gray-light-100:hover {
        border-color: rgba(179, 186, 197, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-100, .lg-focus-border-gray-light-100:focus, .lg-hover-border-gray-light-100:hover {
        border-color: rgba(179, 186, 197, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-100, .xl-focus-border-gray-light-100:focus, .xl-hover-border-gray-light-100:hover {
        border-color: rgba(179, 186, 197, .1)
    }
}

.border-gray-light-200, .focus-border-gray-light-200:focus, .hover-border-gray-light-200:hover {
    border-color: rgba(179, 186, 197, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-200, .sm-focus-border-gray-light-200:focus, .sm-hover-border-gray-light-200:hover {
        border-color: rgba(179, 186, 197, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-200, .md-focus-border-gray-light-200:focus, .md-hover-border-gray-light-200:hover {
        border-color: rgba(179, 186, 197, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-200, .lg-focus-border-gray-light-200:focus, .lg-hover-border-gray-light-200:hover {
        border-color: rgba(179, 186, 197, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-200, .xl-focus-border-gray-light-200:focus, .xl-hover-border-gray-light-200:hover {
        border-color: rgba(179, 186, 197, .2)
    }
}

.border-gray-light-300, .focus-border-gray-light-300:focus, .hover-border-gray-light-300:hover {
    border-color: rgba(179, 186, 197, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-300, .sm-focus-border-gray-light-300:focus, .sm-hover-border-gray-light-300:hover {
        border-color: rgba(179, 186, 197, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-300, .md-focus-border-gray-light-300:focus, .md-hover-border-gray-light-300:hover {
        border-color: rgba(179, 186, 197, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-300, .lg-focus-border-gray-light-300:focus, .lg-hover-border-gray-light-300:hover {
        border-color: rgba(179, 186, 197, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-300, .xl-focus-border-gray-light-300:focus, .xl-hover-border-gray-light-300:hover {
        border-color: rgba(179, 186, 197, .3)
    }
}

.border-gray-light-400, .focus-border-gray-light-400:focus, .hover-border-gray-light-400:hover {
    border-color: rgba(179, 186, 197, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-400, .sm-focus-border-gray-light-400:focus, .sm-hover-border-gray-light-400:hover {
        border-color: rgba(179, 186, 197, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-400, .md-focus-border-gray-light-400:focus, .md-hover-border-gray-light-400:hover {
        border-color: rgba(179, 186, 197, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-400, .lg-focus-border-gray-light-400:focus, .lg-hover-border-gray-light-400:hover {
        border-color: rgba(179, 186, 197, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-400, .xl-focus-border-gray-light-400:focus, .xl-hover-border-gray-light-400:hover {
        border-color: rgba(179, 186, 197, .4)
    }
}

.border-gray-light-500, .focus-border-gray-light-500:focus, .hover-border-gray-light-500:hover {
    border-color: rgba(179, 186, 197, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-500, .sm-focus-border-gray-light-500:focus, .sm-hover-border-gray-light-500:hover {
        border-color: rgba(179, 186, 197, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-500, .md-focus-border-gray-light-500:focus, .md-hover-border-gray-light-500:hover {
        border-color: rgba(179, 186, 197, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-500, .lg-focus-border-gray-light-500:focus, .lg-hover-border-gray-light-500:hover {
        border-color: rgba(179, 186, 197, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-500, .xl-focus-border-gray-light-500:focus, .xl-hover-border-gray-light-500:hover {
        border-color: rgba(179, 186, 197, .5)
    }
}

.border-gray-light-600, .focus-border-gray-light-600:focus, .hover-border-gray-light-600:hover {
    border-color: rgba(179, 186, 197, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-600, .sm-focus-border-gray-light-600:focus, .sm-hover-border-gray-light-600:hover {
        border-color: rgba(179, 186, 197, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-600, .md-focus-border-gray-light-600:focus, .md-hover-border-gray-light-600:hover {
        border-color: rgba(179, 186, 197, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-600, .lg-focus-border-gray-light-600:focus, .lg-hover-border-gray-light-600:hover {
        border-color: rgba(179, 186, 197, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-600, .xl-focus-border-gray-light-600:focus, .xl-hover-border-gray-light-600:hover {
        border-color: rgba(179, 186, 197, .6)
    }
}

.border-gray-light-700, .focus-border-gray-light-700:focus, .hover-border-gray-light-700:hover {
    border-color: rgba(179, 186, 197, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-700, .sm-focus-border-gray-light-700:focus, .sm-hover-border-gray-light-700:hover {
        border-color: rgba(179, 186, 197, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-700, .md-focus-border-gray-light-700:focus, .md-hover-border-gray-light-700:hover {
        border-color: rgba(179, 186, 197, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-700, .lg-focus-border-gray-light-700:focus, .lg-hover-border-gray-light-700:hover {
        border-color: rgba(179, 186, 197, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-700, .xl-focus-border-gray-light-700:focus, .xl-hover-border-gray-light-700:hover {
        border-color: rgba(179, 186, 197, .7)
    }
}

.border-gray-light-800, .focus-border-gray-light-800:focus, .hover-border-gray-light-800:hover {
    border-color: rgba(179, 186, 197, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-800, .sm-focus-border-gray-light-800:focus, .sm-hover-border-gray-light-800:hover {
        border-color: rgba(179, 186, 197, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-800, .md-focus-border-gray-light-800:focus, .md-hover-border-gray-light-800:hover {
        border-color: rgba(179, 186, 197, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-800, .lg-focus-border-gray-light-800:focus, .lg-hover-border-gray-light-800:hover {
        border-color: rgba(179, 186, 197, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-800, .xl-focus-border-gray-light-800:focus, .xl-hover-border-gray-light-800:hover {
        border-color: rgba(179, 186, 197, .8)
    }
}

.border-gray-light-900, .focus-border-gray-light-900:focus, .hover-border-gray-light-900:hover {
    border-color: rgba(179, 186, 197, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-gray-light-900, .sm-focus-border-gray-light-900:focus, .sm-hover-border-gray-light-900:hover {
        border-color: rgba(179, 186, 197, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-gray-light-900, .md-focus-border-gray-light-900:focus, .md-hover-border-gray-light-900:hover {
        border-color: rgba(179, 186, 197, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-gray-light-900, .lg-focus-border-gray-light-900:focus, .lg-hover-border-gray-light-900:hover {
        border-color: rgba(179, 186, 197, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-gray-light-900, .xl-focus-border-gray-light-900:focus, .xl-hover-border-gray-light-900:hover {
        border-color: rgba(179, 186, 197, .9)
    }
}

.border-white, .focus-border-white:focus, .hover-border-white:hover {
    border-color: #fff !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white, .sm-focus-border-white:focus, .sm-hover-border-white:hover {
        border-color: #fff
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white, .md-focus-border-white:focus, .md-hover-border-white:hover {
        border-color: #fff
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white, .lg-focus-border-white:focus, .lg-hover-border-white:hover {
        border-color: #fff
    }
}

@media (min-width: 1200px) {
    .xl-border-white, .xl-focus-border-white:focus, .xl-hover-border-white:hover {
        border-color: #fff
    }
}

.border-white-100, .focus-border-white-100:focus, .hover-border-white-100:hover {
    border-color: hsla(0, 0%, 100%, .1) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-100, .sm-focus-border-white-100:focus, .sm-hover-border-white-100:hover {
        border-color: hsla(0, 0%, 100%, .1)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-100, .md-focus-border-white-100:focus, .md-hover-border-white-100:hover {
        border-color: hsla(0, 0%, 100%, .1)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-100, .lg-focus-border-white-100:focus, .lg-hover-border-white-100:hover {
        border-color: hsla(0, 0%, 100%, .1)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-100, .xl-focus-border-white-100:focus, .xl-hover-border-white-100:hover {
        border-color: hsla(0, 0%, 100%, .1)
    }
}

.border-white-200, .focus-border-white-200:focus, .hover-border-white-200:hover {
    border-color: hsla(0, 0%, 100%, .2) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-200, .sm-focus-border-white-200:focus, .sm-hover-border-white-200:hover {
        border-color: hsla(0, 0%, 100%, .2)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-200, .md-focus-border-white-200:focus, .md-hover-border-white-200:hover {
        border-color: hsla(0, 0%, 100%, .2)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-200, .lg-focus-border-white-200:focus, .lg-hover-border-white-200:hover {
        border-color: hsla(0, 0%, 100%, .2)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-200, .xl-focus-border-white-200:focus, .xl-hover-border-white-200:hover {
        border-color: hsla(0, 0%, 100%, .2)
    }
}

.border-white-300, .focus-border-white-300:focus, .hover-border-white-300:hover {
    border-color: hsla(0, 0%, 100%, .3) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-300, .sm-focus-border-white-300:focus, .sm-hover-border-white-300:hover {
        border-color: hsla(0, 0%, 100%, .3)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-300, .md-focus-border-white-300:focus, .md-hover-border-white-300:hover {
        border-color: hsla(0, 0%, 100%, .3)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-300, .lg-focus-border-white-300:focus, .lg-hover-border-white-300:hover {
        border-color: hsla(0, 0%, 100%, .3)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-300, .xl-focus-border-white-300:focus, .xl-hover-border-white-300:hover {
        border-color: hsla(0, 0%, 100%, .3)
    }
}

.border-white-400, .focus-border-white-400:focus, .hover-border-white-400:hover {
    border-color: hsla(0, 0%, 100%, .4) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-400, .sm-focus-border-white-400:focus, .sm-hover-border-white-400:hover {
        border-color: hsla(0, 0%, 100%, .4)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-400, .md-focus-border-white-400:focus, .md-hover-border-white-400:hover {
        border-color: hsla(0, 0%, 100%, .4)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-400, .lg-focus-border-white-400:focus, .lg-hover-border-white-400:hover {
        border-color: hsla(0, 0%, 100%, .4)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-400, .xl-focus-border-white-400:focus, .xl-hover-border-white-400:hover {
        border-color: hsla(0, 0%, 100%, .4)
    }
}

.border-white-500, .focus-border-white-500:focus, .hover-border-white-500:hover {
    border-color: hsla(0, 0%, 100%, .5) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-500, .sm-focus-border-white-500:focus, .sm-hover-border-white-500:hover {
        border-color: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-500, .md-focus-border-white-500:focus, .md-hover-border-white-500:hover {
        border-color: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-500, .lg-focus-border-white-500:focus, .lg-hover-border-white-500:hover {
        border-color: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-500, .xl-focus-border-white-500:focus, .xl-hover-border-white-500:hover {
        border-color: hsla(0, 0%, 100%, .5)
    }
}

.border-white-600, .focus-border-white-600:focus, .hover-border-white-600:hover {
    border-color: hsla(0, 0%, 100%, .6) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-600, .sm-focus-border-white-600:focus, .sm-hover-border-white-600:hover {
        border-color: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-600, .md-focus-border-white-600:focus, .md-hover-border-white-600:hover {
        border-color: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-600, .lg-focus-border-white-600:focus, .lg-hover-border-white-600:hover {
        border-color: hsla(0, 0%, 100%, .6)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-600, .xl-focus-border-white-600:focus, .xl-hover-border-white-600:hover {
        border-color: hsla(0, 0%, 100%, .6)
    }
}

.border-white-700, .focus-border-white-700:focus, .hover-border-white-700:hover {
    border-color: hsla(0, 0%, 100%, .7) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-700, .sm-focus-border-white-700:focus, .sm-hover-border-white-700:hover {
        border-color: hsla(0, 0%, 100%, .7)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-700, .md-focus-border-white-700:focus, .md-hover-border-white-700:hover {
        border-color: hsla(0, 0%, 100%, .7)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-700, .lg-focus-border-white-700:focus, .lg-hover-border-white-700:hover {
        border-color: hsla(0, 0%, 100%, .7)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-700, .xl-focus-border-white-700:focus, .xl-hover-border-white-700:hover {
        border-color: hsla(0, 0%, 100%, .7)
    }
}

.border-white-800, .focus-border-white-800:focus, .hover-border-white-800:hover {
    border-color: hsla(0, 0%, 100%, .8) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-800, .sm-focus-border-white-800:focus, .sm-hover-border-white-800:hover {
        border-color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-800, .md-focus-border-white-800:focus, .md-hover-border-white-800:hover {
        border-color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-800, .lg-focus-border-white-800:focus, .lg-hover-border-white-800:hover {
        border-color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-800, .xl-focus-border-white-800:focus, .xl-hover-border-white-800:hover {
        border-color: hsla(0, 0%, 100%, .8)
    }
}

.border-white-900, .focus-border-white-900:focus, .hover-border-white-900:hover {
    border-color: hsla(0, 0%, 100%, .9) !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-white-900, .sm-focus-border-white-900:focus, .sm-hover-border-white-900:hover {
        border-color: hsla(0, 0%, 100%, .9)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-white-900, .md-focus-border-white-900:focus, .md-hover-border-white-900:hover {
        border-color: hsla(0, 0%, 100%, .9)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-white-900, .lg-focus-border-white-900:focus, .lg-hover-border-white-900:hover {
        border-color: hsla(0, 0%, 100%, .9)
    }
}

@media (min-width: 1200px) {
    .xl-border-white-900, .xl-focus-border-white-900:focus, .xl-hover-border-white-900:hover {
        border-color: hsla(0, 0%, 100%, .9)
    }
}

.border-bright-red, .focus-border-bright-red:focus, .hover-border-bright-red:hover {
    border-color: #e95432 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-bright-red, .sm-focus-border-bright-red:focus, .sm-hover-border-bright-red:hover {
        border-color: #e95432
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-bright-red, .md-focus-border-bright-red:focus, .md-hover-border-bright-red:hover {
        border-color: #e95432
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-bright-red, .lg-focus-border-bright-red:focus, .lg-hover-border-bright-red:hover {
        border-color: #e95432
    }
}

@media (min-width: 1200px) {
    .xl-border-bright-red, .xl-focus-border-bright-red:focus, .xl-hover-border-bright-red:hover {
        border-color: #e95432
    }
}

.border-regal-blue, .focus-border-regal-blue:focus, .hover-border-regal-blue:hover {
    border-color: #183b56 !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-regal-blue, .sm-focus-border-regal-blue:focus, .sm-hover-border-regal-blue:hover {
        border-color: #183b56
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-regal-blue, .md-focus-border-regal-blue:focus, .md-hover-border-regal-blue:hover {
        border-color: #183b56
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-regal-blue, .lg-focus-border-regal-blue:focus, .lg-hover-border-regal-blue:hover {
        border-color: #183b56
    }
}

@media (min-width: 1200px) {
    .xl-border-regal-blue, .xl-focus-border-regal-blue:focus, .xl-hover-border-regal-blue:hover {
        border-color: #183b56
    }
}

.border-solid {
    border-style: solid !important
}

.focus-border-solid:focus, .hover-border-solid:hover {
    border-style: solid
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-solid, .sm-focus-border-solid:focus, .sm-hover-border-solid:hover {
        border-style: solid
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-solid, .md-focus-border-solid:focus, .md-hover-border-solid:hover {
        border-style: solid
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-solid, .lg-focus-border-solid:focus, .lg-hover-border-solid:hover {
        border-style: solid
    }
}

@media (min-width: 1200px) {
    .xl-border-solid, .xl-focus-border-solid, .xl-hover-border-solid {
        border-style: solid
    }
}

.border-dashed {
    border-style: dashed !important
}

.focus-border-dashed:focus, .hover-border-dashed:hover {
    border-style: dashed
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-dashed, .sm-focus-border-dashed:focus, .sm-hover-border-dashed:hover {
        border-style: dashed
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-dashed, .md-focus-border-dashed:focus, .md-hover-border-dashed:hover {
        border-style: dashed
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-dashed, .lg-focus-border-dashed:focus, .lg-hover-border-dashed:hover {
        border-style: dashed
    }
}

@media (min-width: 1200px) {
    .xl-border-dashed, .xl-focus-border-dashed, .xl-hover-border-dashed {
        border-style: dashed
    }
}

.border-dotted {
    border-style: dotted !important
}

.focus-border-dotted:focus, .hover-border-dotted:hover {
    border-style: dotted
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-dotted, .sm-focus-border-dotted:focus, .sm-hover-border-dotted:hover {
        border-style: dotted
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-dotted, .md-focus-border-dotted:focus, .md-hover-border-dotted:hover {
        border-style: dotted
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-dotted, .lg-focus-border-dotted:focus, .lg-hover-border-dotted:hover {
        border-style: dotted
    }
}

@media (min-width: 1200px) {
    .xl-border-dotted, .xl-focus-border-dotted, .xl-hover-border-dotted {
        border-style: dotted
    }
}

.border-none {
    border-style: none !important
}

.focus-border-none:focus, .hover-border-none:hover {
    border-style: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-none, .sm-focus-border-none:focus, .sm-hover-border-none:hover {
        border-style: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-none, .md-focus-border-none:focus, .md-hover-border-none:hover {
        border-style: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-none, .lg-focus-border-none:focus, .lg-hover-border-none:hover {
        border-style: none
    }
}

@media (min-width: 1200px) {
    .xl-border-none, .xl-focus-border-none, .xl-hover-border-none {
        border-style: none
    }
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px !important
}

.focus-border:focus, .hover-border:hover {
    border-width: 1px
}

.border-t, .focus-border-t:focus, .hover-border-t:hover {
    border-top-width: 1px
}

.border-r, .focus-border-r:focus, .hover-border-r:hover {
    border-right-width: 1px
}

.border-b, .focus-border-b:focus, .hover-border-b:hover {
    border-bottom-width: 1px
}

.border-l, .focus-border-l:focus, .hover-border-l:hover {
    border-left-width: 1px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border, .sm-focus-border:focus, .sm-hover-border:hover {
        border-width: 1px
    }

    .sm-border-t, .sm-focus-border-t:focus, .sm-hover-border-t:hover {
        border-top-width: 1px
    }

    .sm-border-r, .sm-focus-border-r:focus, .sm-hover-border-r:hover {
        border-right-width: 1px
    }

    .sm-border-b, .sm-focus-border-b:focus, .sm-hover-border-b:hover {
        border-bottom-width: 1px
    }

    .sm-border-l, .sm-focus-border-l:focus, .sm-hover-border-l:hover {
        border-left-width: 1px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border, .md-focus-border:focus, .md-hover-border:hover {
        border-width: 1px
    }

    .md-border-t, .md-focus-border-t:focus, .md-hover-border-t:hover {
        border-top-width: 1px
    }

    .md-border-r, .md-focus-border-r:focus, .md-hover-border-r:hover {
        border-right-width: 1px
    }

    .md-border-b, .md-focus-border-b:focus, .md-hover-border-b:hover {
        border-bottom-width: 1px
    }

    .md-border-l, .md-focus-border-l:focus, .md-hover-border-l:hover {
        border-left-width: 1px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border, .lg-focus-border:focus, .lg-hover-border:hover {
        border-width: 1px
    }

    .lg-border-t, .lg-focus-border-t:focus, .lg-hover-border-t:hover {
        border-top-width: 1px
    }

    .lg-border-r, .lg-focus-border-r:focus, .lg-hover-border-r:hover {
        border-right-width: 1px
    }

    .lg-border-b, .lg-focus-border-b:focus, .lg-hover-border-b:hover {
        border-bottom-width: 1px
    }

    .lg-border-l, .lg-focus-border-l:focus, .lg-hover-border-l:hover {
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .xl-border, .xl-focus-border:focus, .xl-hover-border:hover {
        border-width: 1px
    }

    .xl-border-t, .xl-focus-border-t:focus, .xl-hover-border-t:hover {
        border-top-width: 1px
    }

    .xl-border-r, .xl-focus-border-r:focus, .xl-hover-border-r:hover {
        border-right-width: 1px
    }

    .xl-border-b, .xl-focus-border-b:focus, .xl-hover-border-b:hover {
        border-bottom-width: 1px
    }

    .xl-border-l, .xl-focus-border-l:focus, .xl-hover-border-l:hover {
        border-left-width: 1px
    }
}

.border-1 {
    border-width: 1px
}

.border-t-1 {
    border-top-width: 1px
}

.border-r-1 {
    border-right-width: 1px
}

.border-b-1 {
    border-bottom-width: 1px
}

.border-l-1 {
    border-left-width: 1px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-1 {
        border-width: 1px
    }

    .sm-border-t-1 {
        border-top-width: 1px
    }

    .sm-border-r-1 {
        border-right-width: 1px
    }

    .sm-border-b-1 {
        border-bottom-width: 1px
    }

    .sm-border-l-1 {
        border-left-width: 1px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-1 {
        border-width: 1px
    }

    .md-border-t-1 {
        border-top-width: 1px
    }

    .md-border-r-1 {
        border-right-width: 1px
    }

    .md-border-b-1 {
        border-bottom-width: 1px
    }

    .md-border-l-1 {
        border-left-width: 1px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-1 {
        border-width: 1px
    }

    .lg-border-t-1 {
        border-top-width: 1px
    }

    .lg-border-r-1 {
        border-right-width: 1px
    }

    .lg-border-b-1 {
        border-bottom-width: 1px
    }

    .lg-border-l-1 {
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .xl-border-1 {
        border-width: 1px
    }

    .xl-border-t-1 {
        border-top-width: 1px
    }

    .xl-border-r-1 {
        border-right-width: 1px
    }

    .xl-border-b-1 {
        border-bottom-width: 1px
    }

    .xl-border-l-1 {
        border-left-width: 1px
    }
}

.border-2 {
    border-width: 2px
}

.border-t-2 {
    border-top-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-2 {
        border-width: 2px
    }

    .sm-border-t-2 {
        border-top-width: 2px
    }

    .sm-border-r-2 {
        border-right-width: 2px
    }

    .sm-border-b-2 {
        border-bottom-width: 2px
    }

    .sm-border-l-2 {
        border-left-width: 2px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-2 {
        border-width: 2px
    }

    .md-border-t-2 {
        border-top-width: 2px
    }

    .md-border-r-2 {
        border-right-width: 2px
    }

    .md-border-b-2 {
        border-bottom-width: 2px
    }

    .md-border-l-2 {
        border-left-width: 2px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-2 {
        border-width: 2px
    }

    .lg-border-t-2 {
        border-top-width: 2px
    }

    .lg-border-r-2 {
        border-right-width: 2px
    }

    .lg-border-b-2 {
        border-bottom-width: 2px
    }

    .lg-border-l-2 {
        border-left-width: 2px
    }
}

@media (min-width: 1200px) {
    .xl-border-2 {
        border-width: 2px
    }

    .xl-border-t-2 {
        border-top-width: 2px
    }

    .xl-border-r-2 {
        border-right-width: 2px
    }

    .xl-border-b-2 {
        border-bottom-width: 2px
    }

    .xl-border-l-2 {
        border-left-width: 2px
    }
}

.border-3 {
    border-width: 3px
}

.border-t-3 {
    border-top-width: 3px
}

.border-r-3 {
    border-right-width: 3px
}

.border-b-3 {
    border-bottom-width: 3px
}

.border-l-3 {
    border-left-width: 3px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-3 {
        border-width: 3px
    }

    .sm-border-t-3 {
        border-top-width: 3px
    }

    .sm-border-r-3 {
        border-right-width: 3px
    }

    .sm-border-b-3 {
        border-bottom-width: 3px
    }

    .sm-border-l-3 {
        border-left-width: 3px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-3 {
        border-width: 3px
    }

    .md-border-t-3 {
        border-top-width: 3px
    }

    .md-border-r-3 {
        border-right-width: 3px
    }

    .md-border-b-3 {
        border-bottom-width: 3px
    }

    .md-border-l-3 {
        border-left-width: 3px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-3 {
        border-width: 3px
    }

    .lg-border-t-3 {
        border-top-width: 3px
    }

    .lg-border-r-3 {
        border-right-width: 3px
    }

    .lg-border-b-3 {
        border-bottom-width: 3px
    }

    .lg-border-l-3 {
        border-left-width: 3px
    }
}

@media (min-width: 1200px) {
    .xl-border-3 {
        border-width: 3px
    }

    .xl-border-t-3 {
        border-top-width: 3px
    }

    .xl-border-r-3 {
        border-right-width: 3px
    }

    .xl-border-b-3 {
        border-bottom-width: 3px
    }

    .xl-border-l-3 {
        border-left-width: 3px
    }
}

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

.border-t-4 {
    border-top-width: 4px
}

.border-r-4 {
    border-right-width: 4px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-4 {
        border-width: 4px
    }

    .sm-border-t-4 {
        border-top-width: 4px
    }

    .sm-border-r-4 {
        border-right-width: 4px
    }

    .sm-border-b-4 {
        border-bottom-width: 4px
    }

    .sm-border-l-4 {
        border-left-width: 4px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-4 {
        border-width: 4px
    }

    .md-border-t-4 {
        border-top-width: 4px
    }

    .md-border-r-4 {
        border-right-width: 4px
    }

    .md-border-b-4 {
        border-bottom-width: 4px
    }

    .md-border-l-4 {
        border-left-width: 4px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-4 {
        border-width: 4px
    }

    .lg-border-t-4 {
        border-top-width: 4px
    }

    .lg-border-r-4 {
        border-right-width: 4px
    }

    .lg-border-b-4 {
        border-bottom-width: 4px
    }

    .lg-border-l-4 {
        border-left-width: 4px
    }
}

@media (min-width: 1200px) {
    .xl-border-4 {
        border-width: 4px
    }

    .xl-border-t-4 {
        border-top-width: 4px
    }

    .xl-border-r-4 {
        border-right-width: 4px
    }

    .xl-border-b-4 {
        border-bottom-width: 4px
    }

    .xl-border-l-4 {
        border-left-width: 4px
    }
}

.border-5 {
    border-width: 5px
}

.border-t-5 {
    border-top-width: 5px
}

.border-r-5 {
    border-right-width: 5px
}

.border-b-5 {
    border-bottom-width: 5px
}

.border-l-5 {
    border-left-width: 5px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-5 {
        border-width: 5px
    }

    .sm-border-t-5 {
        border-top-width: 5px
    }

    .sm-border-r-5 {
        border-right-width: 5px
    }

    .sm-border-b-5 {
        border-bottom-width: 5px
    }

    .sm-border-l-5 {
        border-left-width: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-5 {
        border-width: 5px
    }

    .md-border-t-5 {
        border-top-width: 5px
    }

    .md-border-r-5 {
        border-right-width: 5px
    }

    .md-border-b-5 {
        border-bottom-width: 5px
    }

    .md-border-l-5 {
        border-left-width: 5px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-5 {
        border-width: 5px
    }

    .lg-border-t-5 {
        border-top-width: 5px
    }

    .lg-border-r-5 {
        border-right-width: 5px
    }

    .lg-border-b-5 {
        border-bottom-width: 5px
    }

    .lg-border-l-5 {
        border-left-width: 5px
    }
}

@media (min-width: 1200px) {
    .xl-border-5 {
        border-width: 5px
    }

    .xl-border-t-5 {
        border-top-width: 5px
    }

    .xl-border-r-5 {
        border-right-width: 5px
    }

    .xl-border-b-5 {
        border-bottom-width: 5px
    }

    .xl-border-l-5 {
        border-left-width: 5px
    }
}

.border-6 {
    border-width: 6px
}

.border-t-6 {
    border-top-width: 6px
}

.border-r-6 {
    border-right-width: 6px
}

.border-b-6 {
    border-bottom-width: 6px
}

.border-l-6 {
    border-left-width: 6px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-6 {
        border-width: 6px
    }

    .sm-border-t-6 {
        border-top-width: 6px
    }

    .sm-border-r-6 {
        border-right-width: 6px
    }

    .sm-border-b-6 {
        border-bottom-width: 6px
    }

    .sm-border-l-6 {
        border-left-width: 6px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-6 {
        border-width: 6px
    }

    .md-border-t-6 {
        border-top-width: 6px
    }

    .md-border-r-6 {
        border-right-width: 6px
    }

    .md-border-b-6 {
        border-bottom-width: 6px
    }

    .md-border-l-6 {
        border-left-width: 6px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-6 {
        border-width: 6px
    }

    .lg-border-t-6 {
        border-top-width: 6px
    }

    .lg-border-r-6 {
        border-right-width: 6px
    }

    .lg-border-b-6 {
        border-bottom-width: 6px
    }

    .lg-border-l-6 {
        border-left-width: 6px
    }
}

@media (min-width: 1200px) {
    .xl-border-6 {
        border-width: 6px
    }

    .xl-border-t-6 {
        border-top-width: 6px
    }

    .xl-border-r-6 {
        border-right-width: 6px
    }

    .xl-border-b-6 {
        border-bottom-width: 6px
    }

    .xl-border-l-6 {
        border-left-width: 6px
    }
}

.border-7 {
    border-width: 7px
}

.border-t-7 {
    border-top-width: 7px
}

.border-r-7 {
    border-right-width: 7px
}

.border-b-7 {
    border-bottom-width: 7px
}

.border-l-7 {
    border-left-width: 7px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-7 {
        border-width: 7px
    }

    .sm-border-t-7 {
        border-top-width: 7px
    }

    .sm-border-r-7 {
        border-right-width: 7px
    }

    .sm-border-b-7 {
        border-bottom-width: 7px
    }

    .sm-border-l-7 {
        border-left-width: 7px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-7 {
        border-width: 7px
    }

    .md-border-t-7 {
        border-top-width: 7px
    }

    .md-border-r-7 {
        border-right-width: 7px
    }

    .md-border-b-7 {
        border-bottom-width: 7px
    }

    .md-border-l-7 {
        border-left-width: 7px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-7 {
        border-width: 7px
    }

    .lg-border-t-7 {
        border-top-width: 7px
    }

    .lg-border-r-7 {
        border-right-width: 7px
    }

    .lg-border-b-7 {
        border-bottom-width: 7px
    }

    .lg-border-l-7 {
        border-left-width: 7px
    }
}

@media (min-width: 1200px) {
    .xl-border-7 {
        border-width: 7px
    }

    .xl-border-t-7 {
        border-top-width: 7px
    }

    .xl-border-r-7 {
        border-right-width: 7px
    }

    .xl-border-b-7 {
        border-bottom-width: 7px
    }

    .xl-border-l-7 {
        border-left-width: 7px
    }
}

.border-8 {
    border-width: 8px
}

.border-t-8 {
    border-top-width: 8px
}

.border-r-8 {
    border-right-width: 8px
}

.border-b-8 {
    border-bottom-width: 8px
}

.border-l-8 {
    border-left-width: 8px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-8 {
        border-width: 8px
    }

    .sm-border-t-8 {
        border-top-width: 8px
    }

    .sm-border-r-8 {
        border-right-width: 8px
    }

    .sm-border-b-8 {
        border-bottom-width: 8px
    }

    .sm-border-l-8 {
        border-left-width: 8px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-8 {
        border-width: 8px
    }

    .md-border-t-8 {
        border-top-width: 8px
    }

    .md-border-r-8 {
        border-right-width: 8px
    }

    .md-border-b-8 {
        border-bottom-width: 8px
    }

    .md-border-l-8 {
        border-left-width: 8px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-8 {
        border-width: 8px
    }

    .lg-border-t-8 {
        border-top-width: 8px
    }

    .lg-border-r-8 {
        border-right-width: 8px
    }

    .lg-border-b-8 {
        border-bottom-width: 8px
    }

    .lg-border-l-8 {
        border-left-width: 8px
    }
}

@media (min-width: 1200px) {
    .xl-border-8 {
        border-width: 8px
    }

    .xl-border-t-8 {
        border-top-width: 8px
    }

    .xl-border-r-8 {
        border-right-width: 8px
    }

    .xl-border-b-8 {
        border-bottom-width: 8px
    }

    .xl-border-l-8 {
        border-left-width: 8px
    }
}

.border-9 {
    border-width: 9px
}

.border-t-9 {
    border-top-width: 9px
}

.border-r-9 {
    border-right-width: 9px
}

.border-b-9 {
    border-bottom-width: 9px
}

.border-l-9 {
    border-left-width: 9px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-9 {
        border-width: 9px
    }

    .sm-border-t-9 {
        border-top-width: 9px
    }

    .sm-border-r-9 {
        border-right-width: 9px
    }

    .sm-border-b-9 {
        border-bottom-width: 9px
    }

    .sm-border-l-9 {
        border-left-width: 9px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-9 {
        border-width: 9px
    }

    .md-border-t-9 {
        border-top-width: 9px
    }

    .md-border-r-9 {
        border-right-width: 9px
    }

    .md-border-b-9 {
        border-bottom-width: 9px
    }

    .md-border-l-9 {
        border-left-width: 9px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-9 {
        border-width: 9px
    }

    .lg-border-t-9 {
        border-top-width: 9px
    }

    .lg-border-r-9 {
        border-right-width: 9px
    }

    .lg-border-b-9 {
        border-bottom-width: 9px
    }

    .lg-border-l-9 {
        border-left-width: 9px
    }
}

@media (min-width: 1200px) {
    .xl-border-9 {
        border-width: 9px
    }

    .xl-border-t-9 {
        border-top-width: 9px
    }

    .xl-border-r-9 {
        border-right-width: 9px
    }

    .xl-border-b-9 {
        border-bottom-width: 9px
    }

    .xl-border-l-9 {
        border-left-width: 9px
    }
}

.border-10 {
    border-width: 10px
}

.border-t-10 {
    border-top-width: 10px
}

.border-r-10 {
    border-right-width: 10px
}

.border-b-10 {
    border-bottom-width: 10px
}

.border-l-10 {
    border-left-width: 10px
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-10 {
        border-width: 10px
    }

    .sm-border-t-10 {
        border-top-width: 10px
    }

    .sm-border-r-10 {
        border-right-width: 10px
    }

    .sm-border-b-10 {
        border-bottom-width: 10px
    }

    .sm-border-l-10 {
        border-left-width: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-10 {
        border-width: 10px
    }

    .md-border-t-10 {
        border-top-width: 10px
    }

    .md-border-r-10 {
        border-right-width: 10px
    }

    .md-border-b-10 {
        border-bottom-width: 10px
    }

    .md-border-l-10 {
        border-left-width: 10px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-10 {
        border-width: 10px
    }

    .lg-border-t-10 {
        border-top-width: 10px
    }

    .lg-border-r-10 {
        border-right-width: 10px
    }

    .lg-border-b-10 {
        border-bottom-width: 10px
    }

    .lg-border-l-10 {
        border-left-width: 10px
    }
}

@media (min-width: 1200px) {
    .xl-border-10 {
        border-width: 10px
    }

    .xl-border-t-10 {
        border-top-width: 10px
    }

    .xl-border-r-10 {
        border-right-width: 10px
    }

    .xl-border-b-10 {
        border-bottom-width: 10px
    }

    .xl-border-l-10 {
        border-left-width: 10px
    }
}

.rounded-4 {
    border-radius: .25rem
}

.rounded-8 {
    border-radius: .5rem
}

.rounded-12 {
    border-radius: .75rem
}

.rounded-16 {
    border-radius: 1rem
}

.rounded-t-8 {
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-t-12 {
    border-top-right-radius: .75rem;
    border-top-left-radius: .75rem
}

.rounded-t-16 {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem
}

.rounded-b-4 {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-8 {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-12 {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-b-16 {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-l-4 {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-l-8 {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-12 {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-l-16 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-r-4 {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-r-8 {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-r-12 {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-r-16 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-t-sm {
    border-top-left-radius: .125rem
}

.rounded-r-sm, .rounded-t-sm {
    border-top-right-radius: .125rem
}

.rounded-b-sm, .rounded-r-sm {
    border-bottom-right-radius: .125rem
}

.rounded-b-sm, .rounded-l-sm {
    border-bottom-left-radius: .125rem
}

.rounded-l-sm {
    border-top-left-radius: .125rem
}

.rounded-t {
    border-top-left-radius: .25rem
}

.rounded-r, .rounded-t {
    border-top-right-radius: .25rem
}

.rounded-b, .rounded-r {
    border-bottom-right-radius: .25rem
}

.rounded-b, .rounded-l {
    border-bottom-left-radius: .25rem
}

.rounded-l {
    border-top-left-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem
}

.rounded-r-lg, .rounded-t-lg {
    border-top-right-radius: .5rem
}

.rounded-b-lg, .rounded-r-lg {
    border-bottom-right-radius: .5rem
}

.rounded-b-lg, .rounded-l-lg {
    border-bottom-left-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem
}

.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

.rounded-r-full {
    border-top-right-radius: 9999px
}

.rounded-b-full, .rounded-r-full {
    border-bottom-right-radius: 9999px
}

.rounded-b-full, .rounded-l-full {
    border-bottom-left-radius: 9999px
}

.rounded-l-full {
    border-top-left-radius: 9999px
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.rounded-br-none {
    border-bottom-right-radius: 0
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-tl-4 {
    border-top-left-radius: .25rem
}

.rounded-tl-8 {
    border-top-left-radius: .5rem
}

.rounded-tl-12 {
    border-top-left-radius: .75rem
}

.rounded-tl-16 {
    border-top-left-radius: 1rem
}

.rounded-tr-4 {
    border-top-right-radius: .25rem
}

.rounded-tr-8 {
    border-top-right-radius: .5rem
}

.rounded-tr-12 {
    border-top-right-radius: .75rem
}

.rounded-tr-16 {
    border-top-right-radius: 1rem
}

.rounded-bl-4 {
    border-bottom-left-radius: .25rem
}

.rounded-bl-8 {
    border-bottom-left-radius: .5rem
}

.rounded-bl-12 {
    border-bottom-left-radius: .75rem
}

.rounded-bl-16 {
    border-bottom-left-radius: 1rem
}

.rounded-br-4 {
    border-bottom-right-radius: .25rem
}

.rounded-br-8 {
    border-bottom-right-radius: .5rem
}

.rounded-br-12 {
    border-bottom-right-radius: .75rem
}

.rounded-br-16 {
    border-bottom-right-radius: 1rem
}

.rounded-tl-sm {
    border-top-left-radius: .125rem
}

.rounded-tr-sm {
    border-top-right-radius: .125rem
}

.rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-br {
    border-bottom-right-radius: .25rem
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-tl-full {
    border-top-left-radius: 9999px
}

.rounded-tr-full {
    border-top-right-radius: 9999px
}

.rounded-br-full {
    border-bottom-right-radius: 9999px
}

.rounded-bl-full {
    border-bottom-left-radius: 9999px
}

@media (max-width: 575px) {
    .xs-rounded-4 {
        border-radius: .25rem
    }

    .xs-rounded-8 {
        border-radius: .5rem
    }

    .xs-rounded-12 {
        border-radius: .75rem
    }

    .xs-rounded-16 {
        border-radius: 1rem
    }

    .xs-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .xs-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .xs-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .xs-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xs-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .xs-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .xs-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xs-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .xs-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .xs-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xs-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    .xs-rounded-r-16 {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .xs-rounded-none {
        border-radius: 0
    }

    .xs-rounded-xs {
        border-radius: .125rem
    }

    .xs-rounded {
        border-radius: .25rem
    }

    .xs-rounded-lg {
        border-radius: .5rem
    }

    .xs-rounded-full {
        border-radius: 9999px
    }

    .xs-rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .xs-rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .xs-rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .xs-rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .xs-rounded-t-xs {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .xs-rounded-r-xs {
        border-top-right-radius: .125rem
    }

    .xs-rounded-b-xs, .xs-rounded-r-xs {
        border-bottom-right-radius: .125rem
    }

    .xs-rounded-b-xs, .xs-rounded-l-xs {
        border-bottom-left-radius: .125rem
    }

    .xs-rounded-l-xs {
        border-top-left-radius: .125rem
    }

    .xs-rounded-t {
        border-top-left-radius: .25rem
    }

    .xs-rounded-r, .xs-rounded-t {
        border-top-right-radius: .25rem
    }

    .xs-rounded-b, .xs-rounded-r {
        border-bottom-right-radius: .25rem
    }

    .xs-rounded-b, .xs-rounded-l {
        border-bottom-left-radius: .25rem
    }

    .xs-rounded-l {
        border-top-left-radius: .25rem
    }

    .xs-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .xs-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xs-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xs-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xs-rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .xs-rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .xs-rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .xs-rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .xs-rounded-tl-8 {
        border-top-left-radius: .5rem
    }

    .xs-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .xs-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .xs-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .xs-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .xs-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .xs-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .xs-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .xs-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .xs-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .xs-rounded-br-12 {
        border-bottom-right-radius: .75rem
    }

    .xs-rounded-br-16 {
        border-bottom-right-radius: 1rem
    }

    .xs-rounded-tl-none {
        border-top-left-radius: 0
    }

    .xs-rounded-tr-none {
        border-top-right-radius: 0
    }

    .xs-rounded-br-none {
        border-bottom-right-radius: 0
    }

    .xs-rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .xs-rounded-tl-xs {
        border-top-left-radius: .125rem
    }

    .xs-rounded-tr-xs {
        border-top-right-radius: .125rem
    }

    .xs-rounded-br-xs {
        border-bottom-right-radius: .125rem
    }

    .xs-rounded-bl-xs {
        border-bottom-left-radius: .125rem
    }

    .xs-rounded-tl {
        border-top-left-radius: .25rem
    }

    .xs-rounded-tr {
        border-top-right-radius: .25rem
    }

    .xs-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .xs-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .xs-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .xs-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .xs-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .xs-rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .xs-rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .xs-rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .xs-rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .xs-rounded-bl-full {
        border-bottom-left-radius: 9999px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-rounded-4 {
        border-radius: .25rem
    }

    .sm-rounded-8 {
        border-radius: .5rem
    }

    .sm-rounded-12 {
        border-radius: .75rem
    }

    .sm-rounded-16 {
        border-radius: 1rem
    }

    .sm-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .sm-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .sm-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .sm-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .sm-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .sm-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .sm-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .sm-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    .sm-rounded-r-16 {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .sm-rounded-none {
        border-radius: 0
    }

    .sm-rounded-sm {
        border-radius: .125rem
    }

    .sm-rounded {
        border-radius: .25rem
    }

    .sm-rounded-lg {
        border-radius: .5rem
    }

    .sm-rounded-full {
        border-radius: 9999px
    }

    .sm-rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .sm-rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .sm-rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .sm-rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .sm-rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .sm-rounded-r-sm {
        border-top-right-radius: .125rem
    }

    .sm-rounded-b-sm, .sm-rounded-r-sm {
        border-bottom-right-radius: .125rem
    }

    .sm-rounded-b-sm, .sm-rounded-l-sm {
        border-bottom-left-radius: .125rem
    }

    .sm-rounded-l-sm {
        border-top-left-radius: .125rem
    }

    .sm-rounded-t {
        border-top-left-radius: .25rem
    }

    .sm-rounded-r, .sm-rounded-t {
        border-top-right-radius: .25rem
    }

    .sm-rounded-b, .sm-rounded-r {
        border-bottom-right-radius: .25rem
    }

    .sm-rounded-b, .sm-rounded-l {
        border-bottom-left-radius: .25rem
    }

    .sm-rounded-l {
        border-top-left-radius: .25rem
    }

    .sm-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .sm-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .sm-rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .sm-rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .sm-rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .sm-rounded-tl-8 {
        border-top-left-radius: .5rem
    }

    .sm-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .sm-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .sm-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .sm-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .sm-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .sm-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .sm-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .sm-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-br-12 {
        border-bottom-right-radius: .75rem
    }

    .sm-rounded-br-16 {
        border-bottom-right-radius: 1rem
    }

    .sm-rounded-tl-none {
        border-top-left-radius: 0
    }

    .sm-rounded-tr-none {
        border-top-right-radius: 0
    }

    .sm-rounded-br-none {
        border-bottom-right-radius: 0
    }

    .sm-rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .sm-rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .sm-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .sm-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .sm-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .sm-rounded-tl {
        border-top-left-radius: .25rem
    }

    .sm-rounded-tr {
        border-top-right-radius: .25rem
    }

    .sm-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .sm-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .sm-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .sm-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .sm-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .sm-rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .sm-rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .sm-rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .sm-rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .sm-rounded-bl-full {
        border-bottom-left-radius: 9999px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-rounded-8 {
        border-radius: .5rem
    }

    .md-rounded-12 {
        border-radius: .75rem
    }

    .md-rounded-16 {
        border-radius: 1rem
    }

    .md-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .md-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .md-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .md-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .md-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .md-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .md-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .md-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .md-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    .md-rounded-r-16 {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .md-rounded-none {
        border-radius: 0
    }

    .md-rounded-sm {
        border-radius: .125rem
    }

    .md-rounded {
        border-radius: .25rem
    }

    .md-rounded-lg {
        border-radius: .5rem
    }

    .md-rounded-full {
        border-radius: 9999px
    }

    .md-rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .md-rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .md-rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .md-rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .md-rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .md-rounded-r-sm {
        border-top-right-radius: .125rem
    }

    .md-rounded-b-sm, .md-rounded-r-sm {
        border-bottom-right-radius: .125rem
    }

    .md-rounded-b-sm, .md-rounded-l-sm {
        border-bottom-left-radius: .125rem
    }

    .md-rounded-l-sm {
        border-top-left-radius: .125rem
    }

    .md-rounded-t {
        border-top-left-radius: .25rem
    }

    .md-rounded-r, .md-rounded-t {
        border-top-right-radius: .25rem
    }

    .md-rounded-b, .md-rounded-r {
        border-bottom-right-radius: .25rem
    }

    .md-rounded-b, .md-rounded-l {
        border-bottom-left-radius: .25rem
    }

    .md-rounded-l {
        border-top-left-radius: .25rem
    }

    .md-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .md-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .md-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md-rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .md-rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .md-rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .md-rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .md-rounded-tl-8 {
        border-top-left-radius: .5rem
    }

    .md-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .md-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .md-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .md-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .md-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .md-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .md-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .md-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .md-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .md-rounded-br-12 {
        border-bottom-right-radius: .75rem
    }

    .md-rounded-br-16 {
        border-bottom-right-radius: 1rem
    }

    .md-rounded-tl-none {
        border-top-left-radius: 0
    }

    .md-rounded-tr-none {
        border-top-right-radius: 0
    }

    .md-rounded-br-none {
        border-bottom-right-radius: 0
    }

    .md-rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .md-rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .md-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .md-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .md-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .md-rounded-tl {
        border-top-left-radius: .25rem
    }

    .md-rounded-tr {
        border-top-right-radius: .25rem
    }

    .md-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .md-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .md-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .md-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .md-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .md-rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .md-rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .md-rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .md-rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .md-rounded-bl-full {
        border-bottom-left-radius: 9999px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-rounded-8 {
        border-radius: .5rem
    }

    .lg-rounded-12 {
        border-radius: .75rem
    }

    .lg-rounded-16 {
        border-radius: 1rem
    }

    .lg-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .lg-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .lg-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .lg-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .lg-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .lg-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .lg-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .lg-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    .lg-rounded-r-16 {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .lg-rounded-none {
        border-radius: 0
    }

    .lg-rounded-sm {
        border-radius: .125rem
    }

    .lg-rounded {
        border-radius: .25rem
    }

    .lg-rounded-lg {
        border-radius: .5rem
    }

    .lg-rounded-full {
        border-radius: 9999px
    }

    .lg-rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .lg-rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .lg-rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .lg-rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .lg-rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .lg-rounded-r-sm {
        border-top-right-radius: .125rem
    }

    .lg-rounded-b-sm, .lg-rounded-r-sm {
        border-bottom-right-radius: .125rem
    }

    .lg-rounded-b-sm, .lg-rounded-l-sm {
        border-bottom-left-radius: .125rem
    }

    .lg-rounded-l-sm {
        border-top-left-radius: .125rem
    }

    .lg-rounded-t {
        border-top-left-radius: .25rem
    }

    .lg-rounded-r, .lg-rounded-t {
        border-top-right-radius: .25rem
    }

    .lg-rounded-b, .lg-rounded-r {
        border-bottom-right-radius: .25rem
    }

    .lg-rounded-b, .lg-rounded-l {
        border-bottom-left-radius: .25rem
    }

    .lg-rounded-l {
        border-top-left-radius: .25rem
    }

    .lg-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .lg-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .lg-rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .lg-rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .lg-rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .lg-rounded-tl-8 {
        border-top-left-radius: .5rem
    }

    .lg-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .lg-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .lg-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .lg-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .lg-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .lg-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .lg-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .lg-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-br-12 {
        border-bottom-right-radius: .75rem
    }

    .lg-rounded-br-16 {
        border-bottom-right-radius: 1rem
    }

    .lg-rounded-tl-none {
        border-top-left-radius: 0
    }

    .lg-rounded-tr-none {
        border-top-right-radius: 0
    }

    .lg-rounded-br-none {
        border-bottom-right-radius: 0
    }

    .lg-rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .lg-rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .lg-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .lg-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .lg-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .lg-rounded-tl {
        border-top-left-radius: .25rem
    }

    .lg-rounded-tr {
        border-top-right-radius: .25rem
    }

    .lg-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .lg-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .lg-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .lg-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .lg-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .lg-rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .lg-rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .lg-rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .lg-rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .lg-rounded-bl-full {
        border-bottom-left-radius: 9999px
    }
}

@media (min-width: 1200px) {
    .xl-rounded-8 {
        border-radius: .5rem
    }

    .xl-rounded-12 {
        border-radius: .75rem
    }

    .xl-rounded-16 {
        border-radius: 1rem
    }

    .xl-rounded-t-8 {
        border-top-right-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .xl-rounded-t-12 {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem
    }

    .xl-rounded-t-16 {
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem
    }

    .xl-rounded-b-8 {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-b-12 {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .xl-rounded-b-16 {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .xl-rounded-l-8 {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-l-12 {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .xl-rounded-l-16 {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .xl-rounded-r-8 {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-r-12 {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    .xl-rounded-r-16 {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .xl-rounded-none {
        border-radius: 0
    }

    .xl-rounded-sm {
        border-radius: .125rem
    }

    .xl-rounded {
        border-radius: .25rem
    }

    .xl-rounded-lg {
        border-radius: .5rem
    }

    .xl-rounded-full {
        border-radius: 9999px
    }

    .xl-rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .xl-rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .xl-rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .xl-rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .xl-rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .xl-rounded-r-sm {
        border-top-right-radius: .125rem
    }

    .xl-rounded-b-sm, .xl-rounded-r-sm {
        border-bottom-right-radius: .125rem
    }

    .xl-rounded-b-sm, .xl-rounded-l-sm {
        border-bottom-left-radius: .125rem
    }

    .xl-rounded-l-sm {
        border-top-left-radius: .125rem
    }

    .xl-rounded-t {
        border-top-left-radius: .25rem
    }

    .xl-rounded-r, .xl-rounded-t {
        border-top-right-radius: .25rem
    }

    .xl-rounded-b, .xl-rounded-r {
        border-bottom-right-radius: .25rem
    }

    .xl-rounded-b, .xl-rounded-l {
        border-bottom-left-radius: .25rem
    }

    .xl-rounded-l {
        border-top-left-radius: .25rem
    }

    .xl-rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .xl-rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .xl-rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .xl-rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .xl-rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .xl-rounded-tl-8 {
        border-top-left-radius: .5rem
    }

    .xl-rounded-tl-12 {
        border-top-left-radius: .75rem
    }

    .xl-rounded-tl-16 {
        border-top-left-radius: 1rem
    }

    .xl-rounded-tr-8 {
        border-top-right-radius: .5rem
    }

    .xl-rounded-tr-12 {
        border-top-right-radius: .75rem
    }

    .xl-rounded-tr-16 {
        border-top-right-radius: 1rem
    }

    .xl-rounded-bl-8 {
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-bl-12 {
        border-bottom-left-radius: .75rem
    }

    .xl-rounded-bl-16 {
        border-bottom-left-radius: 1rem
    }

    .xl-rounded-br-8 {
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-br-12 {
        border-bottom-right-radius: .75rem
    }

    .xl-rounded-br-16 {
        border-bottom-right-radius: 1rem
    }

    .xl-rounded-tl-none {
        border-top-left-radius: 0
    }

    .xl-rounded-tr-none {
        border-top-right-radius: 0
    }

    .xl-rounded-br-none {
        border-bottom-right-radius: 0
    }

    .xl-rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .xl-rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .xl-rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .xl-rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .xl-rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .xl-rounded-tl {
        border-top-left-radius: .25rem
    }

    .xl-rounded-tr {
        border-top-right-radius: .25rem
    }

    .xl-rounded-br {
        border-bottom-right-radius: .25rem
    }

    .xl-rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .xl-rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .xl-rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .xl-rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .xl-rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .xl-rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .xl-rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .xl-rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .xl-rounded-bl-full {
        border-bottom-left-radius: 9999px
    }
}

.flex-row {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

@media (max-width: 575px) {
    .xs-flex-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        flex-direction: row !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        flex-direction: row !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        flex-direction: row !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        flex-direction: row !important
    }
}

@media (min-width: 1200px) {
    .xl-flex-row {
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        flex-direction: row !important
    }
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse
}

@media (max-width: 575px) {
    .xs-flex-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }
}

@media (min-width: 1200px) {
    .xl-flex-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        flex-direction: row-reverse !important
    }
}

.flex-col {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media (max-width: 575px) {
    .xs-flex-col {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-col {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-col {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-col {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important
    }
}

@media (min-width: 1200px) {
    .xl-flex-col {
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important
    }
}

.flex-col-reverse {
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    flex-direction: column-reverse
}

@media (max-width: 575px) {
    .xs-flex-col-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-col-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-col-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-col-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }
}

@media (min-width: 1200px) {
    .xl-flex-col-reverse {
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        flex-direction: column-reverse !important
    }
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 575px) {
    .xs-flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1200px) {
    .xl-flex-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

@media (max-width: 575px) {
    .xs-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media (min-width: 1200px) {
    .xl-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

.flex-no-wrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 575px) {
    .xs-flex-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 1200px) {
    .xl-flex-no-wrap {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.items-start {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

@media (max-width: 575px) {
    .xs-items-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-items-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-items-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-items-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }
}

@media (min-width: 1200px) {
    .xl-items-start {
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        align-items: flex-start !important
    }
}

.items-end {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end
}

@media (max-width: 575px) {
    .xs-items-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-items-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-items-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-items-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }
}

@media (min-width: 1200px) {
    .xl-items-end {
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        align-items: flex-end !important
    }
}

.items-center {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

@media (max-width: 575px) {
    .xs-items-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-items-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-items-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-items-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }
}

@media (min-width: 1200px) {
    .xl-items-center {
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important
    }
}

.items-baseline {
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    align-items: baseline
}

@media (max-width: 575px) {
    .xs-items-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-items-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-items-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-items-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }
}

@media (min-width: 1200px) {
    .xl-items-baseline {
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        align-items: baseline !important
    }
}

.items-stretch {
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    align-items: stretch
}

@media (max-width: 575px) {
    .xs-items-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-items-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-items-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-items-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }
}

@media (min-width: 1200px) {
    .xl-items-stretch {
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        align-items: stretch !important
    }
}

.content-center {
    -webkit-align-content: center !important;
    align-content: center !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-content-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-content-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-content-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }
}

@media (min-width: 1200px) {
    .xl-content-center {
        -webkit-align-content: center !important;
        align-content: center !important
    }
}

.content-start {
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-content-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-content-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-content-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }
}

@media (min-width: 1200px) {
    .xl-content-start {
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }
}

.content-end {
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-content-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-content-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-content-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }
}

@media (min-width: 1200px) {
    .xl-content-end {
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }
}

.content-between {
    -webkit-align-content: space-between !important;
    align-content: space-between !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-content-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-content-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-content-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }
}

@media (min-width: 1200px) {
    .xl-content-between {
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }
}

.content-around {
    -webkit-align-content: space-around !important;
    align-content: space-around !important
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-content-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-content-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-content-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }
}

@media (min-width: 1200px) {
    .xl-content-around {
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }
}

.selfauto {
    -webkit-align-self: auto;
    align-self: auto
}

@media (max-width: 575px) {
    .xs-selfauto {
        -webkit-align-self: auto;
        align-self: auto
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-selfauto {
        -webkit-align-self: auto;
        align-self: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-selfauto {
        -webkit-align-self: auto;
        align-self: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-selfauto {
        -webkit-align-self: auto;
        align-self: auto
    }
}

@media (min-width: 1200px) {
    .xl-selfauto {
        -webkit-align-self: auto;
        align-self: auto
    }
}

.self-start {
    -webkit-align-self: flex-start;
    align-self: flex-start
}

@media (max-width: 575px) {
    .xs-self-start {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-self-start {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-self-start {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-self-start {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

@media (min-width: 1200px) {
    .xl-self-start {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
}

.self-end {
    -webkit-align-self: flex-end;
    align-self: flex-end
}

@media (max-width: 575px) {
    .xs-self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

@media (min-width: 1200px) {
    .xl-self-end {
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

.self-center {
    -webkit-align-self: center;
    align-self: center
}

@media (max-width: 575px) {
    .xs-self-center {
        -webkit-align-self: center;
        align-self: center
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-self-center {
        -webkit-align-self: center;
        align-self: center
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-self-center {
        -webkit-align-self: center;
        align-self: center
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-self-center {
        -webkit-align-self: center;
        align-self: center
    }
}

@media (min-width: 1200px) {
    .xl-self-center {
        -webkit-align-self: center;
        align-self: center
    }
}

.self-stretch {
    -webkit-align-self: stretch;
    align-self: stretch
}

@media (max-width: 575px) {
    .xs-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch
    }
}

@media (min-width: 1200px) {
    .xl-self-stretch {
        -webkit-align-self: stretch;
        align-self: stretch
    }
}

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

@media (max-width: 575px) {
    .xs-justify-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-justify-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-justify-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-justify-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }
}

@media (min-width: 1200px) {
    .xl-justify-start {
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        justify-content: flex-start !important
    }
}

.justify-end {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

@media (max-width: 575px) {
    .xs-justify-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-justify-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-justify-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-justify-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }
}

@media (min-width: 1200px) {
    .xl-justify-end {
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        justify-content: flex-end !important
    }
}

.justify-center {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

@media (max-width: 575px) {
    .xs-justify-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-justify-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-justify-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-justify-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }
}

@media (min-width: 1200px) {
    .xl-justify-center {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }
}

.justify-between {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

@media (max-width: 575px) {
    .xs-justify-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-justify-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-justify-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-justify-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }
}

@media (min-width: 1200px) {
    .xl-justify-between {
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        justify-content: space-between !important
    }
}

.justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

@media (max-width: 575px) {
    .xs-justify-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-justify-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-justify-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-justify-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }
}

@media (min-width: 1200px) {
    .xl-justify-around {
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }
}

.flex-initial {
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    flex: 0 1 auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-initial {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        flex: 0 1 auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-initial {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        flex: 0 1 auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-initial {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        flex: 0 1 auto
    }
}

@media (min-width: 1200px) {
    .xl-flex-initial {
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        flex: 0 1 auto
    }
}

.flexauto {
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flexauto {
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        flex: 1 1 auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flexauto {
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        flex: 1 1 auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flexauto {
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        flex: 1 1 auto
    }
}

@media (min-width: 1200px) {
    .xl-flexauto {
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        flex: 1 1 auto
    }
}

.flex-1 {
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-1 {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        flex: 1 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-1 {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        flex: 1 1
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-1 {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        flex: 1 1
    }
}

@media (min-width: 1200px) {
    .xl-flex-1 {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        flex: 1 1
    }
}

.flex-none {
    -webkit-flex: none;
    -moz-box-flex: 0;
    flex: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-none {
        -webkit-flex: none;
        -moz-box-flex: 0;
        flex: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-none {
        -webkit-flex: none;
        -moz-box-flex: 0;
        flex: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-none {
        -webkit-flex: none;
        -moz-box-flex: 0;
        flex: none
    }
}

@media (min-width: 1200px) {
    .xl-flex-none {
        -webkit-flex: none;
        -moz-box-flex: 0;
        flex: none
    }
}

.flex-grow {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-grow {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-grow {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-grow {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1
    }
}

@media (min-width: 1200px) {
    .xl-flex-grow {
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1
    }
}

.flex-grow-0 {
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    flex-grow: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-grow-0 {
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        flex-grow: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-grow-0 {
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        flex-grow: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-grow-0 {
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        flex-grow: 0
    }
}

@media (min-width: 1200px) {
    .xl-flex-grow-0 {
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        flex-grow: 0
    }
}

.flex-shrink {
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-shrink {
        -webkit-flex-shrink: 1;
        flex-shrink: 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-shrink {
        -webkit-flex-shrink: 1;
        flex-shrink: 1
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-shrink {
        -webkit-flex-shrink: 1;
        flex-shrink: 1
    }
}

@media (min-width: 1200px) {
    .xl-flex-shrink {
        -webkit-flex-shrink: 1;
        flex-shrink: 1
    }
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }
}

@media (min-width: 1200px) {
    .xl-flex-shrink-0 {
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }
}

.order-first {
    -webkit-order: -9999;
    -moz-box-ordinal-group: -9998;
    order: -9999
}

@media (max-width: 575px) {
    .xs-order-first {
        -webkit-order: -9999;
        -moz-box-ordinal-group: -9998;
        order: -9999
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-first {
        -webkit-order: -9999;
        -moz-box-ordinal-group: -9998;
        order: -9999
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-first {
        -webkit-order: -9999;
        -moz-box-ordinal-group: -9998;
        order: -9999
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-first {
        -webkit-order: -9999;
        -moz-box-ordinal-group: -9998;
        order: -9999
    }
}

@media (min-width: 1200px) {
    .xl-order-first {
        -webkit-order: -9999;
        -moz-box-ordinal-group: -9998;
        order: -9999
    }
}

.order-last {
    -webkit-order: 9999;
    -moz-box-ordinal-group: 10000;
    order: 9999
}

@media (max-width: 575px) {
    .xs-order-last {
        -webkit-order: 9999;
        -moz-box-ordinal-group: 10000;
        order: 9999
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-last {
        -webkit-order: 9999;
        -moz-box-ordinal-group: 10000;
        order: 9999
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-last {
        -webkit-order: 9999;
        -moz-box-ordinal-group: 10000;
        order: 9999
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-last {
        -webkit-order: 9999;
        -moz-box-ordinal-group: 10000;
        order: 9999
    }
}

@media (min-width: 1200px) {
    .xl-order-last {
        -webkit-order: 9999;
        -moz-box-ordinal-group: 10000;
        order: 9999
    }
}

.order-none {
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    order: 0
}

@media (max-width: 575px) {
    .xs-order-none {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-none {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-none {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-none {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }
}

@media (min-width: 1200px) {
    .xl-order-none {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }
}

.order-1 {
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    order: 1
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }
}

@media (min-width: 1200px) {
    .xl-order-1 {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }
}

.order-2 {
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }
}

@media (min-width: 1200px) {
    .xl-order-2 {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }
}

.order-3 {
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    order: 3
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }
}

@media (min-width: 1200px) {
    .xl-order-3 {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }
}

.order-4 {
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    order: 4
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }
}

@media (min-width: 1200px) {
    .xl-order-4 {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }
}

.order-5 {
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    order: 5
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }
}

@media (min-width: 1200px) {
    .xl-order-5 {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }
}

.order-6 {
    -webkit-order: 6;
    -moz-box-ordinal-group: 7;
    order: 6
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }
}

@media (min-width: 1200px) {
    .xl-order-6 {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }
}

.order-7 {
    -webkit-order: 7;
    -moz-box-ordinal-group: 8;
    order: 7
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }
}

@media (min-width: 1200px) {
    .xl-order-7 {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }
}

.order-8 {
    -webkit-order: 8;
    -moz-box-ordinal-group: 9;
    order: 8
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }
}

@media (min-width: 1200px) {
    .xl-order-8 {
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }
}

.order-9 {
    -webkit-order: 9;
    -moz-box-ordinal-group: 10;
    order: 9
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }
}

@media (min-width: 1200px) {
    .xl-order-9 {
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }
}

.order-10 {
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    order: 10
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }
}

@media (min-width: 1200px) {
    .xl-order-10 {
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }
}

.order-11 {
    -webkit-order: 11;
    -moz-box-ordinal-group: 12;
    order: 11
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }
}

@media (min-width: 1200px) {
    .xl-order-11 {
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }
}

.order-12 {
    -webkit-order: 12;
    -moz-box-ordinal-group: 13;
    order: 12
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-order-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-order-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-order-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }
}

@media (min-width: 1200px) {
    .xl-order-12 {
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }
}

.p-0 {
    padding: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-right: 0;
    padding-left: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

@media (max-width: 575px) {
    .xs-p-0 {
        padding: 0 !important
    }

    .xs-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .xs-px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .xs-pt-0 {
        padding-top: 0 !important
    }

    .xs-pr-0 {
        padding-right: 0 !important
    }

    .xs-pb-0 {
        padding-bottom: 0 !important
    }

    .xs-pl-0 {
        padding-left: 0 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-0 {
        padding: 0 !important
    }

    .sm-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .sm-px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .sm-pt-0 {
        padding-top: 0 !important
    }

    .sm-pr-0 {
        padding-right: 0 !important
    }

    .sm-pb-0 {
        padding-bottom: 0 !important
    }

    .sm-pl-0 {
        padding-left: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-0 {
        padding: 0 !important
    }

    .md-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .md-px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .md-pt-0 {
        padding-top: 0 !important
    }

    .md-pr-0 {
        padding-right: 0 !important
    }

    .md-pb-0 {
        padding-bottom: 0 !important
    }

    .md-pl-0 {
        padding-left: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-0 {
        padding: 0 !important
    }

    .lg-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .lg-px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .lg-pt-0 {
        padding-top: 0 !important
    }

    .lg-pr-0 {
        padding-right: 0 !important
    }

    .lg-pb-0 {
        padding-bottom: 0 !important
    }

    .lg-pl-0 {
        padding-left: 0 !important
    }
}

@media (min-width: 1200px) {
    .xl-p-0 {
        padding: 0 !important
    }

    .xl-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .xl-px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .xl-pt-0 {
        padding-top: 0 !important
    }

    .xl-pr-0 {
        padding-right: 0 !important
    }

    .xl-pb-0 {
        padding-bottom: 0 !important
    }

    .xl-pl-0 {
        padding-left: 0 !important
    }
}

.p-px {
    padding: 1px
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.px-px {
    padding-right: 1px;
    padding-left: 1px
}

.pt-px {
    padding-top: 1px
}

.pr-px {
    padding-right: 1px
}

.pb-px {
    padding-bottom: 1px
}

.pl-px {
    padding-left: 1px
}

@media (max-width: 575px) {
    .xs-p-px {
        padding: 1px !important
    }

    .xs-py-px {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    .xs-px-px {
        padding-right: 1px !important;
        padding-left: 1px !important
    }

    .xs-pt-px {
        padding-top: 1px !important
    }

    .xs-pr-px {
        padding-right: 1px !important
    }

    .xs-pb-px {
        padding-bottom: 1px !important
    }

    .xs-pl-px {
        padding-left: 1px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-px {
        padding: 1px !important
    }

    .sm-py-px {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    .sm-px-px {
        padding-right: 1px !important;
        padding-left: 1px !important
    }

    .sm-pt-px {
        padding-top: 1px !important
    }

    .sm-pr-px {
        padding-right: 1px !important
    }

    .sm-pb-px {
        padding-bottom: 1px !important
    }

    .sm-pl-px {
        padding-left: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-px {
        padding: 1px !important
    }

    .md-py-px {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    .md-px-px {
        padding-right: 1px !important;
        padding-left: 1px !important
    }

    .md-pt-px {
        padding-top: 1px !important
    }

    .md-pr-px {
        padding-right: 1px !important
    }

    .md-pb-px {
        padding-bottom: 1px !important
    }

    .md-pl-px {
        padding-left: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-px {
        padding: 1px !important
    }

    .lg-py-px {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    .lg-px-px {
        padding-right: 1px !important;
        padding-left: 1px !important
    }

    .lg-pt-px {
        padding-top: 1px !important
    }

    .lg-pr-px {
        padding-right: 1px !important
    }

    .lg-pb-px {
        padding-bottom: 1px !important
    }

    .lg-pl-px {
        padding-left: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-px {
        padding: 1px !important
    }

    .xl-py-px {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }

    .xl-px-px {
        padding-right: 1px !important;
        padding-left: 1px !important
    }

    .xl-pt-px {
        padding-top: 1px !important
    }

    .xl-pr-px {
        padding-right: 1px !important
    }

    .xl-pb-px {
        padding-bottom: 1px !important
    }

    .xl-pl-px {
        padding-left: 1px !important
    }
}

.p-2px {
    padding: 2px
}

.py-2px {
    padding-top: 2px;
    padding-bottom: 2px
}

.px-2px {
    padding-right: 2px;
    padding-left: 2px
}

.pt-2px {
    padding-top: 2px
}

.pr-2px {
    padding-right: 2px
}

.pb-2px {
    padding-bottom: 2px
}

.pl-2px {
    padding-left: 2px
}

@media (max-width: 575px) {
    .xs-p-2px {
        padding: 2px !important
    }

    .xs-py-2px {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .xs-px-2px {
        padding-right: 2px !important;
        padding-left: 2px !important
    }

    .xs-pt-2px {
        padding-top: 2px !important
    }

    .xs-pr-2px {
        padding-right: 2px !important
    }

    .xs-pb-2px {
        padding-bottom: 2px !important
    }

    .xs-pl-2px {
        padding-left: 2px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-2px {
        padding: 2px !important
    }

    .sm-py-2px {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .sm-px-2px {
        padding-right: 2px !important;
        padding-left: 2px !important
    }

    .sm-pt-2px {
        padding-top: 2px !important
    }

    .sm-pr-2px {
        padding-right: 2px !important
    }

    .sm-pb-2px {
        padding-bottom: 2px !important
    }

    .sm-pl-2px {
        padding-left: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-2px {
        padding: 2px !important
    }

    .md-py-2px {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .md-px-2px {
        padding-right: 2px !important;
        padding-left: 2px !important
    }

    .md-pt-2px {
        padding-top: 2px !important
    }

    .md-pr-2px {
        padding-right: 2px !important
    }

    .md-pb-2px {
        padding-bottom: 2px !important
    }

    .md-pl-2px {
        padding-left: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-2px {
        padding: 2px !important
    }

    .lg-py-2px {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .lg-px-2px {
        padding-right: 2px !important;
        padding-left: 2px !important
    }

    .lg-pt-2px {
        padding-top: 2px !important
    }

    .lg-pr-2px {
        padding-right: 2px !important
    }

    .lg-pb-2px {
        padding-bottom: 2px !important
    }

    .lg-pl-2px {
        padding-left: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-2px {
        padding: 2px !important
    }

    .xl-py-2px {
        padding-top: 2px !important;
        padding-bottom: 2px !important
    }

    .xl-px-2px {
        padding-right: 2px !important;
        padding-left: 2px !important
    }

    .xl-pt-2px {
        padding-top: 2px !important
    }

    .xl-pr-2px {
        padding-right: 2px !important
    }

    .xl-pb-2px {
        padding-bottom: 2px !important
    }

    .xl-pl-2px {
        padding-left: 2px !important
    }
}

.p-3px {
    padding: 3px
}

.py-3px {
    padding-top: 3px;
    padding-bottom: 3px
}

.px-3px {
    padding-right: 3px;
    padding-left: 3px
}

.pt-3px {
    padding-top: 3px
}

.pr-3px {
    padding-right: 3px
}

.pb-3px {
    padding-bottom: 3px
}

.pl-3px {
    padding-left: 3px
}

@media (max-width: 575px) {
    .xs-p-3px {
        padding: 3px !important
    }

    .xs-py-3px {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .xs-px-3px {
        padding-right: 3px !important;
        padding-left: 3px !important
    }

    .xs-pt-3px {
        padding-top: 3px !important
    }

    .xs-pr-3px {
        padding-right: 3px !important
    }

    .xs-pb-3px {
        padding-bottom: 3px !important
    }

    .xs-pl-3px {
        padding-left: 3px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-3px {
        padding: 3px !important
    }

    .sm-py-3px {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .sm-px-3px {
        padding-right: 3px !important;
        padding-left: 3px !important
    }

    .sm-pt-3px {
        padding-top: 3px !important
    }

    .sm-pr-3px {
        padding-right: 3px !important
    }

    .sm-pb-3px {
        padding-bottom: 3px !important
    }

    .sm-pl-3px {
        padding-left: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-3px {
        padding: 3px !important
    }

    .md-py-3px {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .md-px-3px {
        padding-right: 3px !important;
        padding-left: 3px !important
    }

    .md-pt-3px {
        padding-top: 3px !important
    }

    .md-pr-3px {
        padding-right: 3px !important
    }

    .md-pb-3px {
        padding-bottom: 3px !important
    }

    .md-pl-3px {
        padding-left: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-3px {
        padding: 3px !important
    }

    .lg-py-3px {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .lg-px-3px {
        padding-right: 3px !important;
        padding-left: 3px !important
    }

    .lg-pt-3px {
        padding-top: 3px !important
    }

    .lg-pr-3px {
        padding-right: 3px !important
    }

    .lg-pb-3px {
        padding-bottom: 3px !important
    }

    .lg-pl-3px {
        padding-left: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-3px {
        padding: 3px !important
    }

    .xl-py-3px {
        padding-top: 3px !important;
        padding-bottom: 3px !important
    }

    .xl-px-3px {
        padding-right: 3px !important;
        padding-left: 3px !important
    }

    .xl-pt-3px {
        padding-top: 3px !important
    }

    .xl-pr-3px {
        padding-right: 3px !important
    }

    .xl-pb-3px {
        padding-bottom: 3px !important
    }

    .xl-pl-3px {
        padding-left: 3px !important
    }
}

.p-4px {
    padding: 4px
}

.py-4px {
    padding-top: 4px;
    padding-bottom: 4px
}

.px-4px {
    padding-right: 4px;
    padding-left: 4px
}

.pt-4px {
    padding-top: 4px
}

.pr-4px {
    padding-right: 4px
}

.pb-4px {
    padding-bottom: 4px
}

.pl-4px {
    padding-left: 4px
}

@media (max-width: 575px) {
    .xs-p-4px {
        padding: 4px !important
    }

    .xs-py-4px {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .xs-px-4px {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .xs-pt-4px {
        padding-top: 4px !important
    }

    .xs-pr-4px {
        padding-right: 4px !important
    }

    .xs-pb-4px {
        padding-bottom: 4px !important
    }

    .xs-pl-4px {
        padding-left: 4px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-4px {
        padding: 4px !important
    }

    .sm-py-4px {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .sm-px-4px {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .sm-pt-4px {
        padding-top: 4px !important
    }

    .sm-pr-4px {
        padding-right: 4px !important
    }

    .sm-pb-4px {
        padding-bottom: 4px !important
    }

    .sm-pl-4px {
        padding-left: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-4px {
        padding: 4px !important
    }

    .md-py-4px {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .md-px-4px {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .md-pt-4px {
        padding-top: 4px !important
    }

    .md-pr-4px {
        padding-right: 4px !important
    }

    .md-pb-4px {
        padding-bottom: 4px !important
    }

    .md-pl-4px {
        padding-left: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-4px {
        padding: 4px !important
    }

    .lg-py-4px {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .lg-px-4px {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .lg-pt-4px {
        padding-top: 4px !important
    }

    .lg-pr-4px {
        padding-right: 4px !important
    }

    .lg-pb-4px {
        padding-bottom: 4px !important
    }

    .lg-pl-4px {
        padding-left: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-4px {
        padding: 4px !important
    }

    .xl-py-4px {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .xl-px-4px {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .xl-pt-4px {
        padding-top: 4px !important
    }

    .xl-pr-4px {
        padding-right: 4px !important
    }

    .xl-pb-4px {
        padding-bottom: 4px !important
    }

    .xl-pl-4px {
        padding-left: 4px !important
    }
}

.p-5px {
    padding: 5px
}

.py-5px {
    padding-top: 5px;
    padding-bottom: 5px
}

.px-5px {
    padding-right: 5px;
    padding-left: 5px
}

.pt-5px {
    padding-top: 5px
}

.pr-5px {
    padding-right: 5px
}

.pb-5px {
    padding-bottom: 5px
}

.pl-5px {
    padding-left: 5px
}

@media (max-width: 575px) {
    .xs-p-5px {
        padding: 5px !important
    }

    .xs-py-5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .xs-px-5px {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .xs-pt-5px {
        padding-top: 5px !important
    }

    .xs-pr-5px {
        padding-right: 5px !important
    }

    .xs-pb-5px {
        padding-bottom: 5px !important
    }

    .xs-pl-5px {
        padding-left: 5px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-5px {
        padding: 5px !important
    }

    .sm-py-5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .sm-px-5px {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .sm-pt-5px {
        padding-top: 5px !important
    }

    .sm-pr-5px {
        padding-right: 5px !important
    }

    .sm-pb-5px {
        padding-bottom: 5px !important
    }

    .sm-pl-5px {
        padding-left: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-5px {
        padding: 5px !important
    }

    .md-py-5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .md-px-5px {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .md-pt-5px {
        padding-top: 5px !important
    }

    .md-pr-5px {
        padding-right: 5px !important
    }

    .md-pb-5px {
        padding-bottom: 5px !important
    }

    .md-pl-5px {
        padding-left: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-5px {
        padding: 5px !important
    }

    .lg-py-5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .lg-px-5px {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .lg-pt-5px {
        padding-top: 5px !important
    }

    .lg-pr-5px {
        padding-right: 5px !important
    }

    .lg-pb-5px {
        padding-bottom: 5px !important
    }

    .lg-pl-5px {
        padding-left: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-5px {
        padding: 5px !important
    }

    .xl-py-5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .xl-px-5px {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .xl-pt-5px {
        padding-top: 5px !important
    }

    .xl-pr-5px {
        padding-right: 5px !important
    }

    .xl-pb-5px {
        padding-bottom: 5px !important
    }

    .xl-pl-5px {
        padding-left: 5px !important
    }
}

.p-6px {
    padding: 6px
}

.py-6px {
    padding-top: 6px;
    padding-bottom: 6px
}

.px-6px {
    padding-right: 6px;
    padding-left: 6px
}

.pt-6px {
    padding-top: 6px
}

.pr-6px {
    padding-right: 6px
}

.pb-6px {
    padding-bottom: 6px
}

.pl-6px {
    padding-left: 6px
}

@media (max-width: 575px) {
    .xs-p-6px {
        padding: 6px !important
    }

    .xs-py-6px {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .xs-px-6px {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .xs-pt-6px {
        padding-top: 6px !important
    }

    .xs-pr-6px {
        padding-right: 6px !important
    }

    .xs-pb-6px {
        padding-bottom: 6px !important
    }

    .xs-pl-6px {
        padding-left: 6px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-6px {
        padding: 6px !important
    }

    .sm-py-6px {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .sm-px-6px {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .sm-pt-6px {
        padding-top: 6px !important
    }

    .sm-pr-6px {
        padding-right: 6px !important
    }

    .sm-pb-6px {
        padding-bottom: 6px !important
    }

    .sm-pl-6px {
        padding-left: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-6px {
        padding: 6px !important
    }

    .md-py-6px {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .md-px-6px {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .md-pt-6px {
        padding-top: 6px !important
    }

    .md-pr-6px {
        padding-right: 6px !important
    }

    .md-pb-6px {
        padding-bottom: 6px !important
    }

    .md-pl-6px {
        padding-left: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-6px {
        padding: 6px !important
    }

    .lg-py-6px {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .lg-px-6px {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .lg-pt-6px {
        padding-top: 6px !important
    }

    .lg-pr-6px {
        padding-right: 6px !important
    }

    .lg-pb-6px {
        padding-bottom: 6px !important
    }

    .lg-pl-6px {
        padding-left: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-6px {
        padding: 6px !important
    }

    .xl-py-6px {
        padding-top: 6px !important;
        padding-bottom: 6px !important
    }

    .xl-px-6px {
        padding-right: 6px !important;
        padding-left: 6px !important
    }

    .xl-pt-6px {
        padding-top: 6px !important
    }

    .xl-pr-6px {
        padding-right: 6px !important
    }

    .xl-pb-6px {
        padding-bottom: 6px !important
    }

    .xl-pl-6px {
        padding-left: 6px !important
    }
}

.p-7px {
    padding: 7px
}

.py-7px {
    padding-top: 7px;
    padding-bottom: 7px
}

.px-7px {
    padding-right: 7px;
    padding-left: 7px
}

.pt-7px {
    padding-top: 7px
}

.pr-7px {
    padding-right: 7px
}

.pb-7px {
    padding-bottom: 7px
}

.pl-7px {
    padding-left: 7px
}

@media (max-width: 575px) {
    .xs-p-7px {
        padding: 7px !important
    }

    .xs-py-7px {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .xs-px-7px {
        padding-right: 7px !important;
        padding-left: 7px !important
    }

    .xs-pt-7px {
        padding-top: 7px !important
    }

    .xs-pr-7px {
        padding-right: 7px !important
    }

    .xs-pb-7px {
        padding-bottom: 7px !important
    }

    .xs-pl-7px {
        padding-left: 7px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-7px {
        padding: 7px !important
    }

    .sm-py-7px {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .sm-px-7px {
        padding-right: 7px !important;
        padding-left: 7px !important
    }

    .sm-pt-7px {
        padding-top: 7px !important
    }

    .sm-pr-7px {
        padding-right: 7px !important
    }

    .sm-pb-7px {
        padding-bottom: 7px !important
    }

    .sm-pl-7px {
        padding-left: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-7px {
        padding: 7px !important
    }

    .md-py-7px {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .md-px-7px {
        padding-right: 7px !important;
        padding-left: 7px !important
    }

    .md-pt-7px {
        padding-top: 7px !important
    }

    .md-pr-7px {
        padding-right: 7px !important
    }

    .md-pb-7px {
        padding-bottom: 7px !important
    }

    .md-pl-7px {
        padding-left: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-7px {
        padding: 7px !important
    }

    .lg-py-7px {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .lg-px-7px {
        padding-right: 7px !important;
        padding-left: 7px !important
    }

    .lg-pt-7px {
        padding-top: 7px !important
    }

    .lg-pr-7px {
        padding-right: 7px !important
    }

    .lg-pb-7px {
        padding-bottom: 7px !important
    }

    .lg-pl-7px {
        padding-left: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-p-7px {
        padding: 7px !important
    }

    .xl-py-7px {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .xl-px-7px {
        padding-right: 7px !important;
        padding-left: 7px !important
    }

    .xl-pt-7px {
        padding-top: 7px !important
    }

    .xl-pr-7px {
        padding-right: 7px !important
    }

    .xl-pb-7px {
        padding-bottom: 7px !important
    }

    .xl-pl-7px {
        padding-left: 7px !important
    }
}

.p-4 {
    padding: .25rem
}

.py-4 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-4 {
    padding-right: .25rem;
    padding-left: .25rem
}

.pt-4 {
    padding-top: .25rem
}

.pr-4 {
    padding-right: .25rem
}

.pb-4 {
    padding-bottom: .25rem
}

.pl-4 {
    padding-left: .25rem
}

@media (max-width: 575px) {
    .xs-p-4 {
        padding: .25rem !important
    }

    .xs-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .xs-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .xs-pt-4 {
        padding-top: .25rem !important
    }

    .xs-pr-4 {
        padding-right: .25rem !important
    }

    .xs-pb-4 {
        padding-bottom: .25rem !important
    }

    .xs-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-4 {
        padding: .25rem !important
    }

    .sm-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .sm-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .sm-pt-4 {
        padding-top: .25rem !important
    }

    .sm-pr-4 {
        padding-right: .25rem !important
    }

    .sm-pb-4 {
        padding-bottom: .25rem !important
    }

    .sm-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-4 {
        padding: .25rem !important
    }

    .md-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .md-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .md-pt-4 {
        padding-top: .25rem !important
    }

    .md-pr-4 {
        padding-right: .25rem !important
    }

    .md-pb-4 {
        padding-bottom: .25rem !important
    }

    .md-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-4 {
        padding: .25rem !important
    }

    .lg-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .lg-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .lg-pt-4 {
        padding-top: .25rem !important
    }

    .lg-pr-4 {
        padding-right: .25rem !important
    }

    .lg-pb-4 {
        padding-bottom: .25rem !important
    }

    .lg-pl-4 {
        padding-left: .25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-4 {
        padding: .25rem !important
    }

    .xl-py-4 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .xl-px-4 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .xl-pt-4 {
        padding-top: .25rem !important
    }

    .xl-pr-4 {
        padding-right: .25rem !important
    }

    .xl-pb-4 {
        padding-bottom: .25rem !important
    }

    .xl-pl-4 {
        padding-left: .25rem !important
    }
}

.p-8 {
    padding: .5rem
}

.py-8 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-8 {
    padding-right: .5rem;
    padding-left: .5rem
}

.pt-8 {
    padding-top: .5rem
}

.pr-8 {
    padding-right: .5rem
}

.pb-8 {
    padding-bottom: .5rem
}

.pl-8 {
    padding-left: .5rem
}

@media (max-width: 575px) {
    .xs-p-8 {
        padding: .5rem !important
    }

    .xs-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .xs-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .xs-pt-8 {
        padding-top: .5rem !important
    }

    .xs-pr-8 {
        padding-right: .5rem !important
    }

    .xs-pb-8 {
        padding-bottom: .5rem !important
    }

    .xs-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-8 {
        padding: .5rem !important
    }

    .sm-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .sm-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .sm-pt-8 {
        padding-top: .5rem !important
    }

    .sm-pr-8 {
        padding-right: .5rem !important
    }

    .sm-pb-8 {
        padding-bottom: .5rem !important
    }

    .sm-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-8 {
        padding: .5rem !important
    }

    .md-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .md-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .md-pt-8 {
        padding-top: .5rem !important
    }

    .md-pr-8 {
        padding-right: .5rem !important
    }

    .md-pb-8 {
        padding-bottom: .5rem !important
    }

    .md-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-8 {
        padding: .5rem !important
    }

    .lg-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .lg-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .lg-pt-8 {
        padding-top: .5rem !important
    }

    .lg-pr-8 {
        padding-right: .5rem !important
    }

    .lg-pb-8 {
        padding-bottom: .5rem !important
    }

    .lg-pl-8 {
        padding-left: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-8 {
        padding: .5rem !important
    }

    .xl-py-8 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .xl-px-8 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .xl-pt-8 {
        padding-top: .5rem !important
    }

    .xl-pr-8 {
        padding-right: .5rem !important
    }

    .xl-pb-8 {
        padding-bottom: .5rem !important
    }

    .xl-pl-8 {
        padding-left: .5rem !important
    }
}

.p-12 {
    padding: .75rem
}

.py-12 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-12 {
    padding-right: .75rem;
    padding-left: .75rem
}

.pt-12 {
    padding-top: .75rem
}

.pr-12 {
    padding-right: .75rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pl-12 {
    padding-left: .75rem
}

@media (max-width: 575px) {
    .xs-p-12 {
        padding: .75rem !important
    }

    .xs-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .xs-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .xs-pt-12 {
        padding-top: .75rem !important
    }

    .xs-pr-12 {
        padding-right: .75rem !important
    }

    .xs-pb-12 {
        padding-bottom: .75rem !important
    }

    .xs-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-12 {
        padding: .75rem !important
    }

    .sm-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .sm-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .sm-pt-12 {
        padding-top: .75rem !important
    }

    .sm-pr-12 {
        padding-right: .75rem !important
    }

    .sm-pb-12 {
        padding-bottom: .75rem !important
    }

    .sm-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-12 {
        padding: .75rem !important
    }

    .md-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .md-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .md-pt-12 {
        padding-top: .75rem !important
    }

    .md-pr-12 {
        padding-right: .75rem !important
    }

    .md-pb-12 {
        padding-bottom: .75rem !important
    }

    .md-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-12 {
        padding: .75rem !important
    }

    .lg-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .lg-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .lg-pt-12 {
        padding-top: .75rem !important
    }

    .lg-pr-12 {
        padding-right: .75rem !important
    }

    .lg-pb-12 {
        padding-bottom: .75rem !important
    }

    .lg-pl-12 {
        padding-left: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-12 {
        padding: .75rem !important
    }

    .xl-py-12 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .xl-px-12 {
        padding-right: .75rem !important;
        padding-left: .75rem !important
    }

    .xl-pt-12 {
        padding-top: .75rem !important
    }

    .xl-pr-12 {
        padding-right: .75rem !important
    }

    .xl-pb-12 {
        padding-bottom: .75rem !important
    }

    .xl-pl-12 {
        padding-left: .75rem !important
    }
}

.p-16 {
    padding: 1rem
}

.py-16 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-16 {
    padding-right: 1rem;
    padding-left: 1rem
}

.pt-16 {
    padding-top: 1rem
}

.pr-16 {
    padding-right: 1rem
}

.pb-16 {
    padding-bottom: 1rem
}

.pl-16 {
    padding-left: 1rem
}

@media (max-width: 575px) {
    .xs-p-16 {
        padding: 1rem !important
    }

    .xs-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .xs-px-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .xs-pt-16 {
        padding-top: 1rem !important
    }

    .xs-pr-16 {
        padding-right: 1rem !important
    }

    .xs-pb-16 {
        padding-bottom: 1rem !important
    }

    .xs-pl-16 {
        padding-left: 1rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-16 {
        padding: 1rem !important
    }

    .sm-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .sm-px-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .sm-pt-16 {
        padding-top: 1rem !important
    }

    .sm-pr-16 {
        padding-right: 1rem !important
    }

    .sm-pb-16 {
        padding-bottom: 1rem !important
    }

    .sm-pl-16 {
        padding-left: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-16 {
        padding: 1rem !important
    }

    .md-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .md-px-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .md-pt-16 {
        padding-top: 1rem !important
    }

    .md-pr-16 {
        padding-right: 1rem !important
    }

    .md-pb-16 {
        padding-bottom: 1rem !important
    }

    .md-pl-16 {
        padding-left: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-16 {
        padding: 1rem !important
    }

    .lg-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .lg-px-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .lg-pt-16 {
        padding-top: 1rem !important
    }

    .lg-pr-16 {
        padding-right: 1rem !important
    }

    .lg-pb-16 {
        padding-bottom: 1rem !important
    }

    .lg-pl-16 {
        padding-left: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-16 {
        padding: 1rem !important
    }

    .xl-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .xl-px-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .xl-pt-16 {
        padding-top: 1rem !important
    }

    .xl-pr-16 {
        padding-right: 1rem !important
    }

    .xl-pb-16 {
        padding-bottom: 1rem !important
    }

    .xl-pl-16 {
        padding-left: 1rem !important
    }
}

.p-20 {
    padding: 1.25rem
}

.py-20 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-20 {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.pt-20 {
    padding-top: 1.25rem
}

.pr-20 {
    padding-right: 1.25rem
}

.pb-20 {
    padding-bottom: 1.25rem
}

.pl-20 {
    padding-left: 1.25rem
}

@media (max-width: 575px) {
    .xs-p-20 {
        padding: 1.25rem !important
    }

    .xs-py-20 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }

    .xs-px-20 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important
    }

    .xs-pt-20 {
        padding-top: 1.25rem !important
    }

    .xs-pr-20 {
        padding-right: 1.25rem !important
    }

    .xs-pb-20 {
        padding-bottom: 1.25rem !important
    }

    .xs-pl-20 {
        padding-left: 1.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-20 {
        padding: 1.25rem !important
    }

    .sm-py-20 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }

    .sm-px-20 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important
    }

    .sm-pt-20 {
        padding-top: 1.25rem !important
    }

    .sm-pr-20 {
        padding-right: 1.25rem !important
    }

    .sm-pb-20 {
        padding-bottom: 1.25rem !important
    }

    .sm-pl-20 {
        padding-left: 1.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-20 {
        padding: 1.25rem !important
    }

    .md-py-20 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }

    .md-px-20 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important
    }

    .md-pt-20 {
        padding-top: 1.25rem !important
    }

    .md-pr-20 {
        padding-right: 1.25rem !important
    }

    .md-pb-20 {
        padding-bottom: 1.25rem !important
    }

    .md-pl-20 {
        padding-left: 1.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-20 {
        padding: 1.25rem !important
    }

    .lg-py-20 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }

    .lg-px-20 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important
    }

    .lg-pt-20 {
        padding-top: 1.25rem !important
    }

    .lg-pr-20 {
        padding-right: 1.25rem !important
    }

    .lg-pb-20 {
        padding-bottom: 1.25rem !important
    }

    .lg-pl-20 {
        padding-left: 1.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-20 {
        padding: 1.25rem !important
    }

    .xl-py-20 {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }

    .xl-px-20 {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important
    }

    .xl-pt-20 {
        padding-top: 1.25rem !important
    }

    .xl-pr-20 {
        padding-right: 1.25rem !important
    }

    .xl-pb-20 {
        padding-bottom: 1.25rem !important
    }

    .xl-pl-20 {
        padding-left: 1.25rem !important
    }
}

.p-22 {
    padding: 1.375rem
}

.py-22 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

.px-22 {
    padding-right: 1.375rem;
    padding-left: 1.375rem
}

.pt-22 {
    padding-top: 1.375rem
}

.pr-22 {
    padding-right: 1.375rem
}

.pb-22 {
    padding-bottom: 1.375rem
}

.pl-22 {
    padding-left: 1.375rem
}

@media (max-width: 575px) {
    .xs-p-22 {
        padding: 1.375rem !important
    }

    .xs-py-22 {
        padding-top: 1.375rem !important;
        padding-bottom: 1.375rem !important
    }

    .xs-px-22 {
        padding-right: 1.375rem !important;
        padding-left: 1.375rem !important
    }

    .xs-pt-22 {
        padding-top: 1.375rem !important
    }

    .xs-pr-22 {
        padding-right: 1.375rem !important
    }

    .xs-pb-22 {
        padding-bottom: 1.375rem !important
    }

    .xs-pl-22 {
        padding-left: 1.375rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-22 {
        padding: 1.375rem !important
    }

    .sm-py-22 {
        padding-top: 1.375rem !important;
        padding-bottom: 1.375rem !important
    }

    .sm-px-22 {
        padding-right: 1.375rem !important;
        padding-left: 1.375rem !important
    }

    .sm-pt-22 {
        padding-top: 1.375rem !important
    }

    .sm-pr-22 {
        padding-right: 1.375rem !important
    }

    .sm-pb-22 {
        padding-bottom: 1.375rem !important
    }

    .sm-pl-22 {
        padding-left: 1.375rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-22 {
        padding: 1.375rem !important
    }

    .md-py-22 {
        padding-top: 1.375rem !important;
        padding-bottom: 1.375rem !important
    }

    .md-px-22 {
        padding-right: 1.375rem !important;
        padding-left: 1.375rem !important
    }

    .md-pt-22 {
        padding-top: 1.375rem !important
    }

    .md-pr-22 {
        padding-right: 1.375rem !important
    }

    .md-pb-22 {
        padding-bottom: 1.375rem !important
    }

    .md-pl-22 {
        padding-left: 1.375rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-22 {
        padding: 1.375rem !important
    }

    .lg-py-22 {
        padding-top: 1.375rem !important;
        padding-bottom: 1.375rem !important
    }

    .lg-px-22 {
        padding-right: 1.375rem !important;
        padding-left: 1.375rem !important
    }

    .lg-pt-22 {
        padding-top: 1.375rem !important
    }

    .lg-pr-22 {
        padding-right: 1.375rem !important
    }

    .lg-pb-22 {
        padding-bottom: 1.375rem !important
    }

    .lg-pl-22 {
        padding-left: 1.375rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-22 {
        padding: 1.375rem !important
    }

    .xl-py-22 {
        padding-top: 1.375rem !important;
        padding-bottom: 1.375rem !important
    }

    .xl-px-22 {
        padding-right: 1.375rem !important;
        padding-left: 1.375rem !important
    }

    .xl-pt-22 {
        padding-top: 1.375rem !important
    }

    .xl-pr-22 {
        padding-right: 1.375rem !important
    }

    .xl-pb-22 {
        padding-bottom: 1.375rem !important
    }

    .xl-pl-22 {
        padding-left: 1.375rem !important
    }
}

.p-24 {
    padding: 1.5rem
}

.py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-24 {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.pt-24 {
    padding-top: 1.5rem
}

.pr-24 {
    padding-right: 1.5rem
}

.pb-24 {
    padding-bottom: 1.5rem
}

.pl-24 {
    padding-left: 1.5rem
}

@media (max-width: 575px) {
    .xs-p-24 {
        padding: 1.5rem !important
    }

    .xs-py-24 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .xs-px-24 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .xs-pt-24 {
        padding-top: 1.5rem !important
    }

    .xs-pr-24 {
        padding-right: 1.5rem !important
    }

    .xs-pb-24 {
        padding-bottom: 1.5rem !important
    }

    .xs-pl-24 {
        padding-left: 1.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-24 {
        padding: 1.5rem !important
    }

    .sm-py-24 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .sm-px-24 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .sm-pt-24 {
        padding-top: 1.5rem !important
    }

    .sm-pr-24 {
        padding-right: 1.5rem !important
    }

    .sm-pb-24 {
        padding-bottom: 1.5rem !important
    }

    .sm-pl-24 {
        padding-left: 1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-24 {
        padding: 1.5rem !important
    }

    .md-py-24 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .md-px-24 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .md-pt-24 {
        padding-top: 1.5rem !important
    }

    .md-pr-24 {
        padding-right: 1.5rem !important
    }

    .md-pb-24 {
        padding-bottom: 1.5rem !important
    }

    .md-pl-24 {
        padding-left: 1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-24 {
        padding: 1.5rem !important
    }

    .lg-py-24 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .lg-px-24 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .lg-pt-24 {
        padding-top: 1.5rem !important
    }

    .lg-pr-24 {
        padding-right: 1.5rem !important
    }

    .lg-pb-24 {
        padding-bottom: 1.5rem !important
    }

    .lg-pl-24 {
        padding-left: 1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-24 {
        padding: 1.5rem !important
    }

    .xl-py-24 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .xl-px-24 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .xl-pt-24 {
        padding-top: 1.5rem !important
    }

    .xl-pr-24 {
        padding-right: 1.5rem !important
    }

    .xl-pb-24 {
        padding-bottom: 1.5rem !important
    }

    .xl-pl-24 {
        padding-left: 1.5rem !important
    }
}

.p-28 {
    padding: 1.75rem
}

.py-28 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.px-28 {
    padding-right: 1.75rem;
    padding-left: 1.75rem
}

.pt-28 {
    padding-top: 1.75rem
}

.pr-28 {
    padding-right: 1.75rem
}

.pb-28 {
    padding-bottom: 1.75rem
}

.pl-28 {
    padding-left: 1.75rem
}

@media (max-width: 575px) {
    .xs-p-28 {
        padding: 1.75rem !important
    }

    .xs-py-28 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }

    .xs-px-28 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important
    }

    .xs-pt-28 {
        padding-top: 1.75rem !important
    }

    .xs-pr-28 {
        padding-right: 1.75rem !important
    }

    .xs-pb-28 {
        padding-bottom: 1.75rem !important
    }

    .xs-pl-28 {
        padding-left: 1.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-28 {
        padding: 1.75rem !important
    }

    .sm-py-28 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }

    .sm-px-28 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important
    }

    .sm-pt-28 {
        padding-top: 1.75rem !important
    }

    .sm-pr-28 {
        padding-right: 1.75rem !important
    }

    .sm-pb-28 {
        padding-bottom: 1.75rem !important
    }

    .sm-pl-28 {
        padding-left: 1.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-28 {
        padding: 1.75rem !important
    }

    .md-py-28 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }

    .md-px-28 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important
    }

    .md-pt-28 {
        padding-top: 1.75rem !important
    }

    .md-pr-28 {
        padding-right: 1.75rem !important
    }

    .md-pb-28 {
        padding-bottom: 1.75rem !important
    }

    .md-pl-28 {
        padding-left: 1.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-28 {
        padding: 1.75rem !important
    }

    .lg-py-28 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }

    .lg-px-28 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important
    }

    .lg-pt-28 {
        padding-top: 1.75rem !important
    }

    .lg-pr-28 {
        padding-right: 1.75rem !important
    }

    .lg-pb-28 {
        padding-bottom: 1.75rem !important
    }

    .lg-pl-28 {
        padding-left: 1.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-28 {
        padding: 1.75rem !important
    }

    .xl-py-28 {
        padding-top: 1.75rem !important;
        padding-bottom: 1.75rem !important
    }

    .xl-px-28 {
        padding-right: 1.75rem !important;
        padding-left: 1.75rem !important
    }

    .xl-pt-28 {
        padding-top: 1.75rem !important
    }

    .xl-pr-28 {
        padding-right: 1.75rem !important
    }

    .xl-pb-28 {
        padding-bottom: 1.75rem !important
    }

    .xl-pl-28 {
        padding-left: 1.75rem !important
    }
}

.p-32 {
    padding: 2rem
}

.py-32 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-32 {
    padding-right: 2rem;
    padding-left: 2rem
}

.pt-32 {
    padding-top: 2rem
}

.pr-32 {
    padding-right: 2rem
}

.pb-32 {
    padding-bottom: 2rem
}

.pl-32 {
    padding-left: 2rem
}

@media (max-width: 575px) {
    .xs-p-32 {
        padding: 2rem !important
    }

    .xs-py-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .xs-px-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .xs-pt-32 {
        padding-top: 2rem !important
    }

    .xs-pr-32 {
        padding-right: 2rem !important
    }

    .xs-pb-32 {
        padding-bottom: 2rem !important
    }

    .xs-pl-32 {
        padding-left: 2rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-32 {
        padding: 2rem !important
    }

    .sm-py-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .sm-px-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .sm-pt-32 {
        padding-top: 2rem !important
    }

    .sm-pr-32 {
        padding-right: 2rem !important
    }

    .sm-pb-32 {
        padding-bottom: 2rem !important
    }

    .sm-pl-32 {
        padding-left: 2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-32 {
        padding: 2rem !important
    }

    .md-py-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .md-px-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .md-pt-32 {
        padding-top: 2rem !important
    }

    .md-pr-32 {
        padding-right: 2rem !important
    }

    .md-pb-32 {
        padding-bottom: 2rem !important
    }

    .md-pl-32 {
        padding-left: 2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-32 {
        padding: 2rem !important
    }

    .lg-py-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .lg-px-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .lg-pt-32 {
        padding-top: 2rem !important
    }

    .lg-pr-32 {
        padding-right: 2rem !important
    }

    .lg-pb-32 {
        padding-bottom: 2rem !important
    }

    .lg-pl-32 {
        padding-left: 2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-32 {
        padding: 2rem !important
    }

    .xl-py-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .xl-px-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .xl-pt-32 {
        padding-top: 2rem !important
    }

    .xl-pr-32 {
        padding-right: 2rem !important
    }

    .xl-pb-32 {
        padding-bottom: 2rem !important
    }

    .xl-pl-32 {
        padding-left: 2rem !important
    }
}

.p-34 {
    padding: 2.125rem
}

.py-34 {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem
}

.px-34 {
    padding-right: 2.125rem;
    padding-left: 2.125rem
}

.pt-34 {
    padding-top: 2.125rem
}

.pr-34 {
    padding-right: 2.125rem
}

.pb-34 {
    padding-bottom: 2.125rem
}

.pl-34 {
    padding-left: 2.125rem
}

@media (max-width: 575px) {
    .xs-p-34 {
        padding: 2.125rem !important
    }

    .xs-py-34 {
        padding-top: 2.125rem !important;
        padding-bottom: 2.125rem !important
    }

    .xs-px-34 {
        padding-right: 2.125rem !important;
        padding-left: 2.125rem !important
    }

    .xs-pt-34 {
        padding-top: 2.125rem !important
    }

    .xs-pr-34 {
        padding-right: 2.125rem !important
    }

    .xs-pb-34 {
        padding-bottom: 2.125rem !important
    }

    .xs-pl-34 {
        padding-left: 2.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-34 {
        padding: 2.125rem !important
    }

    .sm-py-34 {
        padding-top: 2.125rem !important;
        padding-bottom: 2.125rem !important
    }

    .sm-px-34 {
        padding-right: 2.125rem !important;
        padding-left: 2.125rem !important
    }

    .sm-pt-34 {
        padding-top: 2.125rem !important
    }

    .sm-pr-34 {
        padding-right: 2.125rem !important
    }

    .sm-pb-34 {
        padding-bottom: 2.125rem !important
    }

    .sm-pl-34 {
        padding-left: 2.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-34 {
        padding: 2.125rem !important
    }

    .md-py-34 {
        padding-top: 2.125rem !important;
        padding-bottom: 2.125rem !important
    }

    .md-px-34 {
        padding-right: 2.125rem !important;
        padding-left: 2.125rem !important
    }

    .md-pt-34 {
        padding-top: 2.125rem !important
    }

    .md-pr-34 {
        padding-right: 2.125rem !important
    }

    .md-pb-34 {
        padding-bottom: 2.125rem !important
    }

    .md-pl-34 {
        padding-left: 2.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-34 {
        padding: 2.125rem !important
    }

    .lg-py-34 {
        padding-top: 2.125rem !important;
        padding-bottom: 2.125rem !important
    }

    .lg-px-34 {
        padding-right: 2.125rem !important;
        padding-left: 2.125rem !important
    }

    .lg-pt-34 {
        padding-top: 2.125rem !important
    }

    .lg-pr-34 {
        padding-right: 2.125rem !important
    }

    .lg-pb-34 {
        padding-bottom: 2.125rem !important
    }

    .lg-pl-34 {
        padding-left: 2.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-34 {
        padding: 2.125rem !important
    }

    .xl-py-34 {
        padding-top: 2.125rem !important;
        padding-bottom: 2.125rem !important
    }

    .xl-px-34 {
        padding-right: 2.125rem !important;
        padding-left: 2.125rem !important
    }

    .xl-pt-34 {
        padding-top: 2.125rem !important
    }

    .xl-pr-34 {
        padding-right: 2.125rem !important
    }

    .xl-pb-34 {
        padding-bottom: 2.125rem !important
    }

    .xl-pl-34 {
        padding-left: 2.125rem !important
    }
}

.p-36 {
    padding: 2.25rem
}

.py-36 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.px-36 {
    padding-right: 2.25rem;
    padding-left: 2.25rem
}

.pt-36 {
    padding-top: 2.25rem
}

.pr-36 {
    padding-right: 2.25rem
}

.pb-36 {
    padding-bottom: 2.25rem
}

.pl-36 {
    padding-left: 2.25rem
}

@media (max-width: 575px) {
    .xs-p-36 {
        padding: 2.25rem !important
    }

    .xs-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }

    .xs-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important
    }

    .xs-pt-36 {
        padding-top: 2.25rem !important
    }

    .xs-pr-36 {
        padding-right: 2.25rem !important
    }

    .xs-pb-36 {
        padding-bottom: 2.25rem !important
    }

    .xs-pl-36 {
        padding-left: 2.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-36 {
        padding: 2.25rem !important
    }

    .sm-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }

    .sm-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important
    }

    .sm-pt-36 {
        padding-top: 2.25rem !important
    }

    .sm-pr-36 {
        padding-right: 2.25rem !important
    }

    .sm-pb-36 {
        padding-bottom: 2.25rem !important
    }

    .sm-pl-36 {
        padding-left: 2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-36 {
        padding: 2.25rem !important
    }

    .md-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }

    .md-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important
    }

    .md-pt-36 {
        padding-top: 2.25rem !important
    }

    .md-pr-36 {
        padding-right: 2.25rem !important
    }

    .md-pb-36 {
        padding-bottom: 2.25rem !important
    }

    .md-pl-36 {
        padding-left: 2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-36 {
        padding: 2.25rem !important
    }

    .lg-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }

    .lg-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important
    }

    .lg-pt-36 {
        padding-top: 2.25rem !important
    }

    .lg-pr-36 {
        padding-right: 2.25rem !important
    }

    .lg-pb-36 {
        padding-bottom: 2.25rem !important
    }

    .lg-pl-36 {
        padding-left: 2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-36 {
        padding: 2.25rem !important
    }

    .xl-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important
    }

    .xl-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important
    }

    .xl-pt-36 {
        padding-top: 2.25rem !important
    }

    .xl-pr-36 {
        padding-right: 2.25rem !important
    }

    .xl-pb-36 {
        padding-bottom: 2.25rem !important
    }

    .xl-pl-36 {
        padding-left: 2.25rem !important
    }
}

.p-40 {
    padding: 2.5rem
}

.py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-40 {
    padding-right: 2.5rem;
    padding-left: 2.5rem
}

.pt-40 {
    padding-top: 2.5rem
}

.pr-40 {
    padding-right: 2.5rem
}

.pb-40 {
    padding-bottom: 2.5rem
}

.pl-40 {
    padding-left: 2.5rem
}

@media (max-width: 575px) {
    .xs-p-40 {
        padding: 2.5rem !important
    }

    .xs-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .xs-px-40 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .xs-pt-40 {
        padding-top: 2.5rem !important
    }

    .xs-pr-40 {
        padding-right: 2.5rem !important
    }

    .xs-pb-40 {
        padding-bottom: 2.5rem !important
    }

    .xs-pl-40 {
        padding-left: 2.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-40 {
        padding: 2.5rem !important
    }

    .sm-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .sm-px-40 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .sm-pt-40 {
        padding-top: 2.5rem !important
    }

    .sm-pr-40 {
        padding-right: 2.5rem !important
    }

    .sm-pb-40 {
        padding-bottom: 2.5rem !important
    }

    .sm-pl-40 {
        padding-left: 2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-40 {
        padding: 2.5rem !important
    }

    .md-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .md-px-40 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .md-pt-40 {
        padding-top: 2.5rem !important
    }

    .md-pr-40 {
        padding-right: 2.5rem !important
    }

    .md-pb-40 {
        padding-bottom: 2.5rem !important
    }

    .md-pl-40 {
        padding-left: 2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-40 {
        padding: 2.5rem !important
    }

    .lg-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .lg-px-40 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .lg-pt-40 {
        padding-top: 2.5rem !important
    }

    .lg-pr-40 {
        padding-right: 2.5rem !important
    }

    .lg-pb-40 {
        padding-bottom: 2.5rem !important
    }

    .lg-pl-40 {
        padding-left: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-40 {
        padding: 2.5rem !important
    }

    .xl-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .xl-px-40 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .xl-pt-40 {
        padding-top: 2.5rem !important
    }

    .xl-pr-40 {
        padding-right: 2.5rem !important
    }

    .xl-pb-40 {
        padding-bottom: 2.5rem !important
    }

    .xl-pl-40 {
        padding-left: 2.5rem !important
    }
}

.p-44 {
    padding: 2.75rem
}

.py-44 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.px-44 {
    padding-right: 2.75rem;
    padding-left: 2.75rem
}

.pt-44 {
    padding-top: 2.75rem
}

.pr-44 {
    padding-right: 2.75rem
}

.pb-44 {
    padding-bottom: 2.75rem
}

.pl-44 {
    padding-left: 2.75rem
}

@media (max-width: 575px) {
    .xs-p-44 {
        padding: 2.75rem !important
    }

    .xs-py-44 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important
    }

    .xs-px-44 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important
    }

    .xs-pt-44 {
        padding-top: 2.75rem !important
    }

    .xs-pr-44 {
        padding-right: 2.75rem !important
    }

    .xs-pb-44 {
        padding-bottom: 2.75rem !important
    }

    .xs-pl-44 {
        padding-left: 2.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-44 {
        padding: 2.75rem !important
    }

    .sm-py-44 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important
    }

    .sm-px-44 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important
    }

    .sm-pt-44 {
        padding-top: 2.75rem !important
    }

    .sm-pr-44 {
        padding-right: 2.75rem !important
    }

    .sm-pb-44 {
        padding-bottom: 2.75rem !important
    }

    .sm-pl-44 {
        padding-left: 2.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-44 {
        padding: 2.75rem !important
    }

    .md-py-44 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important
    }

    .md-px-44 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important
    }

    .md-pt-44 {
        padding-top: 2.75rem !important
    }

    .md-pr-44 {
        padding-right: 2.75rem !important
    }

    .md-pb-44 {
        padding-bottom: 2.75rem !important
    }

    .md-pl-44 {
        padding-left: 2.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-44 {
        padding: 2.75rem !important
    }

    .lg-py-44 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important
    }

    .lg-px-44 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important
    }

    .lg-pt-44 {
        padding-top: 2.75rem !important
    }

    .lg-pr-44 {
        padding-right: 2.75rem !important
    }

    .lg-pb-44 {
        padding-bottom: 2.75rem !important
    }

    .lg-pl-44 {
        padding-left: 2.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-44 {
        padding: 2.75rem !important
    }

    .xl-py-44 {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important
    }

    .xl-px-44 {
        padding-right: 2.75rem !important;
        padding-left: 2.75rem !important
    }

    .xl-pt-44 {
        padding-top: 2.75rem !important
    }

    .xl-pr-44 {
        padding-right: 2.75rem !important
    }

    .xl-pb-44 {
        padding-bottom: 2.75rem !important
    }

    .xl-pl-44 {
        padding-left: 2.75rem !important
    }
}

.p-48 {
    padding: 3rem
}

.py-48 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-48 {
    padding-right: 3rem;
    padding-left: 3rem
}

.pt-48 {
    padding-top: 3rem
}

.pr-48 {
    padding-right: 3rem
}

.pb-48 {
    padding-bottom: 3rem
}

.pl-48 {
    padding-left: 3rem
}

@media (max-width: 575px) {
    .xs-p-48 {
        padding: 3rem !important
    }

    .xs-py-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .xs-px-48 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .xs-pt-48 {
        padding-top: 3rem !important
    }

    .xs-pr-48 {
        padding-right: 3rem !important
    }

    .xs-pb-48 {
        padding-bottom: 3rem !important
    }

    .xs-pl-48 {
        padding-left: 3rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-48 {
        padding: 3rem !important
    }

    .sm-py-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .sm-px-48 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .sm-pt-48 {
        padding-top: 3rem !important
    }

    .sm-pr-48 {
        padding-right: 3rem !important
    }

    .sm-pb-48 {
        padding-bottom: 3rem !important
    }

    .sm-pl-48 {
        padding-left: 3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-48 {
        padding: 3rem !important
    }

    .md-py-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .md-px-48 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .md-pt-48 {
        padding-top: 3rem !important
    }

    .md-pr-48 {
        padding-right: 3rem !important
    }

    .md-pb-48 {
        padding-bottom: 3rem !important
    }

    .md-pl-48 {
        padding-left: 3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-48 {
        padding: 3rem !important
    }

    .lg-py-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .lg-px-48 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .lg-pt-48 {
        padding-top: 3rem !important
    }

    .lg-pr-48 {
        padding-right: 3rem !important
    }

    .lg-pb-48 {
        padding-bottom: 3rem !important
    }

    .lg-pl-48 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-48 {
        padding: 3rem !important
    }

    .xl-py-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .xl-px-48 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .xl-pt-48 {
        padding-top: 3rem !important
    }

    .xl-pr-48 {
        padding-right: 3rem !important
    }

    .xl-pb-48 {
        padding-bottom: 3rem !important
    }

    .xl-pl-48 {
        padding-left: 3rem !important
    }
}

.p-50 {
    padding: 3.125rem
}

.py-50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.px-50 {
    padding-right: 3.125rem;
    padding-left: 3.125rem
}

.pt-50 {
    padding-top: 3.125rem
}

.pr-50 {
    padding-right: 3.125rem
}

.pb-50 {
    padding-bottom: 3.125rem
}

.pl-50 {
    padding-left: 3.125rem
}

@media (max-width: 575px) {
    .xs-p-50 {
        padding: 3.125rem !important
    }

    .xs-py-50 {
        padding-top: 3.125rem !important;
        padding-bottom: 3.125rem !important
    }

    .xs-px-50 {
        padding-right: 3.125rem !important;
        padding-left: 3.125rem !important
    }

    .xs-pt-50 {
        padding-top: 3.125rem !important
    }

    .xs-pr-50 {
        padding-right: 3.125rem !important
    }

    .xs-pb-50 {
        padding-bottom: 3.125rem !important
    }

    .xs-pl-50 {
        padding-left: 3.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-50 {
        padding: 3.125rem !important
    }

    .sm-py-50 {
        padding-top: 3.125rem !important;
        padding-bottom: 3.125rem !important
    }

    .sm-px-50 {
        padding-right: 3.125rem !important;
        padding-left: 3.125rem !important
    }

    .sm-pt-50 {
        padding-top: 3.125rem !important
    }

    .sm-pr-50 {
        padding-right: 3.125rem !important
    }

    .sm-pb-50 {
        padding-bottom: 3.125rem !important
    }

    .sm-pl-50 {
        padding-left: 3.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-50 {
        padding: 3.125rem !important
    }

    .md-py-50 {
        padding-top: 3.125rem !important;
        padding-bottom: 3.125rem !important
    }

    .md-px-50 {
        padding-right: 3.125rem !important;
        padding-left: 3.125rem !important
    }

    .md-pt-50 {
        padding-top: 3.125rem !important
    }

    .md-pr-50 {
        padding-right: 3.125rem !important
    }

    .md-pb-50 {
        padding-bottom: 3.125rem !important
    }

    .md-pl-50 {
        padding-left: 3.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-50 {
        padding: 3.125rem !important
    }

    .lg-py-50 {
        padding-top: 3.125rem !important;
        padding-bottom: 3.125rem !important
    }

    .lg-px-50 {
        padding-right: 3.125rem !important;
        padding-left: 3.125rem !important
    }

    .lg-pt-50 {
        padding-top: 3.125rem !important
    }

    .lg-pr-50 {
        padding-right: 3.125rem !important
    }

    .lg-pb-50 {
        padding-bottom: 3.125rem !important
    }

    .lg-pl-50 {
        padding-left: 3.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-50 {
        padding: 3.125rem !important
    }

    .xl-py-50 {
        padding-top: 3.125rem !important;
        padding-bottom: 3.125rem !important
    }

    .xl-px-50 {
        padding-right: 3.125rem !important;
        padding-left: 3.125rem !important
    }

    .xl-pt-50 {
        padding-top: 3.125rem !important
    }

    .xl-pr-50 {
        padding-right: 3.125rem !important
    }

    .xl-pb-50 {
        padding-bottom: 3.125rem !important
    }

    .xl-pl-50 {
        padding-left: 3.125rem !important
    }
}

.p-52 {
    padding: 3.25rem
}

.py-52 {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem
}

.px-52 {
    padding-right: 3.25rem;
    padding-left: 3.25rem
}

.pt-52 {
    padding-top: 3.25rem
}

.pr-52 {
    padding-right: 3.25rem
}

.pb-52 {
    padding-bottom: 3.25rem
}

.pl-52 {
    padding-left: 3.25rem
}

@media (max-width: 575px) {
    .xs-p-52 {
        padding: 3.25rem !important
    }

    .xs-py-52 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important
    }

    .xs-px-52 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important
    }

    .xs-pt-52 {
        padding-top: 3.25rem !important
    }

    .xs-pr-52 {
        padding-right: 3.25rem !important
    }

    .xs-pb-52 {
        padding-bottom: 3.25rem !important
    }

    .xs-pl-52 {
        padding-left: 3.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-52 {
        padding: 3.25rem !important
    }

    .sm-py-52 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important
    }

    .sm-px-52 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important
    }

    .sm-pt-52 {
        padding-top: 3.25rem !important
    }

    .sm-pr-52 {
        padding-right: 3.25rem !important
    }

    .sm-pb-52 {
        padding-bottom: 3.25rem !important
    }

    .sm-pl-52 {
        padding-left: 3.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-52 {
        padding: 3.25rem !important
    }

    .md-py-52 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important
    }

    .md-px-52 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important
    }

    .md-pt-52 {
        padding-top: 3.25rem !important
    }

    .md-pr-52 {
        padding-right: 3.25rem !important
    }

    .md-pb-52 {
        padding-bottom: 3.25rem !important
    }

    .md-pl-52 {
        padding-left: 3.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-52 {
        padding: 3.25rem !important
    }

    .lg-py-52 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important
    }

    .lg-px-52 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important
    }

    .lg-pt-52 {
        padding-top: 3.25rem !important
    }

    .lg-pr-52 {
        padding-right: 3.25rem !important
    }

    .lg-pb-52 {
        padding-bottom: 3.25rem !important
    }

    .lg-pl-52 {
        padding-left: 3.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-52 {
        padding: 3.25rem !important
    }

    .xl-py-52 {
        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important
    }

    .xl-px-52 {
        padding-right: 3.25rem !important;
        padding-left: 3.25rem !important
    }

    .xl-pt-52 {
        padding-top: 3.25rem !important
    }

    .xl-pr-52 {
        padding-right: 3.25rem !important
    }

    .xl-pb-52 {
        padding-bottom: 3.25rem !important
    }

    .xl-pl-52 {
        padding-left: 3.25rem !important
    }
}

.p-56 {
    padding: 3.5rem
}

.py-56 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.px-56 {
    padding-right: 3.5rem;
    padding-left: 3.5rem
}

.pt-56 {
    padding-top: 3.5rem
}

.pr-56 {
    padding-right: 3.5rem
}

.pb-56 {
    padding-bottom: 3.5rem
}

.pl-56 {
    padding-left: 3.5rem
}

@media (max-width: 575px) {
    .xs-p-56 {
        padding: 3.5rem !important
    }

    .xs-py-56 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .xs-px-56 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

    .xs-pt-56 {
        padding-top: 3.5rem !important
    }

    .xs-pr-56 {
        padding-right: 3.5rem !important
    }

    .xs-pb-56 {
        padding-bottom: 3.5rem !important
    }

    .xs-pl-56 {
        padding-left: 3.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-56 {
        padding: 3.5rem !important
    }

    .sm-py-56 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .sm-px-56 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

    .sm-pt-56 {
        padding-top: 3.5rem !important
    }

    .sm-pr-56 {
        padding-right: 3.5rem !important
    }

    .sm-pb-56 {
        padding-bottom: 3.5rem !important
    }

    .sm-pl-56 {
        padding-left: 3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-56 {
        padding: 3.5rem !important
    }

    .md-py-56 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .md-px-56 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

    .md-pt-56 {
        padding-top: 3.5rem !important
    }

    .md-pr-56 {
        padding-right: 3.5rem !important
    }

    .md-pb-56 {
        padding-bottom: 3.5rem !important
    }

    .md-pl-56 {
        padding-left: 3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-56 {
        padding: 3.5rem !important
    }

    .lg-py-56 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .lg-px-56 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

    .lg-pt-56 {
        padding-top: 3.5rem !important
    }

    .lg-pr-56 {
        padding-right: 3.5rem !important
    }

    .lg-pb-56 {
        padding-bottom: 3.5rem !important
    }

    .lg-pl-56 {
        padding-left: 3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-56 {
        padding: 3.5rem !important
    }

    .xl-py-56 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .xl-px-56 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

    .xl-pt-56 {
        padding-top: 3.5rem !important
    }

    .xl-pr-56 {
        padding-right: 3.5rem !important
    }

    .xl-pb-56 {
        padding-bottom: 3.5rem !important
    }

    .xl-pl-56 {
        padding-left: 3.5rem !important
    }
}

.p-60 {
    padding: 3.75rem
}

.py-60 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.px-60 {
    padding-right: 3.75rem;
    padding-left: 3.75rem
}

.pt-60 {
    padding-top: 3.75rem
}

.pr-60 {
    padding-right: 3.75rem
}

.pb-60 {
    padding-bottom: 3.75rem
}

.pl-60 {
    padding-left: 3.75rem
}

@media (max-width: 575px) {
    .xs-p-60 {
        padding: 3.75rem !important
    }

    .xs-py-60 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }

    .xs-px-60 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important
    }

    .xs-pt-60 {
        padding-top: 3.75rem !important
    }

    .xs-pr-60 {
        padding-right: 3.75rem !important
    }

    .xs-pb-60 {
        padding-bottom: 3.75rem !important
    }

    .xs-pl-60 {
        padding-left: 3.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-60 {
        padding: 3.75rem !important
    }

    .sm-py-60 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }

    .sm-px-60 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important
    }

    .sm-pt-60 {
        padding-top: 3.75rem !important
    }

    .sm-pr-60 {
        padding-right: 3.75rem !important
    }

    .sm-pb-60 {
        padding-bottom: 3.75rem !important
    }

    .sm-pl-60 {
        padding-left: 3.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-60 {
        padding: 3.75rem !important
    }

    .md-py-60 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }

    .md-px-60 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important
    }

    .md-pt-60 {
        padding-top: 3.75rem !important
    }

    .md-pr-60 {
        padding-right: 3.75rem !important
    }

    .md-pb-60 {
        padding-bottom: 3.75rem !important
    }

    .md-pl-60 {
        padding-left: 3.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-60 {
        padding: 3.75rem !important
    }

    .lg-py-60 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }

    .lg-px-60 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important
    }

    .lg-pt-60 {
        padding-top: 3.75rem !important
    }

    .lg-pr-60 {
        padding-right: 3.75rem !important
    }

    .lg-pb-60 {
        padding-bottom: 3.75rem !important
    }

    .lg-pl-60 {
        padding-left: 3.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-60 {
        padding: 3.75rem !important
    }

    .xl-py-60 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important
    }

    .xl-px-60 {
        padding-right: 3.75rem !important;
        padding-left: 3.75rem !important
    }

    .xl-pt-60 {
        padding-top: 3.75rem !important
    }

    .xl-pr-60 {
        padding-right: 3.75rem !important
    }

    .xl-pb-60 {
        padding-bottom: 3.75rem !important
    }

    .xl-pl-60 {
        padding-left: 3.75rem !important
    }
}

.p-64 {
    padding: 4rem
}

.py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-64 {
    padding-right: 4rem;
    padding-left: 4rem
}

.pt-64 {
    padding-top: 4rem
}

.pr-64 {
    padding-right: 4rem
}

.pb-64 {
    padding-bottom: 4rem
}

.pl-64 {
    padding-left: 4rem
}

@media (max-width: 575px) {
    .xs-p-64 {
        padding: 4rem !important
    }

    .xs-py-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .xs-px-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .xs-pt-64 {
        padding-top: 4rem !important
    }

    .xs-pr-64 {
        padding-right: 4rem !important
    }

    .xs-pb-64 {
        padding-bottom: 4rem !important
    }

    .xs-pl-64 {
        padding-left: 4rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-64 {
        padding: 4rem !important
    }

    .sm-py-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .sm-px-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .sm-pt-64 {
        padding-top: 4rem !important
    }

    .sm-pr-64 {
        padding-right: 4rem !important
    }

    .sm-pb-64 {
        padding-bottom: 4rem !important
    }

    .sm-pl-64 {
        padding-left: 4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-64 {
        padding: 4rem !important
    }

    .md-py-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .md-px-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .md-pt-64 {
        padding-top: 4rem !important
    }

    .md-pr-64 {
        padding-right: 4rem !important
    }

    .md-pb-64 {
        padding-bottom: 4rem !important
    }

    .md-pl-64 {
        padding-left: 4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-64 {
        padding: 4rem !important
    }

    .lg-py-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .lg-px-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .lg-pt-64 {
        padding-top: 4rem !important
    }

    .lg-pr-64 {
        padding-right: 4rem !important
    }

    .lg-pb-64 {
        padding-bottom: 4rem !important
    }

    .lg-pl-64 {
        padding-left: 4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-64 {
        padding: 4rem !important
    }

    .xl-py-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .xl-px-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .xl-pt-64 {
        padding-top: 4rem !important
    }

    .xl-pr-64 {
        padding-right: 4rem !important
    }

    .xl-pb-64 {
        padding-bottom: 4rem !important
    }

    .xl-pl-64 {
        padding-left: 4rem !important
    }
}

.p-68 {
    padding: 4.25rem
}

.py-68 {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem
}

.px-68 {
    padding-right: 4.25rem;
    padding-left: 4.25rem
}

.pt-68 {
    padding-top: 4.25rem
}

.pr-68 {
    padding-right: 4.25rem
}

.pb-68 {
    padding-bottom: 4.25rem
}

.pl-68 {
    padding-left: 4.25rem
}

@media (max-width: 575px) {
    .xs-p-68 {
        padding: 4.25rem !important
    }

    .xs-py-68 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important
    }

    .xs-px-68 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important
    }

    .xs-pt-68 {
        padding-top: 4.25rem !important
    }

    .xs-pr-68 {
        padding-right: 4.25rem !important
    }

    .xs-pb-68 {
        padding-bottom: 4.25rem !important
    }

    .xs-pl-68 {
        padding-left: 4.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-68 {
        padding: 4.25rem !important
    }

    .sm-py-68 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important
    }

    .sm-px-68 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important
    }

    .sm-pt-68 {
        padding-top: 4.25rem !important
    }

    .sm-pr-68 {
        padding-right: 4.25rem !important
    }

    .sm-pb-68 {
        padding-bottom: 4.25rem !important
    }

    .sm-pl-68 {
        padding-left: 4.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-68 {
        padding: 4.25rem !important
    }

    .md-py-68 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important
    }

    .md-px-68 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important
    }

    .md-pt-68 {
        padding-top: 4.25rem !important
    }

    .md-pr-68 {
        padding-right: 4.25rem !important
    }

    .md-pb-68 {
        padding-bottom: 4.25rem !important
    }

    .md-pl-68 {
        padding-left: 4.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-68 {
        padding: 4.25rem !important
    }

    .lg-py-68 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important
    }

    .lg-px-68 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important
    }

    .lg-pt-68 {
        padding-top: 4.25rem !important
    }

    .lg-pr-68 {
        padding-right: 4.25rem !important
    }

    .lg-pb-68 {
        padding-bottom: 4.25rem !important
    }

    .lg-pl-68 {
        padding-left: 4.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-68 {
        padding: 4.25rem !important
    }

    .xl-py-68 {
        padding-top: 4.25rem !important;
        padding-bottom: 4.25rem !important
    }

    .xl-px-68 {
        padding-right: 4.25rem !important;
        padding-left: 4.25rem !important
    }

    .xl-pt-68 {
        padding-top: 4.25rem !important
    }

    .xl-pr-68 {
        padding-right: 4.25rem !important
    }

    .xl-pb-68 {
        padding-bottom: 4.25rem !important
    }

    .xl-pl-68 {
        padding-left: 4.25rem !important
    }
}

.p-72 {
    padding: 4.5rem
}

.py-72 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.px-72 {
    padding-right: 4.5rem;
    padding-left: 4.5rem
}

.pt-72 {
    padding-top: 4.5rem
}

.pr-72 {
    padding-right: 4.5rem
}

.pb-72 {
    padding-bottom: 4.5rem
}

.pl-72 {
    padding-left: 4.5rem
}

@media (max-width: 575px) {
    .xs-p-72 {
        padding: 4.5rem !important
    }

    .xs-py-72 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .xs-px-72 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .xs-pt-72 {
        padding-top: 4.5rem !important
    }

    .xs-pr-72 {
        padding-right: 4.5rem !important
    }

    .xs-pb-72 {
        padding-bottom: 4.5rem !important
    }

    .xs-pl-72 {
        padding-left: 4.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-72 {
        padding: 4.5rem !important
    }

    .sm-py-72 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .sm-px-72 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .sm-pt-72 {
        padding-top: 4.5rem !important
    }

    .sm-pr-72 {
        padding-right: 4.5rem !important
    }

    .sm-pb-72 {
        padding-bottom: 4.5rem !important
    }

    .sm-pl-72 {
        padding-left: 4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-72 {
        padding: 4.5rem !important
    }

    .md-py-72 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .md-px-72 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .md-pt-72 {
        padding-top: 4.5rem !important
    }

    .md-pr-72 {
        padding-right: 4.5rem !important
    }

    .md-pb-72 {
        padding-bottom: 4.5rem !important
    }

    .md-pl-72 {
        padding-left: 4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-72 {
        padding: 4.5rem !important
    }

    .lg-py-72 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .lg-px-72 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .lg-pt-72 {
        padding-top: 4.5rem !important
    }

    .lg-pr-72 {
        padding-right: 4.5rem !important
    }

    .lg-pb-72 {
        padding-bottom: 4.5rem !important
    }

    .lg-pl-72 {
        padding-left: 4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-72 {
        padding: 4.5rem !important
    }

    .xl-py-72 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

    .xl-px-72 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

    .xl-pt-72 {
        padding-top: 4.5rem !important
    }

    .xl-pr-72 {
        padding-right: 4.5rem !important
    }

    .xl-pb-72 {
        padding-bottom: 4.5rem !important
    }

    .xl-pl-72 {
        padding-left: 4.5rem !important
    }
}

.p-76 {
    padding: 4.75rem
}

.py-76 {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem
}

.px-76 {
    padding-right: 4.75rem;
    padding-left: 4.75rem
}

.pt-76 {
    padding-top: 4.75rem
}

.pr-76 {
    padding-right: 4.75rem
}

.pb-76 {
    padding-bottom: 4.75rem
}

.pl-76 {
    padding-left: 4.75rem
}

@media (max-width: 575px) {
    .xs-p-76 {
        padding: 4.75rem !important
    }

    .xs-py-76 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important
    }

    .xs-px-76 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important
    }

    .xs-pt-76 {
        padding-top: 4.75rem !important
    }

    .xs-pr-76 {
        padding-right: 4.75rem !important
    }

    .xs-pb-76 {
        padding-bottom: 4.75rem !important
    }

    .xs-pl-76 {
        padding-left: 4.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-76 {
        padding: 4.75rem !important
    }

    .sm-py-76 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important
    }

    .sm-px-76 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important
    }

    .sm-pt-76 {
        padding-top: 4.75rem !important
    }

    .sm-pr-76 {
        padding-right: 4.75rem !important
    }

    .sm-pb-76 {
        padding-bottom: 4.75rem !important
    }

    .sm-pl-76 {
        padding-left: 4.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-76 {
        padding: 4.75rem !important
    }

    .md-py-76 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important
    }

    .md-px-76 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important
    }

    .md-pt-76 {
        padding-top: 4.75rem !important
    }

    .md-pr-76 {
        padding-right: 4.75rem !important
    }

    .md-pb-76 {
        padding-bottom: 4.75rem !important
    }

    .md-pl-76 {
        padding-left: 4.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-76 {
        padding: 4.75rem !important
    }

    .lg-py-76 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important
    }

    .lg-px-76 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important
    }

    .lg-pt-76 {
        padding-top: 4.75rem !important
    }

    .lg-pr-76 {
        padding-right: 4.75rem !important
    }

    .lg-pb-76 {
        padding-bottom: 4.75rem !important
    }

    .lg-pl-76 {
        padding-left: 4.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-76 {
        padding: 4.75rem !important
    }

    .xl-py-76 {
        padding-top: 4.75rem !important;
        padding-bottom: 4.75rem !important
    }

    .xl-px-76 {
        padding-right: 4.75rem !important;
        padding-left: 4.75rem !important
    }

    .xl-pt-76 {
        padding-top: 4.75rem !important
    }

    .xl-pr-76 {
        padding-right: 4.75rem !important
    }

    .xl-pb-76 {
        padding-bottom: 4.75rem !important
    }

    .xl-pl-76 {
        padding-left: 4.75rem !important
    }
}

.p-80 {
    padding: 5rem
}

.py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-80 {
    padding-right: 5rem;
    padding-left: 5rem
}

.pt-80 {
    padding-top: 5rem
}

.pr-80 {
    padding-right: 5rem
}

.pb-80 {
    padding-bottom: 5rem
}

.pl-80 {
    padding-left: 5rem
}

@media (max-width: 575px) {
    .xs-p-80 {
        padding: 5rem !important
    }

    .xs-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .xs-px-80 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .xs-pt-80 {
        padding-top: 5rem !important
    }

    .xs-pr-80 {
        padding-right: 5rem !important
    }

    .xs-pb-80 {
        padding-bottom: 5rem !important
    }

    .xs-pl-80 {
        padding-left: 5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-80 {
        padding: 5rem !important
    }

    .sm-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .sm-px-80 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .sm-pt-80 {
        padding-top: 5rem !important
    }

    .sm-pr-80 {
        padding-right: 5rem !important
    }

    .sm-pb-80 {
        padding-bottom: 5rem !important
    }

    .sm-pl-80 {
        padding-left: 5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-80 {
        padding: 5rem !important
    }

    .md-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .md-px-80 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .md-pt-80 {
        padding-top: 5rem !important
    }

    .md-pr-80 {
        padding-right: 5rem !important
    }

    .md-pb-80 {
        padding-bottom: 5rem !important
    }

    .md-pl-80 {
        padding-left: 5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-80 {
        padding: 5rem !important
    }

    .lg-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .lg-px-80 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .lg-pt-80 {
        padding-top: 5rem !important
    }

    .lg-pr-80 {
        padding-right: 5rem !important
    }

    .lg-pb-80 {
        padding-bottom: 5rem !important
    }

    .lg-pl-80 {
        padding-left: 5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-80 {
        padding: 5rem !important
    }

    .xl-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .xl-px-80 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .xl-pt-80 {
        padding-top: 5rem !important
    }

    .xl-pr-80 {
        padding-right: 5rem !important
    }

    .xl-pb-80 {
        padding-bottom: 5rem !important
    }

    .xl-pl-80 {
        padding-left: 5rem !important
    }
}

.p-84 {
    padding: 5.25rem
}

.py-84 {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem
}

.px-84 {
    padding-right: 5.25rem;
    padding-left: 5.25rem
}

.pt-84 {
    padding-top: 5.25rem
}

.pr-84 {
    padding-right: 5.25rem
}

.pb-84 {
    padding-bottom: 5.25rem
}

.pl-84 {
    padding-left: 5.25rem
}

@media (max-width: 575px) {
    .xs-p-84 {
        padding: 5.25rem !important
    }

    .xs-py-84 {
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important
    }

    .xs-px-84 {
        padding-right: 5.25rem !important;
        padding-left: 5.25rem !important
    }

    .xs-pt-84 {
        padding-top: 5.25rem !important
    }

    .xs-pr-84 {
        padding-right: 5.25rem !important
    }

    .xs-pb-84 {
        padding-bottom: 5.25rem !important
    }

    .xs-pl-84 {
        padding-left: 5.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-84 {
        padding: 5.25rem !important
    }

    .sm-py-84 {
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important
    }

    .sm-px-84 {
        padding-right: 5.25rem !important;
        padding-left: 5.25rem !important
    }

    .sm-pt-84 {
        padding-top: 5.25rem !important
    }

    .sm-pr-84 {
        padding-right: 5.25rem !important
    }

    .sm-pb-84 {
        padding-bottom: 5.25rem !important
    }

    .sm-pl-84 {
        padding-left: 5.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-84 {
        padding: 5.25rem !important
    }

    .md-py-84 {
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important
    }

    .md-px-84 {
        padding-right: 5.25rem !important;
        padding-left: 5.25rem !important
    }

    .md-pt-84 {
        padding-top: 5.25rem !important
    }

    .md-pr-84 {
        padding-right: 5.25rem !important
    }

    .md-pb-84 {
        padding-bottom: 5.25rem !important
    }

    .md-pl-84 {
        padding-left: 5.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-84 {
        padding: 5.25rem !important
    }

    .lg-py-84 {
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important
    }

    .lg-px-84 {
        padding-right: 5.25rem !important;
        padding-left: 5.25rem !important
    }

    .lg-pt-84 {
        padding-top: 5.25rem !important
    }

    .lg-pr-84 {
        padding-right: 5.25rem !important
    }

    .lg-pb-84 {
        padding-bottom: 5.25rem !important
    }

    .lg-pl-84 {
        padding-left: 5.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-84 {
        padding: 5.25rem !important
    }

    .xl-py-84 {
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important
    }

    .xl-px-84 {
        padding-right: 5.25rem !important;
        padding-left: 5.25rem !important
    }

    .xl-pt-84 {
        padding-top: 5.25rem !important
    }

    .xl-pr-84 {
        padding-right: 5.25rem !important
    }

    .xl-pb-84 {
        padding-bottom: 5.25rem !important
    }

    .xl-pl-84 {
        padding-left: 5.25rem !important
    }
}

.p-88 {
    padding: 5.5rem
}

.py-88 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem
}

.px-88 {
    padding-right: 5.5rem;
    padding-left: 5.5rem
}

.pt-88 {
    padding-top: 5.5rem
}

.pr-88 {
    padding-right: 5.5rem
}

.pb-88 {
    padding-bottom: 5.5rem
}

.pl-88 {
    padding-left: 5.5rem
}

@media (max-width: 575px) {
    .xs-p-88 {
        padding: 5.5rem !important
    }

    .xs-py-88 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }

    .xs-px-88 {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important
    }

    .xs-pt-88 {
        padding-top: 5.5rem !important
    }

    .xs-pr-88 {
        padding-right: 5.5rem !important
    }

    .xs-pb-88 {
        padding-bottom: 5.5rem !important
    }

    .xs-pl-88 {
        padding-left: 5.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-88 {
        padding: 5.5rem !important
    }

    .sm-py-88 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }

    .sm-px-88 {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important
    }

    .sm-pt-88 {
        padding-top: 5.5rem !important
    }

    .sm-pr-88 {
        padding-right: 5.5rem !important
    }

    .sm-pb-88 {
        padding-bottom: 5.5rem !important
    }

    .sm-pl-88 {
        padding-left: 5.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-88 {
        padding: 5.5rem !important
    }

    .md-py-88 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }

    .md-px-88 {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important
    }

    .md-pt-88 {
        padding-top: 5.5rem !important
    }

    .md-pr-88 {
        padding-right: 5.5rem !important
    }

    .md-pb-88 {
        padding-bottom: 5.5rem !important
    }

    .md-pl-88 {
        padding-left: 5.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-88 {
        padding: 5.5rem !important
    }

    .lg-py-88 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }

    .lg-px-88 {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important
    }

    .lg-pt-88 {
        padding-top: 5.5rem !important
    }

    .lg-pr-88 {
        padding-right: 5.5rem !important
    }

    .lg-pb-88 {
        padding-bottom: 5.5rem !important
    }

    .lg-pl-88 {
        padding-left: 5.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-88 {
        padding: 5.5rem !important
    }

    .xl-py-88 {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important
    }

    .xl-px-88 {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important
    }

    .xl-pt-88 {
        padding-top: 5.5rem !important
    }

    .xl-pr-88 {
        padding-right: 5.5rem !important
    }

    .xl-pb-88 {
        padding-bottom: 5.5rem !important
    }

    .xl-pl-88 {
        padding-left: 5.5rem !important
    }
}

.p-92 {
    padding: 5.75rem
}

.py-92 {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem
}

.px-92 {
    padding-right: 5.75rem;
    padding-left: 5.75rem
}

.pt-92 {
    padding-top: 5.75rem
}

.pr-92 {
    padding-right: 5.75rem
}

.pb-92 {
    padding-bottom: 5.75rem
}

.pl-92 {
    padding-left: 5.75rem
}

@media (max-width: 575px) {
    .xs-p-92 {
        padding: 5.75rem !important
    }

    .xs-py-92 {
        padding-top: 5.75rem !important;
        padding-bottom: 5.75rem !important
    }

    .xs-px-92 {
        padding-right: 5.75rem !important;
        padding-left: 5.75rem !important
    }

    .xs-pt-92 {
        padding-top: 5.75rem !important
    }

    .xs-pr-92 {
        padding-right: 5.75rem !important
    }

    .xs-pb-92 {
        padding-bottom: 5.75rem !important
    }

    .xs-pl-92 {
        padding-left: 5.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-92 {
        padding: 5.75rem !important
    }

    .sm-py-92 {
        padding-top: 5.75rem !important;
        padding-bottom: 5.75rem !important
    }

    .sm-px-92 {
        padding-right: 5.75rem !important;
        padding-left: 5.75rem !important
    }

    .sm-pt-92 {
        padding-top: 5.75rem !important
    }

    .sm-pr-92 {
        padding-right: 5.75rem !important
    }

    .sm-pb-92 {
        padding-bottom: 5.75rem !important
    }

    .sm-pl-92 {
        padding-left: 5.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-92 {
        padding: 5.75rem !important
    }

    .md-py-92 {
        padding-top: 5.75rem !important;
        padding-bottom: 5.75rem !important
    }

    .md-px-92 {
        padding-right: 5.75rem !important;
        padding-left: 5.75rem !important
    }

    .md-pt-92 {
        padding-top: 5.75rem !important
    }

    .md-pr-92 {
        padding-right: 5.75rem !important
    }

    .md-pb-92 {
        padding-bottom: 5.75rem !important
    }

    .md-pl-92 {
        padding-left: 5.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-92 {
        padding: 5.75rem !important
    }

    .lg-py-92 {
        padding-top: 5.75rem !important;
        padding-bottom: 5.75rem !important
    }

    .lg-px-92 {
        padding-right: 5.75rem !important;
        padding-left: 5.75rem !important
    }

    .lg-pt-92 {
        padding-top: 5.75rem !important
    }

    .lg-pr-92 {
        padding-right: 5.75rem !important
    }

    .lg-pb-92 {
        padding-bottom: 5.75rem !important
    }

    .lg-pl-92 {
        padding-left: 5.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-92 {
        padding: 5.75rem !important
    }

    .xl-py-92 {
        padding-top: 5.75rem !important;
        padding-bottom: 5.75rem !important
    }

    .xl-px-92 {
        padding-right: 5.75rem !important;
        padding-left: 5.75rem !important
    }

    .xl-pt-92 {
        padding-top: 5.75rem !important
    }

    .xl-pr-92 {
        padding-right: 5.75rem !important
    }

    .xl-pb-92 {
        padding-bottom: 5.75rem !important
    }

    .xl-pl-92 {
        padding-left: 5.75rem !important
    }
}

.p-96 {
    padding: 6rem
}

.py-96 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.px-96 {
    padding-right: 6rem;
    padding-left: 6rem
}

.pt-96 {
    padding-top: 6rem
}

.pr-96 {
    padding-right: 6rem
}

.pb-96 {
    padding-bottom: 6rem
}

.pl-96 {
    padding-left: 6rem
}

@media (max-width: 575px) {
    .xs-p-96 {
        padding: 6rem !important
    }

    .xs-py-96 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .xs-px-96 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .xs-pt-96 {
        padding-top: 6rem !important
    }

    .xs-pr-96 {
        padding-right: 6rem !important
    }

    .xs-pb-96 {
        padding-bottom: 6rem !important
    }

    .xs-pl-96 {
        padding-left: 6rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-96 {
        padding: 6rem !important
    }

    .sm-py-96 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .sm-px-96 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .sm-pt-96 {
        padding-top: 6rem !important
    }

    .sm-pr-96 {
        padding-right: 6rem !important
    }

    .sm-pb-96 {
        padding-bottom: 6rem !important
    }

    .sm-pl-96 {
        padding-left: 6rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-96 {
        padding: 6rem !important
    }

    .md-py-96 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .md-px-96 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .md-pt-96 {
        padding-top: 6rem !important
    }

    .md-pr-96 {
        padding-right: 6rem !important
    }

    .md-pb-96 {
        padding-bottom: 6rem !important
    }

    .md-pl-96 {
        padding-left: 6rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-96 {
        padding: 6rem !important
    }

    .lg-py-96 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .lg-px-96 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .lg-pt-96 {
        padding-top: 6rem !important
    }

    .lg-pr-96 {
        padding-right: 6rem !important
    }

    .lg-pb-96 {
        padding-bottom: 6rem !important
    }

    .lg-pl-96 {
        padding-left: 6rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-96 {
        padding: 6rem !important
    }

    .xl-py-96 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .xl-px-96 {
        padding-right: 6rem !important;
        padding-left: 6rem !important
    }

    .xl-pt-96 {
        padding-top: 6rem !important
    }

    .xl-pr-96 {
        padding-right: 6rem !important
    }

    .xl-pb-96 {
        padding-bottom: 6rem !important
    }

    .xl-pl-96 {
        padding-left: 6rem !important
    }
}

.p-100 {
    padding: 6.25rem
}

.py-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

.px-100 {
    padding-right: 6.25rem;
    padding-left: 6.25rem
}

.pt-100 {
    padding-top: 6.25rem
}

.pr-100 {
    padding-right: 6.25rem
}

.pb-100 {
    padding-bottom: 6.25rem
}

.pl-100 {
    padding-left: 6.25rem
}

@media (max-width: 575px) {
    .xs-p-100 {
        padding: 6.25rem !important
    }

    .xs-py-100 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }

    .xs-px-100 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important
    }

    .xs-pt-100 {
        padding-top: 6.25rem !important
    }

    .xs-pr-100 {
        padding-right: 6.25rem !important
    }

    .xs-pb-100 {
        padding-bottom: 6.25rem !important
    }

    .xs-pl-100 {
        padding-left: 6.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-100 {
        padding: 6.25rem !important
    }

    .sm-py-100 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }

    .sm-px-100 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important
    }

    .sm-pt-100 {
        padding-top: 6.25rem !important
    }

    .sm-pr-100 {
        padding-right: 6.25rem !important
    }

    .sm-pb-100 {
        padding-bottom: 6.25rem !important
    }

    .sm-pl-100 {
        padding-left: 6.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-100 {
        padding: 6.25rem !important
    }

    .md-py-100 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }

    .md-px-100 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important
    }

    .md-pt-100 {
        padding-top: 6.25rem !important
    }

    .md-pr-100 {
        padding-right: 6.25rem !important
    }

    .md-pb-100 {
        padding-bottom: 6.25rem !important
    }

    .md-pl-100 {
        padding-left: 6.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-100 {
        padding: 6.25rem !important
    }

    .lg-py-100 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }

    .lg-px-100 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important
    }

    .lg-pt-100 {
        padding-top: 6.25rem !important
    }

    .lg-pr-100 {
        padding-right: 6.25rem !important
    }

    .lg-pb-100 {
        padding-bottom: 6.25rem !important
    }

    .lg-pl-100 {
        padding-left: 6.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-100 {
        padding: 6.25rem !important
    }

    .xl-py-100 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }

    .xl-px-100 {
        padding-right: 6.25rem !important;
        padding-left: 6.25rem !important
    }

    .xl-pt-100 {
        padding-top: 6.25rem !important
    }

    .xl-pr-100 {
        padding-right: 6.25rem !important
    }

    .xl-pb-100 {
        padding-bottom: 6.25rem !important
    }

    .xl-pl-100 {
        padding-left: 6.25rem !important
    }
}

.p-104 {
    padding: 6.5rem
}

.py-104 {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem
}

.px-104 {
    padding-right: 6.5rem;
    padding-left: 6.5rem
}

.pt-104 {
    padding-top: 6.5rem
}

.pr-104 {
    padding-right: 6.5rem
}

.pb-104 {
    padding-bottom: 6.5rem
}

.pl-104 {
    padding-left: 6.5rem
}

@media (max-width: 575px) {
    .xs-p-104 {
        padding: 6.5rem !important
    }

    .xs-py-104 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }

    .xs-px-104 {
        padding-right: 6.5rem !important;
        padding-left: 6.5rem !important
    }

    .xs-pt-104 {
        padding-top: 6.5rem !important
    }

    .xs-pr-104 {
        padding-right: 6.5rem !important
    }

    .xs-pb-104 {
        padding-bottom: 6.5rem !important
    }

    .xs-pl-104 {
        padding-left: 6.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-104 {
        padding: 6.5rem !important
    }

    .sm-py-104 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }

    .sm-px-104 {
        padding-right: 6.5rem !important;
        padding-left: 6.5rem !important
    }

    .sm-pt-104 {
        padding-top: 6.5rem !important
    }

    .sm-pr-104 {
        padding-right: 6.5rem !important
    }

    .sm-pb-104 {
        padding-bottom: 6.5rem !important
    }

    .sm-pl-104 {
        padding-left: 6.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-104 {
        padding: 6.5rem !important
    }

    .md-py-104 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }

    .md-px-104 {
        padding-right: 6.5rem !important;
        padding-left: 6.5rem !important
    }

    .md-pt-104 {
        padding-top: 6.5rem !important
    }

    .md-pr-104 {
        padding-right: 6.5rem !important
    }

    .md-pb-104 {
        padding-bottom: 6.5rem !important
    }

    .md-pl-104 {
        padding-left: 6.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-104 {
        padding: 6.5rem !important
    }

    .lg-py-104 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }

    .lg-px-104 {
        padding-right: 6.5rem !important;
        padding-left: 6.5rem !important
    }

    .lg-pt-104 {
        padding-top: 6.5rem !important
    }

    .lg-pr-104 {
        padding-right: 6.5rem !important
    }

    .lg-pb-104 {
        padding-bottom: 6.5rem !important
    }

    .lg-pl-104 {
        padding-left: 6.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-104 {
        padding: 6.5rem !important
    }

    .xl-py-104 {
        padding-top: 6.5rem !important;
        padding-bottom: 6.5rem !important
    }

    .xl-px-104 {
        padding-right: 6.5rem !important;
        padding-left: 6.5rem !important
    }

    .xl-pt-104 {
        padding-top: 6.5rem !important
    }

    .xl-pr-104 {
        padding-right: 6.5rem !important
    }

    .xl-pb-104 {
        padding-bottom: 6.5rem !important
    }

    .xl-pl-104 {
        padding-left: 6.5rem !important
    }
}

.p-108 {
    padding: 6.75rem
}

.py-108 {
    padding-top: 6.75rem;
    padding-bottom: 6.75rem
}

.px-108 {
    padding-right: 6.75rem;
    padding-left: 6.75rem
}

.pt-108 {
    padding-top: 6.75rem
}

.pr-108 {
    padding-right: 6.75rem
}

.pb-108 {
    padding-bottom: 6.75rem
}

.pl-108 {
    padding-left: 6.75rem
}

@media (max-width: 575px) {
    .xs-p-108 {
        padding: 6.75rem !important
    }

    .xs-py-108 {
        padding-top: 6.75rem !important;
        padding-bottom: 6.75rem !important
    }

    .xs-px-108 {
        padding-right: 6.75rem !important;
        padding-left: 6.75rem !important
    }

    .xs-pt-108 {
        padding-top: 6.75rem !important
    }

    .xs-pr-108 {
        padding-right: 6.75rem !important
    }

    .xs-pb-108 {
        padding-bottom: 6.75rem !important
    }

    .xs-pl-108 {
        padding-left: 6.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-108 {
        padding: 6.75rem !important
    }

    .sm-py-108 {
        padding-top: 6.75rem !important;
        padding-bottom: 6.75rem !important
    }

    .sm-px-108 {
        padding-right: 6.75rem !important;
        padding-left: 6.75rem !important
    }

    .sm-pt-108 {
        padding-top: 6.75rem !important
    }

    .sm-pr-108 {
        padding-right: 6.75rem !important
    }

    .sm-pb-108 {
        padding-bottom: 6.75rem !important
    }

    .sm-pl-108 {
        padding-left: 6.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-108 {
        padding: 6.75rem !important
    }

    .md-py-108 {
        padding-top: 6.75rem !important;
        padding-bottom: 6.75rem !important
    }

    .md-px-108 {
        padding-right: 6.75rem !important;
        padding-left: 6.75rem !important
    }

    .md-pt-108 {
        padding-top: 6.75rem !important
    }

    .md-pr-108 {
        padding-right: 6.75rem !important
    }

    .md-pb-108 {
        padding-bottom: 6.75rem !important
    }

    .md-pl-108 {
        padding-left: 6.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-108 {
        padding: 6.75rem !important
    }

    .lg-py-108 {
        padding-top: 6.75rem !important;
        padding-bottom: 6.75rem !important
    }

    .lg-px-108 {
        padding-right: 6.75rem !important;
        padding-left: 6.75rem !important
    }

    .lg-pt-108 {
        padding-top: 6.75rem !important
    }

    .lg-pr-108 {
        padding-right: 6.75rem !important
    }

    .lg-pb-108 {
        padding-bottom: 6.75rem !important
    }

    .lg-pl-108 {
        padding-left: 6.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-108 {
        padding: 6.75rem !important
    }

    .xl-py-108 {
        padding-top: 6.75rem !important;
        padding-bottom: 6.75rem !important
    }

    .xl-px-108 {
        padding-right: 6.75rem !important;
        padding-left: 6.75rem !important
    }

    .xl-pt-108 {
        padding-top: 6.75rem !important
    }

    .xl-pr-108 {
        padding-right: 6.75rem !important
    }

    .xl-pb-108 {
        padding-bottom: 6.75rem !important
    }

    .xl-pl-108 {
        padding-left: 6.75rem !important
    }
}

.p-112 {
    padding: 7rem
}

.py-112 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.px-112 {
    padding-right: 7rem;
    padding-left: 7rem
}

.pt-112 {
    padding-top: 7rem
}

.pr-112 {
    padding-right: 7rem
}

.pb-112 {
    padding-bottom: 7rem
}

.pl-112 {
    padding-left: 7rem
}

@media (max-width: 575px) {
    .xs-p-112 {
        padding: 7rem !important
    }

    .xs-py-112 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .xs-px-112 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .xs-pt-112 {
        padding-top: 7rem !important
    }

    .xs-pr-112 {
        padding-right: 7rem !important
    }

    .xs-pb-112 {
        padding-bottom: 7rem !important
    }

    .xs-pl-112 {
        padding-left: 7rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-112 {
        padding: 7rem !important
    }

    .sm-py-112 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .sm-px-112 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .sm-pt-112 {
        padding-top: 7rem !important
    }

    .sm-pr-112 {
        padding-right: 7rem !important
    }

    .sm-pb-112 {
        padding-bottom: 7rem !important
    }

    .sm-pl-112 {
        padding-left: 7rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-112 {
        padding: 7rem !important
    }

    .md-py-112 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .md-px-112 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .md-pt-112 {
        padding-top: 7rem !important
    }

    .md-pr-112 {
        padding-right: 7rem !important
    }

    .md-pb-112 {
        padding-bottom: 7rem !important
    }

    .md-pl-112 {
        padding-left: 7rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-112 {
        padding: 7rem !important
    }

    .lg-py-112 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .lg-px-112 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .lg-pt-112 {
        padding-top: 7rem !important
    }

    .lg-pr-112 {
        padding-right: 7rem !important
    }

    .lg-pb-112 {
        padding-bottom: 7rem !important
    }

    .lg-pl-112 {
        padding-left: 7rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-112 {
        padding: 7rem !important
    }

    .xl-py-112 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .xl-px-112 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .xl-pt-112 {
        padding-top: 7rem !important
    }

    .xl-pr-112 {
        padding-right: 7rem !important
    }

    .xl-pb-112 {
        padding-bottom: 7rem !important
    }

    .xl-pl-112 {
        padding-left: 7rem !important
    }
}

.p-116 {
    padding: 7.25rem
}

.py-116 {
    padding-top: 7.25rem;
    padding-bottom: 7.25rem
}

.px-116 {
    padding-right: 7.25rem;
    padding-left: 7.25rem
}

.pt-116 {
    padding-top: 7.25rem
}

.pr-116 {
    padding-right: 7.25rem
}

.pb-116 {
    padding-bottom: 7.25rem
}

.pl-116 {
    padding-left: 7.25rem
}

@media (max-width: 575px) {
    .xs-p-116 {
        padding: 7.25rem !important
    }

    .xs-py-116 {
        padding-top: 7.25rem !important;
        padding-bottom: 7.25rem !important
    }

    .xs-px-116 {
        padding-right: 7.25rem !important;
        padding-left: 7.25rem !important
    }

    .xs-pt-116 {
        padding-top: 7.25rem !important
    }

    .xs-pr-116 {
        padding-right: 7.25rem !important
    }

    .xs-pb-116 {
        padding-bottom: 7.25rem !important
    }

    .xs-pl-116 {
        padding-left: 7.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-116 {
        padding: 7.25rem !important
    }

    .sm-py-116 {
        padding-top: 7.25rem !important;
        padding-bottom: 7.25rem !important
    }

    .sm-px-116 {
        padding-right: 7.25rem !important;
        padding-left: 7.25rem !important
    }

    .sm-pt-116 {
        padding-top: 7.25rem !important
    }

    .sm-pr-116 {
        padding-right: 7.25rem !important
    }

    .sm-pb-116 {
        padding-bottom: 7.25rem !important
    }

    .sm-pl-116 {
        padding-left: 7.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-116 {
        padding: 7.25rem !important
    }

    .md-py-116 {
        padding-top: 7.25rem !important;
        padding-bottom: 7.25rem !important
    }

    .md-px-116 {
        padding-right: 7.25rem !important;
        padding-left: 7.25rem !important
    }

    .md-pt-116 {
        padding-top: 7.25rem !important
    }

    .md-pr-116 {
        padding-right: 7.25rem !important
    }

    .md-pb-116 {
        padding-bottom: 7.25rem !important
    }

    .md-pl-116 {
        padding-left: 7.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-116 {
        padding: 7.25rem !important
    }

    .lg-py-116 {
        padding-top: 7.25rem !important;
        padding-bottom: 7.25rem !important
    }

    .lg-px-116 {
        padding-right: 7.25rem !important;
        padding-left: 7.25rem !important
    }

    .lg-pt-116 {
        padding-top: 7.25rem !important
    }

    .lg-pr-116 {
        padding-right: 7.25rem !important
    }

    .lg-pb-116 {
        padding-bottom: 7.25rem !important
    }

    .lg-pl-116 {
        padding-left: 7.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-116 {
        padding: 7.25rem !important
    }

    .xl-py-116 {
        padding-top: 7.25rem !important;
        padding-bottom: 7.25rem !important
    }

    .xl-px-116 {
        padding-right: 7.25rem !important;
        padding-left: 7.25rem !important
    }

    .xl-pt-116 {
        padding-top: 7.25rem !important
    }

    .xl-pr-116 {
        padding-right: 7.25rem !important
    }

    .xl-pb-116 {
        padding-bottom: 7.25rem !important
    }

    .xl-pl-116 {
        padding-left: 7.25rem !important
    }
}

.p-120 {
    padding: 7.5rem
}

.py-120 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.px-120 {
    padding-right: 7.5rem;
    padding-left: 7.5rem
}

.pt-120 {
    padding-top: 7.5rem
}

.pr-120 {
    padding-right: 7.5rem
}

.pb-120 {
    padding-bottom: 7.5rem
}

.pl-120 {
    padding-left: 7.5rem
}

@media (max-width: 575px) {
    .xs-p-120 {
        padding: 7.5rem !important
    }

    .xs-py-120 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .xs-px-120 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .xs-pt-120 {
        padding-top: 7.5rem !important
    }

    .xs-pr-120 {
        padding-right: 7.5rem !important
    }

    .xs-pb-120 {
        padding-bottom: 7.5rem !important
    }

    .xs-pl-120 {
        padding-left: 7.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-120 {
        padding: 7.5rem !important
    }

    .sm-py-120 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .sm-px-120 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .sm-pt-120 {
        padding-top: 7.5rem !important
    }

    .sm-pr-120 {
        padding-right: 7.5rem !important
    }

    .sm-pb-120 {
        padding-bottom: 7.5rem !important
    }

    .sm-pl-120 {
        padding-left: 7.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-120 {
        padding: 7.5rem !important
    }

    .md-py-120 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .md-px-120 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .md-pt-120 {
        padding-top: 7.5rem !important
    }

    .md-pr-120 {
        padding-right: 7.5rem !important
    }

    .md-pb-120 {
        padding-bottom: 7.5rem !important
    }

    .md-pl-120 {
        padding-left: 7.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-120 {
        padding: 7.5rem !important
    }

    .lg-py-120 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .lg-px-120 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .lg-pt-120 {
        padding-top: 7.5rem !important
    }

    .lg-pr-120 {
        padding-right: 7.5rem !important
    }

    .lg-pb-120 {
        padding-bottom: 7.5rem !important
    }

    .lg-pl-120 {
        padding-left: 7.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-120 {
        padding: 7.5rem !important
    }

    .xl-py-120 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important
    }

    .xl-px-120 {
        padding-right: 7.5rem !important;
        padding-left: 7.5rem !important
    }

    .xl-pt-120 {
        padding-top: 7.5rem !important
    }

    .xl-pr-120 {
        padding-right: 7.5rem !important
    }

    .xl-pb-120 {
        padding-bottom: 7.5rem !important
    }

    .xl-pl-120 {
        padding-left: 7.5rem !important
    }
}

.p-124 {
    padding: 7.75rem
}

.py-124 {
    padding-top: 7.75rem;
    padding-bottom: 7.75rem
}

.px-124 {
    padding-right: 7.75rem;
    padding-left: 7.75rem
}

.pt-124 {
    padding-top: 7.75rem
}

.pr-124 {
    padding-right: 7.75rem
}

.pb-124 {
    padding-bottom: 7.75rem
}

.pl-124 {
    padding-left: 7.75rem
}

@media (max-width: 575px) {
    .xs-p-124 {
        padding: 7.75rem !important
    }

    .xs-py-124 {
        padding-top: 7.75rem !important;
        padding-bottom: 7.75rem !important
    }

    .xs-px-124 {
        padding-right: 7.75rem !important;
        padding-left: 7.75rem !important
    }

    .xs-pt-124 {
        padding-top: 7.75rem !important
    }

    .xs-pr-124 {
        padding-right: 7.75rem !important
    }

    .xs-pb-124 {
        padding-bottom: 7.75rem !important
    }

    .xs-pl-124 {
        padding-left: 7.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-124 {
        padding: 7.75rem !important
    }

    .sm-py-124 {
        padding-top: 7.75rem !important;
        padding-bottom: 7.75rem !important
    }

    .sm-px-124 {
        padding-right: 7.75rem !important;
        padding-left: 7.75rem !important
    }

    .sm-pt-124 {
        padding-top: 7.75rem !important
    }

    .sm-pr-124 {
        padding-right: 7.75rem !important
    }

    .sm-pb-124 {
        padding-bottom: 7.75rem !important
    }

    .sm-pl-124 {
        padding-left: 7.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-124 {
        padding: 7.75rem !important
    }

    .md-py-124 {
        padding-top: 7.75rem !important;
        padding-bottom: 7.75rem !important
    }

    .md-px-124 {
        padding-right: 7.75rem !important;
        padding-left: 7.75rem !important
    }

    .md-pt-124 {
        padding-top: 7.75rem !important
    }

    .md-pr-124 {
        padding-right: 7.75rem !important
    }

    .md-pb-124 {
        padding-bottom: 7.75rem !important
    }

    .md-pl-124 {
        padding-left: 7.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-124 {
        padding: 7.75rem !important
    }

    .lg-py-124 {
        padding-top: 7.75rem !important;
        padding-bottom: 7.75rem !important
    }

    .lg-px-124 {
        padding-right: 7.75rem !important;
        padding-left: 7.75rem !important
    }

    .lg-pt-124 {
        padding-top: 7.75rem !important
    }

    .lg-pr-124 {
        padding-right: 7.75rem !important
    }

    .lg-pb-124 {
        padding-bottom: 7.75rem !important
    }

    .lg-pl-124 {
        padding-left: 7.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-124 {
        padding: 7.75rem !important
    }

    .xl-py-124 {
        padding-top: 7.75rem !important;
        padding-bottom: 7.75rem !important
    }

    .xl-px-124 {
        padding-right: 7.75rem !important;
        padding-left: 7.75rem !important
    }

    .xl-pt-124 {
        padding-top: 7.75rem !important
    }

    .xl-pr-124 {
        padding-right: 7.75rem !important
    }

    .xl-pb-124 {
        padding-bottom: 7.75rem !important
    }

    .xl-pl-124 {
        padding-left: 7.75rem !important
    }
}

.p-128 {
    padding: 8rem
}

.py-128 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.px-128 {
    padding-right: 8rem;
    padding-left: 8rem
}

.pt-128 {
    padding-top: 8rem
}

.pr-128 {
    padding-right: 8rem
}

.pb-128 {
    padding-bottom: 8rem
}

.pl-128 {
    padding-left: 8rem
}

@media (max-width: 575px) {
    .xs-p-128 {
        padding: 8rem !important
    }

    .xs-py-128 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .xs-px-128 {
        padding-right: 8rem !important;
        padding-left: 8rem !important
    }

    .xs-pt-128 {
        padding-top: 8rem !important
    }

    .xs-pr-128 {
        padding-right: 8rem !important
    }

    .xs-pb-128 {
        padding-bottom: 8rem !important
    }

    .xs-pl-128 {
        padding-left: 8rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-128 {
        padding: 8rem !important
    }

    .sm-py-128 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .sm-px-128 {
        padding-right: 8rem !important;
        padding-left: 8rem !important
    }

    .sm-pt-128 {
        padding-top: 8rem !important
    }

    .sm-pr-128 {
        padding-right: 8rem !important
    }

    .sm-pb-128 {
        padding-bottom: 8rem !important
    }

    .sm-pl-128 {
        padding-left: 8rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-128 {
        padding: 8rem !important
    }

    .md-py-128 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .md-px-128 {
        padding-right: 8rem !important;
        padding-left: 8rem !important
    }

    .md-pt-128 {
        padding-top: 8rem !important
    }

    .md-pr-128 {
        padding-right: 8rem !important
    }

    .md-pb-128 {
        padding-bottom: 8rem !important
    }

    .md-pl-128 {
        padding-left: 8rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-128 {
        padding: 8rem !important
    }

    .lg-py-128 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .lg-px-128 {
        padding-right: 8rem !important;
        padding-left: 8rem !important
    }

    .lg-pt-128 {
        padding-top: 8rem !important
    }

    .lg-pr-128 {
        padding-right: 8rem !important
    }

    .lg-pb-128 {
        padding-bottom: 8rem !important
    }

    .lg-pl-128 {
        padding-left: 8rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-128 {
        padding: 8rem !important
    }

    .xl-py-128 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .xl-px-128 {
        padding-right: 8rem !important;
        padding-left: 8rem !important
    }

    .xl-pt-128 {
        padding-top: 8rem !important
    }

    .xl-pr-128 {
        padding-right: 8rem !important
    }

    .xl-pb-128 {
        padding-bottom: 8rem !important
    }

    .xl-pl-128 {
        padding-left: 8rem !important
    }
}

.p-132 {
    padding: 8.25rem
}

.py-132 {
    padding-top: 8.25rem;
    padding-bottom: 8.25rem
}

.px-132 {
    padding-right: 8.25rem;
    padding-left: 8.25rem
}

.pt-132 {
    padding-top: 8.25rem
}

.pr-132 {
    padding-right: 8.25rem
}

.pb-132 {
    padding-bottom: 8.25rem
}

.pl-132 {
    padding-left: 8.25rem
}

@media (max-width: 575px) {
    .xs-p-132 {
        padding: 8.25rem !important
    }

    .xs-py-132 {
        padding-top: 8.25rem !important;
        padding-bottom: 8.25rem !important
    }

    .xs-px-132 {
        padding-right: 8.25rem !important;
        padding-left: 8.25rem !important
    }

    .xs-pt-132 {
        padding-top: 8.25rem !important
    }

    .xs-pr-132 {
        padding-right: 8.25rem !important
    }

    .xs-pb-132 {
        padding-bottom: 8.25rem !important
    }

    .xs-pl-132 {
        padding-left: 8.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-132 {
        padding: 8.25rem !important
    }

    .sm-py-132 {
        padding-top: 8.25rem !important;
        padding-bottom: 8.25rem !important
    }

    .sm-px-132 {
        padding-right: 8.25rem !important;
        padding-left: 8.25rem !important
    }

    .sm-pt-132 {
        padding-top: 8.25rem !important
    }

    .sm-pr-132 {
        padding-right: 8.25rem !important
    }

    .sm-pb-132 {
        padding-bottom: 8.25rem !important
    }

    .sm-pl-132 {
        padding-left: 8.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-132 {
        padding: 8.25rem !important
    }

    .md-py-132 {
        padding-top: 8.25rem !important;
        padding-bottom: 8.25rem !important
    }

    .md-px-132 {
        padding-right: 8.25rem !important;
        padding-left: 8.25rem !important
    }

    .md-pt-132 {
        padding-top: 8.25rem !important
    }

    .md-pr-132 {
        padding-right: 8.25rem !important
    }

    .md-pb-132 {
        padding-bottom: 8.25rem !important
    }

    .md-pl-132 {
        padding-left: 8.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-132 {
        padding: 8.25rem !important
    }

    .lg-py-132 {
        padding-top: 8.25rem !important;
        padding-bottom: 8.25rem !important
    }

    .lg-px-132 {
        padding-right: 8.25rem !important;
        padding-left: 8.25rem !important
    }

    .lg-pt-132 {
        padding-top: 8.25rem !important
    }

    .lg-pr-132 {
        padding-right: 8.25rem !important
    }

    .lg-pb-132 {
        padding-bottom: 8.25rem !important
    }

    .lg-pl-132 {
        padding-left: 8.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-132 {
        padding: 8.25rem !important
    }

    .xl-py-132 {
        padding-top: 8.25rem !important;
        padding-bottom: 8.25rem !important
    }

    .xl-px-132 {
        padding-right: 8.25rem !important;
        padding-left: 8.25rem !important
    }

    .xl-pt-132 {
        padding-top: 8.25rem !important
    }

    .xl-pr-132 {
        padding-right: 8.25rem !important
    }

    .xl-pb-132 {
        padding-bottom: 8.25rem !important
    }

    .xl-pl-132 {
        padding-left: 8.25rem !important
    }
}

.p-136 {
    padding: 8.5rem
}

.py-136 {
    padding-top: 8.5rem;
    padding-bottom: 8.5rem
}

.px-136 {
    padding-right: 8.5rem;
    padding-left: 8.5rem
}

.pt-136 {
    padding-top: 8.5rem
}

.pr-136 {
    padding-right: 8.5rem
}

.pb-136 {
    padding-bottom: 8.5rem
}

.pl-136 {
    padding-left: 8.5rem
}

@media (max-width: 575px) {
    .xs-p-136 {
        padding: 8.5rem !important
    }

    .xs-py-136 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }

    .xs-px-136 {
        padding-right: 8.5rem !important;
        padding-left: 8.5rem !important
    }

    .xs-pt-136 {
        padding-top: 8.5rem !important
    }

    .xs-pr-136 {
        padding-right: 8.5rem !important
    }

    .xs-pb-136 {
        padding-bottom: 8.5rem !important
    }

    .xs-pl-136 {
        padding-left: 8.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-136 {
        padding: 8.5rem !important
    }

    .sm-py-136 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }

    .sm-px-136 {
        padding-right: 8.5rem !important;
        padding-left: 8.5rem !important
    }

    .sm-pt-136 {
        padding-top: 8.5rem !important
    }

    .sm-pr-136 {
        padding-right: 8.5rem !important
    }

    .sm-pb-136 {
        padding-bottom: 8.5rem !important
    }

    .sm-pl-136 {
        padding-left: 8.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-136 {
        padding: 8.5rem !important
    }

    .md-py-136 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }

    .md-px-136 {
        padding-right: 8.5rem !important;
        padding-left: 8.5rem !important
    }

    .md-pt-136 {
        padding-top: 8.5rem !important
    }

    .md-pr-136 {
        padding-right: 8.5rem !important
    }

    .md-pb-136 {
        padding-bottom: 8.5rem !important
    }

    .md-pl-136 {
        padding-left: 8.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-136 {
        padding: 8.5rem !important
    }

    .lg-py-136 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }

    .lg-px-136 {
        padding-right: 8.5rem !important;
        padding-left: 8.5rem !important
    }

    .lg-pt-136 {
        padding-top: 8.5rem !important
    }

    .lg-pr-136 {
        padding-right: 8.5rem !important
    }

    .lg-pb-136 {
        padding-bottom: 8.5rem !important
    }

    .lg-pl-136 {
        padding-left: 8.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-136 {
        padding: 8.5rem !important
    }

    .xl-py-136 {
        padding-top: 8.5rem !important;
        padding-bottom: 8.5rem !important
    }

    .xl-px-136 {
        padding-right: 8.5rem !important;
        padding-left: 8.5rem !important
    }

    .xl-pt-136 {
        padding-top: 8.5rem !important
    }

    .xl-pr-136 {
        padding-right: 8.5rem !important
    }

    .xl-pb-136 {
        padding-bottom: 8.5rem !important
    }

    .xl-pl-136 {
        padding-left: 8.5rem !important
    }
}

.p-140 {
    padding: 8.75rem
}

.py-140 {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem
}

.px-140 {
    padding-right: 8.75rem;
    padding-left: 8.75rem
}

.pt-140 {
    padding-top: 8.75rem
}

.pr-140 {
    padding-right: 8.75rem
}

.pb-140 {
    padding-bottom: 8.75rem
}

.pl-140 {
    padding-left: 8.75rem
}

@media (max-width: 575px) {
    .xs-p-140 {
        padding: 8.75rem !important
    }

    .xs-py-140 {
        padding-top: 8.75rem !important;
        padding-bottom: 8.75rem !important
    }

    .xs-px-140 {
        padding-right: 8.75rem !important;
        padding-left: 8.75rem !important
    }

    .xs-pt-140 {
        padding-top: 8.75rem !important
    }

    .xs-pr-140 {
        padding-right: 8.75rem !important
    }

    .xs-pb-140 {
        padding-bottom: 8.75rem !important
    }

    .xs-pl-140 {
        padding-left: 8.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-140 {
        padding: 8.75rem !important
    }

    .sm-py-140 {
        padding-top: 8.75rem !important;
        padding-bottom: 8.75rem !important
    }

    .sm-px-140 {
        padding-right: 8.75rem !important;
        padding-left: 8.75rem !important
    }

    .sm-pt-140 {
        padding-top: 8.75rem !important
    }

    .sm-pr-140 {
        padding-right: 8.75rem !important
    }

    .sm-pb-140 {
        padding-bottom: 8.75rem !important
    }

    .sm-pl-140 {
        padding-left: 8.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-140 {
        padding: 8.75rem !important
    }

    .md-py-140 {
        padding-top: 8.75rem !important;
        padding-bottom: 8.75rem !important
    }

    .md-px-140 {
        padding-right: 8.75rem !important;
        padding-left: 8.75rem !important
    }

    .md-pt-140 {
        padding-top: 8.75rem !important
    }

    .md-pr-140 {
        padding-right: 8.75rem !important
    }

    .md-pb-140 {
        padding-bottom: 8.75rem !important
    }

    .md-pl-140 {
        padding-left: 8.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-140 {
        padding: 8.75rem !important
    }

    .lg-py-140 {
        padding-top: 8.75rem !important;
        padding-bottom: 8.75rem !important
    }

    .lg-px-140 {
        padding-right: 8.75rem !important;
        padding-left: 8.75rem !important
    }

    .lg-pt-140 {
        padding-top: 8.75rem !important
    }

    .lg-pr-140 {
        padding-right: 8.75rem !important
    }

    .lg-pb-140 {
        padding-bottom: 8.75rem !important
    }

    .lg-pl-140 {
        padding-left: 8.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-140 {
        padding: 8.75rem !important
    }

    .xl-py-140 {
        padding-top: 8.75rem !important;
        padding-bottom: 8.75rem !important
    }

    .xl-px-140 {
        padding-right: 8.75rem !important;
        padding-left: 8.75rem !important
    }

    .xl-pt-140 {
        padding-top: 8.75rem !important
    }

    .xl-pr-140 {
        padding-right: 8.75rem !important
    }

    .xl-pb-140 {
        padding-bottom: 8.75rem !important
    }

    .xl-pl-140 {
        padding-left: 8.75rem !important
    }
}

.p-144 {
    padding: 9rem
}

.py-144 {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.px-144 {
    padding-right: 9rem;
    padding-left: 9rem
}

.pt-144 {
    padding-top: 9rem
}

.pr-144 {
    padding-right: 9rem
}

.pb-144 {
    padding-bottom: 9rem
}

.pl-144 {
    padding-left: 9rem
}

@media (max-width: 575px) {
    .xs-p-144 {
        padding: 9rem !important
    }

    .xs-py-144 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .xs-px-144 {
        padding-right: 9rem !important;
        padding-left: 9rem !important
    }

    .xs-pt-144 {
        padding-top: 9rem !important
    }

    .xs-pr-144 {
        padding-right: 9rem !important
    }

    .xs-pb-144 {
        padding-bottom: 9rem !important
    }

    .xs-pl-144 {
        padding-left: 9rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-144 {
        padding: 9rem !important
    }

    .sm-py-144 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .sm-px-144 {
        padding-right: 9rem !important;
        padding-left: 9rem !important
    }

    .sm-pt-144 {
        padding-top: 9rem !important
    }

    .sm-pr-144 {
        padding-right: 9rem !important
    }

    .sm-pb-144 {
        padding-bottom: 9rem !important
    }

    .sm-pl-144 {
        padding-left: 9rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-144 {
        padding: 9rem !important
    }

    .md-py-144 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .md-px-144 {
        padding-right: 9rem !important;
        padding-left: 9rem !important
    }

    .md-pt-144 {
        padding-top: 9rem !important
    }

    .md-pr-144 {
        padding-right: 9rem !important
    }

    .md-pb-144 {
        padding-bottom: 9rem !important
    }

    .md-pl-144 {
        padding-left: 9rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-144 {
        padding: 9rem !important
    }

    .lg-py-144 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .lg-px-144 {
        padding-right: 9rem !important;
        padding-left: 9rem !important
    }

    .lg-pt-144 {
        padding-top: 9rem !important
    }

    .lg-pr-144 {
        padding-right: 9rem !important
    }

    .lg-pb-144 {
        padding-bottom: 9rem !important
    }

    .lg-pl-144 {
        padding-left: 9rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-144 {
        padding: 9rem !important
    }

    .xl-py-144 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .xl-px-144 {
        padding-right: 9rem !important;
        padding-left: 9rem !important
    }

    .xl-pt-144 {
        padding-top: 9rem !important
    }

    .xl-pr-144 {
        padding-right: 9rem !important
    }

    .xl-pb-144 {
        padding-bottom: 9rem !important
    }

    .xl-pl-144 {
        padding-left: 9rem !important
    }
}

.p-148 {
    padding: 9.25rem
}

.py-148 {
    padding-top: 9.25rem;
    padding-bottom: 9.25rem
}

.px-148 {
    padding-right: 9.25rem;
    padding-left: 9.25rem
}

.pt-148 {
    padding-top: 9.25rem
}

.pr-148 {
    padding-right: 9.25rem
}

.pb-148 {
    padding-bottom: 9.25rem
}

.pl-148 {
    padding-left: 9.25rem
}

@media (max-width: 575px) {
    .xs-p-148 {
        padding: 9.25rem !important
    }

    .xs-py-148 {
        padding-top: 9.25rem !important;
        padding-bottom: 9.25rem !important
    }

    .xs-px-148 {
        padding-right: 9.25rem !important;
        padding-left: 9.25rem !important
    }

    .xs-pt-148 {
        padding-top: 9.25rem !important
    }

    .xs-pr-148 {
        padding-right: 9.25rem !important
    }

    .xs-pb-148 {
        padding-bottom: 9.25rem !important
    }

    .xs-pl-148 {
        padding-left: 9.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-148 {
        padding: 9.25rem !important
    }

    .sm-py-148 {
        padding-top: 9.25rem !important;
        padding-bottom: 9.25rem !important
    }

    .sm-px-148 {
        padding-right: 9.25rem !important;
        padding-left: 9.25rem !important
    }

    .sm-pt-148 {
        padding-top: 9.25rem !important
    }

    .sm-pr-148 {
        padding-right: 9.25rem !important
    }

    .sm-pb-148 {
        padding-bottom: 9.25rem !important
    }

    .sm-pl-148 {
        padding-left: 9.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-148 {
        padding: 9.25rem !important
    }

    .md-py-148 {
        padding-top: 9.25rem !important;
        padding-bottom: 9.25rem !important
    }

    .md-px-148 {
        padding-right: 9.25rem !important;
        padding-left: 9.25rem !important
    }

    .md-pt-148 {
        padding-top: 9.25rem !important
    }

    .md-pr-148 {
        padding-right: 9.25rem !important
    }

    .md-pb-148 {
        padding-bottom: 9.25rem !important
    }

    .md-pl-148 {
        padding-left: 9.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-148 {
        padding: 9.25rem !important
    }

    .lg-py-148 {
        padding-top: 9.25rem !important;
        padding-bottom: 9.25rem !important
    }

    .lg-px-148 {
        padding-right: 9.25rem !important;
        padding-left: 9.25rem !important
    }

    .lg-pt-148 {
        padding-top: 9.25rem !important
    }

    .lg-pr-148 {
        padding-right: 9.25rem !important
    }

    .lg-pb-148 {
        padding-bottom: 9.25rem !important
    }

    .lg-pl-148 {
        padding-left: 9.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-148 {
        padding: 9.25rem !important
    }

    .xl-py-148 {
        padding-top: 9.25rem !important;
        padding-bottom: 9.25rem !important
    }

    .xl-px-148 {
        padding-right: 9.25rem !important;
        padding-left: 9.25rem !important
    }

    .xl-pt-148 {
        padding-top: 9.25rem !important
    }

    .xl-pr-148 {
        padding-right: 9.25rem !important
    }

    .xl-pb-148 {
        padding-bottom: 9.25rem !important
    }

    .xl-pl-148 {
        padding-left: 9.25rem !important
    }
}

.p-152 {
    padding: 9.5rem
}

.py-152 {
    padding-top: 9.5rem;
    padding-bottom: 9.5rem
}

.px-152 {
    padding-right: 9.5rem;
    padding-left: 9.5rem
}

.pt-152 {
    padding-top: 9.5rem
}

.pr-152 {
    padding-right: 9.5rem
}

.pb-152 {
    padding-bottom: 9.5rem
}

.pl-152 {
    padding-left: 9.5rem
}

@media (max-width: 575px) {
    .xs-p-152 {
        padding: 9.5rem !important
    }

    .xs-py-152 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important
    }

    .xs-px-152 {
        padding-right: 9.5rem !important;
        padding-left: 9.5rem !important
    }

    .xs-pt-152 {
        padding-top: 9.5rem !important
    }

    .xs-pr-152 {
        padding-right: 9.5rem !important
    }

    .xs-pb-152 {
        padding-bottom: 9.5rem !important
    }

    .xs-pl-152 {
        padding-left: 9.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-152 {
        padding: 9.5rem !important
    }

    .sm-py-152 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important
    }

    .sm-px-152 {
        padding-right: 9.5rem !important;
        padding-left: 9.5rem !important
    }

    .sm-pt-152 {
        padding-top: 9.5rem !important
    }

    .sm-pr-152 {
        padding-right: 9.5rem !important
    }

    .sm-pb-152 {
        padding-bottom: 9.5rem !important
    }

    .sm-pl-152 {
        padding-left: 9.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-152 {
        padding: 9.5rem !important
    }

    .md-py-152 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important
    }

    .md-px-152 {
        padding-right: 9.5rem !important;
        padding-left: 9.5rem !important
    }

    .md-pt-152 {
        padding-top: 9.5rem !important
    }

    .md-pr-152 {
        padding-right: 9.5rem !important
    }

    .md-pb-152 {
        padding-bottom: 9.5rem !important
    }

    .md-pl-152 {
        padding-left: 9.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-152 {
        padding: 9.5rem !important
    }

    .lg-py-152 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important
    }

    .lg-px-152 {
        padding-right: 9.5rem !important;
        padding-left: 9.5rem !important
    }

    .lg-pt-152 {
        padding-top: 9.5rem !important
    }

    .lg-pr-152 {
        padding-right: 9.5rem !important
    }

    .lg-pb-152 {
        padding-bottom: 9.5rem !important
    }

    .lg-pl-152 {
        padding-left: 9.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-152 {
        padding: 9.5rem !important
    }

    .xl-py-152 {
        padding-top: 9.5rem !important;
        padding-bottom: 9.5rem !important
    }

    .xl-px-152 {
        padding-right: 9.5rem !important;
        padding-left: 9.5rem !important
    }

    .xl-pt-152 {
        padding-top: 9.5rem !important
    }

    .xl-pr-152 {
        padding-right: 9.5rem !important
    }

    .xl-pb-152 {
        padding-bottom: 9.5rem !important
    }

    .xl-pl-152 {
        padding-left: 9.5rem !important
    }
}

.p-156 {
    padding: 9.75rem
}

.py-156 {
    padding-top: 9.75rem;
    padding-bottom: 9.75rem
}

.px-156 {
    padding-right: 9.75rem;
    padding-left: 9.75rem
}

.pt-156 {
    padding-top: 9.75rem
}

.pr-156 {
    padding-right: 9.75rem
}

.pb-156 {
    padding-bottom: 9.75rem
}

.pl-156 {
    padding-left: 9.75rem
}

@media (max-width: 575px) {
    .xs-p-156 {
        padding: 9.75rem !important
    }

    .xs-py-156 {
        padding-top: 9.75rem !important;
        padding-bottom: 9.75rem !important
    }

    .xs-px-156 {
        padding-right: 9.75rem !important;
        padding-left: 9.75rem !important
    }

    .xs-pt-156 {
        padding-top: 9.75rem !important
    }

    .xs-pr-156 {
        padding-right: 9.75rem !important
    }

    .xs-pb-156 {
        padding-bottom: 9.75rem !important
    }

    .xs-pl-156 {
        padding-left: 9.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-156 {
        padding: 9.75rem !important
    }

    .sm-py-156 {
        padding-top: 9.75rem !important;
        padding-bottom: 9.75rem !important
    }

    .sm-px-156 {
        padding-right: 9.75rem !important;
        padding-left: 9.75rem !important
    }

    .sm-pt-156 {
        padding-top: 9.75rem !important
    }

    .sm-pr-156 {
        padding-right: 9.75rem !important
    }

    .sm-pb-156 {
        padding-bottom: 9.75rem !important
    }

    .sm-pl-156 {
        padding-left: 9.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-156 {
        padding: 9.75rem !important
    }

    .md-py-156 {
        padding-top: 9.75rem !important;
        padding-bottom: 9.75rem !important
    }

    .md-px-156 {
        padding-right: 9.75rem !important;
        padding-left: 9.75rem !important
    }

    .md-pt-156 {
        padding-top: 9.75rem !important
    }

    .md-pr-156 {
        padding-right: 9.75rem !important
    }

    .md-pb-156 {
        padding-bottom: 9.75rem !important
    }

    .md-pl-156 {
        padding-left: 9.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-156 {
        padding: 9.75rem !important
    }

    .lg-py-156 {
        padding-top: 9.75rem !important;
        padding-bottom: 9.75rem !important
    }

    .lg-px-156 {
        padding-right: 9.75rem !important;
        padding-left: 9.75rem !important
    }

    .lg-pt-156 {
        padding-top: 9.75rem !important
    }

    .lg-pr-156 {
        padding-right: 9.75rem !important
    }

    .lg-pb-156 {
        padding-bottom: 9.75rem !important
    }

    .lg-pl-156 {
        padding-left: 9.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-156 {
        padding: 9.75rem !important
    }

    .xl-py-156 {
        padding-top: 9.75rem !important;
        padding-bottom: 9.75rem !important
    }

    .xl-px-156 {
        padding-right: 9.75rem !important;
        padding-left: 9.75rem !important
    }

    .xl-pt-156 {
        padding-top: 9.75rem !important
    }

    .xl-pr-156 {
        padding-right: 9.75rem !important
    }

    .xl-pb-156 {
        padding-bottom: 9.75rem !important
    }

    .xl-pl-156 {
        padding-left: 9.75rem !important
    }
}

.p-160 {
    padding: 10rem
}

.py-160 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.px-160 {
    padding-right: 10rem;
    padding-left: 10rem
}

.pt-160 {
    padding-top: 10rem
}

.pr-160 {
    padding-right: 10rem
}

.pb-160 {
    padding-bottom: 10rem
}

.pl-160 {
    padding-left: 10rem
}

@media (max-width: 575px) {
    .xs-p-160 {
        padding: 10rem !important
    }

    .xs-py-160 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .xs-px-160 {
        padding-right: 10rem !important;
        padding-left: 10rem !important
    }

    .xs-pt-160 {
        padding-top: 10rem !important
    }

    .xs-pr-160 {
        padding-right: 10rem !important
    }

    .xs-pb-160 {
        padding-bottom: 10rem !important
    }

    .xs-pl-160 {
        padding-left: 10rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-160 {
        padding: 10rem !important
    }

    .sm-py-160 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .sm-px-160 {
        padding-right: 10rem !important;
        padding-left: 10rem !important
    }

    .sm-pt-160 {
        padding-top: 10rem !important
    }

    .sm-pr-160 {
        padding-right: 10rem !important
    }

    .sm-pb-160 {
        padding-bottom: 10rem !important
    }

    .sm-pl-160 {
        padding-left: 10rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-160 {
        padding: 10rem !important
    }

    .md-py-160 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .md-px-160 {
        padding-right: 10rem !important;
        padding-left: 10rem !important
    }

    .md-pt-160 {
        padding-top: 10rem !important
    }

    .md-pr-160 {
        padding-right: 10rem !important
    }

    .md-pb-160 {
        padding-bottom: 10rem !important
    }

    .md-pl-160 {
        padding-left: 10rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-160 {
        padding: 10rem !important
    }

    .lg-py-160 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .lg-px-160 {
        padding-right: 10rem !important;
        padding-left: 10rem !important
    }

    .lg-pt-160 {
        padding-top: 10rem !important
    }

    .lg-pr-160 {
        padding-right: 10rem !important
    }

    .lg-pb-160 {
        padding-bottom: 10rem !important
    }

    .lg-pl-160 {
        padding-left: 10rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-160 {
        padding: 10rem !important
    }

    .xl-py-160 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .xl-px-160 {
        padding-right: 10rem !important;
        padding-left: 10rem !important
    }

    .xl-pt-160 {
        padding-top: 10rem !important
    }

    .xl-pr-160 {
        padding-right: 10rem !important
    }

    .xl-pb-160 {
        padding-bottom: 10rem !important
    }

    .xl-pl-160 {
        padding-left: 10rem !important
    }
}

.p-164 {
    padding: 10.25rem
}

.py-164 {
    padding-top: 10.25rem;
    padding-bottom: 10.25rem
}

.px-164 {
    padding-right: 10.25rem;
    padding-left: 10.25rem
}

.pt-164 {
    padding-top: 10.25rem
}

.pr-164 {
    padding-right: 10.25rem
}

.pb-164 {
    padding-bottom: 10.25rem
}

.pl-164 {
    padding-left: 10.25rem
}

@media (max-width: 575px) {
    .xs-p-164 {
        padding: 10.25rem !important
    }

    .xs-py-164 {
        padding-top: 10.25rem !important;
        padding-bottom: 10.25rem !important
    }

    .xs-px-164 {
        padding-right: 10.25rem !important;
        padding-left: 10.25rem !important
    }

    .xs-pt-164 {
        padding-top: 10.25rem !important
    }

    .xs-pr-164 {
        padding-right: 10.25rem !important
    }

    .xs-pb-164 {
        padding-bottom: 10.25rem !important
    }

    .xs-pl-164 {
        padding-left: 10.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-164 {
        padding: 10.25rem !important
    }

    .sm-py-164 {
        padding-top: 10.25rem !important;
        padding-bottom: 10.25rem !important
    }

    .sm-px-164 {
        padding-right: 10.25rem !important;
        padding-left: 10.25rem !important
    }

    .sm-pt-164 {
        padding-top: 10.25rem !important
    }

    .sm-pr-164 {
        padding-right: 10.25rem !important
    }

    .sm-pb-164 {
        padding-bottom: 10.25rem !important
    }

    .sm-pl-164 {
        padding-left: 10.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-164 {
        padding: 10.25rem !important
    }

    .md-py-164 {
        padding-top: 10.25rem !important;
        padding-bottom: 10.25rem !important
    }

    .md-px-164 {
        padding-right: 10.25rem !important;
        padding-left: 10.25rem !important
    }

    .md-pt-164 {
        padding-top: 10.25rem !important
    }

    .md-pr-164 {
        padding-right: 10.25rem !important
    }

    .md-pb-164 {
        padding-bottom: 10.25rem !important
    }

    .md-pl-164 {
        padding-left: 10.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-164 {
        padding: 10.25rem !important
    }

    .lg-py-164 {
        padding-top: 10.25rem !important;
        padding-bottom: 10.25rem !important
    }

    .lg-px-164 {
        padding-right: 10.25rem !important;
        padding-left: 10.25rem !important
    }

    .lg-pt-164 {
        padding-top: 10.25rem !important
    }

    .lg-pr-164 {
        padding-right: 10.25rem !important
    }

    .lg-pb-164 {
        padding-bottom: 10.25rem !important
    }

    .lg-pl-164 {
        padding-left: 10.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-164 {
        padding: 10.25rem !important
    }

    .xl-py-164 {
        padding-top: 10.25rem !important;
        padding-bottom: 10.25rem !important
    }

    .xl-px-164 {
        padding-right: 10.25rem !important;
        padding-left: 10.25rem !important
    }

    .xl-pt-164 {
        padding-top: 10.25rem !important
    }

    .xl-pr-164 {
        padding-right: 10.25rem !important
    }

    .xl-pb-164 {
        padding-bottom: 10.25rem !important
    }

    .xl-pl-164 {
        padding-left: 10.25rem !important
    }
}

.p-168 {
    padding: 10.5rem
}

.py-168 {
    padding-top: 10.5rem;
    padding-bottom: 10.5rem
}

.px-168 {
    padding-right: 10.5rem;
    padding-left: 10.5rem
}

.pt-168 {
    padding-top: 10.5rem
}

.pr-168 {
    padding-right: 10.5rem
}

.pb-168 {
    padding-bottom: 10.5rem
}

.pl-168 {
    padding-left: 10.5rem
}

@media (max-width: 575px) {
    .xs-p-168 {
        padding: 10.5rem !important
    }

    .xs-py-168 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important
    }

    .xs-px-168 {
        padding-right: 10.5rem !important;
        padding-left: 10.5rem !important
    }

    .xs-pt-168 {
        padding-top: 10.5rem !important
    }

    .xs-pr-168 {
        padding-right: 10.5rem !important
    }

    .xs-pb-168 {
        padding-bottom: 10.5rem !important
    }

    .xs-pl-168 {
        padding-left: 10.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-168 {
        padding: 10.5rem !important
    }

    .sm-py-168 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important
    }

    .sm-px-168 {
        padding-right: 10.5rem !important;
        padding-left: 10.5rem !important
    }

    .sm-pt-168 {
        padding-top: 10.5rem !important
    }

    .sm-pr-168 {
        padding-right: 10.5rem !important
    }

    .sm-pb-168 {
        padding-bottom: 10.5rem !important
    }

    .sm-pl-168 {
        padding-left: 10.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-168 {
        padding: 10.5rem !important
    }

    .md-py-168 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important
    }

    .md-px-168 {
        padding-right: 10.5rem !important;
        padding-left: 10.5rem !important
    }

    .md-pt-168 {
        padding-top: 10.5rem !important
    }

    .md-pr-168 {
        padding-right: 10.5rem !important
    }

    .md-pb-168 {
        padding-bottom: 10.5rem !important
    }

    .md-pl-168 {
        padding-left: 10.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-168 {
        padding: 10.5rem !important
    }

    .lg-py-168 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important
    }

    .lg-px-168 {
        padding-right: 10.5rem !important;
        padding-left: 10.5rem !important
    }

    .lg-pt-168 {
        padding-top: 10.5rem !important
    }

    .lg-pr-168 {
        padding-right: 10.5rem !important
    }

    .lg-pb-168 {
        padding-bottom: 10.5rem !important
    }

    .lg-pl-168 {
        padding-left: 10.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-168 {
        padding: 10.5rem !important
    }

    .xl-py-168 {
        padding-top: 10.5rem !important;
        padding-bottom: 10.5rem !important
    }

    .xl-px-168 {
        padding-right: 10.5rem !important;
        padding-left: 10.5rem !important
    }

    .xl-pt-168 {
        padding-top: 10.5rem !important
    }

    .xl-pr-168 {
        padding-right: 10.5rem !important
    }

    .xl-pb-168 {
        padding-bottom: 10.5rem !important
    }

    .xl-pl-168 {
        padding-left: 10.5rem !important
    }
}

.p-172 {
    padding: 10.75rem
}

.py-172 {
    padding-top: 10.75rem;
    padding-bottom: 10.75rem
}

.px-172 {
    padding-right: 10.75rem;
    padding-left: 10.75rem
}

.pt-172 {
    padding-top: 10.75rem
}

.pr-172 {
    padding-right: 10.75rem
}

.pb-172 {
    padding-bottom: 10.75rem
}

.pl-172 {
    padding-left: 10.75rem
}

@media (max-width: 575px) {
    .xs-p-172 {
        padding: 10.75rem !important
    }

    .xs-py-172 {
        padding-top: 10.75rem !important;
        padding-bottom: 10.75rem !important
    }

    .xs-px-172 {
        padding-right: 10.75rem !important;
        padding-left: 10.75rem !important
    }

    .xs-pt-172 {
        padding-top: 10.75rem !important
    }

    .xs-pr-172 {
        padding-right: 10.75rem !important
    }

    .xs-pb-172 {
        padding-bottom: 10.75rem !important
    }

    .xs-pl-172 {
        padding-left: 10.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-172 {
        padding: 10.75rem !important
    }

    .sm-py-172 {
        padding-top: 10.75rem !important;
        padding-bottom: 10.75rem !important
    }

    .sm-px-172 {
        padding-right: 10.75rem !important;
        padding-left: 10.75rem !important
    }

    .sm-pt-172 {
        padding-top: 10.75rem !important
    }

    .sm-pr-172 {
        padding-right: 10.75rem !important
    }

    .sm-pb-172 {
        padding-bottom: 10.75rem !important
    }

    .sm-pl-172 {
        padding-left: 10.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-172 {
        padding: 10.75rem !important
    }

    .md-py-172 {
        padding-top: 10.75rem !important;
        padding-bottom: 10.75rem !important
    }

    .md-px-172 {
        padding-right: 10.75rem !important;
        padding-left: 10.75rem !important
    }

    .md-pt-172 {
        padding-top: 10.75rem !important
    }

    .md-pr-172 {
        padding-right: 10.75rem !important
    }

    .md-pb-172 {
        padding-bottom: 10.75rem !important
    }

    .md-pl-172 {
        padding-left: 10.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-172 {
        padding: 10.75rem !important
    }

    .lg-py-172 {
        padding-top: 10.75rem !important;
        padding-bottom: 10.75rem !important
    }

    .lg-px-172 {
        padding-right: 10.75rem !important;
        padding-left: 10.75rem !important
    }

    .lg-pt-172 {
        padding-top: 10.75rem !important
    }

    .lg-pr-172 {
        padding-right: 10.75rem !important
    }

    .lg-pb-172 {
        padding-bottom: 10.75rem !important
    }

    .lg-pl-172 {
        padding-left: 10.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-172 {
        padding: 10.75rem !important
    }

    .xl-py-172 {
        padding-top: 10.75rem !important;
        padding-bottom: 10.75rem !important
    }

    .xl-px-172 {
        padding-right: 10.75rem !important;
        padding-left: 10.75rem !important
    }

    .xl-pt-172 {
        padding-top: 10.75rem !important
    }

    .xl-pr-172 {
        padding-right: 10.75rem !important
    }

    .xl-pb-172 {
        padding-bottom: 10.75rem !important
    }

    .xl-pl-172 {
        padding-left: 10.75rem !important
    }
}

.p-176 {
    padding: 11rem
}

.py-176 {
    padding-top: 11rem;
    padding-bottom: 11rem
}

.px-176 {
    padding-right: 11rem;
    padding-left: 11rem
}

.pt-176 {
    padding-top: 11rem
}

.pr-176 {
    padding-right: 11rem
}

.pb-176 {
    padding-bottom: 11rem
}

.pl-176 {
    padding-left: 11rem
}

@media (max-width: 575px) {
    .xs-p-176 {
        padding: 11rem !important
    }

    .xs-py-176 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important
    }

    .xs-px-176 {
        padding-right: 11rem !important;
        padding-left: 11rem !important
    }

    .xs-pt-176 {
        padding-top: 11rem !important
    }

    .xs-pr-176 {
        padding-right: 11rem !important
    }

    .xs-pb-176 {
        padding-bottom: 11rem !important
    }

    .xs-pl-176 {
        padding-left: 11rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-176 {
        padding: 11rem !important
    }

    .sm-py-176 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important
    }

    .sm-px-176 {
        padding-right: 11rem !important;
        padding-left: 11rem !important
    }

    .sm-pt-176 {
        padding-top: 11rem !important
    }

    .sm-pr-176 {
        padding-right: 11rem !important
    }

    .sm-pb-176 {
        padding-bottom: 11rem !important
    }

    .sm-pl-176 {
        padding-left: 11rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-176 {
        padding: 11rem !important
    }

    .md-py-176 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important
    }

    .md-px-176 {
        padding-right: 11rem !important;
        padding-left: 11rem !important
    }

    .md-pt-176 {
        padding-top: 11rem !important
    }

    .md-pr-176 {
        padding-right: 11rem !important
    }

    .md-pb-176 {
        padding-bottom: 11rem !important
    }

    .md-pl-176 {
        padding-left: 11rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-176 {
        padding: 11rem !important
    }

    .lg-py-176 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important
    }

    .lg-px-176 {
        padding-right: 11rem !important;
        padding-left: 11rem !important
    }

    .lg-pt-176 {
        padding-top: 11rem !important
    }

    .lg-pr-176 {
        padding-right: 11rem !important
    }

    .lg-pb-176 {
        padding-bottom: 11rem !important
    }

    .lg-pl-176 {
        padding-left: 11rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-176 {
        padding: 11rem !important
    }

    .xl-py-176 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important
    }

    .xl-px-176 {
        padding-right: 11rem !important;
        padding-left: 11rem !important
    }

    .xl-pt-176 {
        padding-top: 11rem !important
    }

    .xl-pr-176 {
        padding-right: 11rem !important
    }

    .xl-pb-176 {
        padding-bottom: 11rem !important
    }

    .xl-pl-176 {
        padding-left: 11rem !important
    }
}

.p-180 {
    padding: 11.25rem
}

.py-180 {
    padding-top: 11.25rem;
    padding-bottom: 11.25rem
}

.px-180 {
    padding-right: 11.25rem;
    padding-left: 11.25rem
}

.pt-180 {
    padding-top: 11.25rem
}

.pr-180 {
    padding-right: 11.25rem
}

.pb-180 {
    padding-bottom: 11.25rem
}

.pl-180 {
    padding-left: 11.25rem
}

@media (max-width: 575px) {
    .xs-p-180 {
        padding: 11.25rem !important
    }

    .xs-py-180 {
        padding-top: 11.25rem !important;
        padding-bottom: 11.25rem !important
    }

    .xs-px-180 {
        padding-right: 11.25rem !important;
        padding-left: 11.25rem !important
    }

    .xs-pt-180 {
        padding-top: 11.25rem !important
    }

    .xs-pr-180 {
        padding-right: 11.25rem !important
    }

    .xs-pb-180 {
        padding-bottom: 11.25rem !important
    }

    .xs-pl-180 {
        padding-left: 11.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-180 {
        padding: 11.25rem !important
    }

    .sm-py-180 {
        padding-top: 11.25rem !important;
        padding-bottom: 11.25rem !important
    }

    .sm-px-180 {
        padding-right: 11.25rem !important;
        padding-left: 11.25rem !important
    }

    .sm-pt-180 {
        padding-top: 11.25rem !important
    }

    .sm-pr-180 {
        padding-right: 11.25rem !important
    }

    .sm-pb-180 {
        padding-bottom: 11.25rem !important
    }

    .sm-pl-180 {
        padding-left: 11.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-180 {
        padding: 11.25rem !important
    }

    .md-py-180 {
        padding-top: 11.25rem !important;
        padding-bottom: 11.25rem !important
    }

    .md-px-180 {
        padding-right: 11.25rem !important;
        padding-left: 11.25rem !important
    }

    .md-pt-180 {
        padding-top: 11.25rem !important
    }

    .md-pr-180 {
        padding-right: 11.25rem !important
    }

    .md-pb-180 {
        padding-bottom: 11.25rem !important
    }

    .md-pl-180 {
        padding-left: 11.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-180 {
        padding: 11.25rem !important
    }

    .lg-py-180 {
        padding-top: 11.25rem !important;
        padding-bottom: 11.25rem !important
    }

    .lg-px-180 {
        padding-right: 11.25rem !important;
        padding-left: 11.25rem !important
    }

    .lg-pt-180 {
        padding-top: 11.25rem !important
    }

    .lg-pr-180 {
        padding-right: 11.25rem !important
    }

    .lg-pb-180 {
        padding-bottom: 11.25rem !important
    }

    .lg-pl-180 {
        padding-left: 11.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-180 {
        padding: 11.25rem !important
    }

    .xl-py-180 {
        padding-top: 11.25rem !important;
        padding-bottom: 11.25rem !important
    }

    .xl-px-180 {
        padding-right: 11.25rem !important;
        padding-left: 11.25rem !important
    }

    .xl-pt-180 {
        padding-top: 11.25rem !important
    }

    .xl-pr-180 {
        padding-right: 11.25rem !important
    }

    .xl-pb-180 {
        padding-bottom: 11.25rem !important
    }

    .xl-pl-180 {
        padding-left: 11.25rem !important
    }
}

.p-184 {
    padding: 11.5rem
}

.py-184 {
    padding-top: 11.5rem;
    padding-bottom: 11.5rem
}

.px-184 {
    padding-right: 11.5rem;
    padding-left: 11.5rem
}

.pt-184 {
    padding-top: 11.5rem
}

.pr-184 {
    padding-right: 11.5rem
}

.pb-184 {
    padding-bottom: 11.5rem
}

.pl-184 {
    padding-left: 11.5rem
}

@media (max-width: 575px) {
    .xs-p-184 {
        padding: 11.5rem !important
    }

    .xs-py-184 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important
    }

    .xs-px-184 {
        padding-right: 11.5rem !important;
        padding-left: 11.5rem !important
    }

    .xs-pt-184 {
        padding-top: 11.5rem !important
    }

    .xs-pr-184 {
        padding-right: 11.5rem !important
    }

    .xs-pb-184 {
        padding-bottom: 11.5rem !important
    }

    .xs-pl-184 {
        padding-left: 11.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-184 {
        padding: 11.5rem !important
    }

    .sm-py-184 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important
    }

    .sm-px-184 {
        padding-right: 11.5rem !important;
        padding-left: 11.5rem !important
    }

    .sm-pt-184 {
        padding-top: 11.5rem !important
    }

    .sm-pr-184 {
        padding-right: 11.5rem !important
    }

    .sm-pb-184 {
        padding-bottom: 11.5rem !important
    }

    .sm-pl-184 {
        padding-left: 11.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-184 {
        padding: 11.5rem !important
    }

    .md-py-184 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important
    }

    .md-px-184 {
        padding-right: 11.5rem !important;
        padding-left: 11.5rem !important
    }

    .md-pt-184 {
        padding-top: 11.5rem !important
    }

    .md-pr-184 {
        padding-right: 11.5rem !important
    }

    .md-pb-184 {
        padding-bottom: 11.5rem !important
    }

    .md-pl-184 {
        padding-left: 11.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-184 {
        padding: 11.5rem !important
    }

    .lg-py-184 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important
    }

    .lg-px-184 {
        padding-right: 11.5rem !important;
        padding-left: 11.5rem !important
    }

    .lg-pt-184 {
        padding-top: 11.5rem !important
    }

    .lg-pr-184 {
        padding-right: 11.5rem !important
    }

    .lg-pb-184 {
        padding-bottom: 11.5rem !important
    }

    .lg-pl-184 {
        padding-left: 11.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-184 {
        padding: 11.5rem !important
    }

    .xl-py-184 {
        padding-top: 11.5rem !important;
        padding-bottom: 11.5rem !important
    }

    .xl-px-184 {
        padding-right: 11.5rem !important;
        padding-left: 11.5rem !important
    }

    .xl-pt-184 {
        padding-top: 11.5rem !important
    }

    .xl-pr-184 {
        padding-right: 11.5rem !important
    }

    .xl-pb-184 {
        padding-bottom: 11.5rem !important
    }

    .xl-pl-184 {
        padding-left: 11.5rem !important
    }
}

.p-188 {
    padding: 11.75rem
}

.py-188 {
    padding-top: 11.75rem;
    padding-bottom: 11.75rem
}

.px-188 {
    padding-right: 11.75rem;
    padding-left: 11.75rem
}

.pt-188 {
    padding-top: 11.75rem
}

.pr-188 {
    padding-right: 11.75rem
}

.pb-188 {
    padding-bottom: 11.75rem
}

.pl-188 {
    padding-left: 11.75rem
}

@media (max-width: 575px) {
    .xs-p-188 {
        padding: 11.75rem !important
    }

    .xs-py-188 {
        padding-top: 11.75rem !important;
        padding-bottom: 11.75rem !important
    }

    .xs-px-188 {
        padding-right: 11.75rem !important;
        padding-left: 11.75rem !important
    }

    .xs-pt-188 {
        padding-top: 11.75rem !important
    }

    .xs-pr-188 {
        padding-right: 11.75rem !important
    }

    .xs-pb-188 {
        padding-bottom: 11.75rem !important
    }

    .xs-pl-188 {
        padding-left: 11.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-188 {
        padding: 11.75rem !important
    }

    .sm-py-188 {
        padding-top: 11.75rem !important;
        padding-bottom: 11.75rem !important
    }

    .sm-px-188 {
        padding-right: 11.75rem !important;
        padding-left: 11.75rem !important
    }

    .sm-pt-188 {
        padding-top: 11.75rem !important
    }

    .sm-pr-188 {
        padding-right: 11.75rem !important
    }

    .sm-pb-188 {
        padding-bottom: 11.75rem !important
    }

    .sm-pl-188 {
        padding-left: 11.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-188 {
        padding: 11.75rem !important
    }

    .md-py-188 {
        padding-top: 11.75rem !important;
        padding-bottom: 11.75rem !important
    }

    .md-px-188 {
        padding-right: 11.75rem !important;
        padding-left: 11.75rem !important
    }

    .md-pt-188 {
        padding-top: 11.75rem !important
    }

    .md-pr-188 {
        padding-right: 11.75rem !important
    }

    .md-pb-188 {
        padding-bottom: 11.75rem !important
    }

    .md-pl-188 {
        padding-left: 11.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-188 {
        padding: 11.75rem !important
    }

    .lg-py-188 {
        padding-top: 11.75rem !important;
        padding-bottom: 11.75rem !important
    }

    .lg-px-188 {
        padding-right: 11.75rem !important;
        padding-left: 11.75rem !important
    }

    .lg-pt-188 {
        padding-top: 11.75rem !important
    }

    .lg-pr-188 {
        padding-right: 11.75rem !important
    }

    .lg-pb-188 {
        padding-bottom: 11.75rem !important
    }

    .lg-pl-188 {
        padding-left: 11.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-188 {
        padding: 11.75rem !important
    }

    .xl-py-188 {
        padding-top: 11.75rem !important;
        padding-bottom: 11.75rem !important
    }

    .xl-px-188 {
        padding-right: 11.75rem !important;
        padding-left: 11.75rem !important
    }

    .xl-pt-188 {
        padding-top: 11.75rem !important
    }

    .xl-pr-188 {
        padding-right: 11.75rem !important
    }

    .xl-pb-188 {
        padding-bottom: 11.75rem !important
    }

    .xl-pl-188 {
        padding-left: 11.75rem !important
    }
}

.p-192 {
    padding: 12rem
}

.py-192 {
    padding-top: 12rem;
    padding-bottom: 12rem
}

.px-192 {
    padding-right: 12rem;
    padding-left: 12rem
}

.pt-192 {
    padding-top: 12rem
}

.pr-192 {
    padding-right: 12rem
}

.pb-192 {
    padding-bottom: 12rem
}

.pl-192 {
    padding-left: 12rem
}

@media (max-width: 575px) {
    .xs-p-192 {
        padding: 12rem !important
    }

    .xs-py-192 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .xs-px-192 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .xs-pt-192 {
        padding-top: 12rem !important
    }

    .xs-pr-192 {
        padding-right: 12rem !important
    }

    .xs-pb-192 {
        padding-bottom: 12rem !important
    }

    .xs-pl-192 {
        padding-left: 12rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-192 {
        padding: 12rem !important
    }

    .sm-py-192 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .sm-px-192 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .sm-pt-192 {
        padding-top: 12rem !important
    }

    .sm-pr-192 {
        padding-right: 12rem !important
    }

    .sm-pb-192 {
        padding-bottom: 12rem !important
    }

    .sm-pl-192 {
        padding-left: 12rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-192 {
        padding: 12rem !important
    }

    .md-py-192 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .md-px-192 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .md-pt-192 {
        padding-top: 12rem !important
    }

    .md-pr-192 {
        padding-right: 12rem !important
    }

    .md-pb-192 {
        padding-bottom: 12rem !important
    }

    .md-pl-192 {
        padding-left: 12rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-192 {
        padding: 12rem !important
    }

    .lg-py-192 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .lg-px-192 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .lg-pt-192 {
        padding-top: 12rem !important
    }

    .lg-pr-192 {
        padding-right: 12rem !important
    }

    .lg-pb-192 {
        padding-bottom: 12rem !important
    }

    .lg-pl-192 {
        padding-left: 12rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-192 {
        padding: 12rem !important
    }

    .xl-py-192 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .xl-px-192 {
        padding-right: 12rem !important;
        padding-left: 12rem !important
    }

    .xl-pt-192 {
        padding-top: 12rem !important
    }

    .xl-pr-192 {
        padding-right: 12rem !important
    }

    .xl-pb-192 {
        padding-bottom: 12rem !important
    }

    .xl-pl-192 {
        padding-left: 12rem !important
    }
}

.p-196 {
    padding: 12.25rem
}

.py-196 {
    padding-top: 12.25rem;
    padding-bottom: 12.25rem
}

.px-196 {
    padding-right: 12.25rem;
    padding-left: 12.25rem
}

.pt-196 {
    padding-top: 12.25rem
}

.pr-196 {
    padding-right: 12.25rem
}

.pb-196 {
    padding-bottom: 12.25rem
}

.pl-196 {
    padding-left: 12.25rem
}

@media (max-width: 575px) {
    .xs-p-196 {
        padding: 12.25rem !important
    }

    .xs-py-196 {
        padding-top: 12.25rem !important;
        padding-bottom: 12.25rem !important
    }

    .xs-px-196 {
        padding-right: 12.25rem !important;
        padding-left: 12.25rem !important
    }

    .xs-pt-196 {
        padding-top: 12.25rem !important
    }

    .xs-pr-196 {
        padding-right: 12.25rem !important
    }

    .xs-pb-196 {
        padding-bottom: 12.25rem !important
    }

    .xs-pl-196 {
        padding-left: 12.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-196 {
        padding: 12.25rem !important
    }

    .sm-py-196 {
        padding-top: 12.25rem !important;
        padding-bottom: 12.25rem !important
    }

    .sm-px-196 {
        padding-right: 12.25rem !important;
        padding-left: 12.25rem !important
    }

    .sm-pt-196 {
        padding-top: 12.25rem !important
    }

    .sm-pr-196 {
        padding-right: 12.25rem !important
    }

    .sm-pb-196 {
        padding-bottom: 12.25rem !important
    }

    .sm-pl-196 {
        padding-left: 12.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-196 {
        padding: 12.25rem !important
    }

    .md-py-196 {
        padding-top: 12.25rem !important;
        padding-bottom: 12.25rem !important
    }

    .md-px-196 {
        padding-right: 12.25rem !important;
        padding-left: 12.25rem !important
    }

    .md-pt-196 {
        padding-top: 12.25rem !important
    }

    .md-pr-196 {
        padding-right: 12.25rem !important
    }

    .md-pb-196 {
        padding-bottom: 12.25rem !important
    }

    .md-pl-196 {
        padding-left: 12.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-196 {
        padding: 12.25rem !important
    }

    .lg-py-196 {
        padding-top: 12.25rem !important;
        padding-bottom: 12.25rem !important
    }

    .lg-px-196 {
        padding-right: 12.25rem !important;
        padding-left: 12.25rem !important
    }

    .lg-pt-196 {
        padding-top: 12.25rem !important
    }

    .lg-pr-196 {
        padding-right: 12.25rem !important
    }

    .lg-pb-196 {
        padding-bottom: 12.25rem !important
    }

    .lg-pl-196 {
        padding-left: 12.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-196 {
        padding: 12.25rem !important
    }

    .xl-py-196 {
        padding-top: 12.25rem !important;
        padding-bottom: 12.25rem !important
    }

    .xl-px-196 {
        padding-right: 12.25rem !important;
        padding-left: 12.25rem !important
    }

    .xl-pt-196 {
        padding-top: 12.25rem !important
    }

    .xl-pr-196 {
        padding-right: 12.25rem !important
    }

    .xl-pb-196 {
        padding-bottom: 12.25rem !important
    }

    .xl-pl-196 {
        padding-left: 12.25rem !important
    }
}

.p-200 {
    padding: 12.5rem
}

.py-200 {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem
}

.px-200 {
    padding-right: 12.5rem;
    padding-left: 12.5rem
}

.pt-200 {
    padding-top: 12.5rem
}

.pr-200 {
    padding-right: 12.5rem
}

.pb-200 {
    padding-bottom: 12.5rem
}

.pl-200 {
    padding-left: 12.5rem
}

@media (max-width: 575px) {
    .xs-p-200 {
        padding: 12.5rem !important
    }

    .xs-py-200 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important
    }

    .xs-px-200 {
        padding-right: 12.5rem !important;
        padding-left: 12.5rem !important
    }

    .xs-pt-200 {
        padding-top: 12.5rem !important
    }

    .xs-pr-200 {
        padding-right: 12.5rem !important
    }

    .xs-pb-200 {
        padding-bottom: 12.5rem !important
    }

    .xs-pl-200 {
        padding-left: 12.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-200 {
        padding: 12.5rem !important
    }

    .sm-py-200 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important
    }

    .sm-px-200 {
        padding-right: 12.5rem !important;
        padding-left: 12.5rem !important
    }

    .sm-pt-200 {
        padding-top: 12.5rem !important
    }

    .sm-pr-200 {
        padding-right: 12.5rem !important
    }

    .sm-pb-200 {
        padding-bottom: 12.5rem !important
    }

    .sm-pl-200 {
        padding-left: 12.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-200 {
        padding: 12.5rem !important
    }

    .md-py-200 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important
    }

    .md-px-200 {
        padding-right: 12.5rem !important;
        padding-left: 12.5rem !important
    }

    .md-pt-200 {
        padding-top: 12.5rem !important
    }

    .md-pr-200 {
        padding-right: 12.5rem !important
    }

    .md-pb-200 {
        padding-bottom: 12.5rem !important
    }

    .md-pl-200 {
        padding-left: 12.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-200 {
        padding: 12.5rem !important
    }

    .lg-py-200 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important
    }

    .lg-px-200 {
        padding-right: 12.5rem !important;
        padding-left: 12.5rem !important
    }

    .lg-pt-200 {
        padding-top: 12.5rem !important
    }

    .lg-pr-200 {
        padding-right: 12.5rem !important
    }

    .lg-pb-200 {
        padding-bottom: 12.5rem !important
    }

    .lg-pl-200 {
        padding-left: 12.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-200 {
        padding: 12.5rem !important
    }

    .xl-py-200 {
        padding-top: 12.5rem !important;
        padding-bottom: 12.5rem !important
    }

    .xl-px-200 {
        padding-right: 12.5rem !important;
        padding-left: 12.5rem !important
    }

    .xl-pt-200 {
        padding-top: 12.5rem !important
    }

    .xl-pr-200 {
        padding-right: 12.5rem !important
    }

    .xl-pb-200 {
        padding-bottom: 12.5rem !important
    }

    .xl-pl-200 {
        padding-left: 12.5rem !important
    }
}

.p-216 {
    padding: 13.5rem
}

.py-216 {
    padding-top: 13.5rem;
    padding-bottom: 13.5rem
}

.px-216 {
    padding-right: 13.5rem;
    padding-left: 13.5rem
}

.pt-216 {
    padding-top: 13.5rem
}

.pr-216 {
    padding-right: 13.5rem
}

.pb-216 {
    padding-bottom: 13.5rem
}

.pl-216 {
    padding-left: 13.5rem
}

@media (max-width: 575px) {
    .xs-p-216 {
        padding: 13.5rem !important
    }

    .xs-py-216 {
        padding-top: 13.5rem !important;
        padding-bottom: 13.5rem !important
    }

    .xs-px-216 {
        padding-right: 13.5rem !important;
        padding-left: 13.5rem !important
    }

    .xs-pt-216 {
        padding-top: 13.5rem !important
    }

    .xs-pr-216 {
        padding-right: 13.5rem !important
    }

    .xs-pb-216 {
        padding-bottom: 13.5rem !important
    }

    .xs-pl-216 {
        padding-left: 13.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-216 {
        padding: 13.5rem !important
    }

    .sm-py-216 {
        padding-top: 13.5rem !important;
        padding-bottom: 13.5rem !important
    }

    .sm-px-216 {
        padding-right: 13.5rem !important;
        padding-left: 13.5rem !important
    }

    .sm-pt-216 {
        padding-top: 13.5rem !important
    }

    .sm-pr-216 {
        padding-right: 13.5rem !important
    }

    .sm-pb-216 {
        padding-bottom: 13.5rem !important
    }

    .sm-pl-216 {
        padding-left: 13.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-216 {
        padding: 13.5rem !important
    }

    .md-py-216 {
        padding-top: 13.5rem !important;
        padding-bottom: 13.5rem !important
    }

    .md-px-216 {
        padding-right: 13.5rem !important;
        padding-left: 13.5rem !important
    }

    .md-pt-216 {
        padding-top: 13.5rem !important
    }

    .md-pr-216 {
        padding-right: 13.5rem !important
    }

    .md-pb-216 {
        padding-bottom: 13.5rem !important
    }

    .md-pl-216 {
        padding-left: 13.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-216 {
        padding: 13.5rem !important
    }

    .lg-py-216 {
        padding-top: 13.5rem !important;
        padding-bottom: 13.5rem !important
    }

    .lg-px-216 {
        padding-right: 13.5rem !important;
        padding-left: 13.5rem !important
    }

    .lg-pt-216 {
        padding-top: 13.5rem !important
    }

    .lg-pr-216 {
        padding-right: 13.5rem !important
    }

    .lg-pb-216 {
        padding-bottom: 13.5rem !important
    }

    .lg-pl-216 {
        padding-left: 13.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-216 {
        padding: 13.5rem !important
    }

    .xl-py-216 {
        padding-top: 13.5rem !important;
        padding-bottom: 13.5rem !important
    }

    .xl-px-216 {
        padding-right: 13.5rem !important;
        padding-left: 13.5rem !important
    }

    .xl-pt-216 {
        padding-top: 13.5rem !important
    }

    .xl-pr-216 {
        padding-right: 13.5rem !important
    }

    .xl-pb-216 {
        padding-bottom: 13.5rem !important
    }

    .xl-pl-216 {
        padding-left: 13.5rem !important
    }
}

.p-244 {
    padding: 15.25rem
}

.py-244 {
    padding-top: 15.25rem;
    padding-bottom: 15.25rem
}

.px-244 {
    padding-right: 15.25rem;
    padding-left: 15.25rem
}

.pt-244 {
    padding-top: 15.25rem
}

.pr-244 {
    padding-right: 15.25rem
}

.pb-244 {
    padding-bottom: 15.25rem
}

.pl-244 {
    padding-left: 15.25rem
}

@media (max-width: 575px) {
    .xs-p-244 {
        padding: 15.25rem !important
    }

    .xs-py-244 {
        padding-top: 15.25rem !important;
        padding-bottom: 15.25rem !important
    }

    .xs-px-244 {
        padding-right: 15.25rem !important;
        padding-left: 15.25rem !important
    }

    .xs-pt-244 {
        padding-top: 15.25rem !important
    }

    .xs-pr-244 {
        padding-right: 15.25rem !important
    }

    .xs-pb-244 {
        padding-bottom: 15.25rem !important
    }

    .xs-pl-244 {
        padding-left: 15.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-244 {
        padding: 15.25rem !important
    }

    .sm-py-244 {
        padding-top: 15.25rem !important;
        padding-bottom: 15.25rem !important
    }

    .sm-px-244 {
        padding-right: 15.25rem !important;
        padding-left: 15.25rem !important
    }

    .sm-pt-244 {
        padding-top: 15.25rem !important
    }

    .sm-pr-244 {
        padding-right: 15.25rem !important
    }

    .sm-pb-244 {
        padding-bottom: 15.25rem !important
    }

    .sm-pl-244 {
        padding-left: 15.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-244 {
        padding: 15.25rem !important
    }

    .md-py-244 {
        padding-top: 15.25rem !important;
        padding-bottom: 15.25rem !important
    }

    .md-px-244 {
        padding-right: 15.25rem !important;
        padding-left: 15.25rem !important
    }

    .md-pt-244 {
        padding-top: 15.25rem !important
    }

    .md-pr-244 {
        padding-right: 15.25rem !important
    }

    .md-pb-244 {
        padding-bottom: 15.25rem !important
    }

    .md-pl-244 {
        padding-left: 15.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-244 {
        padding: 15.25rem !important
    }

    .lg-py-244 {
        padding-top: 15.25rem !important;
        padding-bottom: 15.25rem !important
    }

    .lg-px-244 {
        padding-right: 15.25rem !important;
        padding-left: 15.25rem !important
    }

    .lg-pt-244 {
        padding-top: 15.25rem !important
    }

    .lg-pr-244 {
        padding-right: 15.25rem !important
    }

    .lg-pb-244 {
        padding-bottom: 15.25rem !important
    }

    .lg-pl-244 {
        padding-left: 15.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-244 {
        padding: 15.25rem !important
    }

    .xl-py-244 {
        padding-top: 15.25rem !important;
        padding-bottom: 15.25rem !important
    }

    .xl-px-244 {
        padding-right: 15.25rem !important;
        padding-left: 15.25rem !important
    }

    .xl-pt-244 {
        padding-top: 15.25rem !important
    }

    .xl-pr-244 {
        padding-right: 15.25rem !important
    }

    .xl-pb-244 {
        padding-bottom: 15.25rem !important
    }

    .xl-pl-244 {
        padding-left: 15.25rem !important
    }
}

.p-300 {
    padding: 18.75rem
}

.py-300 {
    padding-top: 18.75rem;
    padding-bottom: 18.75rem
}

.px-300 {
    padding-right: 18.75rem;
    padding-left: 18.75rem
}

.pt-300 {
    padding-top: 18.75rem
}

.pr-300 {
    padding-right: 18.75rem
}

.pb-300 {
    padding-bottom: 18.75rem
}

.pl-300 {
    padding-left: 18.75rem
}

@media (max-width: 575px) {
    .xs-p-300 {
        padding: 18.75rem !important
    }

    .xs-py-300 {
        padding-top: 18.75rem !important;
        padding-bottom: 18.75rem !important
    }

    .xs-px-300 {
        padding-right: 18.75rem !important;
        padding-left: 18.75rem !important
    }

    .xs-pt-300 {
        padding-top: 18.75rem !important
    }

    .xs-pr-300 {
        padding-right: 18.75rem !important
    }

    .xs-pb-300 {
        padding-bottom: 18.75rem !important
    }

    .xs-pl-300 {
        padding-left: 18.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-300 {
        padding: 18.75rem !important
    }

    .sm-py-300 {
        padding-top: 18.75rem !important;
        padding-bottom: 18.75rem !important
    }

    .sm-px-300 {
        padding-right: 18.75rem !important;
        padding-left: 18.75rem !important
    }

    .sm-pt-300 {
        padding-top: 18.75rem !important
    }

    .sm-pr-300 {
        padding-right: 18.75rem !important
    }

    .sm-pb-300 {
        padding-bottom: 18.75rem !important
    }

    .sm-pl-300 {
        padding-left: 18.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-300 {
        padding: 18.75rem !important
    }

    .md-py-300 {
        padding-top: 18.75rem !important;
        padding-bottom: 18.75rem !important
    }

    .md-px-300 {
        padding-right: 18.75rem !important;
        padding-left: 18.75rem !important
    }

    .md-pt-300 {
        padding-top: 18.75rem !important
    }

    .md-pr-300 {
        padding-right: 18.75rem !important
    }

    .md-pb-300 {
        padding-bottom: 18.75rem !important
    }

    .md-pl-300 {
        padding-left: 18.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-300 {
        padding: 18.75rem !important
    }

    .lg-py-300 {
        padding-top: 18.75rem !important;
        padding-bottom: 18.75rem !important
    }

    .lg-px-300 {
        padding-right: 18.75rem !important;
        padding-left: 18.75rem !important
    }

    .lg-pt-300 {
        padding-top: 18.75rem !important
    }

    .lg-pr-300 {
        padding-right: 18.75rem !important
    }

    .lg-pb-300 {
        padding-bottom: 18.75rem !important
    }

    .lg-pl-300 {
        padding-left: 18.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-300 {
        padding: 18.75rem !important
    }

    .xl-py-300 {
        padding-top: 18.75rem !important;
        padding-bottom: 18.75rem !important
    }

    .xl-px-300 {
        padding-right: 18.75rem !important;
        padding-left: 18.75rem !important
    }

    .xl-pt-300 {
        padding-top: 18.75rem !important
    }

    .xl-pr-300 {
        padding-right: 18.75rem !important
    }

    .xl-pb-300 {
        padding-bottom: 18.75rem !important
    }

    .xl-pl-300 {
        padding-left: 18.75rem !important
    }
}

.p-352 {
    padding: 22rem
}

.py-352 {
    padding-top: 22rem;
    padding-bottom: 22rem
}

.px-352 {
    padding-right: 22rem;
    padding-left: 22rem
}

.pt-352 {
    padding-top: 22rem
}

.pr-352 {
    padding-right: 22rem
}

.pb-352 {
    padding-bottom: 22rem
}

.pl-352 {
    padding-left: 22rem
}

@media (max-width: 575px) {
    .xs-p-352 {
        padding: 22rem !important
    }

    .xs-py-352 {
        padding-top: 22rem !important;
        padding-bottom: 22rem !important
    }

    .xs-px-352 {
        padding-right: 22rem !important;
        padding-left: 22rem !important
    }

    .xs-pt-352 {
        padding-top: 22rem !important
    }

    .xs-pr-352 {
        padding-right: 22rem !important
    }

    .xs-pb-352 {
        padding-bottom: 22rem !important
    }

    .xs-pl-352 {
        padding-left: 22rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-p-352 {
        padding: 22rem !important
    }

    .sm-py-352 {
        padding-top: 22rem !important;
        padding-bottom: 22rem !important
    }

    .sm-px-352 {
        padding-right: 22rem !important;
        padding-left: 22rem !important
    }

    .sm-pt-352 {
        padding-top: 22rem !important
    }

    .sm-pr-352 {
        padding-right: 22rem !important
    }

    .sm-pb-352 {
        padding-bottom: 22rem !important
    }

    .sm-pl-352 {
        padding-left: 22rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-p-352 {
        padding: 22rem !important
    }

    .md-py-352 {
        padding-top: 22rem !important;
        padding-bottom: 22rem !important
    }

    .md-px-352 {
        padding-right: 22rem !important;
        padding-left: 22rem !important
    }

    .md-pt-352 {
        padding-top: 22rem !important
    }

    .md-pr-352 {
        padding-right: 22rem !important
    }

    .md-pb-352 {
        padding-bottom: 22rem !important
    }

    .md-pl-352 {
        padding-left: 22rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-p-352 {
        padding: 22rem !important
    }

    .lg-py-352 {
        padding-top: 22rem !important;
        padding-bottom: 22rem !important
    }

    .lg-px-352 {
        padding-right: 22rem !important;
        padding-left: 22rem !important
    }

    .lg-pt-352 {
        padding-top: 22rem !important
    }

    .lg-pr-352 {
        padding-right: 22rem !important
    }

    .lg-pb-352 {
        padding-bottom: 22rem !important
    }

    .lg-pl-352 {
        padding-left: 22rem !important
    }
}

@media (min-width: 1200px) {
    .xl-p-352 {
        padding: 22rem !important
    }

    .xl-py-352 {
        padding-top: 22rem !important;
        padding-bottom: 22rem !important
    }

    .xl-px-352 {
        padding-right: 22rem !important;
        padding-left: 22rem !important
    }

    .xl-pt-352 {
        padding-top: 22rem !important
    }

    .xl-pr-352 {
        padding-right: 22rem !important
    }

    .xl-pb-352 {
        padding-bottom: 22rem !important
    }

    .xl-pl-352 {
        padding-left: 22rem !important
    }
}

.-m-0, .m-0 {
    margin: 0
}

.-my-0, .my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.-mx-0, .mx-0 {
    margin-right: 0;
    margin-left: 0
}

.-mt-0, .mt-0 {
    margin-top: 0
}

.-mr-0, .mr-0 {
    margin-right: 0
}

.-mb-0, .mb-0 {
    margin-bottom: 0
}

.-ml-0, .ml-0 {
    margin-left: 0
}

@media (max-width: 575px) {
    .-xs-m-0, .xs-m-0 {
        margin: 0 !important
    }

    .-xs-my-0, .xs-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .-xs-mx-0, .xs-mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

@media (min-width: 576px) and (max-width: 767px) {
    .-sm-m-0, .sm-m-0 {
        margin: 0 !important
    }

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

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

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

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

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

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

@media (min-width: 768px) and (max-width: 991px) {
    .-md-m-0, .md-m-0 {
        margin: 0 !important
    }

    .-md-my-0, .md-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .-md-mx-0, .md-mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

@media (min-width: 992px) and (max-width: 1199px) {
    .-lg-m-0, .lg-m-0 {
        margin: 0 !important
    }

    .-lg-my-0, .lg-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .-lg-mx-0, .lg-mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

@media (min-width: 1200px) {
    .-xl-m-0, .xl-m-0 {
        margin: 0 !important
    }

    .-xl-my-0, .xl-my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .-xl-mx-0, .xl-mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

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

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

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

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

.m-px {
    margin: 1px
}

.-m-px {
    margin: -1px
}

.my-px {
    margin-top: 1px;
    margin-bottom: 1px
}

.-my-px {
    margin-top: -1px;
    margin-bottom: -1px
}

.mx-px {
    margin-right: 1px;
    margin-left: 1px
}

.-mx-px {
    margin-right: -1px;
    margin-left: -1px
}

.mt-px {
    margin-top: 1px
}

.-mt-px {
    margin-top: -1px
}

.mr-px {
    margin-right: 1px
}

.-mr-px {
    margin-right: -1px
}

.mb-px {
    margin-bottom: 1px
}

.-mb-px {
    margin-bottom: -1px
}

.ml-px {
    margin-left: 1px
}

.-ml-px {
    margin-left: -1px
}

@media (max-width: 575px) {
    .xs-m-px {
        margin: 1px !important
    }

    .-xs-m-px {
        margin: -1px !important
    }

    .xs-my-px {
        margin-top: 1px !important;
        margin-bottom: 1px !important
    }

    .-xs-my-px {
        margin-top: -1px !important;
        margin-bottom: -1px !important
    }

    .xs-mx-px {
        margin-right: 1px !important;
        margin-left: 1px !important
    }

    .-xs-mx-px {
        margin-right: -1px !important;
        margin-left: -1px !important
    }

    .xs-mt-px {
        margin-top: 1px !important
    }

    .-xs-mt-px {
        margin-top: -1px !important
    }

    .xs-mr-px {
        margin-right: 1px !important
    }

    .-xs-mr-px {
        margin-right: -1px !important
    }

    .xs-mb-px {
        margin-bottom: 1px !important
    }

    .-xs-mb-px {
        margin-bottom: -1px !important
    }

    .xs-ml-px {
        margin-left: 1px !important
    }

    .-xs-ml-px {
        margin-left: -1px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-px {
        margin: 1px !important
    }

    .-sm-m-px {
        margin: -1px !important
    }

    .sm-my-px {
        margin-top: 1px !important;
        margin-bottom: 1px !important
    }

    .-sm-my-px {
        margin-top: -1px !important;
        margin-bottom: -1px !important
    }

    .sm-mx-px {
        margin-right: 1px !important;
        margin-left: 1px !important
    }

    .-sm-mx-px {
        margin-right: -1px !important;
        margin-left: -1px !important
    }

    .sm-mt-px {
        margin-top: 1px !important
    }

    .-sm-mt-px {
        margin-top: -1px !important
    }

    .sm-mr-px {
        margin-right: 1px !important
    }

    .-sm-mr-px {
        margin-right: -1px !important
    }

    .sm-mb-px {
        margin-bottom: 1px !important
    }

    .-sm-mb-px {
        margin-bottom: -1px !important
    }

    .sm-ml-px {
        margin-left: 1px !important
    }

    .-sm-ml-px {
        margin-left: -1px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-px {
        margin: 1px !important
    }

    .-md-m-px {
        margin: -1px !important
    }

    .md-my-px {
        margin-top: 1px !important;
        margin-bottom: 1px !important
    }

    .-md-my-px {
        margin-top: -1px !important;
        margin-bottom: -1px !important
    }

    .md-mx-px {
        margin-right: 1px !important;
        margin-left: 1px !important
    }

    .-md-mx-px {
        margin-right: -1px !important;
        margin-left: -1px !important
    }

    .md-mt-px {
        margin-top: 1px !important
    }

    .-md-mt-px {
        margin-top: -1px !important
    }

    .md-mr-px {
        margin-right: 1px !important
    }

    .-md-mr-px {
        margin-right: -1px !important
    }

    .md-mb-px {
        margin-bottom: 1px !important
    }

    .-md-mb-px {
        margin-bottom: -1px !important
    }

    .md-ml-px {
        margin-left: 1px !important
    }

    .-md-ml-px {
        margin-left: -1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-px {
        margin: 1px !important
    }

    .-lg-m-px {
        margin: -1px !important
    }

    .lg-my-px {
        margin-top: 1px !important;
        margin-bottom: 1px !important
    }

    .-lg-my-px {
        margin-top: -1px !important;
        margin-bottom: -1px !important
    }

    .lg-mx-px {
        margin-right: 1px !important;
        margin-left: 1px !important
    }

    .-lg-mx-px {
        margin-right: -1px !important;
        margin-left: -1px !important
    }

    .lg-mt-px {
        margin-top: 1px !important
    }

    .-lg-mt-px {
        margin-top: -1px !important
    }

    .lg-mr-px {
        margin-right: 1px !important
    }

    .-lg-mr-px {
        margin-right: -1px !important
    }

    .lg-mb-px {
        margin-bottom: 1px !important
    }

    .-lg-mb-px {
        margin-bottom: -1px !important
    }

    .lg-ml-px {
        margin-left: 1px !important
    }

    .-lg-ml-px {
        margin-left: -1px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-px {
        margin: 1px !important
    }

    .-xl-m-px {
        margin: -1px !important
    }

    .xl-my-px {
        margin-top: 1px !important;
        margin-bottom: 1px !important
    }

    .-xl-my-px {
        margin-top: -1px !important;
        margin-bottom: -1px !important
    }

    .xl-mx-px {
        margin-right: 1px !important;
        margin-left: 1px !important
    }

    .-xl-mx-px {
        margin-right: -1px !important;
        margin-left: -1px !important
    }

    .xl-mt-px {
        margin-top: 1px !important
    }

    .-xl-mt-px {
        margin-top: -1px !important
    }

    .xl-mr-px {
        margin-right: 1px !important
    }

    .-xl-mr-px {
        margin-right: -1px !important
    }

    .xl-mb-px {
        margin-bottom: 1px !important
    }

    .-xl-mb-px {
        margin-bottom: -1px !important
    }

    .xl-ml-px {
        margin-left: 1px !important
    }

    .-xl-ml-px {
        margin-left: -1px !important
    }
}

.m-2px {
    margin: 2px
}

.-m-2px {
    margin: -2px
}

.my-2px {
    margin-top: 2px;
    margin-bottom: 2px
}

.-my-2px {
    margin-top: -2px;
    margin-bottom: -2px
}

.mx-2px {
    margin-right: 2px;
    margin-left: 2px
}

.-mx-2px {
    margin-right: -2px;
    margin-left: -2px
}

.mt-2px {
    margin-top: 2px
}

.-mt-2px {
    margin-top: -2px
}

.mr-2px {
    margin-right: 2px
}

.-mr-2px {
    margin-right: -2px
}

.mb-2px {
    margin-bottom: 2px
}

.-mb-2px {
    margin-bottom: -2px
}

.ml-2px {
    margin-left: 2px
}

.-ml-2px {
    margin-left: -2px
}

@media (max-width: 575px) {
    .xs-m-2px {
        margin: 2px !important
    }

    .-xs-m-2px {
        margin: -2px !important
    }

    .xs-my-2px {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .-xs-my-2px {
        margin-top: -2px !important;
        margin-bottom: -2px !important
    }

    .xs-mx-2px {
        margin-right: 2px !important;
        margin-left: 2px !important
    }

    .-xs-mx-2px {
        margin-right: -2px !important;
        margin-left: -2px !important
    }

    .xs-mt-2px {
        margin-top: 2px !important
    }

    .-xs-mt-2px {
        margin-top: -2px !important
    }

    .xs-mr-2px {
        margin-right: 2px !important
    }

    .-xs-mr-2px {
        margin-right: -2px !important
    }

    .xs-mb-2px {
        margin-bottom: 2px !important
    }

    .-xs-mb-2px {
        margin-bottom: -2px !important
    }

    .xs-ml-2px {
        margin-left: 2px !important
    }

    .-xs-ml-2px {
        margin-left: -2px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-2px {
        margin: 2px !important
    }

    .-sm-m-2px {
        margin: -2px !important
    }

    .sm-my-2px {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .-sm-my-2px {
        margin-top: -2px !important;
        margin-bottom: -2px !important
    }

    .sm-mx-2px {
        margin-right: 2px !important;
        margin-left: 2px !important
    }

    .-sm-mx-2px {
        margin-right: -2px !important;
        margin-left: -2px !important
    }

    .sm-mt-2px {
        margin-top: 2px !important
    }

    .-sm-mt-2px {
        margin-top: -2px !important
    }

    .sm-mr-2px {
        margin-right: 2px !important
    }

    .-sm-mr-2px {
        margin-right: -2px !important
    }

    .sm-mb-2px {
        margin-bottom: 2px !important
    }

    .-sm-mb-2px {
        margin-bottom: -2px !important
    }

    .sm-ml-2px {
        margin-left: 2px !important
    }

    .-sm-ml-2px {
        margin-left: -2px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-2px {
        margin: 2px !important
    }

    .-md-m-2px {
        margin: -2px !important
    }

    .md-my-2px {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .-md-my-2px {
        margin-top: -2px !important;
        margin-bottom: -2px !important
    }

    .md-mx-2px {
        margin-right: 2px !important;
        margin-left: 2px !important
    }

    .-md-mx-2px {
        margin-right: -2px !important;
        margin-left: -2px !important
    }

    .md-mt-2px {
        margin-top: 2px !important
    }

    .-md-mt-2px {
        margin-top: -2px !important
    }

    .md-mr-2px {
        margin-right: 2px !important
    }

    .-md-mr-2px {
        margin-right: -2px !important
    }

    .md-mb-2px {
        margin-bottom: 2px !important
    }

    .-md-mb-2px {
        margin-bottom: -2px !important
    }

    .md-ml-2px {
        margin-left: 2px !important
    }

    .-md-ml-2px {
        margin-left: -2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-2px {
        margin: 2px !important
    }

    .-lg-m-2px {
        margin: -2px !important
    }

    .lg-my-2px {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .-lg-my-2px {
        margin-top: -2px !important;
        margin-bottom: -2px !important
    }

    .lg-mx-2px {
        margin-right: 2px !important;
        margin-left: 2px !important
    }

    .-lg-mx-2px {
        margin-right: -2px !important;
        margin-left: -2px !important
    }

    .lg-mt-2px {
        margin-top: 2px !important
    }

    .-lg-mt-2px {
        margin-top: -2px !important
    }

    .lg-mr-2px {
        margin-right: 2px !important
    }

    .-lg-mr-2px {
        margin-right: -2px !important
    }

    .lg-mb-2px {
        margin-bottom: 2px !important
    }

    .-lg-mb-2px {
        margin-bottom: -2px !important
    }

    .lg-ml-2px {
        margin-left: 2px !important
    }

    .-lg-ml-2px {
        margin-left: -2px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-2px {
        margin: 2px !important
    }

    .-xl-m-2px {
        margin: -2px !important
    }

    .xl-my-2px {
        margin-top: 2px !important;
        margin-bottom: 2px !important
    }

    .-xl-my-2px {
        margin-top: -2px !important;
        margin-bottom: -2px !important
    }

    .xl-mx-2px {
        margin-right: 2px !important;
        margin-left: 2px !important
    }

    .-xl-mx-2px {
        margin-right: -2px !important;
        margin-left: -2px !important
    }

    .xl-mt-2px {
        margin-top: 2px !important
    }

    .-xl-mt-2px {
        margin-top: -2px !important
    }

    .xl-mr-2px {
        margin-right: 2px !important
    }

    .-xl-mr-2px {
        margin-right: -2px !important
    }

    .xl-mb-2px {
        margin-bottom: 2px !important
    }

    .-xl-mb-2px {
        margin-bottom: -2px !important
    }

    .xl-ml-2px {
        margin-left: 2px !important
    }

    .-xl-ml-2px {
        margin-left: -2px !important
    }
}

.m-3px {
    margin: 3px
}

.-m-3px {
    margin: -3px
}

.my-3px {
    margin-top: 3px;
    margin-bottom: 3px
}

.-my-3px {
    margin-top: -3px;
    margin-bottom: -3px
}

.mx-3px {
    margin-right: 3px;
    margin-left: 3px
}

.-mx-3px {
    margin-right: -3px;
    margin-left: -3px
}

.mt-3px {
    margin-top: 3px
}

.-mt-3px {
    margin-top: -3px
}

.mr-3px {
    margin-right: 3px
}

.-mr-3px {
    margin-right: -3px
}

.mb-3px {
    margin-bottom: 3px
}

.-mb-3px {
    margin-bottom: -3px
}

.ml-3px {
    margin-left: 3px
}

.-ml-3px {
    margin-left: -3px
}

@media (max-width: 575px) {
    .xs-m-3px {
        margin: 3px !important
    }

    .-xs-m-3px {
        margin: -3px !important
    }

    .xs-my-3px {
        margin-top: 3px !important;
        margin-bottom: 3px !important
    }

    .-xs-my-3px {
        margin-top: -3px !important;
        margin-bottom: -3px !important
    }

    .xs-mx-3px {
        margin-right: 3px !important;
        margin-left: 3px !important
    }

    .-xs-mx-3px {
        margin-right: -3px !important;
        margin-left: -3px !important
    }

    .xs-mt-3px {
        margin-top: 3px !important
    }

    .-xs-mt-3px {
        margin-top: -3px !important
    }

    .xs-mr-3px {
        margin-right: 3px !important
    }

    .-xs-mr-3px {
        margin-right: -3px !important
    }

    .xs-mb-3px {
        margin-bottom: 3px !important
    }

    .-xs-mb-3px {
        margin-bottom: -3px !important
    }

    .xs-ml-3px {
        margin-left: 3px !important
    }

    .-xs-ml-3px {
        margin-left: -3px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-3px {
        margin: 3px !important
    }

    .-sm-m-3px {
        margin: -3px !important
    }

    .sm-my-3px {
        margin-top: 3px !important;
        margin-bottom: 3px !important
    }

    .-sm-my-3px {
        margin-top: -3px !important;
        margin-bottom: -3px !important
    }

    .sm-mx-3px {
        margin-right: 3px !important;
        margin-left: 3px !important
    }

    .-sm-mx-3px {
        margin-right: -3px !important;
        margin-left: -3px !important
    }

    .sm-mt-3px {
        margin-top: 3px !important
    }

    .-sm-mt-3px {
        margin-top: -3px !important
    }

    .sm-mr-3px {
        margin-right: 3px !important
    }

    .-sm-mr-3px {
        margin-right: -3px !important
    }

    .sm-mb-3px {
        margin-bottom: 3px !important
    }

    .-sm-mb-3px {
        margin-bottom: -3px !important
    }

    .sm-ml-3px {
        margin-left: 3px !important
    }

    .-sm-ml-3px {
        margin-left: -3px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-3px {
        margin: 3px !important
    }

    .-md-m-3px {
        margin: -3px !important
    }

    .md-my-3px {
        margin-top: 3px !important;
        margin-bottom: 3px !important
    }

    .-md-my-3px {
        margin-top: -3px !important;
        margin-bottom: -3px !important
    }

    .md-mx-3px {
        margin-right: 3px !important;
        margin-left: 3px !important
    }

    .-md-mx-3px {
        margin-right: -3px !important;
        margin-left: -3px !important
    }

    .md-mt-3px {
        margin-top: 3px !important
    }

    .-md-mt-3px {
        margin-top: -3px !important
    }

    .md-mr-3px {
        margin-right: 3px !important
    }

    .-md-mr-3px {
        margin-right: -3px !important
    }

    .md-mb-3px {
        margin-bottom: 3px !important
    }

    .-md-mb-3px {
        margin-bottom: -3px !important
    }

    .md-ml-3px {
        margin-left: 3px !important
    }

    .-md-ml-3px {
        margin-left: -3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-3px {
        margin: 3px !important
    }

    .-lg-m-3px {
        margin: -3px !important
    }

    .lg-my-3px {
        margin-top: 3px !important;
        margin-bottom: 3px !important
    }

    .-lg-my-3px {
        margin-top: -3px !important;
        margin-bottom: -3px !important
    }

    .lg-mx-3px {
        margin-right: 3px !important;
        margin-left: 3px !important
    }

    .-lg-mx-3px {
        margin-right: -3px !important;
        margin-left: -3px !important
    }

    .lg-mt-3px {
        margin-top: 3px !important
    }

    .-lg-mt-3px {
        margin-top: -3px !important
    }

    .lg-mr-3px {
        margin-right: 3px !important
    }

    .-lg-mr-3px {
        margin-right: -3px !important
    }

    .lg-mb-3px {
        margin-bottom: 3px !important
    }

    .-lg-mb-3px {
        margin-bottom: -3px !important
    }

    .lg-ml-3px {
        margin-left: 3px !important
    }

    .-lg-ml-3px {
        margin-left: -3px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-3px {
        margin: 3px !important
    }

    .-xl-m-3px {
        margin: -3px !important
    }

    .xl-my-3px {
        margin-top: 3px !important;
        margin-bottom: 3px !important
    }

    .-xl-my-3px {
        margin-top: -3px !important;
        margin-bottom: -3px !important
    }

    .xl-mx-3px {
        margin-right: 3px !important;
        margin-left: 3px !important
    }

    .-xl-mx-3px {
        margin-right: -3px !important;
        margin-left: -3px !important
    }

    .xl-mt-3px {
        margin-top: 3px !important
    }

    .-xl-mt-3px {
        margin-top: -3px !important
    }

    .xl-mr-3px {
        margin-right: 3px !important
    }

    .-xl-mr-3px {
        margin-right: -3px !important
    }

    .xl-mb-3px {
        margin-bottom: 3px !important
    }

    .-xl-mb-3px {
        margin-bottom: -3px !important
    }

    .xl-ml-3px {
        margin-left: 3px !important
    }

    .-xl-ml-3px {
        margin-left: -3px !important
    }
}

.m-4px {
    margin: 4px
}

.-m-4px {
    margin: -4px
}

.my-4px {
    margin-top: 4px;
    margin-bottom: 4px
}

.-my-4px {
    margin-top: -4px;
    margin-bottom: -4px
}

.mx-4px {
    margin-right: 4px;
    margin-left: 4px
}

.-mx-4px {
    margin-right: -4px;
    margin-left: -4px
}

.mt-4px {
    margin-top: 4px
}

.-mt-4px {
    margin-top: -4px
}

.mr-4px {
    margin-right: 4px
}

.-mr-4px {
    margin-right: -4px
}

.mb-4px {
    margin-bottom: 4px
}

.-mb-4px {
    margin-bottom: -4px
}

.ml-4px {
    margin-left: 4px
}

.-ml-4px {
    margin-left: -4px
}

@media (max-width: 575px) {
    .xs-m-4px {
        margin: 4px !important
    }

    .-xs-m-4px {
        margin: -4px !important
    }

    .xs-my-4px {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .-xs-my-4px {
        margin-top: -4px !important;
        margin-bottom: -4px !important
    }

    .xs-mx-4px {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .-xs-mx-4px {
        margin-right: -4px !important;
        margin-left: -4px !important
    }

    .xs-mt-4px {
        margin-top: 4px !important
    }

    .-xs-mt-4px {
        margin-top: -4px !important
    }

    .xs-mr-4px {
        margin-right: 4px !important
    }

    .-xs-mr-4px {
        margin-right: -4px !important
    }

    .xs-mb-4px {
        margin-bottom: 4px !important
    }

    .-xs-mb-4px {
        margin-bottom: -4px !important
    }

    .xs-ml-4px {
        margin-left: 4px !important
    }

    .-xs-ml-4px {
        margin-left: -4px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-4px {
        margin: 4px !important
    }

    .-sm-m-4px {
        margin: -4px !important
    }

    .sm-my-4px {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .-sm-my-4px {
        margin-top: -4px !important;
        margin-bottom: -4px !important
    }

    .sm-mx-4px {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .-sm-mx-4px {
        margin-right: -4px !important;
        margin-left: -4px !important
    }

    .sm-mt-4px {
        margin-top: 4px !important
    }

    .-sm-mt-4px {
        margin-top: -4px !important
    }

    .sm-mr-4px {
        margin-right: 4px !important
    }

    .-sm-mr-4px {
        margin-right: -4px !important
    }

    .sm-mb-4px {
        margin-bottom: 4px !important
    }

    .-sm-mb-4px {
        margin-bottom: -4px !important
    }

    .sm-ml-4px {
        margin-left: 4px !important
    }

    .-sm-ml-4px {
        margin-left: -4px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-4px {
        margin: 4px !important
    }

    .-md-m-4px {
        margin: -4px !important
    }

    .md-my-4px {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .-md-my-4px {
        margin-top: -4px !important;
        margin-bottom: -4px !important
    }

    .md-mx-4px {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .-md-mx-4px {
        margin-right: -4px !important;
        margin-left: -4px !important
    }

    .md-mt-4px {
        margin-top: 4px !important
    }

    .-md-mt-4px {
        margin-top: -4px !important
    }

    .md-mr-4px {
        margin-right: 4px !important
    }

    .-md-mr-4px {
        margin-right: -4px !important
    }

    .md-mb-4px {
        margin-bottom: 4px !important
    }

    .-md-mb-4px {
        margin-bottom: -4px !important
    }

    .md-ml-4px {
        margin-left: 4px !important
    }

    .-md-ml-4px {
        margin-left: -4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-4px {
        margin: 4px !important
    }

    .-lg-m-4px {
        margin: -4px !important
    }

    .lg-my-4px {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .-lg-my-4px {
        margin-top: -4px !important;
        margin-bottom: -4px !important
    }

    .lg-mx-4px {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .-lg-mx-4px {
        margin-right: -4px !important;
        margin-left: -4px !important
    }

    .lg-mt-4px {
        margin-top: 4px !important
    }

    .-lg-mt-4px {
        margin-top: -4px !important
    }

    .lg-mr-4px {
        margin-right: 4px !important
    }

    .-lg-mr-4px {
        margin-right: -4px !important
    }

    .lg-mb-4px {
        margin-bottom: 4px !important
    }

    .-lg-mb-4px {
        margin-bottom: -4px !important
    }

    .lg-ml-4px {
        margin-left: 4px !important
    }

    .-lg-ml-4px {
        margin-left: -4px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-4px {
        margin: 4px !important
    }

    .-xl-m-4px {
        margin: -4px !important
    }

    .xl-my-4px {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .-xl-my-4px {
        margin-top: -4px !important;
        margin-bottom: -4px !important
    }

    .xl-mx-4px {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .-xl-mx-4px {
        margin-right: -4px !important;
        margin-left: -4px !important
    }

    .xl-mt-4px {
        margin-top: 4px !important
    }

    .-xl-mt-4px {
        margin-top: -4px !important
    }

    .xl-mr-4px {
        margin-right: 4px !important
    }

    .-xl-mr-4px {
        margin-right: -4px !important
    }

    .xl-mb-4px {
        margin-bottom: 4px !important
    }

    .-xl-mb-4px {
        margin-bottom: -4px !important
    }

    .xl-ml-4px {
        margin-left: 4px !important
    }

    .-xl-ml-4px {
        margin-left: -4px !important
    }
}

.m-5px {
    margin: 5px
}

.-m-5px {
    margin: -5px
}

.my-5px {
    margin-top: 5px;
    margin-bottom: 5px
}

.-my-5px {
    margin-top: -5px;
    margin-bottom: -5px
}

.mx-5px {
    margin-right: 5px;
    margin-left: 5px
}

.-mx-5px {
    margin-right: -5px;
    margin-left: -5px
}

.mt-5px {
    margin-top: 5px
}

.-mt-5px {
    margin-top: -5px
}

.mr-5px {
    margin-right: 5px
}

.-mr-5px {
    margin-right: -5px
}

.mb-5px {
    margin-bottom: 5px
}

.-mb-5px {
    margin-bottom: -5px
}

.ml-5px {
    margin-left: 5px
}

.-ml-5px {
    margin-left: -5px
}

@media (max-width: 575px) {
    .xs-m-5px {
        margin: 5px !important
    }

    .-xs-m-5px {
        margin: -5px !important
    }

    .xs-my-5px {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .-xs-my-5px {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .xs-mx-5px {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .-xs-mx-5px {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .xs-mt-5px {
        margin-top: 5px !important
    }

    .-xs-mt-5px {
        margin-top: -5px !important
    }

    .xs-mr-5px {
        margin-right: 5px !important
    }

    .-xs-mr-5px {
        margin-right: -5px !important
    }

    .xs-mb-5px {
        margin-bottom: 5px !important
    }

    .-xs-mb-5px {
        margin-bottom: -5px !important
    }

    .xs-ml-5px {
        margin-left: 5px !important
    }

    .-xs-ml-5px {
        margin-left: -5px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-5px {
        margin: 5px !important
    }

    .-sm-m-5px {
        margin: -5px !important
    }

    .sm-my-5px {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .-sm-my-5px {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .sm-mx-5px {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .-sm-mx-5px {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .sm-mt-5px {
        margin-top: 5px !important
    }

    .-sm-mt-5px {
        margin-top: -5px !important
    }

    .sm-mr-5px {
        margin-right: 5px !important
    }

    .-sm-mr-5px {
        margin-right: -5px !important
    }

    .sm-mb-5px {
        margin-bottom: 5px !important
    }

    .-sm-mb-5px {
        margin-bottom: -5px !important
    }

    .sm-ml-5px {
        margin-left: 5px !important
    }

    .-sm-ml-5px {
        margin-left: -5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-5px {
        margin: 5px !important
    }

    .-md-m-5px {
        margin: -5px !important
    }

    .md-my-5px {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .-md-my-5px {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .md-mx-5px {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .-md-mx-5px {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .md-mt-5px {
        margin-top: 5px !important
    }

    .-md-mt-5px {
        margin-top: -5px !important
    }

    .md-mr-5px {
        margin-right: 5px !important
    }

    .-md-mr-5px {
        margin-right: -5px !important
    }

    .md-mb-5px {
        margin-bottom: 5px !important
    }

    .-md-mb-5px {
        margin-bottom: -5px !important
    }

    .md-ml-5px {
        margin-left: 5px !important
    }

    .-md-ml-5px {
        margin-left: -5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-5px {
        margin: 5px !important
    }

    .-lg-m-5px {
        margin: -5px !important
    }

    .lg-my-5px {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .-lg-my-5px {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .lg-mx-5px {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .-lg-mx-5px {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .lg-mt-5px {
        margin-top: 5px !important
    }

    .-lg-mt-5px {
        margin-top: -5px !important
    }

    .lg-mr-5px {
        margin-right: 5px !important
    }

    .-lg-mr-5px {
        margin-right: -5px !important
    }

    .lg-mb-5px {
        margin-bottom: 5px !important
    }

    .-lg-mb-5px {
        margin-bottom: -5px !important
    }

    .lg-ml-5px {
        margin-left: 5px !important
    }

    .-lg-ml-5px {
        margin-left: -5px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-5px {
        margin: 5px !important
    }

    .-xl-m-5px {
        margin: -5px !important
    }

    .xl-my-5px {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .-xl-my-5px {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .xl-mx-5px {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .-xl-mx-5px {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .xl-mt-5px {
        margin-top: 5px !important
    }

    .-xl-mt-5px {
        margin-top: -5px !important
    }

    .xl-mr-5px {
        margin-right: 5px !important
    }

    .-xl-mr-5px {
        margin-right: -5px !important
    }

    .xl-mb-5px {
        margin-bottom: 5px !important
    }

    .-xl-mb-5px {
        margin-bottom: -5px !important
    }

    .xl-ml-5px {
        margin-left: 5px !important
    }

    .-xl-ml-5px {
        margin-left: -5px !important
    }
}

.m-6px {
    margin: 6px
}

.-m-6px {
    margin: -6px
}

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

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

.mx-6px {
    margin-right: 6px;
    margin-left: 6px
}

.-mx-6px {
    margin-right: -6px;
    margin-left: -6px
}

.mt-6px {
    margin-top: 6px
}

.-mt-6px {
    margin-top: -6px
}

.mr-6px {
    margin-right: 6px
}

.-mr-6px {
    margin-right: -6px
}

.mb-6px {
    margin-bottom: 6px
}

.-mb-6px {
    margin-bottom: -6px
}

.ml-6px {
    margin-left: 6px
}

.-ml-6px {
    margin-left: -6px
}

@media (max-width: 575px) {
    .xs-m-6px {
        margin: 6px !important
    }

    .-xs-m-6px {
        margin: -6px !important
    }

    .xs-my-6px {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .-xs-my-6px {
        margin-top: -6px !important;
        margin-bottom: -6px !important
    }

    .xs-mx-6px {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .-xs-mx-6px {
        margin-right: -6px !important;
        margin-left: -6px !important
    }

    .xs-mt-6px {
        margin-top: 6px !important
    }

    .-xs-mt-6px {
        margin-top: -6px !important
    }

    .xs-mr-6px {
        margin-right: 6px !important
    }

    .-xs-mr-6px {
        margin-right: -6px !important
    }

    .xs-mb-6px {
        margin-bottom: 6px !important
    }

    .-xs-mb-6px {
        margin-bottom: -6px !important
    }

    .xs-ml-6px {
        margin-left: 6px !important
    }

    .-xs-ml-6px {
        margin-left: -6px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-6px {
        margin: 6px !important
    }

    .-sm-m-6px {
        margin: -6px !important
    }

    .sm-my-6px {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .-sm-my-6px {
        margin-top: -6px !important;
        margin-bottom: -6px !important
    }

    .sm-mx-6px {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .-sm-mx-6px {
        margin-right: -6px !important;
        margin-left: -6px !important
    }

    .sm-mt-6px {
        margin-top: 6px !important
    }

    .-sm-mt-6px {
        margin-top: -6px !important
    }

    .sm-mr-6px {
        margin-right: 6px !important
    }

    .-sm-mr-6px {
        margin-right: -6px !important
    }

    .sm-mb-6px {
        margin-bottom: 6px !important
    }

    .-sm-mb-6px {
        margin-bottom: -6px !important
    }

    .sm-ml-6px {
        margin-left: 6px !important
    }

    .-sm-ml-6px {
        margin-left: -6px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-6px {
        margin: 6px !important
    }

    .-md-m-6px {
        margin: -6px !important
    }

    .md-my-6px {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .-md-my-6px {
        margin-top: -6px !important;
        margin-bottom: -6px !important
    }

    .md-mx-6px {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .-md-mx-6px {
        margin-right: -6px !important;
        margin-left: -6px !important
    }

    .md-mt-6px {
        margin-top: 6px !important
    }

    .-md-mt-6px {
        margin-top: -6px !important
    }

    .md-mr-6px {
        margin-right: 6px !important
    }

    .-md-mr-6px {
        margin-right: -6px !important
    }

    .md-mb-6px {
        margin-bottom: 6px !important
    }

    .-md-mb-6px {
        margin-bottom: -6px !important
    }

    .md-ml-6px {
        margin-left: 6px !important
    }

    .-md-ml-6px {
        margin-left: -6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-6px {
        margin: 6px !important
    }

    .-lg-m-6px {
        margin: -6px !important
    }

    .lg-my-6px {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .-lg-my-6px {
        margin-top: -6px !important;
        margin-bottom: -6px !important
    }

    .lg-mx-6px {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .-lg-mx-6px {
        margin-right: -6px !important;
        margin-left: -6px !important
    }

    .lg-mt-6px {
        margin-top: 6px !important
    }

    .-lg-mt-6px {
        margin-top: -6px !important
    }

    .lg-mr-6px {
        margin-right: 6px !important
    }

    .-lg-mr-6px {
        margin-right: -6px !important
    }

    .lg-mb-6px {
        margin-bottom: 6px !important
    }

    .-lg-mb-6px {
        margin-bottom: -6px !important
    }

    .lg-ml-6px {
        margin-left: 6px !important
    }

    .-lg-ml-6px {
        margin-left: -6px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-6px {
        margin: 6px !important
    }

    .-xl-m-6px {
        margin: -6px !important
    }

    .xl-my-6px {
        margin-top: 6px !important;
        margin-bottom: 6px !important
    }

    .-xl-my-6px {
        margin-top: -6px !important;
        margin-bottom: -6px !important
    }

    .xl-mx-6px {
        margin-right: 6px !important;
        margin-left: 6px !important
    }

    .-xl-mx-6px {
        margin-right: -6px !important;
        margin-left: -6px !important
    }

    .xl-mt-6px {
        margin-top: 6px !important
    }

    .-xl-mt-6px {
        margin-top: -6px !important
    }

    .xl-mr-6px {
        margin-right: 6px !important
    }

    .-xl-mr-6px {
        margin-right: -6px !important
    }

    .xl-mb-6px {
        margin-bottom: 6px !important
    }

    .-xl-mb-6px {
        margin-bottom: -6px !important
    }

    .xl-ml-6px {
        margin-left: 6px !important
    }

    .-xl-ml-6px {
        margin-left: -6px !important
    }
}

.m-7px {
    margin: 7px
}

.-m-7px {
    margin: -7px
}

.my-7px {
    margin-top: 7px;
    margin-bottom: 7px
}

.-my-7px {
    margin-top: -7px;
    margin-bottom: -7px
}

.mx-7px {
    margin-right: 7px;
    margin-left: 7px
}

.-mx-7px {
    margin-right: -7px;
    margin-left: -7px
}

.mt-7px {
    margin-top: 7px
}

.-mt-7px {
    margin-top: -7px
}

.mr-7px {
    margin-right: 7px
}

.-mr-7px {
    margin-right: -7px
}

.mb-7px {
    margin-bottom: 7px
}

.-mb-7px {
    margin-bottom: -7px
}

.ml-7px {
    margin-left: 7px
}

.-ml-7px {
    margin-left: -7px
}

@media (max-width: 575px) {
    .xs-m-7px {
        margin: 7px !important
    }

    .-xs-m-7px {
        margin: -7px !important
    }

    .xs-my-7px {
        margin-top: 7px !important;
        margin-bottom: 7px !important
    }

    .-xs-my-7px {
        margin-top: -7px !important;
        margin-bottom: -7px !important
    }

    .xs-mx-7px {
        margin-right: 7px !important;
        margin-left: 7px !important
    }

    .-xs-mx-7px {
        margin-right: -7px !important;
        margin-left: -7px !important
    }

    .xs-mt-7px {
        margin-top: 7px !important
    }

    .-xs-mt-7px {
        margin-top: -7px !important
    }

    .xs-mr-7px {
        margin-right: 7px !important
    }

    .-xs-mr-7px {
        margin-right: -7px !important
    }

    .xs-mb-7px {
        margin-bottom: 7px !important
    }

    .-xs-mb-7px {
        margin-bottom: -7px !important
    }

    .xs-ml-7px {
        margin-left: 7px !important
    }

    .-xs-ml-7px {
        margin-left: -7px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-7px {
        margin: 7px !important
    }

    .-sm-m-7px {
        margin: -7px !important
    }

    .sm-my-7px {
        margin-top: 7px !important;
        margin-bottom: 7px !important
    }

    .-sm-my-7px {
        margin-top: -7px !important;
        margin-bottom: -7px !important
    }

    .sm-mx-7px {
        margin-right: 7px !important;
        margin-left: 7px !important
    }

    .-sm-mx-7px {
        margin-right: -7px !important;
        margin-left: -7px !important
    }

    .sm-mt-7px {
        margin-top: 7px !important
    }

    .-sm-mt-7px {
        margin-top: -7px !important
    }

    .sm-mr-7px {
        margin-right: 7px !important
    }

    .-sm-mr-7px {
        margin-right: -7px !important
    }

    .sm-mb-7px {
        margin-bottom: 7px !important
    }

    .-sm-mb-7px {
        margin-bottom: -7px !important
    }

    .sm-ml-7px {
        margin-left: 7px !important
    }

    .-sm-ml-7px {
        margin-left: -7px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-7px {
        margin: 7px !important
    }

    .-md-m-7px {
        margin: -7px !important
    }

    .md-my-7px {
        margin-top: 7px !important;
        margin-bottom: 7px !important
    }

    .-md-my-7px {
        margin-top: -7px !important;
        margin-bottom: -7px !important
    }

    .md-mx-7px {
        margin-right: 7px !important;
        margin-left: 7px !important
    }

    .-md-mx-7px {
        margin-right: -7px !important;
        margin-left: -7px !important
    }

    .md-mt-7px {
        margin-top: 7px !important
    }

    .-md-mt-7px {
        margin-top: -7px !important
    }

    .md-mr-7px {
        margin-right: 7px !important
    }

    .-md-mr-7px {
        margin-right: -7px !important
    }

    .md-mb-7px {
        margin-bottom: 7px !important
    }

    .-md-mb-7px {
        margin-bottom: -7px !important
    }

    .md-ml-7px {
        margin-left: 7px !important
    }

    .-md-ml-7px {
        margin-left: -7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-7px {
        margin: 7px !important
    }

    .-lg-m-7px {
        margin: -7px !important
    }

    .lg-my-7px {
        margin-top: 7px !important;
        margin-bottom: 7px !important
    }

    .-lg-my-7px {
        margin-top: -7px !important;
        margin-bottom: -7px !important
    }

    .lg-mx-7px {
        margin-right: 7px !important;
        margin-left: 7px !important
    }

    .-lg-mx-7px {
        margin-right: -7px !important;
        margin-left: -7px !important
    }

    .lg-mt-7px {
        margin-top: 7px !important
    }

    .-lg-mt-7px {
        margin-top: -7px !important
    }

    .lg-mr-7px {
        margin-right: 7px !important
    }

    .-lg-mr-7px {
        margin-right: -7px !important
    }

    .lg-mb-7px {
        margin-bottom: 7px !important
    }

    .-lg-mb-7px {
        margin-bottom: -7px !important
    }

    .lg-ml-7px {
        margin-left: 7px !important
    }

    .-lg-ml-7px {
        margin-left: -7px !important
    }
}

@media (min-width: 1200px) {
    .xl-m-7px {
        margin: 7px !important
    }

    .-xl-m-7px {
        margin: -7px !important
    }

    .xl-my-7px {
        margin-top: 7px !important;
        margin-bottom: 7px !important
    }

    .-xl-my-7px {
        margin-top: -7px !important;
        margin-bottom: -7px !important
    }

    .xl-mx-7px {
        margin-right: 7px !important;
        margin-left: 7px !important
    }

    .-xl-mx-7px {
        margin-right: -7px !important;
        margin-left: -7px !important
    }

    .xl-mt-7px {
        margin-top: 7px !important
    }

    .-xl-mt-7px {
        margin-top: -7px !important
    }

    .xl-mr-7px {
        margin-right: 7px !important
    }

    .-xl-mr-7px {
        margin-right: -7px !important
    }

    .xl-mb-7px {
        margin-bottom: 7px !important
    }

    .-xl-mb-7px {
        margin-bottom: -7px !important
    }

    .xl-ml-7px {
        margin-left: 7px !important
    }

    .-xl-ml-7px {
        margin-left: -7px !important
    }
}

.m-4 {
    margin: .25rem
}

.-m-4 {
    margin: -.25rem
}

.my-4 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.-my-4 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.mx-4 {
    margin-right: .25rem;
    margin-left: .25rem
}

.-mx-4 {
    margin-right: -.25rem;
    margin-left: -.25rem
}

.mt-4 {
    margin-top: .25rem
}

.-mt-4 {
    margin-top: -.25rem
}

.mr-4 {
    margin-right: .25rem
}

.-mr-4 {
    margin-right: -.25rem
}

.mb-4 {
    margin-bottom: .25rem
}

.-mb-4 {
    margin-bottom: -.25rem
}

.ml-4 {
    margin-left: .25rem
}

.-ml-4 {
    margin-left: -.25rem
}

@media (max-width: 575px) {
    .xs-m-4 {
        margin: .25rem !important
    }

    .-xs-m-4 {
        margin: -.25rem !important
    }

    .xs-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-xs-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .xs-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-xs-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .xs-mt-4 {
        margin-top: .25rem !important
    }

    .-xs-mt-4 {
        margin-top: -.25rem !important
    }

    .xs-mr-4 {
        margin-right: .25rem !important
    }

    .-xs-mr-4 {
        margin-right: -.25rem !important
    }

    .xs-mb-4 {
        margin-bottom: .25rem !important
    }

    .-xs-mb-4 {
        margin-bottom: -.25rem !important
    }

    .xs-ml-4 {
        margin-left: .25rem !important
    }

    .-xs-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-4 {
        margin: .25rem !important
    }

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

    .sm-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-sm-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .sm-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-sm-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .sm-mt-4 {
        margin-top: .25rem !important
    }

    .-sm-mt-4 {
        margin-top: -.25rem !important
    }

    .sm-mr-4 {
        margin-right: .25rem !important
    }

    .-sm-mr-4 {
        margin-right: -.25rem !important
    }

    .sm-mb-4 {
        margin-bottom: .25rem !important
    }

    .-sm-mb-4 {
        margin-bottom: -.25rem !important
    }

    .sm-ml-4 {
        margin-left: .25rem !important
    }

    .-sm-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-4 {
        margin: .25rem !important
    }

    .-md-m-4 {
        margin: -.25rem !important
    }

    .md-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-md-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .md-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-md-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .md-mt-4 {
        margin-top: .25rem !important
    }

    .-md-mt-4 {
        margin-top: -.25rem !important
    }

    .md-mr-4 {
        margin-right: .25rem !important
    }

    .-md-mr-4 {
        margin-right: -.25rem !important
    }

    .md-mb-4 {
        margin-bottom: .25rem !important
    }

    .-md-mb-4 {
        margin-bottom: -.25rem !important
    }

    .md-ml-4 {
        margin-left: .25rem !important
    }

    .-md-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-4 {
        margin: .25rem !important
    }

    .-lg-m-4 {
        margin: -.25rem !important
    }

    .lg-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-lg-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .lg-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-lg-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .lg-mt-4 {
        margin-top: .25rem !important
    }

    .-lg-mt-4 {
        margin-top: -.25rem !important
    }

    .lg-mr-4 {
        margin-right: .25rem !important
    }

    .-lg-mr-4 {
        margin-right: -.25rem !important
    }

    .lg-mb-4 {
        margin-bottom: .25rem !important
    }

    .-lg-mb-4 {
        margin-bottom: -.25rem !important
    }

    .lg-ml-4 {
        margin-left: .25rem !important
    }

    .-lg-ml-4 {
        margin-left: -.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-4 {
        margin: .25rem !important
    }

    .-xl-m-4 {
        margin: -.25rem !important
    }

    .xl-my-4 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .-xl-my-4 {
        margin-top: -.25rem !important;
        margin-bottom: -.25rem !important
    }

    .xl-mx-4 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .-xl-mx-4 {
        margin-right: -.25rem !important;
        margin-left: -.25rem !important
    }

    .xl-mt-4 {
        margin-top: .25rem !important
    }

    .-xl-mt-4 {
        margin-top: -.25rem !important
    }

    .xl-mr-4 {
        margin-right: .25rem !important
    }

    .-xl-mr-4 {
        margin-right: -.25rem !important
    }

    .xl-mb-4 {
        margin-bottom: .25rem !important
    }

    .-xl-mb-4 {
        margin-bottom: -.25rem !important
    }

    .xl-ml-4 {
        margin-left: .25rem !important
    }

    .-xl-ml-4 {
        margin-left: -.25rem !important
    }
}

.m-8 {
    margin: .5rem
}

.-m-8 {
    margin: -.5rem
}

.my-8 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.-my-8 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.mx-8 {
    margin-right: .5rem;
    margin-left: .5rem
}

.-mx-8 {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.mt-8 {
    margin-top: .5rem
}

.-mt-8 {
    margin-top: -.5rem
}

.mr-8 {
    margin-right: .5rem
}

.-mr-8 {
    margin-right: -.5rem
}

.mb-8 {
    margin-bottom: .5rem
}

.-mb-8 {
    margin-bottom: -.5rem
}

.ml-8 {
    margin-left: .5rem
}

.-ml-8 {
    margin-left: -.5rem
}

@media (max-width: 575px) {
    .xs-m-8 {
        margin: .5rem !important
    }

    .-xs-m-8 {
        margin: -.5rem !important
    }

    .xs-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-xs-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .xs-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-xs-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .xs-mt-8 {
        margin-top: .5rem !important
    }

    .-xs-mt-8 {
        margin-top: -.5rem !important
    }

    .xs-mr-8 {
        margin-right: .5rem !important
    }

    .-xs-mr-8 {
        margin-right: -.5rem !important
    }

    .xs-mb-8 {
        margin-bottom: .5rem !important
    }

    .-xs-mb-8 {
        margin-bottom: -.5rem !important
    }

    .xs-ml-8 {
        margin-left: .5rem !important
    }

    .-xs-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-8 {
        margin: .5rem !important
    }

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

    .sm-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-sm-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .sm-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-sm-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .sm-mt-8 {
        margin-top: .5rem !important
    }

    .-sm-mt-8 {
        margin-top: -.5rem !important
    }

    .sm-mr-8 {
        margin-right: .5rem !important
    }

    .-sm-mr-8 {
        margin-right: -.5rem !important
    }

    .sm-mb-8 {
        margin-bottom: .5rem !important
    }

    .-sm-mb-8 {
        margin-bottom: -.5rem !important
    }

    .sm-ml-8 {
        margin-left: .5rem !important
    }

    .-sm-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-8 {
        margin: .5rem !important
    }

    .-md-m-8 {
        margin: -.5rem !important
    }

    .md-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-md-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .md-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-md-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .md-mt-8 {
        margin-top: .5rem !important
    }

    .-md-mt-8 {
        margin-top: -.5rem !important
    }

    .md-mr-8 {
        margin-right: .5rem !important
    }

    .-md-mr-8 {
        margin-right: -.5rem !important
    }

    .md-mb-8 {
        margin-bottom: .5rem !important
    }

    .-md-mb-8 {
        margin-bottom: -.5rem !important
    }

    .md-ml-8 {
        margin-left: .5rem !important
    }

    .-md-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-8 {
        margin: .5rem !important
    }

    .-lg-m-8 {
        margin: -.5rem !important
    }

    .lg-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-lg-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .lg-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-lg-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .lg-mt-8 {
        margin-top: .5rem !important
    }

    .-lg-mt-8 {
        margin-top: -.5rem !important
    }

    .lg-mr-8 {
        margin-right: .5rem !important
    }

    .-lg-mr-8 {
        margin-right: -.5rem !important
    }

    .lg-mb-8 {
        margin-bottom: .5rem !important
    }

    .-lg-mb-8 {
        margin-bottom: -.5rem !important
    }

    .lg-ml-8 {
        margin-left: .5rem !important
    }

    .-lg-ml-8 {
        margin-left: -.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-8 {
        margin: .5rem !important
    }

    .-xl-m-8 {
        margin: -.5rem !important
    }

    .xl-my-8 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .-xl-my-8 {
        margin-top: -.5rem !important;
        margin-bottom: -.5rem !important
    }

    .xl-mx-8 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .-xl-mx-8 {
        margin-right: -.5rem !important;
        margin-left: -.5rem !important
    }

    .xl-mt-8 {
        margin-top: .5rem !important
    }

    .-xl-mt-8 {
        margin-top: -.5rem !important
    }

    .xl-mr-8 {
        margin-right: .5rem !important
    }

    .-xl-mr-8 {
        margin-right: -.5rem !important
    }

    .xl-mb-8 {
        margin-bottom: .5rem !important
    }

    .-xl-mb-8 {
        margin-bottom: -.5rem !important
    }

    .xl-ml-8 {
        margin-left: .5rem !important
    }

    .-xl-ml-8 {
        margin-left: -.5rem !important
    }
}

.m-10 {
    margin: .625rem
}

.-m-10 {
    margin: -.625rem
}

.my-10 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.-my-10 {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

.mx-10 {
    margin-right: .625rem;
    margin-left: .625rem
}

.-mx-10 {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.mt-10 {
    margin-top: .625rem
}

.-mt-10 {
    margin-top: -.625rem
}

.mr-10 {
    margin-right: .625rem
}

.-mr-10 {
    margin-right: -.625rem
}

.mb-10 {
    margin-bottom: .625rem
}

.-mb-10 {
    margin-bottom: -.625rem
}

.ml-10 {
    margin-left: .625rem
}

.-ml-10 {
    margin-left: -.625rem
}

@media (max-width: 575px) {
    .xs-m-10 {
        margin: .625rem !important
    }

    .-xs-m-10 {
        margin: -.625rem !important
    }

    .xs-my-10 {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }

    .-xs-my-10 {
        margin-top: -.625rem !important;
        margin-bottom: -.625rem !important
    }

    .xs-mx-10 {
        margin-right: .625rem !important;
        margin-left: .625rem !important
    }

    .-xs-mx-10 {
        margin-right: -.625rem !important;
        margin-left: -.625rem !important
    }

    .xs-mt-10 {
        margin-top: .625rem !important
    }

    .-xs-mt-10 {
        margin-top: -.625rem !important
    }

    .xs-mr-10 {
        margin-right: .625rem !important
    }

    .-xs-mr-10 {
        margin-right: -.625rem !important
    }

    .xs-mb-10 {
        margin-bottom: .625rem !important
    }

    .-xs-mb-10 {
        margin-bottom: -.625rem !important
    }

    .xs-ml-10 {
        margin-left: .625rem !important
    }

    .-xs-ml-10 {
        margin-left: -.625rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-10 {
        margin: .625rem !important
    }

    .-sm-m-10 {
        margin: -.625rem !important
    }

    .sm-my-10 {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }

    .-sm-my-10 {
        margin-top: -.625rem !important;
        margin-bottom: -.625rem !important
    }

    .sm-mx-10 {
        margin-right: .625rem !important;
        margin-left: .625rem !important
    }

    .-sm-mx-10 {
        margin-right: -.625rem !important;
        margin-left: -.625rem !important
    }

    .sm-mt-10 {
        margin-top: .625rem !important
    }

    .-sm-mt-10 {
        margin-top: -.625rem !important
    }

    .sm-mr-10 {
        margin-right: .625rem !important
    }

    .-sm-mr-10 {
        margin-right: -.625rem !important
    }

    .sm-mb-10 {
        margin-bottom: .625rem !important
    }

    .-sm-mb-10 {
        margin-bottom: -.625rem !important
    }

    .sm-ml-10 {
        margin-left: .625rem !important
    }

    .-sm-ml-10 {
        margin-left: -.625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-10 {
        margin: .625rem !important
    }

    .-md-m-10 {
        margin: -.625rem !important
    }

    .md-my-10 {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }

    .-md-my-10 {
        margin-top: -.625rem !important;
        margin-bottom: -.625rem !important
    }

    .md-mx-10 {
        margin-right: .625rem !important;
        margin-left: .625rem !important
    }

    .-md-mx-10 {
        margin-right: -.625rem !important;
        margin-left: -.625rem !important
    }

    .md-mt-10 {
        margin-top: .625rem !important
    }

    .-md-mt-10 {
        margin-top: -.625rem !important
    }

    .md-mr-10 {
        margin-right: .625rem !important
    }

    .-md-mr-10 {
        margin-right: -.625rem !important
    }

    .md-mb-10 {
        margin-bottom: .625rem !important
    }

    .-md-mb-10 {
        margin-bottom: -.625rem !important
    }

    .md-ml-10 {
        margin-left: .625rem !important
    }

    .-md-ml-10 {
        margin-left: -.625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-10 {
        margin: .625rem !important
    }

    .-lg-m-10 {
        margin: -.625rem !important
    }

    .lg-my-10 {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }

    .-lg-my-10 {
        margin-top: -.625rem !important;
        margin-bottom: -.625rem !important
    }

    .lg-mx-10 {
        margin-right: .625rem !important;
        margin-left: .625rem !important
    }

    .-lg-mx-10 {
        margin-right: -.625rem !important;
        margin-left: -.625rem !important
    }

    .lg-mt-10 {
        margin-top: .625rem !important
    }

    .-lg-mt-10 {
        margin-top: -.625rem !important
    }

    .lg-mr-10 {
        margin-right: .625rem !important
    }

    .-lg-mr-10 {
        margin-right: -.625rem !important
    }

    .lg-mb-10 {
        margin-bottom: .625rem !important
    }

    .-lg-mb-10 {
        margin-bottom: -.625rem !important
    }

    .lg-ml-10 {
        margin-left: .625rem !important
    }

    .-lg-ml-10 {
        margin-left: -.625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-10 {
        margin: .625rem !important
    }

    .-xl-m-10 {
        margin: -.625rem !important
    }

    .xl-my-10 {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }

    .-xl-my-10 {
        margin-top: -.625rem !important;
        margin-bottom: -.625rem !important
    }

    .xl-mx-10 {
        margin-right: .625rem !important;
        margin-left: .625rem !important
    }

    .-xl-mx-10 {
        margin-right: -.625rem !important;
        margin-left: -.625rem !important
    }

    .xl-mt-10 {
        margin-top: .625rem !important
    }

    .-xl-mt-10 {
        margin-top: -.625rem !important
    }

    .xl-mr-10 {
        margin-right: .625rem !important
    }

    .-xl-mr-10 {
        margin-right: -.625rem !important
    }

    .xl-mb-10 {
        margin-bottom: .625rem !important
    }

    .-xl-mb-10 {
        margin-bottom: -.625rem !important
    }

    .xl-ml-10 {
        margin-left: .625rem !important
    }

    .-xl-ml-10 {
        margin-left: -.625rem !important
    }
}

.m-12 {
    margin: .75rem
}

.-m-12 {
    margin: -.75rem
}

.my-12 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.-my-12 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.mx-12 {
    margin-right: .75rem;
    margin-left: .75rem
}

.-mx-12 {
    margin-right: -.75rem;
    margin-left: -.75rem
}

.mt-12 {
    margin-top: .75rem
}

.-mt-12 {
    margin-top: -.75rem
}

.mr-12 {
    margin-right: .75rem
}

.-mr-12 {
    margin-right: -.75rem
}

.mb-12 {
    margin-bottom: .75rem
}

.-mb-12 {
    margin-bottom: -.75rem
}

.ml-12 {
    margin-left: .75rem
}

.-ml-12 {
    margin-left: -.75rem
}

@media (max-width: 575px) {
    .xs-m-12 {
        margin: .75rem !important
    }

    .-xs-m-12 {
        margin: -.75rem !important
    }

    .xs-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-xs-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .xs-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-xs-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .xs-mt-12 {
        margin-top: .75rem !important
    }

    .-xs-mt-12 {
        margin-top: -.75rem !important
    }

    .xs-mr-12 {
        margin-right: .75rem !important
    }

    .-xs-mr-12 {
        margin-right: -.75rem !important
    }

    .xs-mb-12 {
        margin-bottom: .75rem !important
    }

    .-xs-mb-12 {
        margin-bottom: -.75rem !important
    }

    .xs-ml-12 {
        margin-left: .75rem !important
    }

    .-xs-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-12 {
        margin: .75rem !important
    }

    .-sm-m-12 {
        margin: -.75rem !important
    }

    .sm-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-sm-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .sm-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-sm-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .sm-mt-12 {
        margin-top: .75rem !important
    }

    .-sm-mt-12 {
        margin-top: -.75rem !important
    }

    .sm-mr-12 {
        margin-right: .75rem !important
    }

    .-sm-mr-12 {
        margin-right: -.75rem !important
    }

    .sm-mb-12 {
        margin-bottom: .75rem !important
    }

    .-sm-mb-12 {
        margin-bottom: -.75rem !important
    }

    .sm-ml-12 {
        margin-left: .75rem !important
    }

    .-sm-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-12 {
        margin: .75rem !important
    }

    .-md-m-12 {
        margin: -.75rem !important
    }

    .md-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-md-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .md-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-md-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .md-mt-12 {
        margin-top: .75rem !important
    }

    .-md-mt-12 {
        margin-top: -.75rem !important
    }

    .md-mr-12 {
        margin-right: .75rem !important
    }

    .-md-mr-12 {
        margin-right: -.75rem !important
    }

    .md-mb-12 {
        margin-bottom: .75rem !important
    }

    .-md-mb-12 {
        margin-bottom: -.75rem !important
    }

    .md-ml-12 {
        margin-left: .75rem !important
    }

    .-md-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-12 {
        margin: .75rem !important
    }

    .-lg-m-12 {
        margin: -.75rem !important
    }

    .lg-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-lg-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .lg-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-lg-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .lg-mt-12 {
        margin-top: .75rem !important
    }

    .-lg-mt-12 {
        margin-top: -.75rem !important
    }

    .lg-mr-12 {
        margin-right: .75rem !important
    }

    .-lg-mr-12 {
        margin-right: -.75rem !important
    }

    .lg-mb-12 {
        margin-bottom: .75rem !important
    }

    .-lg-mb-12 {
        margin-bottom: -.75rem !important
    }

    .lg-ml-12 {
        margin-left: .75rem !important
    }

    .-lg-ml-12 {
        margin-left: -.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-12 {
        margin: .75rem !important
    }

    .-xl-m-12 {
        margin: -.75rem !important
    }

    .xl-my-12 {
        margin-top: .75rem !important;
        margin-bottom: .75rem !important
    }

    .-xl-my-12 {
        margin-top: -.75rem !important;
        margin-bottom: -.75rem !important
    }

    .xl-mx-12 {
        margin-right: .75rem !important;
        margin-left: .75rem !important
    }

    .-xl-mx-12 {
        margin-right: -.75rem !important;
        margin-left: -.75rem !important
    }

    .xl-mt-12 {
        margin-top: .75rem !important
    }

    .-xl-mt-12 {
        margin-top: -.75rem !important
    }

    .xl-mr-12 {
        margin-right: .75rem !important
    }

    .-xl-mr-12 {
        margin-right: -.75rem !important
    }

    .xl-mb-12 {
        margin-bottom: .75rem !important
    }

    .-xl-mb-12 {
        margin-bottom: -.75rem !important
    }

    .xl-ml-12 {
        margin-left: .75rem !important
    }

    .-xl-ml-12 {
        margin-left: -.75rem !important
    }
}

.m-16 {
    margin: 1rem
}

.-m-16 {
    margin: -1rem
}

.my-16 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.-my-16 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.mx-16 {
    margin-right: 1rem;
    margin-left: 1rem
}

.-mx-16 {
    margin-right: -1rem;
    margin-left: -1rem
}

.mt-16 {
    margin-top: 1rem
}

.-mt-16 {
    margin-top: -1rem
}

.mr-16 {
    margin-right: 1rem
}

.-mr-16 {
    margin-right: -1rem
}

.mb-16 {
    margin-bottom: 1rem
}

.-mb-16 {
    margin-bottom: -1rem
}

.ml-16 {
    margin-left: 1rem
}

.-ml-16 {
    margin-left: -1rem
}

@media (max-width: 575px) {
    .xs-m-16 {
        margin: 1rem !important
    }

    .-xs-m-16 {
        margin: -1rem !important
    }

    .xs-my-16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .-xs-my-16 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .xs-mx-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .-xs-mx-16 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .xs-mt-16 {
        margin-top: 1rem !important
    }

    .-xs-mt-16 {
        margin-top: -1rem !important
    }

    .xs-mr-16 {
        margin-right: 1rem !important
    }

    .-xs-mr-16 {
        margin-right: -1rem !important
    }

    .xs-mb-16 {
        margin-bottom: 1rem !important
    }

    .-xs-mb-16 {
        margin-bottom: -1rem !important
    }

    .xs-ml-16 {
        margin-left: 1rem !important
    }

    .-xs-ml-16 {
        margin-left: -1rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-16 {
        margin: 1rem !important
    }

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

    .sm-my-16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .-sm-my-16 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .sm-mx-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .-sm-mx-16 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .sm-mt-16 {
        margin-top: 1rem !important
    }

    .-sm-mt-16 {
        margin-top: -1rem !important
    }

    .sm-mr-16 {
        margin-right: 1rem !important
    }

    .-sm-mr-16 {
        margin-right: -1rem !important
    }

    .sm-mb-16 {
        margin-bottom: 1rem !important
    }

    .-sm-mb-16 {
        margin-bottom: -1rem !important
    }

    .sm-ml-16 {
        margin-left: 1rem !important
    }

    .-sm-ml-16 {
        margin-left: -1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-16 {
        margin: 1rem !important
    }

    .-md-m-16 {
        margin: -1rem !important
    }

    .md-my-16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .-md-my-16 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .md-mx-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .-md-mx-16 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .md-mt-16 {
        margin-top: 1rem !important
    }

    .-md-mt-16 {
        margin-top: -1rem !important
    }

    .md-mr-16 {
        margin-right: 1rem !important
    }

    .-md-mr-16 {
        margin-right: -1rem !important
    }

    .md-mb-16 {
        margin-bottom: 1rem !important
    }

    .-md-mb-16 {
        margin-bottom: -1rem !important
    }

    .md-ml-16 {
        margin-left: 1rem !important
    }

    .-md-ml-16 {
        margin-left: -1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-16 {
        margin: 1rem !important
    }

    .-lg-m-16 {
        margin: -1rem !important
    }

    .lg-my-16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .-lg-my-16 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .lg-mx-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .-lg-mx-16 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .lg-mt-16 {
        margin-top: 1rem !important
    }

    .-lg-mt-16 {
        margin-top: -1rem !important
    }

    .lg-mr-16 {
        margin-right: 1rem !important
    }

    .-lg-mr-16 {
        margin-right: -1rem !important
    }

    .lg-mb-16 {
        margin-bottom: 1rem !important
    }

    .-lg-mb-16 {
        margin-bottom: -1rem !important
    }

    .lg-ml-16 {
        margin-left: 1rem !important
    }

    .-lg-ml-16 {
        margin-left: -1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-16 {
        margin: 1rem !important
    }

    .-xl-m-16 {
        margin: -1rem !important
    }

    .xl-my-16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .-xl-my-16 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .xl-mx-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .-xl-mx-16 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .xl-mt-16 {
        margin-top: 1rem !important
    }

    .-xl-mt-16 {
        margin-top: -1rem !important
    }

    .xl-mr-16 {
        margin-right: 1rem !important
    }

    .-xl-mr-16 {
        margin-right: -1rem !important
    }

    .xl-mb-16 {
        margin-bottom: 1rem !important
    }

    .-xl-mb-16 {
        margin-bottom: -1rem !important
    }

    .xl-ml-16 {
        margin-left: 1rem !important
    }

    .-xl-ml-16 {
        margin-left: -1rem !important
    }
}

.m-18 {
    margin: 1.125rem
}

.-m-18 {
    margin: -1.125rem
}

.my-18 {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem
}

.-my-18 {
    margin-top: -1.125rem;
    margin-bottom: -1.125rem
}

.mx-18 {
    margin-right: 1.125rem;
    margin-left: 1.125rem
}

.-mx-18 {
    margin-right: -1.125rem;
    margin-left: -1.125rem
}

.mt-18 {
    margin-top: 1.125rem
}

.-mt-18 {
    margin-top: -1.125rem
}

.mr-18 {
    margin-right: 1.125rem
}

.-mr-18 {
    margin-right: -1.125rem
}

.mb-18 {
    margin-bottom: 1.125rem
}

.-mb-18 {
    margin-bottom: -1.125rem
}

.ml-18 {
    margin-left: 1.125rem
}

.-ml-18 {
    margin-left: -1.125rem
}

@media (max-width: 575px) {
    .xs-m-18 {
        margin: 1.125rem !important
    }

    .-xs-m-18 {
        margin: -1.125rem !important
    }

    .xs-my-18 {
        margin-top: 1.125rem !important;
        margin-bottom: 1.125rem !important
    }

    .-xs-my-18 {
        margin-top: -1.125rem !important;
        margin-bottom: -1.125rem !important
    }

    .xs-mx-18 {
        margin-right: 1.125rem !important;
        margin-left: 1.125rem !important
    }

    .-xs-mx-18 {
        margin-right: -1.125rem !important;
        margin-left: -1.125rem !important
    }

    .xs-mt-18 {
        margin-top: 1.125rem !important
    }

    .-xs-mt-18 {
        margin-top: -1.125rem !important
    }

    .xs-mr-18 {
        margin-right: 1.125rem !important
    }

    .-xs-mr-18 {
        margin-right: -1.125rem !important
    }

    .xs-mb-18 {
        margin-bottom: 1.125rem !important
    }

    .-xs-mb-18 {
        margin-bottom: -1.125rem !important
    }

    .xs-ml-18 {
        margin-left: 1.125rem !important
    }

    .-xs-ml-18 {
        margin-left: -1.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-18 {
        margin: 1.125rem !important
    }

    .-sm-m-18 {
        margin: -1.125rem !important
    }

    .sm-my-18 {
        margin-top: 1.125rem !important;
        margin-bottom: 1.125rem !important
    }

    .-sm-my-18 {
        margin-top: -1.125rem !important;
        margin-bottom: -1.125rem !important
    }

    .sm-mx-18 {
        margin-right: 1.125rem !important;
        margin-left: 1.125rem !important
    }

    .-sm-mx-18 {
        margin-right: -1.125rem !important;
        margin-left: -1.125rem !important
    }

    .sm-mt-18 {
        margin-top: 1.125rem !important
    }

    .-sm-mt-18 {
        margin-top: -1.125rem !important
    }

    .sm-mr-18 {
        margin-right: 1.125rem !important
    }

    .-sm-mr-18 {
        margin-right: -1.125rem !important
    }

    .sm-mb-18 {
        margin-bottom: 1.125rem !important
    }

    .-sm-mb-18 {
        margin-bottom: -1.125rem !important
    }

    .sm-ml-18 {
        margin-left: 1.125rem !important
    }

    .-sm-ml-18 {
        margin-left: -1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-18 {
        margin: 1.125rem !important
    }

    .-md-m-18 {
        margin: -1.125rem !important
    }

    .md-my-18 {
        margin-top: 1.125rem !important;
        margin-bottom: 1.125rem !important
    }

    .-md-my-18 {
        margin-top: -1.125rem !important;
        margin-bottom: -1.125rem !important
    }

    .md-mx-18 {
        margin-right: 1.125rem !important;
        margin-left: 1.125rem !important
    }

    .-md-mx-18 {
        margin-right: -1.125rem !important;
        margin-left: -1.125rem !important
    }

    .md-mt-18 {
        margin-top: 1.125rem !important
    }

    .-md-mt-18 {
        margin-top: -1.125rem !important
    }

    .md-mr-18 {
        margin-right: 1.125rem !important
    }

    .-md-mr-18 {
        margin-right: -1.125rem !important
    }

    .md-mb-18 {
        margin-bottom: 1.125rem !important
    }

    .-md-mb-18 {
        margin-bottom: -1.125rem !important
    }

    .md-ml-18 {
        margin-left: 1.125rem !important
    }

    .-md-ml-18 {
        margin-left: -1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-18 {
        margin: 1.125rem !important
    }

    .-lg-m-18 {
        margin: -1.125rem !important
    }

    .lg-my-18 {
        margin-top: 1.125rem !important;
        margin-bottom: 1.125rem !important
    }

    .-lg-my-18 {
        margin-top: -1.125rem !important;
        margin-bottom: -1.125rem !important
    }

    .lg-mx-18 {
        margin-right: 1.125rem !important;
        margin-left: 1.125rem !important
    }

    .-lg-mx-18 {
        margin-right: -1.125rem !important;
        margin-left: -1.125rem !important
    }

    .lg-mt-18 {
        margin-top: 1.125rem !important
    }

    .-lg-mt-18 {
        margin-top: -1.125rem !important
    }

    .lg-mr-18 {
        margin-right: 1.125rem !important
    }

    .-lg-mr-18 {
        margin-right: -1.125rem !important
    }

    .lg-mb-18 {
        margin-bottom: 1.125rem !important
    }

    .-lg-mb-18 {
        margin-bottom: -1.125rem !important
    }

    .lg-ml-18 {
        margin-left: 1.125rem !important
    }

    .-lg-ml-18 {
        margin-left: -1.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-18 {
        margin: 1.125rem !important
    }

    .-xl-m-18 {
        margin: -1.125rem !important
    }

    .xl-my-18 {
        margin-top: 1.125rem !important;
        margin-bottom: 1.125rem !important
    }

    .-xl-my-18 {
        margin-top: -1.125rem !important;
        margin-bottom: -1.125rem !important
    }

    .xl-mx-18 {
        margin-right: 1.125rem !important;
        margin-left: 1.125rem !important
    }

    .-xl-mx-18 {
        margin-right: -1.125rem !important;
        margin-left: -1.125rem !important
    }

    .xl-mt-18 {
        margin-top: 1.125rem !important
    }

    .-xl-mt-18 {
        margin-top: -1.125rem !important
    }

    .xl-mr-18 {
        margin-right: 1.125rem !important
    }

    .-xl-mr-18 {
        margin-right: -1.125rem !important
    }

    .xl-mb-18 {
        margin-bottom: 1.125rem !important
    }

    .-xl-mb-18 {
        margin-bottom: -1.125rem !important
    }

    .xl-ml-18 {
        margin-left: 1.125rem !important
    }

    .-xl-ml-18 {
        margin-left: -1.125rem !important
    }
}

.m-20 {
    margin: 1.25rem
}

.-m-20 {
    margin: -1.25rem
}

.my-20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.-my-20 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem
}

.mx-20 {
    margin-right: 1.25rem;
    margin-left: 1.25rem
}

.-mx-20 {
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

.mt-20 {
    margin-top: 1.25rem
}

.-mt-20 {
    margin-top: -1.25rem
}

.mr-20 {
    margin-right: 1.25rem
}

.-mr-20 {
    margin-right: -1.25rem
}

.mb-20 {
    margin-bottom: 1.25rem
}

.-mb-20 {
    margin-bottom: -1.25rem
}

.ml-20 {
    margin-left: 1.25rem
}

.-ml-20 {
    margin-left: -1.25rem
}

@media (max-width: 575px) {
    .xs-m-20 {
        margin: 1.25rem !important
    }

    .-xs-m-20 {
        margin: -1.25rem !important
    }

    .xs-my-20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }

    .-xs-my-20 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important
    }

    .xs-mx-20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important
    }

    .-xs-mx-20 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important
    }

    .xs-mt-20 {
        margin-top: 1.25rem !important
    }

    .-xs-mt-20 {
        margin-top: -1.25rem !important
    }

    .xs-mr-20 {
        margin-right: 1.25rem !important
    }

    .-xs-mr-20 {
        margin-right: -1.25rem !important
    }

    .xs-mb-20 {
        margin-bottom: 1.25rem !important
    }

    .-xs-mb-20 {
        margin-bottom: -1.25rem !important
    }

    .xs-ml-20 {
        margin-left: 1.25rem !important
    }

    .-xs-ml-20 {
        margin-left: -1.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-20 {
        margin: 1.25rem !important
    }

    .-sm-m-20 {
        margin: -1.25rem !important
    }

    .sm-my-20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }

    .-sm-my-20 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important
    }

    .sm-mx-20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important
    }

    .-sm-mx-20 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important
    }

    .sm-mt-20 {
        margin-top: 1.25rem !important
    }

    .-sm-mt-20 {
        margin-top: -1.25rem !important
    }

    .sm-mr-20 {
        margin-right: 1.25rem !important
    }

    .-sm-mr-20 {
        margin-right: -1.25rem !important
    }

    .sm-mb-20 {
        margin-bottom: 1.25rem !important
    }

    .-sm-mb-20 {
        margin-bottom: -1.25rem !important
    }

    .sm-ml-20 {
        margin-left: 1.25rem !important
    }

    .-sm-ml-20 {
        margin-left: -1.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-20 {
        margin: 1.25rem !important
    }

    .-md-m-20 {
        margin: -1.25rem !important
    }

    .md-my-20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }

    .-md-my-20 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important
    }

    .md-mx-20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important
    }

    .-md-mx-20 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important
    }

    .md-mt-20 {
        margin-top: 1.25rem !important
    }

    .-md-mt-20 {
        margin-top: -1.25rem !important
    }

    .md-mr-20 {
        margin-right: 1.25rem !important
    }

    .-md-mr-20 {
        margin-right: -1.25rem !important
    }

    .md-mb-20 {
        margin-bottom: 1.25rem !important
    }

    .-md-mb-20 {
        margin-bottom: -1.25rem !important
    }

    .md-ml-20 {
        margin-left: 1.25rem !important
    }

    .-md-ml-20 {
        margin-left: -1.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-20 {
        margin: 1.25rem !important
    }

    .-lg-m-20 {
        margin: -1.25rem !important
    }

    .lg-my-20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }

    .-lg-my-20 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important
    }

    .lg-mx-20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important
    }

    .-lg-mx-20 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important
    }

    .lg-mt-20 {
        margin-top: 1.25rem !important
    }

    .-lg-mt-20 {
        margin-top: -1.25rem !important
    }

    .lg-mr-20 {
        margin-right: 1.25rem !important
    }

    .-lg-mr-20 {
        margin-right: -1.25rem !important
    }

    .lg-mb-20 {
        margin-bottom: 1.25rem !important
    }

    .-lg-mb-20 {
        margin-bottom: -1.25rem !important
    }

    .lg-ml-20 {
        margin-left: 1.25rem !important
    }

    .-lg-ml-20 {
        margin-left: -1.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-20 {
        margin: 1.25rem !important
    }

    .-xl-m-20 {
        margin: -1.25rem !important
    }

    .xl-my-20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }

    .-xl-my-20 {
        margin-top: -1.25rem !important;
        margin-bottom: -1.25rem !important
    }

    .xl-mx-20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important
    }

    .-xl-mx-20 {
        margin-right: -1.25rem !important;
        margin-left: -1.25rem !important
    }

    .xl-mt-20 {
        margin-top: 1.25rem !important
    }

    .-xl-mt-20 {
        margin-top: -1.25rem !important
    }

    .xl-mr-20 {
        margin-right: 1.25rem !important
    }

    .-xl-mr-20 {
        margin-right: -1.25rem !important
    }

    .xl-mb-20 {
        margin-bottom: 1.25rem !important
    }

    .-xl-mb-20 {
        margin-bottom: -1.25rem !important
    }

    .xl-ml-20 {
        margin-left: 1.25rem !important
    }

    .-xl-ml-20 {
        margin-left: -1.25rem !important
    }
}

.m-22 {
    margin: 1.375rem
}

.-m-22 {
    margin: -1.375rem
}

.my-22 {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem
}

.-my-22 {
    margin-top: -1.375rem;
    margin-bottom: -1.375rem
}

.mx-22 {
    margin-right: 1.375rem;
    margin-left: 1.375rem
}

.-mx-22 {
    margin-right: -1.375rem;
    margin-left: -1.375rem
}

.mt-22 {
    margin-top: 1.375rem
}

.-mt-22 {
    margin-top: -1.375rem
}

.mr-22 {
    margin-right: 1.375rem
}

.-mr-22 {
    margin-right: -1.375rem
}

.mb-22 {
    margin-bottom: 1.375rem
}

.-mb-22 {
    margin-bottom: -1.375rem
}

.ml-22 {
    margin-left: 1.375rem
}

.-ml-22 {
    margin-left: -1.375rem
}

@media (max-width: 575px) {
    .xs-m-22 {
        margin: 1.375rem !important
    }

    .-xs-m-22 {
        margin: -1.375rem !important
    }

    .xs-my-22 {
        margin-top: 1.375rem !important;
        margin-bottom: 1.375rem !important
    }

    .-xs-my-22 {
        margin-top: -1.375rem !important;
        margin-bottom: -1.375rem !important
    }

    .xs-mx-22 {
        margin-right: 1.375rem !important;
        margin-left: 1.375rem !important
    }

    .-xs-mx-22 {
        margin-right: -1.375rem !important;
        margin-left: -1.375rem !important
    }

    .xs-mt-22 {
        margin-top: 1.375rem !important
    }

    .-xs-mt-22 {
        margin-top: -1.375rem !important
    }

    .xs-mr-22 {
        margin-right: 1.375rem !important
    }

    .-xs-mr-22 {
        margin-right: -1.375rem !important
    }

    .xs-mb-22 {
        margin-bottom: 1.375rem !important
    }

    .-xs-mb-22 {
        margin-bottom: -1.375rem !important
    }

    .xs-ml-22 {
        margin-left: 1.375rem !important
    }

    .-xs-ml-22 {
        margin-left: -1.375rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-22 {
        margin: 1.375rem !important
    }

    .-sm-m-22 {
        margin: -1.375rem !important
    }

    .sm-my-22 {
        margin-top: 1.375rem !important;
        margin-bottom: 1.375rem !important
    }

    .-sm-my-22 {
        margin-top: -1.375rem !important;
        margin-bottom: -1.375rem !important
    }

    .sm-mx-22 {
        margin-right: 1.375rem !important;
        margin-left: 1.375rem !important
    }

    .-sm-mx-22 {
        margin-right: -1.375rem !important;
        margin-left: -1.375rem !important
    }

    .sm-mt-22 {
        margin-top: 1.375rem !important
    }

    .-sm-mt-22 {
        margin-top: -1.375rem !important
    }

    .sm-mr-22 {
        margin-right: 1.375rem !important
    }

    .-sm-mr-22 {
        margin-right: -1.375rem !important
    }

    .sm-mb-22 {
        margin-bottom: 1.375rem !important
    }

    .-sm-mb-22 {
        margin-bottom: -1.375rem !important
    }

    .sm-ml-22 {
        margin-left: 1.375rem !important
    }

    .-sm-ml-22 {
        margin-left: -1.375rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-22 {
        margin: 1.375rem !important
    }

    .-md-m-22 {
        margin: -1.375rem !important
    }

    .md-my-22 {
        margin-top: 1.375rem !important;
        margin-bottom: 1.375rem !important
    }

    .-md-my-22 {
        margin-top: -1.375rem !important;
        margin-bottom: -1.375rem !important
    }

    .md-mx-22 {
        margin-right: 1.375rem !important;
        margin-left: 1.375rem !important
    }

    .-md-mx-22 {
        margin-right: -1.375rem !important;
        margin-left: -1.375rem !important
    }

    .md-mt-22 {
        margin-top: 1.375rem !important
    }

    .-md-mt-22 {
        margin-top: -1.375rem !important
    }

    .md-mr-22 {
        margin-right: 1.375rem !important
    }

    .-md-mr-22 {
        margin-right: -1.375rem !important
    }

    .md-mb-22 {
        margin-bottom: 1.375rem !important
    }

    .-md-mb-22 {
        margin-bottom: -1.375rem !important
    }

    .md-ml-22 {
        margin-left: 1.375rem !important
    }

    .-md-ml-22 {
        margin-left: -1.375rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-22 {
        margin: 1.375rem !important
    }

    .-lg-m-22 {
        margin: -1.375rem !important
    }

    .lg-my-22 {
        margin-top: 1.375rem !important;
        margin-bottom: 1.375rem !important
    }

    .-lg-my-22 {
        margin-top: -1.375rem !important;
        margin-bottom: -1.375rem !important
    }

    .lg-mx-22 {
        margin-right: 1.375rem !important;
        margin-left: 1.375rem !important
    }

    .-lg-mx-22 {
        margin-right: -1.375rem !important;
        margin-left: -1.375rem !important
    }

    .lg-mt-22 {
        margin-top: 1.375rem !important
    }

    .-lg-mt-22 {
        margin-top: -1.375rem !important
    }

    .lg-mr-22 {
        margin-right: 1.375rem !important
    }

    .-lg-mr-22 {
        margin-right: -1.375rem !important
    }

    .lg-mb-22 {
        margin-bottom: 1.375rem !important
    }

    .-lg-mb-22 {
        margin-bottom: -1.375rem !important
    }

    .lg-ml-22 {
        margin-left: 1.375rem !important
    }

    .-lg-ml-22 {
        margin-left: -1.375rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-22 {
        margin: 1.375rem !important
    }

    .-xl-m-22 {
        margin: -1.375rem !important
    }

    .xl-my-22 {
        margin-top: 1.375rem !important;
        margin-bottom: 1.375rem !important
    }

    .-xl-my-22 {
        margin-top: -1.375rem !important;
        margin-bottom: -1.375rem !important
    }

    .xl-mx-22 {
        margin-right: 1.375rem !important;
        margin-left: 1.375rem !important
    }

    .-xl-mx-22 {
        margin-right: -1.375rem !important;
        margin-left: -1.375rem !important
    }

    .xl-mt-22 {
        margin-top: 1.375rem !important
    }

    .-xl-mt-22 {
        margin-top: -1.375rem !important
    }

    .xl-mr-22 {
        margin-right: 1.375rem !important
    }

    .-xl-mr-22 {
        margin-right: -1.375rem !important
    }

    .xl-mb-22 {
        margin-bottom: 1.375rem !important
    }

    .-xl-mb-22 {
        margin-bottom: -1.375rem !important
    }

    .xl-ml-22 {
        margin-left: 1.375rem !important
    }

    .-xl-ml-22 {
        margin-left: -1.375rem !important
    }
}

.m-24 {
    margin: 1.5rem
}

.-m-24 {
    margin: -1.5rem
}

.my-24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.-my-24 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.mx-24 {
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

.-mx-24 {
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

.mt-24 {
    margin-top: 1.5rem
}

.-mt-24 {
    margin-top: -1.5rem
}

.mr-24 {
    margin-right: 1.5rem
}

.-mr-24 {
    margin-right: -1.5rem
}

.mb-24 {
    margin-bottom: 1.5rem
}

.-mb-24 {
    margin-bottom: -1.5rem
}

.ml-24 {
    margin-left: 1.5rem
}

.-ml-24 {
    margin-left: -1.5rem
}

@media (max-width: 575px) {
    .xs-m-24 {
        margin: 1.5rem !important
    }

    .-xs-m-24 {
        margin: -1.5rem !important
    }

    .xs-my-24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .-xs-my-24 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .xs-mx-24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .-xs-mx-24 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .xs-mt-24 {
        margin-top: 1.5rem !important
    }

    .-xs-mt-24 {
        margin-top: -1.5rem !important
    }

    .xs-mr-24 {
        margin-right: 1.5rem !important
    }

    .-xs-mr-24 {
        margin-right: -1.5rem !important
    }

    .xs-mb-24 {
        margin-bottom: 1.5rem !important
    }

    .-xs-mb-24 {
        margin-bottom: -1.5rem !important
    }

    .xs-ml-24 {
        margin-left: 1.5rem !important
    }

    .-xs-ml-24 {
        margin-left: -1.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-24 {
        margin: 1.5rem !important
    }

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

    .sm-my-24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .-sm-my-24 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .sm-mx-24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .-sm-mx-24 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .sm-mt-24 {
        margin-top: 1.5rem !important
    }

    .-sm-mt-24 {
        margin-top: -1.5rem !important
    }

    .sm-mr-24 {
        margin-right: 1.5rem !important
    }

    .-sm-mr-24 {
        margin-right: -1.5rem !important
    }

    .sm-mb-24 {
        margin-bottom: 1.5rem !important
    }

    .-sm-mb-24 {
        margin-bottom: -1.5rem !important
    }

    .sm-ml-24 {
        margin-left: 1.5rem !important
    }

    .-sm-ml-24 {
        margin-left: -1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-24 {
        margin: 1.5rem !important
    }

    .-md-m-24 {
        margin: -1.5rem !important
    }

    .md-my-24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .-md-my-24 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .md-mx-24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .-md-mx-24 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .md-mt-24 {
        margin-top: 1.5rem !important
    }

    .-md-mt-24 {
        margin-top: -1.5rem !important
    }

    .md-mr-24 {
        margin-right: 1.5rem !important
    }

    .-md-mr-24 {
        margin-right: -1.5rem !important
    }

    .md-mb-24 {
        margin-bottom: 1.5rem !important
    }

    .-md-mb-24 {
        margin-bottom: -1.5rem !important
    }

    .md-ml-24 {
        margin-left: 1.5rem !important
    }

    .-md-ml-24 {
        margin-left: -1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-24 {
        margin: 1.5rem !important
    }

    .-lg-m-24 {
        margin: -1.5rem !important
    }

    .lg-my-24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .-lg-my-24 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .lg-mx-24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .-lg-mx-24 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .lg-mt-24 {
        margin-top: 1.5rem !important
    }

    .-lg-mt-24 {
        margin-top: -1.5rem !important
    }

    .lg-mr-24 {
        margin-right: 1.5rem !important
    }

    .-lg-mr-24 {
        margin-right: -1.5rem !important
    }

    .lg-mb-24 {
        margin-bottom: 1.5rem !important
    }

    .-lg-mb-24 {
        margin-bottom: -1.5rem !important
    }

    .lg-ml-24 {
        margin-left: 1.5rem !important
    }

    .-lg-ml-24 {
        margin-left: -1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-24 {
        margin: 1.5rem !important
    }

    .-xl-m-24 {
        margin: -1.5rem !important
    }

    .xl-my-24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .-xl-my-24 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .xl-mx-24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .-xl-mx-24 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .xl-mt-24 {
        margin-top: 1.5rem !important
    }

    .-xl-mt-24 {
        margin-top: -1.5rem !important
    }

    .xl-mr-24 {
        margin-right: 1.5rem !important
    }

    .-xl-mr-24 {
        margin-right: -1.5rem !important
    }

    .xl-mb-24 {
        margin-bottom: 1.5rem !important
    }

    .-xl-mb-24 {
        margin-bottom: -1.5rem !important
    }

    .xl-ml-24 {
        margin-left: 1.5rem !important
    }

    .-xl-ml-24 {
        margin-left: -1.5rem !important
    }
}

.m-26 {
    margin: 1.625rem
}

.-m-26 {
    margin: -1.625rem
}

.my-26 {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem
}

.-my-26 {
    margin-top: -1.625rem;
    margin-bottom: -1.625rem
}

.mx-26 {
    margin-right: 1.625rem;
    margin-left: 1.625rem
}

.-mx-26 {
    margin-right: -1.625rem;
    margin-left: -1.625rem
}

.mt-26 {
    margin-top: 1.625rem
}

.-mt-26 {
    margin-top: -1.625rem
}

.mr-26 {
    margin-right: 1.625rem
}

.-mr-26 {
    margin-right: -1.625rem
}

.mb-26 {
    margin-bottom: 1.625rem
}

.-mb-26 {
    margin-bottom: -1.625rem
}

.ml-26 {
    margin-left: 1.625rem
}

.-ml-26 {
    margin-left: -1.625rem
}

@media (max-width: 575px) {
    .xs-m-26 {
        margin: 1.625rem !important
    }

    .-xs-m-26 {
        margin: -1.625rem !important
    }

    .xs-my-26 {
        margin-top: 1.625rem !important;
        margin-bottom: 1.625rem !important
    }

    .-xs-my-26 {
        margin-top: -1.625rem !important;
        margin-bottom: -1.625rem !important
    }

    .xs-mx-26 {
        margin-right: 1.625rem !important;
        margin-left: 1.625rem !important
    }

    .-xs-mx-26 {
        margin-right: -1.625rem !important;
        margin-left: -1.625rem !important
    }

    .xs-mt-26 {
        margin-top: 1.625rem !important
    }

    .-xs-mt-26 {
        margin-top: -1.625rem !important
    }

    .xs-mr-26 {
        margin-right: 1.625rem !important
    }

    .-xs-mr-26 {
        margin-right: -1.625rem !important
    }

    .xs-mb-26 {
        margin-bottom: 1.625rem !important
    }

    .-xs-mb-26 {
        margin-bottom: -1.625rem !important
    }

    .xs-ml-26 {
        margin-left: 1.625rem !important
    }

    .-xs-ml-26 {
        margin-left: -1.625rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-26 {
        margin: 1.625rem !important
    }

    .-sm-m-26 {
        margin: -1.625rem !important
    }

    .sm-my-26 {
        margin-top: 1.625rem !important;
        margin-bottom: 1.625rem !important
    }

    .-sm-my-26 {
        margin-top: -1.625rem !important;
        margin-bottom: -1.625rem !important
    }

    .sm-mx-26 {
        margin-right: 1.625rem !important;
        margin-left: 1.625rem !important
    }

    .-sm-mx-26 {
        margin-right: -1.625rem !important;
        margin-left: -1.625rem !important
    }

    .sm-mt-26 {
        margin-top: 1.625rem !important
    }

    .-sm-mt-26 {
        margin-top: -1.625rem !important
    }

    .sm-mr-26 {
        margin-right: 1.625rem !important
    }

    .-sm-mr-26 {
        margin-right: -1.625rem !important
    }

    .sm-mb-26 {
        margin-bottom: 1.625rem !important
    }

    .-sm-mb-26 {
        margin-bottom: -1.625rem !important
    }

    .sm-ml-26 {
        margin-left: 1.625rem !important
    }

    .-sm-ml-26 {
        margin-left: -1.625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-26 {
        margin: 1.625rem !important
    }

    .-md-m-26 {
        margin: -1.625rem !important
    }

    .md-my-26 {
        margin-top: 1.625rem !important;
        margin-bottom: 1.625rem !important
    }

    .-md-my-26 {
        margin-top: -1.625rem !important;
        margin-bottom: -1.625rem !important
    }

    .md-mx-26 {
        margin-right: 1.625rem !important;
        margin-left: 1.625rem !important
    }

    .-md-mx-26 {
        margin-right: -1.625rem !important;
        margin-left: -1.625rem !important
    }

    .md-mt-26 {
        margin-top: 1.625rem !important
    }

    .-md-mt-26 {
        margin-top: -1.625rem !important
    }

    .md-mr-26 {
        margin-right: 1.625rem !important
    }

    .-md-mr-26 {
        margin-right: -1.625rem !important
    }

    .md-mb-26 {
        margin-bottom: 1.625rem !important
    }

    .-md-mb-26 {
        margin-bottom: -1.625rem !important
    }

    .md-ml-26 {
        margin-left: 1.625rem !important
    }

    .-md-ml-26 {
        margin-left: -1.625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-26 {
        margin: 1.625rem !important
    }

    .-lg-m-26 {
        margin: -1.625rem !important
    }

    .lg-my-26 {
        margin-top: 1.625rem !important;
        margin-bottom: 1.625rem !important
    }

    .-lg-my-26 {
        margin-top: -1.625rem !important;
        margin-bottom: -1.625rem !important
    }

    .lg-mx-26 {
        margin-right: 1.625rem !important;
        margin-left: 1.625rem !important
    }

    .-lg-mx-26 {
        margin-right: -1.625rem !important;
        margin-left: -1.625rem !important
    }

    .lg-mt-26 {
        margin-top: 1.625rem !important
    }

    .-lg-mt-26 {
        margin-top: -1.625rem !important
    }

    .lg-mr-26 {
        margin-right: 1.625rem !important
    }

    .-lg-mr-26 {
        margin-right: -1.625rem !important
    }

    .lg-mb-26 {
        margin-bottom: 1.625rem !important
    }

    .-lg-mb-26 {
        margin-bottom: -1.625rem !important
    }

    .lg-ml-26 {
        margin-left: 1.625rem !important
    }

    .-lg-ml-26 {
        margin-left: -1.625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-26 {
        margin: 1.625rem !important
    }

    .-xl-m-26 {
        margin: -1.625rem !important
    }

    .xl-my-26 {
        margin-top: 1.625rem !important;
        margin-bottom: 1.625rem !important
    }

    .-xl-my-26 {
        margin-top: -1.625rem !important;
        margin-bottom: -1.625rem !important
    }

    .xl-mx-26 {
        margin-right: 1.625rem !important;
        margin-left: 1.625rem !important
    }

    .-xl-mx-26 {
        margin-right: -1.625rem !important;
        margin-left: -1.625rem !important
    }

    .xl-mt-26 {
        margin-top: 1.625rem !important
    }

    .-xl-mt-26 {
        margin-top: -1.625rem !important
    }

    .xl-mr-26 {
        margin-right: 1.625rem !important
    }

    .-xl-mr-26 {
        margin-right: -1.625rem !important
    }

    .xl-mb-26 {
        margin-bottom: 1.625rem !important
    }

    .-xl-mb-26 {
        margin-bottom: -1.625rem !important
    }

    .xl-ml-26 {
        margin-left: 1.625rem !important
    }

    .-xl-ml-26 {
        margin-left: -1.625rem !important
    }
}

.m-28 {
    margin: 1.75rem
}

.-m-28 {
    margin: -1.75rem
}

.my-28 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.-my-28 {
    margin-top: -1.75rem;
    margin-bottom: -1.75rem
}

.mx-28 {
    margin-right: 1.75rem;
    margin-left: 1.75rem
}

.-mx-28 {
    margin-right: -1.75rem;
    margin-left: -1.75rem
}

.mt-28 {
    margin-top: 1.75rem
}

.-mt-28 {
    margin-top: -1.75rem
}

.mr-28 {
    margin-right: 1.75rem
}

.-mr-28 {
    margin-right: -1.75rem
}

.mb-28 {
    margin-bottom: 1.75rem
}

.-mb-28 {
    margin-bottom: -1.75rem
}

.ml-28 {
    margin-left: 1.75rem
}

.-ml-28 {
    margin-left: -1.75rem
}

@media (max-width: 575px) {
    .xs-m-28 {
        margin: 1.75rem !important
    }

    .-xs-m-28 {
        margin: -1.75rem !important
    }

    .xs-my-28 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }

    .-xs-my-28 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important
    }

    .xs-mx-28 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important
    }

    .-xs-mx-28 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important
    }

    .xs-mt-28 {
        margin-top: 1.75rem !important
    }

    .-xs-mt-28 {
        margin-top: -1.75rem !important
    }

    .xs-mr-28 {
        margin-right: 1.75rem !important
    }

    .-xs-mr-28 {
        margin-right: -1.75rem !important
    }

    .xs-mb-28 {
        margin-bottom: 1.75rem !important
    }

    .-xs-mb-28 {
        margin-bottom: -1.75rem !important
    }

    .xs-ml-28 {
        margin-left: 1.75rem !important
    }

    .-xs-ml-28 {
        margin-left: -1.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-28 {
        margin: 1.75rem !important
    }

    .-sm-m-28 {
        margin: -1.75rem !important
    }

    .sm-my-28 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }

    .-sm-my-28 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important
    }

    .sm-mx-28 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important
    }

    .-sm-mx-28 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important
    }

    .sm-mt-28 {
        margin-top: 1.75rem !important
    }

    .-sm-mt-28 {
        margin-top: -1.75rem !important
    }

    .sm-mr-28 {
        margin-right: 1.75rem !important
    }

    .-sm-mr-28 {
        margin-right: -1.75rem !important
    }

    .sm-mb-28 {
        margin-bottom: 1.75rem !important
    }

    .-sm-mb-28 {
        margin-bottom: -1.75rem !important
    }

    .sm-ml-28 {
        margin-left: 1.75rem !important
    }

    .-sm-ml-28 {
        margin-left: -1.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-28 {
        margin: 1.75rem !important
    }

    .-md-m-28 {
        margin: -1.75rem !important
    }

    .md-my-28 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }

    .-md-my-28 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important
    }

    .md-mx-28 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important
    }

    .-md-mx-28 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important
    }

    .md-mt-28 {
        margin-top: 1.75rem !important
    }

    .-md-mt-28 {
        margin-top: -1.75rem !important
    }

    .md-mr-28 {
        margin-right: 1.75rem !important
    }

    .-md-mr-28 {
        margin-right: -1.75rem !important
    }

    .md-mb-28 {
        margin-bottom: 1.75rem !important
    }

    .-md-mb-28 {
        margin-bottom: -1.75rem !important
    }

    .md-ml-28 {
        margin-left: 1.75rem !important
    }

    .-md-ml-28 {
        margin-left: -1.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-28 {
        margin: 1.75rem !important
    }

    .-lg-m-28 {
        margin: -1.75rem !important
    }

    .lg-my-28 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }

    .-lg-my-28 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important
    }

    .lg-mx-28 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important
    }

    .-lg-mx-28 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important
    }

    .lg-mt-28 {
        margin-top: 1.75rem !important
    }

    .-lg-mt-28 {
        margin-top: -1.75rem !important
    }

    .lg-mr-28 {
        margin-right: 1.75rem !important
    }

    .-lg-mr-28 {
        margin-right: -1.75rem !important
    }

    .lg-mb-28 {
        margin-bottom: 1.75rem !important
    }

    .-lg-mb-28 {
        margin-bottom: -1.75rem !important
    }

    .lg-ml-28 {
        margin-left: 1.75rem !important
    }

    .-lg-ml-28 {
        margin-left: -1.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-28 {
        margin: 1.75rem !important
    }

    .-xl-m-28 {
        margin: -1.75rem !important
    }

    .xl-my-28 {
        margin-top: 1.75rem !important;
        margin-bottom: 1.75rem !important
    }

    .-xl-my-28 {
        margin-top: -1.75rem !important;
        margin-bottom: -1.75rem !important
    }

    .xl-mx-28 {
        margin-right: 1.75rem !important;
        margin-left: 1.75rem !important
    }

    .-xl-mx-28 {
        margin-right: -1.75rem !important;
        margin-left: -1.75rem !important
    }

    .xl-mt-28 {
        margin-top: 1.75rem !important
    }

    .-xl-mt-28 {
        margin-top: -1.75rem !important
    }

    .xl-mr-28 {
        margin-right: 1.75rem !important
    }

    .-xl-mr-28 {
        margin-right: -1.75rem !important
    }

    .xl-mb-28 {
        margin-bottom: 1.75rem !important
    }

    .-xl-mb-28 {
        margin-bottom: -1.75rem !important
    }

    .xl-ml-28 {
        margin-left: 1.75rem !important
    }

    .-xl-ml-28 {
        margin-left: -1.75rem !important
    }
}

.m-30 {
    margin: 1.875rem
}

.-m-30 {
    margin: -1.875rem
}

.my-30 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.-my-30 {
    margin-top: -1.875rem;
    margin-bottom: -1.875rem
}

.mx-30 {
    margin-right: 1.875rem;
    margin-left: 1.875rem
}

.-mx-30 {
    margin-right: -1.875rem;
    margin-left: -1.875rem
}

.mt-30 {
    margin-top: 1.875rem
}

.-mt-30 {
    margin-top: -1.875rem
}

.mr-30 {
    margin-right: 1.875rem
}

.-mr-30 {
    margin-right: -1.875rem
}

.mb-30 {
    margin-bottom: 1.875rem
}

.-mb-30 {
    margin-bottom: -1.875rem
}

.ml-30 {
    margin-left: 1.875rem
}

.-ml-30 {
    margin-left: -1.875rem
}

@media (max-width: 575px) {
    .xs-m-30 {
        margin: 1.875rem !important
    }

    .-xs-m-30 {
        margin: -1.875rem !important
    }

    .xs-my-30 {
        margin-top: 1.875rem !important;
        margin-bottom: 1.875rem !important
    }

    .-xs-my-30 {
        margin-top: -1.875rem !important;
        margin-bottom: -1.875rem !important
    }

    .xs-mx-30 {
        margin-right: 1.875rem !important;
        margin-left: 1.875rem !important
    }

    .-xs-mx-30 {
        margin-right: -1.875rem !important;
        margin-left: -1.875rem !important
    }

    .xs-mt-30 {
        margin-top: 1.875rem !important
    }

    .-xs-mt-30 {
        margin-top: -1.875rem !important
    }

    .xs-mr-30 {
        margin-right: 1.875rem !important
    }

    .-xs-mr-30 {
        margin-right: -1.875rem !important
    }

    .xs-mb-30 {
        margin-bottom: 1.875rem !important
    }

    .-xs-mb-30 {
        margin-bottom: -1.875rem !important
    }

    .xs-ml-30 {
        margin-left: 1.875rem !important
    }

    .-xs-ml-30 {
        margin-left: -1.875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-30 {
        margin: 1.875rem !important
    }

    .-sm-m-30 {
        margin: -1.875rem !important
    }

    .sm-my-30 {
        margin-top: 1.875rem !important;
        margin-bottom: 1.875rem !important
    }

    .-sm-my-30 {
        margin-top: -1.875rem !important;
        margin-bottom: -1.875rem !important
    }

    .sm-mx-30 {
        margin-right: 1.875rem !important;
        margin-left: 1.875rem !important
    }

    .-sm-mx-30 {
        margin-right: -1.875rem !important;
        margin-left: -1.875rem !important
    }

    .sm-mt-30 {
        margin-top: 1.875rem !important
    }

    .-sm-mt-30 {
        margin-top: -1.875rem !important
    }

    .sm-mr-30 {
        margin-right: 1.875rem !important
    }

    .-sm-mr-30 {
        margin-right: -1.875rem !important
    }

    .sm-mb-30 {
        margin-bottom: 1.875rem !important
    }

    .-sm-mb-30 {
        margin-bottom: -1.875rem !important
    }

    .sm-ml-30 {
        margin-left: 1.875rem !important
    }

    .-sm-ml-30 {
        margin-left: -1.875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-30 {
        margin: 1.875rem !important
    }

    .-md-m-30 {
        margin: -1.875rem !important
    }

    .md-my-30 {
        margin-top: 1.875rem !important;
        margin-bottom: 1.875rem !important
    }

    .-md-my-30 {
        margin-top: -1.875rem !important;
        margin-bottom: -1.875rem !important
    }

    .md-mx-30 {
        margin-right: 1.875rem !important;
        margin-left: 1.875rem !important
    }

    .-md-mx-30 {
        margin-right: -1.875rem !important;
        margin-left: -1.875rem !important
    }

    .md-mt-30 {
        margin-top: 1.875rem !important
    }

    .-md-mt-30 {
        margin-top: -1.875rem !important
    }

    .md-mr-30 {
        margin-right: 1.875rem !important
    }

    .-md-mr-30 {
        margin-right: -1.875rem !important
    }

    .md-mb-30 {
        margin-bottom: 1.875rem !important
    }

    .-md-mb-30 {
        margin-bottom: -1.875rem !important
    }

    .md-ml-30 {
        margin-left: 1.875rem !important
    }

    .-md-ml-30 {
        margin-left: -1.875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-30 {
        margin: 1.875rem !important
    }

    .-lg-m-30 {
        margin: -1.875rem !important
    }

    .lg-my-30 {
        margin-top: 1.875rem !important;
        margin-bottom: 1.875rem !important
    }

    .-lg-my-30 {
        margin-top: -1.875rem !important;
        margin-bottom: -1.875rem !important
    }

    .lg-mx-30 {
        margin-right: 1.875rem !important;
        margin-left: 1.875rem !important
    }

    .-lg-mx-30 {
        margin-right: -1.875rem !important;
        margin-left: -1.875rem !important
    }

    .lg-mt-30 {
        margin-top: 1.875rem !important
    }

    .-lg-mt-30 {
        margin-top: -1.875rem !important
    }

    .lg-mr-30 {
        margin-right: 1.875rem !important
    }

    .-lg-mr-30 {
        margin-right: -1.875rem !important
    }

    .lg-mb-30 {
        margin-bottom: 1.875rem !important
    }

    .-lg-mb-30 {
        margin-bottom: -1.875rem !important
    }

    .lg-ml-30 {
        margin-left: 1.875rem !important
    }

    .-lg-ml-30 {
        margin-left: -1.875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-30 {
        margin: 1.875rem !important
    }

    .-xl-m-30 {
        margin: -1.875rem !important
    }

    .xl-my-30 {
        margin-top: 1.875rem !important;
        margin-bottom: 1.875rem !important
    }

    .-xl-my-30 {
        margin-top: -1.875rem !important;
        margin-bottom: -1.875rem !important
    }

    .xl-mx-30 {
        margin-right: 1.875rem !important;
        margin-left: 1.875rem !important
    }

    .-xl-mx-30 {
        margin-right: -1.875rem !important;
        margin-left: -1.875rem !important
    }

    .xl-mt-30 {
        margin-top: 1.875rem !important
    }

    .-xl-mt-30 {
        margin-top: -1.875rem !important
    }

    .xl-mr-30 {
        margin-right: 1.875rem !important
    }

    .-xl-mr-30 {
        margin-right: -1.875rem !important
    }

    .xl-mb-30 {
        margin-bottom: 1.875rem !important
    }

    .-xl-mb-30 {
        margin-bottom: -1.875rem !important
    }

    .xl-ml-30 {
        margin-left: 1.875rem !important
    }

    .-xl-ml-30 {
        margin-left: -1.875rem !important
    }
}

.m-32 {
    margin: 2rem
}

.-m-32 {
    margin: -2rem
}

.my-32 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.-my-32 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.mx-32 {
    margin-right: 2rem;
    margin-left: 2rem
}

.-mx-32 {
    margin-right: -2rem;
    margin-left: -2rem
}

.mt-32 {
    margin-top: 2rem
}

.-mt-32 {
    margin-top: -2rem
}

.mr-32 {
    margin-right: 2rem
}

.-mr-32 {
    margin-right: -2rem
}

.mb-32 {
    margin-bottom: 2rem
}

.-mb-32 {
    margin-bottom: -2rem
}

.ml-32 {
    margin-left: 2rem
}

.-ml-32 {
    margin-left: -2rem
}

@media (max-width: 575px) {
    .xs-m-32 {
        margin: 2rem !important
    }

    .-xs-m-32 {
        margin: -2rem !important
    }

    .xs-my-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .-xs-my-32 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .xs-mx-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .-xs-mx-32 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .xs-mt-32 {
        margin-top: 2rem !important
    }

    .-xs-mt-32 {
        margin-top: -2rem !important
    }

    .xs-mr-32 {
        margin-right: 2rem !important
    }

    .-xs-mr-32 {
        margin-right: -2rem !important
    }

    .xs-mb-32 {
        margin-bottom: 2rem !important
    }

    .-xs-mb-32 {
        margin-bottom: -2rem !important
    }

    .xs-ml-32 {
        margin-left: 2rem !important
    }

    .-xs-ml-32 {
        margin-left: -2rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-32 {
        margin: 2rem !important
    }

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

    .sm-my-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .-sm-my-32 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .sm-mx-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .-sm-mx-32 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .sm-mt-32 {
        margin-top: 2rem !important
    }

    .-sm-mt-32 {
        margin-top: -2rem !important
    }

    .sm-mr-32 {
        margin-right: 2rem !important
    }

    .-sm-mr-32 {
        margin-right: -2rem !important
    }

    .sm-mb-32 {
        margin-bottom: 2rem !important
    }

    .-sm-mb-32 {
        margin-bottom: -2rem !important
    }

    .sm-ml-32 {
        margin-left: 2rem !important
    }

    .-sm-ml-32 {
        margin-left: -2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-32 {
        margin: 2rem !important
    }

    .-md-m-32 {
        margin: -2rem !important
    }

    .md-my-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .-md-my-32 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .md-mx-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .-md-mx-32 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .md-mt-32 {
        margin-top: 2rem !important
    }

    .-md-mt-32 {
        margin-top: -2rem !important
    }

    .md-mr-32 {
        margin-right: 2rem !important
    }

    .-md-mr-32 {
        margin-right: -2rem !important
    }

    .md-mb-32 {
        margin-bottom: 2rem !important
    }

    .-md-mb-32 {
        margin-bottom: -2rem !important
    }

    .md-ml-32 {
        margin-left: 2rem !important
    }

    .-md-ml-32 {
        margin-left: -2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-32 {
        margin: 2rem !important
    }

    .-lg-m-32 {
        margin: -2rem !important
    }

    .lg-my-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .-lg-my-32 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .lg-mx-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .-lg-mx-32 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .lg-mt-32 {
        margin-top: 2rem !important
    }

    .-lg-mt-32 {
        margin-top: -2rem !important
    }

    .lg-mr-32 {
        margin-right: 2rem !important
    }

    .-lg-mr-32 {
        margin-right: -2rem !important
    }

    .lg-mb-32 {
        margin-bottom: 2rem !important
    }

    .-lg-mb-32 {
        margin-bottom: -2rem !important
    }

    .lg-ml-32 {
        margin-left: 2rem !important
    }

    .-lg-ml-32 {
        margin-left: -2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-32 {
        margin: 2rem !important
    }

    .-xl-m-32 {
        margin: -2rem !important
    }

    .xl-my-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .-xl-my-32 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .xl-mx-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .-xl-mx-32 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .xl-mt-32 {
        margin-top: 2rem !important
    }

    .-xl-mt-32 {
        margin-top: -2rem !important
    }

    .xl-mr-32 {
        margin-right: 2rem !important
    }

    .-xl-mr-32 {
        margin-right: -2rem !important
    }

    .xl-mb-32 {
        margin-bottom: 2rem !important
    }

    .-xl-mb-32 {
        margin-bottom: -2rem !important
    }

    .xl-ml-32 {
        margin-left: 2rem !important
    }

    .-xl-ml-32 {
        margin-left: -2rem !important
    }
}

.m-36 {
    margin: 2.25rem
}

.-m-36 {
    margin: -2.25rem
}

.my-36 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

.-my-36 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem
}

.mx-36 {
    margin-right: 2.25rem;
    margin-left: 2.25rem
}

.-mx-36 {
    margin-right: -2.25rem;
    margin-left: -2.25rem
}

.mt-36 {
    margin-top: 2.25rem
}

.-mt-36 {
    margin-top: -2.25rem
}

.mr-36 {
    margin-right: 2.25rem
}

.-mr-36 {
    margin-right: -2.25rem
}

.mb-36 {
    margin-bottom: 2.25rem
}

.-mb-36 {
    margin-bottom: -2.25rem
}

.ml-36 {
    margin-left: 2.25rem
}

.-ml-36 {
    margin-left: -2.25rem
}

@media (max-width: 575px) {
    .xs-m-36 {
        margin: 2.25rem !important
    }

    .-xs-m-36 {
        margin: -2.25rem !important
    }

    .xs-my-36 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important
    }

    .-xs-my-36 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important
    }

    .xs-mx-36 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important
    }

    .-xs-mx-36 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important
    }

    .xs-mt-36 {
        margin-top: 2.25rem !important
    }

    .-xs-mt-36 {
        margin-top: -2.25rem !important
    }

    .xs-mr-36 {
        margin-right: 2.25rem !important
    }

    .-xs-mr-36 {
        margin-right: -2.25rem !important
    }

    .xs-mb-36 {
        margin-bottom: 2.25rem !important
    }

    .-xs-mb-36 {
        margin-bottom: -2.25rem !important
    }

    .xs-ml-36 {
        margin-left: 2.25rem !important
    }

    .-xs-ml-36 {
        margin-left: -2.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-36 {
        margin: 2.25rem !important
    }

    .-sm-m-36 {
        margin: -2.25rem !important
    }

    .sm-my-36 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important
    }

    .-sm-my-36 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important
    }

    .sm-mx-36 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important
    }

    .-sm-mx-36 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important
    }

    .sm-mt-36 {
        margin-top: 2.25rem !important
    }

    .-sm-mt-36 {
        margin-top: -2.25rem !important
    }

    .sm-mr-36 {
        margin-right: 2.25rem !important
    }

    .-sm-mr-36 {
        margin-right: -2.25rem !important
    }

    .sm-mb-36 {
        margin-bottom: 2.25rem !important
    }

    .-sm-mb-36 {
        margin-bottom: -2.25rem !important
    }

    .sm-ml-36 {
        margin-left: 2.25rem !important
    }

    .-sm-ml-36 {
        margin-left: -2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-36 {
        margin: 2.25rem !important
    }

    .-md-m-36 {
        margin: -2.25rem !important
    }

    .md-my-36 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important
    }

    .-md-my-36 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important
    }

    .md-mx-36 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important
    }

    .-md-mx-36 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important
    }

    .md-mt-36 {
        margin-top: 2.25rem !important
    }

    .-md-mt-36 {
        margin-top: -2.25rem !important
    }

    .md-mr-36 {
        margin-right: 2.25rem !important
    }

    .-md-mr-36 {
        margin-right: -2.25rem !important
    }

    .md-mb-36 {
        margin-bottom: 2.25rem !important
    }

    .-md-mb-36 {
        margin-bottom: -2.25rem !important
    }

    .md-ml-36 {
        margin-left: 2.25rem !important
    }

    .-md-ml-36 {
        margin-left: -2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-36 {
        margin: 2.25rem !important
    }

    .-lg-m-36 {
        margin: -2.25rem !important
    }

    .lg-my-36 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important
    }

    .-lg-my-36 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important
    }

    .lg-mx-36 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important
    }

    .-lg-mx-36 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important
    }

    .lg-mt-36 {
        margin-top: 2.25rem !important
    }

    .-lg-mt-36 {
        margin-top: -2.25rem !important
    }

    .lg-mr-36 {
        margin-right: 2.25rem !important
    }

    .-lg-mr-36 {
        margin-right: -2.25rem !important
    }

    .lg-mb-36 {
        margin-bottom: 2.25rem !important
    }

    .-lg-mb-36 {
        margin-bottom: -2.25rem !important
    }

    .lg-ml-36 {
        margin-left: 2.25rem !important
    }

    .-lg-ml-36 {
        margin-left: -2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-36 {
        margin: 2.25rem !important
    }

    .-xl-m-36 {
        margin: -2.25rem !important
    }

    .xl-my-36 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important
    }

    .-xl-my-36 {
        margin-top: -2.25rem !important;
        margin-bottom: -2.25rem !important
    }

    .xl-mx-36 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important
    }

    .-xl-mx-36 {
        margin-right: -2.25rem !important;
        margin-left: -2.25rem !important
    }

    .xl-mt-36 {
        margin-top: 2.25rem !important
    }

    .-xl-mt-36 {
        margin-top: -2.25rem !important
    }

    .xl-mr-36 {
        margin-right: 2.25rem !important
    }

    .-xl-mr-36 {
        margin-right: -2.25rem !important
    }

    .xl-mb-36 {
        margin-bottom: 2.25rem !important
    }

    .-xl-mb-36 {
        margin-bottom: -2.25rem !important
    }

    .xl-ml-36 {
        margin-left: 2.25rem !important
    }

    .-xl-ml-36 {
        margin-left: -2.25rem !important
    }
}

.m-40 {
    margin: 2.5rem
}

.-m-40 {
    margin: -2.5rem
}

.my-40 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.-my-40 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem
}

.mx-40 {
    margin-right: 2.5rem;
    margin-left: 2.5rem
}

.-mx-40 {
    margin-right: -2.5rem;
    margin-left: -2.5rem
}

.mt-40 {
    margin-top: 2.5rem
}

.-mt-40 {
    margin-top: -2.5rem
}

.mr-40 {
    margin-right: 2.5rem
}

.-mr-40 {
    margin-right: -2.5rem
}

.mb-40 {
    margin-bottom: 2.5rem
}

.-mb-40 {
    margin-bottom: -2.5rem
}

.ml-40 {
    margin-left: 2.5rem
}

.-ml-40 {
    margin-left: -2.5rem
}

@media (max-width: 575px) {
    .xs-m-40 {
        margin: 2.5rem !important
    }

    .-xs-m-40 {
        margin: -2.5rem !important
    }

    .xs-my-40 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .-xs-my-40 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .xs-mx-40 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .-xs-mx-40 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important
    }

    .xs-mt-40 {
        margin-top: 2.5rem !important
    }

    .-xs-mt-40 {
        margin-top: -2.5rem !important
    }

    .xs-mr-40 {
        margin-right: 2.5rem !important
    }

    .-xs-mr-40 {
        margin-right: -2.5rem !important
    }

    .xs-mb-40 {
        margin-bottom: 2.5rem !important
    }

    .-xs-mb-40 {
        margin-bottom: -2.5rem !important
    }

    .xs-ml-40 {
        margin-left: 2.5rem !important
    }

    .-xs-ml-40 {
        margin-left: -2.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-40 {
        margin: 2.5rem !important
    }

    .-sm-m-40 {
        margin: -2.5rem !important
    }

    .sm-my-40 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .-sm-my-40 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .sm-mx-40 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .-sm-mx-40 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important
    }

    .sm-mt-40 {
        margin-top: 2.5rem !important
    }

    .-sm-mt-40 {
        margin-top: -2.5rem !important
    }

    .sm-mr-40 {
        margin-right: 2.5rem !important
    }

    .-sm-mr-40 {
        margin-right: -2.5rem !important
    }

    .sm-mb-40 {
        margin-bottom: 2.5rem !important
    }

    .-sm-mb-40 {
        margin-bottom: -2.5rem !important
    }

    .sm-ml-40 {
        margin-left: 2.5rem !important
    }

    .-sm-ml-40 {
        margin-left: -2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-40 {
        margin: 2.5rem !important
    }

    .-md-m-40 {
        margin: -2.5rem !important
    }

    .md-my-40 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .-md-my-40 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .md-mx-40 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .-md-mx-40 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important
    }

    .md-mt-40 {
        margin-top: 2.5rem !important
    }

    .-md-mt-40 {
        margin-top: -2.5rem !important
    }

    .md-mr-40 {
        margin-right: 2.5rem !important
    }

    .-md-mr-40 {
        margin-right: -2.5rem !important
    }

    .md-mb-40 {
        margin-bottom: 2.5rem !important
    }

    .-md-mb-40 {
        margin-bottom: -2.5rem !important
    }

    .md-ml-40 {
        margin-left: 2.5rem !important
    }

    .-md-ml-40 {
        margin-left: -2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-40 {
        margin: 2.5rem !important
    }

    .-lg-m-40 {
        margin: -2.5rem !important
    }

    .lg-my-40 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .-lg-my-40 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .lg-mx-40 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .-lg-mx-40 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important
    }

    .lg-mt-40 {
        margin-top: 2.5rem !important
    }

    .-lg-mt-40 {
        margin-top: -2.5rem !important
    }

    .lg-mr-40 {
        margin-right: 2.5rem !important
    }

    .-lg-mr-40 {
        margin-right: -2.5rem !important
    }

    .lg-mb-40 {
        margin-bottom: 2.5rem !important
    }

    .-lg-mb-40 {
        margin-bottom: -2.5rem !important
    }

    .lg-ml-40 {
        margin-left: 2.5rem !important
    }

    .-lg-ml-40 {
        margin-left: -2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-40 {
        margin: 2.5rem !important
    }

    .-xl-m-40 {
        margin: -2.5rem !important
    }

    .xl-my-40 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .-xl-my-40 {
        margin-top: -2.5rem !important;
        margin-bottom: -2.5rem !important
    }

    .xl-mx-40 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .-xl-mx-40 {
        margin-right: -2.5rem !important;
        margin-left: -2.5rem !important
    }

    .xl-mt-40 {
        margin-top: 2.5rem !important
    }

    .-xl-mt-40 {
        margin-top: -2.5rem !important
    }

    .xl-mr-40 {
        margin-right: 2.5rem !important
    }

    .-xl-mr-40 {
        margin-right: -2.5rem !important
    }

    .xl-mb-40 {
        margin-bottom: 2.5rem !important
    }

    .-xl-mb-40 {
        margin-bottom: -2.5rem !important
    }

    .xl-ml-40 {
        margin-left: 2.5rem !important
    }

    .-xl-ml-40 {
        margin-left: -2.5rem !important
    }
}

.m-44 {
    margin: 2.75rem
}

.-m-44 {
    margin: -2.75rem
}

.my-44 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem
}

.-my-44 {
    margin-top: -2.75rem;
    margin-bottom: -2.75rem
}

.mx-44 {
    margin-right: 2.75rem;
    margin-left: 2.75rem
}

.-mx-44 {
    margin-right: -2.75rem;
    margin-left: -2.75rem
}

.mt-44 {
    margin-top: 2.75rem
}

.-mt-44 {
    margin-top: -2.75rem
}

.mr-44 {
    margin-right: 2.75rem
}

.-mr-44 {
    margin-right: -2.75rem
}

.mb-44 {
    margin-bottom: 2.75rem
}

.-mb-44 {
    margin-bottom: -2.75rem
}

.ml-44 {
    margin-left: 2.75rem
}

.-ml-44 {
    margin-left: -2.75rem
}

@media (max-width: 575px) {
    .xs-m-44 {
        margin: 2.75rem !important
    }

    .-xs-m-44 {
        margin: -2.75rem !important
    }

    .xs-my-44 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important
    }

    .-xs-my-44 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important
    }

    .xs-mx-44 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important
    }

    .-xs-mx-44 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important
    }

    .xs-mt-44 {
        margin-top: 2.75rem !important
    }

    .-xs-mt-44 {
        margin-top: -2.75rem !important
    }

    .xs-mr-44 {
        margin-right: 2.75rem !important
    }

    .-xs-mr-44 {
        margin-right: -2.75rem !important
    }

    .xs-mb-44 {
        margin-bottom: 2.75rem !important
    }

    .-xs-mb-44 {
        margin-bottom: -2.75rem !important
    }

    .xs-ml-44 {
        margin-left: 2.75rem !important
    }

    .-xs-ml-44 {
        margin-left: -2.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-44 {
        margin: 2.75rem !important
    }

    .-sm-m-44 {
        margin: -2.75rem !important
    }

    .sm-my-44 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important
    }

    .-sm-my-44 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important
    }

    .sm-mx-44 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important
    }

    .-sm-mx-44 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important
    }

    .sm-mt-44 {
        margin-top: 2.75rem !important
    }

    .-sm-mt-44 {
        margin-top: -2.75rem !important
    }

    .sm-mr-44 {
        margin-right: 2.75rem !important
    }

    .-sm-mr-44 {
        margin-right: -2.75rem !important
    }

    .sm-mb-44 {
        margin-bottom: 2.75rem !important
    }

    .-sm-mb-44 {
        margin-bottom: -2.75rem !important
    }

    .sm-ml-44 {
        margin-left: 2.75rem !important
    }

    .-sm-ml-44 {
        margin-left: -2.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-44 {
        margin: 2.75rem !important
    }

    .-md-m-44 {
        margin: -2.75rem !important
    }

    .md-my-44 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important
    }

    .-md-my-44 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important
    }

    .md-mx-44 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important
    }

    .-md-mx-44 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important
    }

    .md-mt-44 {
        margin-top: 2.75rem !important
    }

    .-md-mt-44 {
        margin-top: -2.75rem !important
    }

    .md-mr-44 {
        margin-right: 2.75rem !important
    }

    .-md-mr-44 {
        margin-right: -2.75rem !important
    }

    .md-mb-44 {
        margin-bottom: 2.75rem !important
    }

    .-md-mb-44 {
        margin-bottom: -2.75rem !important
    }

    .md-ml-44 {
        margin-left: 2.75rem !important
    }

    .-md-ml-44 {
        margin-left: -2.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-44 {
        margin: 2.75rem !important
    }

    .-lg-m-44 {
        margin: -2.75rem !important
    }

    .lg-my-44 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important
    }

    .-lg-my-44 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important
    }

    .lg-mx-44 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important
    }

    .-lg-mx-44 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important
    }

    .lg-mt-44 {
        margin-top: 2.75rem !important
    }

    .-lg-mt-44 {
        margin-top: -2.75rem !important
    }

    .lg-mr-44 {
        margin-right: 2.75rem !important
    }

    .-lg-mr-44 {
        margin-right: -2.75rem !important
    }

    .lg-mb-44 {
        margin-bottom: 2.75rem !important
    }

    .-lg-mb-44 {
        margin-bottom: -2.75rem !important
    }

    .lg-ml-44 {
        margin-left: 2.75rem !important
    }

    .-lg-ml-44 {
        margin-left: -2.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-44 {
        margin: 2.75rem !important
    }

    .-xl-m-44 {
        margin: -2.75rem !important
    }

    .xl-my-44 {
        margin-top: 2.75rem !important;
        margin-bottom: 2.75rem !important
    }

    .-xl-my-44 {
        margin-top: -2.75rem !important;
        margin-bottom: -2.75rem !important
    }

    .xl-mx-44 {
        margin-right: 2.75rem !important;
        margin-left: 2.75rem !important
    }

    .-xl-mx-44 {
        margin-right: -2.75rem !important;
        margin-left: -2.75rem !important
    }

    .xl-mt-44 {
        margin-top: 2.75rem !important
    }

    .-xl-mt-44 {
        margin-top: -2.75rem !important
    }

    .xl-mr-44 {
        margin-right: 2.75rem !important
    }

    .-xl-mr-44 {
        margin-right: -2.75rem !important
    }

    .xl-mb-44 {
        margin-bottom: 2.75rem !important
    }

    .-xl-mb-44 {
        margin-bottom: -2.75rem !important
    }

    .xl-ml-44 {
        margin-left: 2.75rem !important
    }

    .-xl-ml-44 {
        margin-left: -2.75rem !important
    }
}

.m-50 {
    margin: 3.125rem
}

.-m-50 {
    margin: -3.125rem
}

.my-50 {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.-my-50 {
    margin-top: -3.125rem;
    margin-bottom: -3.125rem
}

.mx-50 {
    margin-right: 3.125rem;
    margin-left: 3.125rem
}

.-mx-50 {
    margin-right: -3.125rem;
    margin-left: -3.125rem
}

.mt-50 {
    margin-top: 3.125rem
}

.-mt-50 {
    margin-top: -3.125rem
}

.mr-50 {
    margin-right: 3.125rem
}

.-mr-50 {
    margin-right: -3.125rem
}

.mb-50 {
    margin-bottom: 3.125rem
}

.-mb-50 {
    margin-bottom: -3.125rem
}

.ml-50 {
    margin-left: 3.125rem
}

.-ml-50 {
    margin-left: -3.125rem
}

@media (max-width: 575px) {
    .xs-m-50 {
        margin: 3.125rem !important
    }

    .-xs-m-50 {
        margin: -3.125rem !important
    }

    .xs-my-50 {
        margin-top: 3.125rem !important;
        margin-bottom: 3.125rem !important
    }

    .-xs-my-50 {
        margin-top: -3.125rem !important;
        margin-bottom: -3.125rem !important
    }

    .xs-mx-50 {
        margin-right: 3.125rem !important;
        margin-left: 3.125rem !important
    }

    .-xs-mx-50 {
        margin-right: -3.125rem !important;
        margin-left: -3.125rem !important
    }

    .xs-mt-50 {
        margin-top: 3.125rem !important
    }

    .-xs-mt-50 {
        margin-top: -3.125rem !important
    }

    .xs-mr-50 {
        margin-right: 3.125rem !important
    }

    .-xs-mr-50 {
        margin-right: -3.125rem !important
    }

    .xs-mb-50 {
        margin-bottom: 3.125rem !important
    }

    .-xs-mb-50 {
        margin-bottom: -3.125rem !important
    }

    .xs-ml-50 {
        margin-left: 3.125rem !important
    }

    .-xs-ml-50 {
        margin-left: -3.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-50 {
        margin: 3.125rem !important
    }

    .-sm-m-50 {
        margin: -3.125rem !important
    }

    .sm-my-50 {
        margin-top: 3.125rem !important;
        margin-bottom: 3.125rem !important
    }

    .-sm-my-50 {
        margin-top: -3.125rem !important;
        margin-bottom: -3.125rem !important
    }

    .sm-mx-50 {
        margin-right: 3.125rem !important;
        margin-left: 3.125rem !important
    }

    .-sm-mx-50 {
        margin-right: -3.125rem !important;
        margin-left: -3.125rem !important
    }

    .sm-mt-50 {
        margin-top: 3.125rem !important
    }

    .-sm-mt-50 {
        margin-top: -3.125rem !important
    }

    .sm-mr-50 {
        margin-right: 3.125rem !important
    }

    .-sm-mr-50 {
        margin-right: -3.125rem !important
    }

    .sm-mb-50 {
        margin-bottom: 3.125rem !important
    }

    .-sm-mb-50 {
        margin-bottom: -3.125rem !important
    }

    .sm-ml-50 {
        margin-left: 3.125rem !important
    }

    .-sm-ml-50 {
        margin-left: -3.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-50 {
        margin: 3.125rem !important
    }

    .-md-m-50 {
        margin: -3.125rem !important
    }

    .md-my-50 {
        margin-top: 3.125rem !important;
        margin-bottom: 3.125rem !important
    }

    .-md-my-50 {
        margin-top: -3.125rem !important;
        margin-bottom: -3.125rem !important
    }

    .md-mx-50 {
        margin-right: 3.125rem !important;
        margin-left: 3.125rem !important
    }

    .-md-mx-50 {
        margin-right: -3.125rem !important;
        margin-left: -3.125rem !important
    }

    .md-mt-50 {
        margin-top: 3.125rem !important
    }

    .-md-mt-50 {
        margin-top: -3.125rem !important
    }

    .md-mr-50 {
        margin-right: 3.125rem !important
    }

    .-md-mr-50 {
        margin-right: -3.125rem !important
    }

    .md-mb-50 {
        margin-bottom: 3.125rem !important
    }

    .-md-mb-50 {
        margin-bottom: -3.125rem !important
    }

    .md-ml-50 {
        margin-left: 3.125rem !important
    }

    .-md-ml-50 {
        margin-left: -3.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-50 {
        margin: 3.125rem !important
    }

    .-lg-m-50 {
        margin: -3.125rem !important
    }

    .lg-my-50 {
        margin-top: 3.125rem !important;
        margin-bottom: 3.125rem !important
    }

    .-lg-my-50 {
        margin-top: -3.125rem !important;
        margin-bottom: -3.125rem !important
    }

    .lg-mx-50 {
        margin-right: 3.125rem !important;
        margin-left: 3.125rem !important
    }

    .-lg-mx-50 {
        margin-right: -3.125rem !important;
        margin-left: -3.125rem !important
    }

    .lg-mt-50 {
        margin-top: 3.125rem !important
    }

    .-lg-mt-50 {
        margin-top: -3.125rem !important
    }

    .lg-mr-50 {
        margin-right: 3.125rem !important
    }

    .-lg-mr-50 {
        margin-right: -3.125rem !important
    }

    .lg-mb-50 {
        margin-bottom: 3.125rem !important
    }

    .-lg-mb-50 {
        margin-bottom: -3.125rem !important
    }

    .lg-ml-50 {
        margin-left: 3.125rem !important
    }

    .-lg-ml-50 {
        margin-left: -3.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-50 {
        margin: 3.125rem !important
    }

    .-xl-m-50 {
        margin: -3.125rem !important
    }

    .xl-my-50 {
        margin-top: 3.125rem !important;
        margin-bottom: 3.125rem !important
    }

    .-xl-my-50 {
        margin-top: -3.125rem !important;
        margin-bottom: -3.125rem !important
    }

    .xl-mx-50 {
        margin-right: 3.125rem !important;
        margin-left: 3.125rem !important
    }

    .-xl-mx-50 {
        margin-right: -3.125rem !important;
        margin-left: -3.125rem !important
    }

    .xl-mt-50 {
        margin-top: 3.125rem !important
    }

    .-xl-mt-50 {
        margin-top: -3.125rem !important
    }

    .xl-mr-50 {
        margin-right: 3.125rem !important
    }

    .-xl-mr-50 {
        margin-right: -3.125rem !important
    }

    .xl-mb-50 {
        margin-bottom: 3.125rem !important
    }

    .-xl-mb-50 {
        margin-bottom: -3.125rem !important
    }

    .xl-ml-50 {
        margin-left: 3.125rem !important
    }

    .-xl-ml-50 {
        margin-left: -3.125rem !important
    }
}

.m-48 {
    margin: 3rem
}

.-m-48 {
    margin: -3rem
}

.my-48 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.-my-48 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.mx-48 {
    margin-right: 3rem;
    margin-left: 3rem
}

.-mx-48 {
    margin-right: -3rem;
    margin-left: -3rem
}

.mt-48 {
    margin-top: 3rem
}

.-mt-48 {
    margin-top: -3rem
}

.mr-48 {
    margin-right: 3rem
}

.-mr-48 {
    margin-right: -3rem
}

.mb-48 {
    margin-bottom: 3rem
}

.-mb-48 {
    margin-bottom: -3rem
}

.ml-48 {
    margin-left: 3rem
}

.-ml-48 {
    margin-left: -3rem
}

@media (max-width: 575px) {
    .xs-m-48 {
        margin: 3rem !important
    }

    .-xs-m-48 {
        margin: -3rem !important
    }

    .xs-my-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .-xs-my-48 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .xs-mx-48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .-xs-mx-48 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .xs-mt-48 {
        margin-top: 3rem !important
    }

    .-xs-mt-48 {
        margin-top: -3rem !important
    }

    .xs-mr-48 {
        margin-right: 3rem !important
    }

    .-xs-mr-48 {
        margin-right: -3rem !important
    }

    .xs-mb-48 {
        margin-bottom: 3rem !important
    }

    .-xs-mb-48 {
        margin-bottom: -3rem !important
    }

    .xs-ml-48 {
        margin-left: 3rem !important
    }

    .-xs-ml-48 {
        margin-left: -3rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-48 {
        margin: 3rem !important
    }

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

    .sm-my-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .-sm-my-48 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .sm-mx-48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .-sm-mx-48 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .sm-mt-48 {
        margin-top: 3rem !important
    }

    .-sm-mt-48 {
        margin-top: -3rem !important
    }

    .sm-mr-48 {
        margin-right: 3rem !important
    }

    .-sm-mr-48 {
        margin-right: -3rem !important
    }

    .sm-mb-48 {
        margin-bottom: 3rem !important
    }

    .-sm-mb-48 {
        margin-bottom: -3rem !important
    }

    .sm-ml-48 {
        margin-left: 3rem !important
    }

    .-sm-ml-48 {
        margin-left: -3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-48 {
        margin: 3rem !important
    }

    .-md-m-48 {
        margin: -3rem !important
    }

    .md-my-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .-md-my-48 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .md-mx-48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .-md-mx-48 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .md-mt-48 {
        margin-top: 3rem !important
    }

    .-md-mt-48 {
        margin-top: -3rem !important
    }

    .md-mr-48 {
        margin-right: 3rem !important
    }

    .-md-mr-48 {
        margin-right: -3rem !important
    }

    .md-mb-48 {
        margin-bottom: 3rem !important
    }

    .-md-mb-48 {
        margin-bottom: -3rem !important
    }

    .md-ml-48 {
        margin-left: 3rem !important
    }

    .-md-ml-48 {
        margin-left: -3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-48 {
        margin: 3rem !important
    }

    .-lg-m-48 {
        margin: -3rem !important
    }

    .lg-my-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .-lg-my-48 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .lg-mx-48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .-lg-mx-48 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .lg-mt-48 {
        margin-top: 3rem !important
    }

    .-lg-mt-48 {
        margin-top: -3rem !important
    }

    .lg-mr-48 {
        margin-right: 3rem !important
    }

    .-lg-mr-48 {
        margin-right: -3rem !important
    }

    .lg-mb-48 {
        margin-bottom: 3rem !important
    }

    .-lg-mb-48 {
        margin-bottom: -3rem !important
    }

    .lg-ml-48 {
        margin-left: 3rem !important
    }

    .-lg-ml-48 {
        margin-left: -3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-48 {
        margin: 3rem !important
    }

    .-xl-m-48 {
        margin: -3rem !important
    }

    .xl-my-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .-xl-my-48 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .xl-mx-48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .-xl-mx-48 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .xl-mt-48 {
        margin-top: 3rem !important
    }

    .-xl-mt-48 {
        margin-top: -3rem !important
    }

    .xl-mr-48 {
        margin-right: 3rem !important
    }

    .-xl-mr-48 {
        margin-right: -3rem !important
    }

    .xl-mb-48 {
        margin-bottom: 3rem !important
    }

    .-xl-mb-48 {
        margin-bottom: -3rem !important
    }

    .xl-ml-48 {
        margin-left: 3rem !important
    }

    .-xl-ml-48 {
        margin-left: -3rem !important
    }
}

.m-52 {
    margin: 3.25rem
}

.-m-52 {
    margin: -3.25rem
}

.my-52 {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem
}

.-my-52 {
    margin-top: -3.25rem;
    margin-bottom: -3.25rem
}

.mx-52 {
    margin-right: 3.25rem;
    margin-left: 3.25rem
}

.-mx-52 {
    margin-right: -3.25rem;
    margin-left: -3.25rem
}

.mt-52 {
    margin-top: 3.25rem
}

.-mt-52 {
    margin-top: -3.25rem
}

.mr-52 {
    margin-right: 3.25rem
}

.-mr-52 {
    margin-right: -3.25rem
}

.mb-52 {
    margin-bottom: 3.25rem
}

.-mb-52 {
    margin-bottom: -3.25rem
}

.ml-52 {
    margin-left: 3.25rem
}

.-ml-52 {
    margin-left: -3.25rem
}

@media (max-width: 575px) {
    .xs-m-52 {
        margin: 3.25rem !important
    }

    .-xs-m-52 {
        margin: -3.25rem !important
    }

    .xs-my-52 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important
    }

    .-xs-my-52 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important
    }

    .xs-mx-52 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important
    }

    .-xs-mx-52 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important
    }

    .xs-mt-52 {
        margin-top: 3.25rem !important
    }

    .-xs-mt-52 {
        margin-top: -3.25rem !important
    }

    .xs-mr-52 {
        margin-right: 3.25rem !important
    }

    .-xs-mr-52 {
        margin-right: -3.25rem !important
    }

    .xs-mb-52 {
        margin-bottom: 3.25rem !important
    }

    .-xs-mb-52 {
        margin-bottom: -3.25rem !important
    }

    .xs-ml-52 {
        margin-left: 3.25rem !important
    }

    .-xs-ml-52 {
        margin-left: -3.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-52 {
        margin: 3.25rem !important
    }

    .-sm-m-52 {
        margin: -3.25rem !important
    }

    .sm-my-52 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important
    }

    .-sm-my-52 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important
    }

    .sm-mx-52 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important
    }

    .-sm-mx-52 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important
    }

    .sm-mt-52 {
        margin-top: 3.25rem !important
    }

    .-sm-mt-52 {
        margin-top: -3.25rem !important
    }

    .sm-mr-52 {
        margin-right: 3.25rem !important
    }

    .-sm-mr-52 {
        margin-right: -3.25rem !important
    }

    .sm-mb-52 {
        margin-bottom: 3.25rem !important
    }

    .-sm-mb-52 {
        margin-bottom: -3.25rem !important
    }

    .sm-ml-52 {
        margin-left: 3.25rem !important
    }

    .-sm-ml-52 {
        margin-left: -3.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-52 {
        margin: 3.25rem !important
    }

    .-md-m-52 {
        margin: -3.25rem !important
    }

    .md-my-52 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important
    }

    .-md-my-52 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important
    }

    .md-mx-52 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important
    }

    .-md-mx-52 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important
    }

    .md-mt-52 {
        margin-top: 3.25rem !important
    }

    .-md-mt-52 {
        margin-top: -3.25rem !important
    }

    .md-mr-52 {
        margin-right: 3.25rem !important
    }

    .-md-mr-52 {
        margin-right: -3.25rem !important
    }

    .md-mb-52 {
        margin-bottom: 3.25rem !important
    }

    .-md-mb-52 {
        margin-bottom: -3.25rem !important
    }

    .md-ml-52 {
        margin-left: 3.25rem !important
    }

    .-md-ml-52 {
        margin-left: -3.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-52 {
        margin: 3.25rem !important
    }

    .-lg-m-52 {
        margin: -3.25rem !important
    }

    .lg-my-52 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important
    }

    .-lg-my-52 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important
    }

    .lg-mx-52 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important
    }

    .-lg-mx-52 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important
    }

    .lg-mt-52 {
        margin-top: 3.25rem !important
    }

    .-lg-mt-52 {
        margin-top: -3.25rem !important
    }

    .lg-mr-52 {
        margin-right: 3.25rem !important
    }

    .-lg-mr-52 {
        margin-right: -3.25rem !important
    }

    .lg-mb-52 {
        margin-bottom: 3.25rem !important
    }

    .-lg-mb-52 {
        margin-bottom: -3.25rem !important
    }

    .lg-ml-52 {
        margin-left: 3.25rem !important
    }

    .-lg-ml-52 {
        margin-left: -3.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-52 {
        margin: 3.25rem !important
    }

    .-xl-m-52 {
        margin: -3.25rem !important
    }

    .xl-my-52 {
        margin-top: 3.25rem !important;
        margin-bottom: 3.25rem !important
    }

    .-xl-my-52 {
        margin-top: -3.25rem !important;
        margin-bottom: -3.25rem !important
    }

    .xl-mx-52 {
        margin-right: 3.25rem !important;
        margin-left: 3.25rem !important
    }

    .-xl-mx-52 {
        margin-right: -3.25rem !important;
        margin-left: -3.25rem !important
    }

    .xl-mt-52 {
        margin-top: 3.25rem !important
    }

    .-xl-mt-52 {
        margin-top: -3.25rem !important
    }

    .xl-mr-52 {
        margin-right: 3.25rem !important
    }

    .-xl-mr-52 {
        margin-right: -3.25rem !important
    }

    .xl-mb-52 {
        margin-bottom: 3.25rem !important
    }

    .-xl-mb-52 {
        margin-bottom: -3.25rem !important
    }

    .xl-ml-52 {
        margin-left: 3.25rem !important
    }

    .-xl-ml-52 {
        margin-left: -3.25rem !important
    }
}

.m-56 {
    margin: 3.5rem
}

.-m-56 {
    margin: -3.5rem
}

.my-56 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.-my-56 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem
}

.mx-56 {
    margin-right: 3.5rem;
    margin-left: 3.5rem
}

.-mx-56 {
    margin-right: -3.5rem;
    margin-left: -3.5rem
}

.mt-56 {
    margin-top: 3.5rem
}

.-mt-56 {
    margin-top: -3.5rem
}

.mr-56 {
    margin-right: 3.5rem
}

.-mr-56 {
    margin-right: -3.5rem
}

.mb-56 {
    margin-bottom: 3.5rem
}

.-mb-56 {
    margin-bottom: -3.5rem
}

.ml-56 {
    margin-left: 3.5rem
}

.-ml-56 {
    margin-left: -3.5rem
}

@media (max-width: 575px) {
    .xs-m-56 {
        margin: 3.5rem !important
    }

    .-xs-m-56 {
        margin: -3.5rem !important
    }

    .xs-my-56 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .-xs-my-56 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important
    }

    .xs-mx-56 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .-xs-mx-56 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important
    }

    .xs-mt-56 {
        margin-top: 3.5rem !important
    }

    .-xs-mt-56 {
        margin-top: -3.5rem !important
    }

    .xs-mr-56 {
        margin-right: 3.5rem !important
    }

    .-xs-mr-56 {
        margin-right: -3.5rem !important
    }

    .xs-mb-56 {
        margin-bottom: 3.5rem !important
    }

    .-xs-mb-56 {
        margin-bottom: -3.5rem !important
    }

    .xs-ml-56 {
        margin-left: 3.5rem !important
    }

    .-xs-ml-56 {
        margin-left: -3.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-56 {
        margin: 3.5rem !important
    }

    .-sm-m-56 {
        margin: -3.5rem !important
    }

    .sm-my-56 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .-sm-my-56 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important
    }

    .sm-mx-56 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .-sm-mx-56 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important
    }

    .sm-mt-56 {
        margin-top: 3.5rem !important
    }

    .-sm-mt-56 {
        margin-top: -3.5rem !important
    }

    .sm-mr-56 {
        margin-right: 3.5rem !important
    }

    .-sm-mr-56 {
        margin-right: -3.5rem !important
    }

    .sm-mb-56 {
        margin-bottom: 3.5rem !important
    }

    .-sm-mb-56 {
        margin-bottom: -3.5rem !important
    }

    .sm-ml-56 {
        margin-left: 3.5rem !important
    }

    .-sm-ml-56 {
        margin-left: -3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-56 {
        margin: 3.5rem !important
    }

    .-md-m-56 {
        margin: -3.5rem !important
    }

    .md-my-56 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .-md-my-56 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important
    }

    .md-mx-56 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .-md-mx-56 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important
    }

    .md-mt-56 {
        margin-top: 3.5rem !important
    }

    .-md-mt-56 {
        margin-top: -3.5rem !important
    }

    .md-mr-56 {
        margin-right: 3.5rem !important
    }

    .-md-mr-56 {
        margin-right: -3.5rem !important
    }

    .md-mb-56 {
        margin-bottom: 3.5rem !important
    }

    .-md-mb-56 {
        margin-bottom: -3.5rem !important
    }

    .md-ml-56 {
        margin-left: 3.5rem !important
    }

    .-md-ml-56 {
        margin-left: -3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-56 {
        margin: 3.5rem !important
    }

    .-lg-m-56 {
        margin: -3.5rem !important
    }

    .lg-my-56 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .-lg-my-56 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important
    }

    .lg-mx-56 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .-lg-mx-56 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important
    }

    .lg-mt-56 {
        margin-top: 3.5rem !important
    }

    .-lg-mt-56 {
        margin-top: -3.5rem !important
    }

    .lg-mr-56 {
        margin-right: 3.5rem !important
    }

    .-lg-mr-56 {
        margin-right: -3.5rem !important
    }

    .lg-mb-56 {
        margin-bottom: 3.5rem !important
    }

    .-lg-mb-56 {
        margin-bottom: -3.5rem !important
    }

    .lg-ml-56 {
        margin-left: 3.5rem !important
    }

    .-lg-ml-56 {
        margin-left: -3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-56 {
        margin: 3.5rem !important
    }

    .-xl-m-56 {
        margin: -3.5rem !important
    }

    .xl-my-56 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .-xl-my-56 {
        margin-top: -3.5rem !important;
        margin-bottom: -3.5rem !important
    }

    .xl-mx-56 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .-xl-mx-56 {
        margin-right: -3.5rem !important;
        margin-left: -3.5rem !important
    }

    .xl-mt-56 {
        margin-top: 3.5rem !important
    }

    .-xl-mt-56 {
        margin-top: -3.5rem !important
    }

    .xl-mr-56 {
        margin-right: 3.5rem !important
    }

    .-xl-mr-56 {
        margin-right: -3.5rem !important
    }

    .xl-mb-56 {
        margin-bottom: 3.5rem !important
    }

    .-xl-mb-56 {
        margin-bottom: -3.5rem !important
    }

    .xl-ml-56 {
        margin-left: 3.5rem !important
    }

    .-xl-ml-56 {
        margin-left: -3.5rem !important
    }
}

.m-60 {
    margin: 3.75rem
}

.-m-60 {
    margin: -3.75rem
}

.my-60 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.-my-60 {
    margin-top: -3.75rem;
    margin-bottom: -3.75rem
}

.mx-60 {
    margin-right: 3.75rem;
    margin-left: 3.75rem
}

.-mx-60 {
    margin-right: -3.75rem;
    margin-left: -3.75rem
}

.mt-60 {
    margin-top: 3.75rem
}

.-mt-60 {
    margin-top: -3.75rem
}

.mr-60 {
    margin-right: 3.75rem
}

.-mr-60 {
    margin-right: -3.75rem
}

.mb-60 {
    margin-bottom: 3.75rem
}

.-mb-60 {
    margin-bottom: -3.75rem
}

.ml-60 {
    margin-left: 3.75rem
}

.-ml-60 {
    margin-left: -3.75rem
}

@media (max-width: 575px) {
    .xs-m-60 {
        margin: 3.75rem !important
    }

    .-xs-m-60 {
        margin: -3.75rem !important
    }

    .xs-my-60 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }

    .-xs-my-60 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important
    }

    .xs-mx-60 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important
    }

    .-xs-mx-60 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important
    }

    .xs-mt-60 {
        margin-top: 3.75rem !important
    }

    .-xs-mt-60 {
        margin-top: -3.75rem !important
    }

    .xs-mr-60 {
        margin-right: 3.75rem !important
    }

    .-xs-mr-60 {
        margin-right: -3.75rem !important
    }

    .xs-mb-60 {
        margin-bottom: 3.75rem !important
    }

    .-xs-mb-60 {
        margin-bottom: -3.75rem !important
    }

    .xs-ml-60 {
        margin-left: 3.75rem !important
    }

    .-xs-ml-60 {
        margin-left: -3.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-60 {
        margin: 3.75rem !important
    }

    .-sm-m-60 {
        margin: -3.75rem !important
    }

    .sm-my-60 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }

    .-sm-my-60 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important
    }

    .sm-mx-60 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important
    }

    .-sm-mx-60 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important
    }

    .sm-mt-60 {
        margin-top: 3.75rem !important
    }

    .-sm-mt-60 {
        margin-top: -3.75rem !important
    }

    .sm-mr-60 {
        margin-right: 3.75rem !important
    }

    .-sm-mr-60 {
        margin-right: -3.75rem !important
    }

    .sm-mb-60 {
        margin-bottom: 3.75rem !important
    }

    .-sm-mb-60 {
        margin-bottom: -3.75rem !important
    }

    .sm-ml-60 {
        margin-left: 3.75rem !important
    }

    .-sm-ml-60 {
        margin-left: -3.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-60 {
        margin: 3.75rem !important
    }

    .-md-m-60 {
        margin: -3.75rem !important
    }

    .md-my-60 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }

    .-md-my-60 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important
    }

    .md-mx-60 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important
    }

    .-md-mx-60 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important
    }

    .md-mt-60 {
        margin-top: 3.75rem !important
    }

    .-md-mt-60 {
        margin-top: -3.75rem !important
    }

    .md-mr-60 {
        margin-right: 3.75rem !important
    }

    .-md-mr-60 {
        margin-right: -3.75rem !important
    }

    .md-mb-60 {
        margin-bottom: 3.75rem !important
    }

    .-md-mb-60 {
        margin-bottom: -3.75rem !important
    }

    .md-ml-60 {
        margin-left: 3.75rem !important
    }

    .-md-ml-60 {
        margin-left: -3.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-60 {
        margin: 3.75rem !important
    }

    .-lg-m-60 {
        margin: -3.75rem !important
    }

    .lg-my-60 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }

    .-lg-my-60 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important
    }

    .lg-mx-60 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important
    }

    .-lg-mx-60 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important
    }

    .lg-mt-60 {
        margin-top: 3.75rem !important
    }

    .-lg-mt-60 {
        margin-top: -3.75rem !important
    }

    .lg-mr-60 {
        margin-right: 3.75rem !important
    }

    .-lg-mr-60 {
        margin-right: -3.75rem !important
    }

    .lg-mb-60 {
        margin-bottom: 3.75rem !important
    }

    .-lg-mb-60 {
        margin-bottom: -3.75rem !important
    }

    .lg-ml-60 {
        margin-left: 3.75rem !important
    }

    .-lg-ml-60 {
        margin-left: -3.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-60 {
        margin: 3.75rem !important
    }

    .-xl-m-60 {
        margin: -3.75rem !important
    }

    .xl-my-60 {
        margin-top: 3.75rem !important;
        margin-bottom: 3.75rem !important
    }

    .-xl-my-60 {
        margin-top: -3.75rem !important;
        margin-bottom: -3.75rem !important
    }

    .xl-mx-60 {
        margin-right: 3.75rem !important;
        margin-left: 3.75rem !important
    }

    .-xl-mx-60 {
        margin-right: -3.75rem !important;
        margin-left: -3.75rem !important
    }

    .xl-mt-60 {
        margin-top: 3.75rem !important
    }

    .-xl-mt-60 {
        margin-top: -3.75rem !important
    }

    .xl-mr-60 {
        margin-right: 3.75rem !important
    }

    .-xl-mr-60 {
        margin-right: -3.75rem !important
    }

    .xl-mb-60 {
        margin-bottom: 3.75rem !important
    }

    .-xl-mb-60 {
        margin-bottom: -3.75rem !important
    }

    .xl-ml-60 {
        margin-left: 3.75rem !important
    }

    .-xl-ml-60 {
        margin-left: -3.75rem !important
    }
}

.m-64 {
    margin: 4rem
}

.-m-64 {
    margin: -4rem
}

.my-64 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.-my-64 {
    margin-top: -4rem;
    margin-bottom: -4rem
}

.mx-64 {
    margin-right: 4rem;
    margin-left: 4rem
}

.-mx-64 {
    margin-right: -4rem;
    margin-left: -4rem
}

.mt-64 {
    margin-top: 4rem
}

.-mt-64 {
    margin-top: -4rem
}

.mr-64 {
    margin-right: 4rem
}

.-mr-64 {
    margin-right: -4rem
}

.mb-64 {
    margin-bottom: 4rem
}

.-mb-64 {
    margin-bottom: -4rem
}

.ml-64 {
    margin-left: 4rem
}

.-ml-64 {
    margin-left: -4rem
}

@media (max-width: 575px) {
    .xs-m-64 {
        margin: 4rem !important
    }

    .-xs-m-64 {
        margin: -4rem !important
    }

    .xs-my-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .-xs-my-64 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .xs-mx-64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .-xs-mx-64 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .xs-mt-64 {
        margin-top: 4rem !important
    }

    .-xs-mt-64 {
        margin-top: -4rem !important
    }

    .xs-mr-64 {
        margin-right: 4rem !important
    }

    .-xs-mr-64 {
        margin-right: -4rem !important
    }

    .xs-mb-64 {
        margin-bottom: 4rem !important
    }

    .-xs-mb-64 {
        margin-bottom: -4rem !important
    }

    .xs-ml-64 {
        margin-left: 4rem !important
    }

    .-xs-ml-64 {
        margin-left: -4rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-64 {
        margin: 4rem !important
    }

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

    .sm-my-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .-sm-my-64 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .sm-mx-64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .-sm-mx-64 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .sm-mt-64 {
        margin-top: 4rem !important
    }

    .-sm-mt-64 {
        margin-top: -4rem !important
    }

    .sm-mr-64 {
        margin-right: 4rem !important
    }

    .-sm-mr-64 {
        margin-right: -4rem !important
    }

    .sm-mb-64 {
        margin-bottom: 4rem !important
    }

    .-sm-mb-64 {
        margin-bottom: -4rem !important
    }

    .sm-ml-64 {
        margin-left: 4rem !important
    }

    .-sm-ml-64 {
        margin-left: -4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-64 {
        margin: 4rem !important
    }

    .-md-m-64 {
        margin: -4rem !important
    }

    .md-my-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .-md-my-64 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .md-mx-64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .-md-mx-64 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .md-mt-64 {
        margin-top: 4rem !important
    }

    .-md-mt-64 {
        margin-top: -4rem !important
    }

    .md-mr-64 {
        margin-right: 4rem !important
    }

    .-md-mr-64 {
        margin-right: -4rem !important
    }

    .md-mb-64 {
        margin-bottom: 4rem !important
    }

    .-md-mb-64 {
        margin-bottom: -4rem !important
    }

    .md-ml-64 {
        margin-left: 4rem !important
    }

    .-md-ml-64 {
        margin-left: -4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-64 {
        margin: 4rem !important
    }

    .-lg-m-64 {
        margin: -4rem !important
    }

    .lg-my-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .-lg-my-64 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .lg-mx-64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .-lg-mx-64 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .lg-mt-64 {
        margin-top: 4rem !important
    }

    .-lg-mt-64 {
        margin-top: -4rem !important
    }

    .lg-mr-64 {
        margin-right: 4rem !important
    }

    .-lg-mr-64 {
        margin-right: -4rem !important
    }

    .lg-mb-64 {
        margin-bottom: 4rem !important
    }

    .-lg-mb-64 {
        margin-bottom: -4rem !important
    }

    .lg-ml-64 {
        margin-left: 4rem !important
    }

    .-lg-ml-64 {
        margin-left: -4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-64 {
        margin: 4rem !important
    }

    .-xl-m-64 {
        margin: -4rem !important
    }

    .xl-my-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .-xl-my-64 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .xl-mx-64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .-xl-mx-64 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .xl-mt-64 {
        margin-top: 4rem !important
    }

    .-xl-mt-64 {
        margin-top: -4rem !important
    }

    .xl-mr-64 {
        margin-right: 4rem !important
    }

    .-xl-mr-64 {
        margin-right: -4rem !important
    }

    .xl-mb-64 {
        margin-bottom: 4rem !important
    }

    .-xl-mb-64 {
        margin-bottom: -4rem !important
    }

    .xl-ml-64 {
        margin-left: 4rem !important
    }

    .-xl-ml-64 {
        margin-left: -4rem !important
    }
}

.m-68 {
    margin: 4.25rem
}

.-m-68 {
    margin: -4.25rem
}

.my-68 {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem
}

.-my-68 {
    margin-top: -4.25rem;
    margin-bottom: -4.25rem
}

.mx-68 {
    margin-right: 4.25rem;
    margin-left: 4.25rem
}

.-mx-68 {
    margin-right: -4.25rem;
    margin-left: -4.25rem
}

.mt-68 {
    margin-top: 4.25rem
}

.-mt-68 {
    margin-top: -4.25rem
}

.mr-68 {
    margin-right: 4.25rem
}

.-mr-68 {
    margin-right: -4.25rem
}

.mb-68 {
    margin-bottom: 4.25rem
}

.-mb-68 {
    margin-bottom: -4.25rem
}

.ml-68 {
    margin-left: 4.25rem
}

.-ml-68 {
    margin-left: -4.25rem
}

@media (max-width: 575px) {
    .xs-m-68 {
        margin: 4.25rem !important
    }

    .-xs-m-68 {
        margin: -4.25rem !important
    }

    .xs-my-68 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important
    }

    .-xs-my-68 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important
    }

    .xs-mx-68 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important
    }

    .-xs-mx-68 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important
    }

    .xs-mt-68 {
        margin-top: 4.25rem !important
    }

    .-xs-mt-68 {
        margin-top: -4.25rem !important
    }

    .xs-mr-68 {
        margin-right: 4.25rem !important
    }

    .-xs-mr-68 {
        margin-right: -4.25rem !important
    }

    .xs-mb-68 {
        margin-bottom: 4.25rem !important
    }

    .-xs-mb-68 {
        margin-bottom: -4.25rem !important
    }

    .xs-ml-68 {
        margin-left: 4.25rem !important
    }

    .-xs-ml-68 {
        margin-left: -4.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-68 {
        margin: 4.25rem !important
    }

    .-sm-m-68 {
        margin: -4.25rem !important
    }

    .sm-my-68 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important
    }

    .-sm-my-68 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important
    }

    .sm-mx-68 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important
    }

    .-sm-mx-68 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important
    }

    .sm-mt-68 {
        margin-top: 4.25rem !important
    }

    .-sm-mt-68 {
        margin-top: -4.25rem !important
    }

    .sm-mr-68 {
        margin-right: 4.25rem !important
    }

    .-sm-mr-68 {
        margin-right: -4.25rem !important
    }

    .sm-mb-68 {
        margin-bottom: 4.25rem !important
    }

    .-sm-mb-68 {
        margin-bottom: -4.25rem !important
    }

    .sm-ml-68 {
        margin-left: 4.25rem !important
    }

    .-sm-ml-68 {
        margin-left: -4.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-68 {
        margin: 4.25rem !important
    }

    .-md-m-68 {
        margin: -4.25rem !important
    }

    .md-my-68 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important
    }

    .-md-my-68 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important
    }

    .md-mx-68 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important
    }

    .-md-mx-68 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important
    }

    .md-mt-68 {
        margin-top: 4.25rem !important
    }

    .-md-mt-68 {
        margin-top: -4.25rem !important
    }

    .md-mr-68 {
        margin-right: 4.25rem !important
    }

    .-md-mr-68 {
        margin-right: -4.25rem !important
    }

    .md-mb-68 {
        margin-bottom: 4.25rem !important
    }

    .-md-mb-68 {
        margin-bottom: -4.25rem !important
    }

    .md-ml-68 {
        margin-left: 4.25rem !important
    }

    .-md-ml-68 {
        margin-left: -4.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-68 {
        margin: 4.25rem !important
    }

    .-lg-m-68 {
        margin: -4.25rem !important
    }

    .lg-my-68 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important
    }

    .-lg-my-68 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important
    }

    .lg-mx-68 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important
    }

    .-lg-mx-68 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important
    }

    .lg-mt-68 {
        margin-top: 4.25rem !important
    }

    .-lg-mt-68 {
        margin-top: -4.25rem !important
    }

    .lg-mr-68 {
        margin-right: 4.25rem !important
    }

    .-lg-mr-68 {
        margin-right: -4.25rem !important
    }

    .lg-mb-68 {
        margin-bottom: 4.25rem !important
    }

    .-lg-mb-68 {
        margin-bottom: -4.25rem !important
    }

    .lg-ml-68 {
        margin-left: 4.25rem !important
    }

    .-lg-ml-68 {
        margin-left: -4.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-68 {
        margin: 4.25rem !important
    }

    .-xl-m-68 {
        margin: -4.25rem !important
    }

    .xl-my-68 {
        margin-top: 4.25rem !important;
        margin-bottom: 4.25rem !important
    }

    .-xl-my-68 {
        margin-top: -4.25rem !important;
        margin-bottom: -4.25rem !important
    }

    .xl-mx-68 {
        margin-right: 4.25rem !important;
        margin-left: 4.25rem !important
    }

    .-xl-mx-68 {
        margin-right: -4.25rem !important;
        margin-left: -4.25rem !important
    }

    .xl-mt-68 {
        margin-top: 4.25rem !important
    }

    .-xl-mt-68 {
        margin-top: -4.25rem !important
    }

    .xl-mr-68 {
        margin-right: 4.25rem !important
    }

    .-xl-mr-68 {
        margin-right: -4.25rem !important
    }

    .xl-mb-68 {
        margin-bottom: 4.25rem !important
    }

    .-xl-mb-68 {
        margin-bottom: -4.25rem !important
    }

    .xl-ml-68 {
        margin-left: 4.25rem !important
    }

    .-xl-ml-68 {
        margin-left: -4.25rem !important
    }
}

.m-72 {
    margin: 4.5rem
}

.-m-72 {
    margin: -4.5rem
}

.my-72 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem
}

.-my-72 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem
}

.mx-72 {
    margin-right: 4.5rem;
    margin-left: 4.5rem
}

.-mx-72 {
    margin-right: -4.5rem;
    margin-left: -4.5rem
}

.mt-72 {
    margin-top: 4.5rem
}

.-mt-72 {
    margin-top: -4.5rem
}

.mr-72 {
    margin-right: 4.5rem
}

.-mr-72 {
    margin-right: -4.5rem
}

.mb-72 {
    margin-bottom: 4.5rem
}

.-mb-72 {
    margin-bottom: -4.5rem
}

.ml-72 {
    margin-left: 4.5rem
}

.-ml-72 {
    margin-left: -4.5rem
}

@media (max-width: 575px) {
    .xs-m-72 {
        margin: 4.5rem !important
    }

    .-xs-m-72 {
        margin: -4.5rem !important
    }

    .xs-my-72 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .-xs-my-72 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .xs-mx-72 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .-xs-mx-72 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .xs-mt-72 {
        margin-top: 4.5rem !important
    }

    .-xs-mt-72 {
        margin-top: -4.5rem !important
    }

    .xs-mr-72 {
        margin-right: 4.5rem !important
    }

    .-xs-mr-72 {
        margin-right: -4.5rem !important
    }

    .xs-mb-72 {
        margin-bottom: 4.5rem !important
    }

    .-xs-mb-72 {
        margin-bottom: -4.5rem !important
    }

    .xs-ml-72 {
        margin-left: 4.5rem !important
    }

    .-xs-ml-72 {
        margin-left: -4.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-72 {
        margin: 4.5rem !important
    }

    .-sm-m-72 {
        margin: -4.5rem !important
    }

    .sm-my-72 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .-sm-my-72 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .sm-mx-72 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .-sm-mx-72 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .sm-mt-72 {
        margin-top: 4.5rem !important
    }

    .-sm-mt-72 {
        margin-top: -4.5rem !important
    }

    .sm-mr-72 {
        margin-right: 4.5rem !important
    }

    .-sm-mr-72 {
        margin-right: -4.5rem !important
    }

    .sm-mb-72 {
        margin-bottom: 4.5rem !important
    }

    .-sm-mb-72 {
        margin-bottom: -4.5rem !important
    }

    .sm-ml-72 {
        margin-left: 4.5rem !important
    }

    .-sm-ml-72 {
        margin-left: -4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-72 {
        margin: 4.5rem !important
    }

    .-md-m-72 {
        margin: -4.5rem !important
    }

    .md-my-72 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .-md-my-72 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .md-mx-72 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .-md-mx-72 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .md-mt-72 {
        margin-top: 4.5rem !important
    }

    .-md-mt-72 {
        margin-top: -4.5rem !important
    }

    .md-mr-72 {
        margin-right: 4.5rem !important
    }

    .-md-mr-72 {
        margin-right: -4.5rem !important
    }

    .md-mb-72 {
        margin-bottom: 4.5rem !important
    }

    .-md-mb-72 {
        margin-bottom: -4.5rem !important
    }

    .md-ml-72 {
        margin-left: 4.5rem !important
    }

    .-md-ml-72 {
        margin-left: -4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-72 {
        margin: 4.5rem !important
    }

    .-lg-m-72 {
        margin: -4.5rem !important
    }

    .lg-my-72 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .-lg-my-72 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .lg-mx-72 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .-lg-mx-72 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .lg-mt-72 {
        margin-top: 4.5rem !important
    }

    .-lg-mt-72 {
        margin-top: -4.5rem !important
    }

    .lg-mr-72 {
        margin-right: 4.5rem !important
    }

    .-lg-mr-72 {
        margin-right: -4.5rem !important
    }

    .lg-mb-72 {
        margin-bottom: 4.5rem !important
    }

    .-lg-mb-72 {
        margin-bottom: -4.5rem !important
    }

    .lg-ml-72 {
        margin-left: 4.5rem !important
    }

    .-lg-ml-72 {
        margin-left: -4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-72 {
        margin: 4.5rem !important
    }

    .-xl-m-72 {
        margin: -4.5rem !important
    }

    .xl-my-72 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

    .-xl-my-72 {
        margin-top: -4.5rem !important;
        margin-bottom: -4.5rem !important
    }

    .xl-mx-72 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

    .-xl-mx-72 {
        margin-right: -4.5rem !important;
        margin-left: -4.5rem !important
    }

    .xl-mt-72 {
        margin-top: 4.5rem !important
    }

    .-xl-mt-72 {
        margin-top: -4.5rem !important
    }

    .xl-mr-72 {
        margin-right: 4.5rem !important
    }

    .-xl-mr-72 {
        margin-right: -4.5rem !important
    }

    .xl-mb-72 {
        margin-bottom: 4.5rem !important
    }

    .-xl-mb-72 {
        margin-bottom: -4.5rem !important
    }

    .xl-ml-72 {
        margin-left: 4.5rem !important
    }

    .-xl-ml-72 {
        margin-left: -4.5rem !important
    }
}

.m-76 {
    margin: 4.75rem
}

.-m-76 {
    margin: -4.75rem
}

.my-76 {
    margin-top: 4.75rem;
    margin-bottom: 4.75rem
}

.-my-76 {
    margin-top: -4.75rem;
    margin-bottom: -4.75rem
}

.mx-76 {
    margin-right: 4.75rem;
    margin-left: 4.75rem
}

.-mx-76 {
    margin-right: -4.75rem;
    margin-left: -4.75rem
}

.mt-76 {
    margin-top: 4.75rem
}

.-mt-76 {
    margin-top: -4.75rem
}

.mr-76 {
    margin-right: 4.75rem
}

.-mr-76 {
    margin-right: -4.75rem
}

.mb-76 {
    margin-bottom: 4.75rem
}

.-mb-76 {
    margin-bottom: -4.75rem
}

.ml-76 {
    margin-left: 4.75rem
}

.-ml-76 {
    margin-left: -4.75rem
}

@media (max-width: 575px) {
    .xs-m-76 {
        margin: 4.75rem !important
    }

    .-xs-m-76 {
        margin: -4.75rem !important
    }

    .xs-my-76 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important
    }

    .-xs-my-76 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important
    }

    .xs-mx-76 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important
    }

    .-xs-mx-76 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important
    }

    .xs-mt-76 {
        margin-top: 4.75rem !important
    }

    .-xs-mt-76 {
        margin-top: -4.75rem !important
    }

    .xs-mr-76 {
        margin-right: 4.75rem !important
    }

    .-xs-mr-76 {
        margin-right: -4.75rem !important
    }

    .xs-mb-76 {
        margin-bottom: 4.75rem !important
    }

    .-xs-mb-76 {
        margin-bottom: -4.75rem !important
    }

    .xs-ml-76 {
        margin-left: 4.75rem !important
    }

    .-xs-ml-76 {
        margin-left: -4.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-76 {
        margin: 4.75rem !important
    }

    .-sm-m-76 {
        margin: -4.75rem !important
    }

    .sm-my-76 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important
    }

    .-sm-my-76 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important
    }

    .sm-mx-76 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important
    }

    .-sm-mx-76 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important
    }

    .sm-mt-76 {
        margin-top: 4.75rem !important
    }

    .-sm-mt-76 {
        margin-top: -4.75rem !important
    }

    .sm-mr-76 {
        margin-right: 4.75rem !important
    }

    .-sm-mr-76 {
        margin-right: -4.75rem !important
    }

    .sm-mb-76 {
        margin-bottom: 4.75rem !important
    }

    .-sm-mb-76 {
        margin-bottom: -4.75rem !important
    }

    .sm-ml-76 {
        margin-left: 4.75rem !important
    }

    .-sm-ml-76 {
        margin-left: -4.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-76 {
        margin: 4.75rem !important
    }

    .-md-m-76 {
        margin: -4.75rem !important
    }

    .md-my-76 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important
    }

    .-md-my-76 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important
    }

    .md-mx-76 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important
    }

    .-md-mx-76 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important
    }

    .md-mt-76 {
        margin-top: 4.75rem !important
    }

    .-md-mt-76 {
        margin-top: -4.75rem !important
    }

    .md-mr-76 {
        margin-right: 4.75rem !important
    }

    .-md-mr-76 {
        margin-right: -4.75rem !important
    }

    .md-mb-76 {
        margin-bottom: 4.75rem !important
    }

    .-md-mb-76 {
        margin-bottom: -4.75rem !important
    }

    .md-ml-76 {
        margin-left: 4.75rem !important
    }

    .-md-ml-76 {
        margin-left: -4.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-76 {
        margin: 4.75rem !important
    }

    .-lg-m-76 {
        margin: -4.75rem !important
    }

    .lg-my-76 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important
    }

    .-lg-my-76 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important
    }

    .lg-mx-76 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important
    }

    .-lg-mx-76 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important
    }

    .lg-mt-76 {
        margin-top: 4.75rem !important
    }

    .-lg-mt-76 {
        margin-top: -4.75rem !important
    }

    .lg-mr-76 {
        margin-right: 4.75rem !important
    }

    .-lg-mr-76 {
        margin-right: -4.75rem !important
    }

    .lg-mb-76 {
        margin-bottom: 4.75rem !important
    }

    .-lg-mb-76 {
        margin-bottom: -4.75rem !important
    }

    .lg-ml-76 {
        margin-left: 4.75rem !important
    }

    .-lg-ml-76 {
        margin-left: -4.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-76 {
        margin: 4.75rem !important
    }

    .-xl-m-76 {
        margin: -4.75rem !important
    }

    .xl-my-76 {
        margin-top: 4.75rem !important;
        margin-bottom: 4.75rem !important
    }

    .-xl-my-76 {
        margin-top: -4.75rem !important;
        margin-bottom: -4.75rem !important
    }

    .xl-mx-76 {
        margin-right: 4.75rem !important;
        margin-left: 4.75rem !important
    }

    .-xl-mx-76 {
        margin-right: -4.75rem !important;
        margin-left: -4.75rem !important
    }

    .xl-mt-76 {
        margin-top: 4.75rem !important
    }

    .-xl-mt-76 {
        margin-top: -4.75rem !important
    }

    .xl-mr-76 {
        margin-right: 4.75rem !important
    }

    .-xl-mr-76 {
        margin-right: -4.75rem !important
    }

    .xl-mb-76 {
        margin-bottom: 4.75rem !important
    }

    .-xl-mb-76 {
        margin-bottom: -4.75rem !important
    }

    .xl-ml-76 {
        margin-left: 4.75rem !important
    }

    .-xl-ml-76 {
        margin-left: -4.75rem !important
    }
}

.m-80 {
    margin: 5rem
}

.-m-80 {
    margin: -5rem
}

.my-80 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.-my-80 {
    margin-top: -5rem;
    margin-bottom: -5rem
}

.mx-80 {
    margin-right: 5rem;
    margin-left: 5rem
}

.-mx-80 {
    margin-right: -5rem;
    margin-left: -5rem
}

.mt-80 {
    margin-top: 5rem
}

.-mt-80 {
    margin-top: -5rem
}

.mr-80 {
    margin-right: 5rem
}

.-mr-80 {
    margin-right: -5rem
}

.mb-80 {
    margin-bottom: 5rem
}

.-mb-80 {
    margin-bottom: -5rem
}

.ml-80 {
    margin-left: 5rem
}

.-ml-80 {
    margin-left: -5rem
}

@media (max-width: 575px) {
    .xs-m-80 {
        margin: 5rem !important
    }

    .-xs-m-80 {
        margin: -5rem !important
    }

    .xs-my-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .-xs-my-80 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .xs-mx-80 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .-xs-mx-80 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .xs-mt-80 {
        margin-top: 5rem !important
    }

    .-xs-mt-80 {
        margin-top: -5rem !important
    }

    .xs-mr-80 {
        margin-right: 5rem !important
    }

    .-xs-mr-80 {
        margin-right: -5rem !important
    }

    .xs-mb-80 {
        margin-bottom: 5rem !important
    }

    .-xs-mb-80 {
        margin-bottom: -5rem !important
    }

    .xs-ml-80 {
        margin-left: 5rem !important
    }

    .-xs-ml-80 {
        margin-left: -5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-80 {
        margin: 5rem !important
    }

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

    .sm-my-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .-sm-my-80 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .sm-mx-80 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .-sm-mx-80 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .sm-mt-80 {
        margin-top: 5rem !important
    }

    .-sm-mt-80 {
        margin-top: -5rem !important
    }

    .sm-mr-80 {
        margin-right: 5rem !important
    }

    .-sm-mr-80 {
        margin-right: -5rem !important
    }

    .sm-mb-80 {
        margin-bottom: 5rem !important
    }

    .-sm-mb-80 {
        margin-bottom: -5rem !important
    }

    .sm-ml-80 {
        margin-left: 5rem !important
    }

    .-sm-ml-80 {
        margin-left: -5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-80 {
        margin: 5rem !important
    }

    .-md-m-80 {
        margin: -5rem !important
    }

    .md-my-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .-md-my-80 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .md-mx-80 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .-md-mx-80 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .md-mt-80 {
        margin-top: 5rem !important
    }

    .-md-mt-80 {
        margin-top: -5rem !important
    }

    .md-mr-80 {
        margin-right: 5rem !important
    }

    .-md-mr-80 {
        margin-right: -5rem !important
    }

    .md-mb-80 {
        margin-bottom: 5rem !important
    }

    .-md-mb-80 {
        margin-bottom: -5rem !important
    }

    .md-ml-80 {
        margin-left: 5rem !important
    }

    .-md-ml-80 {
        margin-left: -5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-80 {
        margin: 5rem !important
    }

    .-lg-m-80 {
        margin: -5rem !important
    }

    .lg-my-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .-lg-my-80 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .lg-mx-80 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .-lg-mx-80 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .lg-mt-80 {
        margin-top: 5rem !important
    }

    .-lg-mt-80 {
        margin-top: -5rem !important
    }

    .lg-mr-80 {
        margin-right: 5rem !important
    }

    .-lg-mr-80 {
        margin-right: -5rem !important
    }

    .lg-mb-80 {
        margin-bottom: 5rem !important
    }

    .-lg-mb-80 {
        margin-bottom: -5rem !important
    }

    .lg-ml-80 {
        margin-left: 5rem !important
    }

    .-lg-ml-80 {
        margin-left: -5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-80 {
        margin: 5rem !important
    }

    .-xl-m-80 {
        margin: -5rem !important
    }

    .xl-my-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .-xl-my-80 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .xl-mx-80 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .-xl-mx-80 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .xl-mt-80 {
        margin-top: 5rem !important
    }

    .-xl-mt-80 {
        margin-top: -5rem !important
    }

    .xl-mr-80 {
        margin-right: 5rem !important
    }

    .-xl-mr-80 {
        margin-right: -5rem !important
    }

    .xl-mb-80 {
        margin-bottom: 5rem !important
    }

    .-xl-mb-80 {
        margin-bottom: -5rem !important
    }

    .xl-ml-80 {
        margin-left: 5rem !important
    }

    .-xl-ml-80 {
        margin-left: -5rem !important
    }
}

.m-84 {
    margin: 5.25rem
}

.-m-84 {
    margin: -5.25rem
}

.my-84 {
    margin-top: 5.25rem;
    margin-bottom: 5.25rem
}

.-my-84 {
    margin-top: -5.25rem;
    margin-bottom: -5.25rem
}

.mx-84 {
    margin-right: 5.25rem;
    margin-left: 5.25rem
}

.-mx-84 {
    margin-right: -5.25rem;
    margin-left: -5.25rem
}

.mt-84 {
    margin-top: 5.25rem
}

.-mt-84 {
    margin-top: -5.25rem
}

.mr-84 {
    margin-right: 5.25rem
}

.-mr-84 {
    margin-right: -5.25rem
}

.mb-84 {
    margin-bottom: 5.25rem
}

.-mb-84 {
    margin-bottom: -5.25rem
}

.ml-84 {
    margin-left: 5.25rem
}

.-ml-84 {
    margin-left: -5.25rem
}

@media (max-width: 575px) {
    .xs-m-84 {
        margin: 5.25rem !important
    }

    .-xs-m-84 {
        margin: -5.25rem !important
    }

    .xs-my-84 {
        margin-top: 5.25rem !important;
        margin-bottom: 5.25rem !important
    }

    .-xs-my-84 {
        margin-top: -5.25rem !important;
        margin-bottom: -5.25rem !important
    }

    .xs-mx-84 {
        margin-right: 5.25rem !important;
        margin-left: 5.25rem !important
    }

    .-xs-mx-84 {
        margin-right: -5.25rem !important;
        margin-left: -5.25rem !important
    }

    .xs-mt-84 {
        margin-top: 5.25rem !important
    }

    .-xs-mt-84 {
        margin-top: -5.25rem !important
    }

    .xs-mr-84 {
        margin-right: 5.25rem !important
    }

    .-xs-mr-84 {
        margin-right: -5.25rem !important
    }

    .xs-mb-84 {
        margin-bottom: 5.25rem !important
    }

    .-xs-mb-84 {
        margin-bottom: -5.25rem !important
    }

    .xs-ml-84 {
        margin-left: 5.25rem !important
    }

    .-xs-ml-84 {
        margin-left: -5.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-84 {
        margin: 5.25rem !important
    }

    .-sm-m-84 {
        margin: -5.25rem !important
    }

    .sm-my-84 {
        margin-top: 5.25rem !important;
        margin-bottom: 5.25rem !important
    }

    .-sm-my-84 {
        margin-top: -5.25rem !important;
        margin-bottom: -5.25rem !important
    }

    .sm-mx-84 {
        margin-right: 5.25rem !important;
        margin-left: 5.25rem !important
    }

    .-sm-mx-84 {
        margin-right: -5.25rem !important;
        margin-left: -5.25rem !important
    }

    .sm-mt-84 {
        margin-top: 5.25rem !important
    }

    .-sm-mt-84 {
        margin-top: -5.25rem !important
    }

    .sm-mr-84 {
        margin-right: 5.25rem !important
    }

    .-sm-mr-84 {
        margin-right: -5.25rem !important
    }

    .sm-mb-84 {
        margin-bottom: 5.25rem !important
    }

    .-sm-mb-84 {
        margin-bottom: -5.25rem !important
    }

    .sm-ml-84 {
        margin-left: 5.25rem !important
    }

    .-sm-ml-84 {
        margin-left: -5.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-84 {
        margin: 5.25rem !important
    }

    .-md-m-84 {
        margin: -5.25rem !important
    }

    .md-my-84 {
        margin-top: 5.25rem !important;
        margin-bottom: 5.25rem !important
    }

    .-md-my-84 {
        margin-top: -5.25rem !important;
        margin-bottom: -5.25rem !important
    }

    .md-mx-84 {
        margin-right: 5.25rem !important;
        margin-left: 5.25rem !important
    }

    .-md-mx-84 {
        margin-right: -5.25rem !important;
        margin-left: -5.25rem !important
    }

    .md-mt-84 {
        margin-top: 5.25rem !important
    }

    .-md-mt-84 {
        margin-top: -5.25rem !important
    }

    .md-mr-84 {
        margin-right: 5.25rem !important
    }

    .-md-mr-84 {
        margin-right: -5.25rem !important
    }

    .md-mb-84 {
        margin-bottom: 5.25rem !important
    }

    .-md-mb-84 {
        margin-bottom: -5.25rem !important
    }

    .md-ml-84 {
        margin-left: 5.25rem !important
    }

    .-md-ml-84 {
        margin-left: -5.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-84 {
        margin: 5.25rem !important
    }

    .-lg-m-84 {
        margin: -5.25rem !important
    }

    .lg-my-84 {
        margin-top: 5.25rem !important;
        margin-bottom: 5.25rem !important
    }

    .-lg-my-84 {
        margin-top: -5.25rem !important;
        margin-bottom: -5.25rem !important
    }

    .lg-mx-84 {
        margin-right: 5.25rem !important;
        margin-left: 5.25rem !important
    }

    .-lg-mx-84 {
        margin-right: -5.25rem !important;
        margin-left: -5.25rem !important
    }

    .lg-mt-84 {
        margin-top: 5.25rem !important
    }

    .-lg-mt-84 {
        margin-top: -5.25rem !important
    }

    .lg-mr-84 {
        margin-right: 5.25rem !important
    }

    .-lg-mr-84 {
        margin-right: -5.25rem !important
    }

    .lg-mb-84 {
        margin-bottom: 5.25rem !important
    }

    .-lg-mb-84 {
        margin-bottom: -5.25rem !important
    }

    .lg-ml-84 {
        margin-left: 5.25rem !important
    }

    .-lg-ml-84 {
        margin-left: -5.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-84 {
        margin: 5.25rem !important
    }

    .-xl-m-84 {
        margin: -5.25rem !important
    }

    .xl-my-84 {
        margin-top: 5.25rem !important;
        margin-bottom: 5.25rem !important
    }

    .-xl-my-84 {
        margin-top: -5.25rem !important;
        margin-bottom: -5.25rem !important
    }

    .xl-mx-84 {
        margin-right: 5.25rem !important;
        margin-left: 5.25rem !important
    }

    .-xl-mx-84 {
        margin-right: -5.25rem !important;
        margin-left: -5.25rem !important
    }

    .xl-mt-84 {
        margin-top: 5.25rem !important
    }

    .-xl-mt-84 {
        margin-top: -5.25rem !important
    }

    .xl-mr-84 {
        margin-right: 5.25rem !important
    }

    .-xl-mr-84 {
        margin-right: -5.25rem !important
    }

    .xl-mb-84 {
        margin-bottom: 5.25rem !important
    }

    .-xl-mb-84 {
        margin-bottom: -5.25rem !important
    }

    .xl-ml-84 {
        margin-left: 5.25rem !important
    }

    .-xl-ml-84 {
        margin-left: -5.25rem !important
    }
}

.m-88 {
    margin: 5.5rem
}

.-m-88 {
    margin: -5.5rem
}

.my-88 {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem
}

.-my-88 {
    margin-top: -5.5rem;
    margin-bottom: -5.5rem
}

.mx-88 {
    margin-right: 5.5rem;
    margin-left: 5.5rem
}

.-mx-88 {
    margin-right: -5.5rem;
    margin-left: -5.5rem
}

.mt-88 {
    margin-top: 5.5rem
}

.-mt-88 {
    margin-top: -5.5rem
}

.mr-88 {
    margin-right: 5.5rem
}

.-mr-88 {
    margin-right: -5.5rem
}

.mb-88 {
    margin-bottom: 5.5rem
}

.-mb-88 {
    margin-bottom: -5.5rem
}

.ml-88 {
    margin-left: 5.5rem
}

.-ml-88 {
    margin-left: -5.5rem
}

@media (max-width: 575px) {
    .xs-m-88 {
        margin: 5.5rem !important
    }

    .-xs-m-88 {
        margin: -5.5rem !important
    }

    .xs-my-88 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }

    .-xs-my-88 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important
    }

    .xs-mx-88 {
        margin-right: 5.5rem !important;
        margin-left: 5.5rem !important
    }

    .-xs-mx-88 {
        margin-right: -5.5rem !important;
        margin-left: -5.5rem !important
    }

    .xs-mt-88 {
        margin-top: 5.5rem !important
    }

    .-xs-mt-88 {
        margin-top: -5.5rem !important
    }

    .xs-mr-88 {
        margin-right: 5.5rem !important
    }

    .-xs-mr-88 {
        margin-right: -5.5rem !important
    }

    .xs-mb-88 {
        margin-bottom: 5.5rem !important
    }

    .-xs-mb-88 {
        margin-bottom: -5.5rem !important
    }

    .xs-ml-88 {
        margin-left: 5.5rem !important
    }

    .-xs-ml-88 {
        margin-left: -5.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-88 {
        margin: 5.5rem !important
    }

    .-sm-m-88 {
        margin: -5.5rem !important
    }

    .sm-my-88 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }

    .-sm-my-88 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important
    }

    .sm-mx-88 {
        margin-right: 5.5rem !important;
        margin-left: 5.5rem !important
    }

    .-sm-mx-88 {
        margin-right: -5.5rem !important;
        margin-left: -5.5rem !important
    }

    .sm-mt-88 {
        margin-top: 5.5rem !important
    }

    .-sm-mt-88 {
        margin-top: -5.5rem !important
    }

    .sm-mr-88 {
        margin-right: 5.5rem !important
    }

    .-sm-mr-88 {
        margin-right: -5.5rem !important
    }

    .sm-mb-88 {
        margin-bottom: 5.5rem !important
    }

    .-sm-mb-88 {
        margin-bottom: -5.5rem !important
    }

    .sm-ml-88 {
        margin-left: 5.5rem !important
    }

    .-sm-ml-88 {
        margin-left: -5.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-88 {
        margin: 5.5rem !important
    }

    .-md-m-88 {
        margin: -5.5rem !important
    }

    .md-my-88 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }

    .-md-my-88 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important
    }

    .md-mx-88 {
        margin-right: 5.5rem !important;
        margin-left: 5.5rem !important
    }

    .-md-mx-88 {
        margin-right: -5.5rem !important;
        margin-left: -5.5rem !important
    }

    .md-mt-88 {
        margin-top: 5.5rem !important
    }

    .-md-mt-88 {
        margin-top: -5.5rem !important
    }

    .md-mr-88 {
        margin-right: 5.5rem !important
    }

    .-md-mr-88 {
        margin-right: -5.5rem !important
    }

    .md-mb-88 {
        margin-bottom: 5.5rem !important
    }

    .-md-mb-88 {
        margin-bottom: -5.5rem !important
    }

    .md-ml-88 {
        margin-left: 5.5rem !important
    }

    .-md-ml-88 {
        margin-left: -5.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-88 {
        margin: 5.5rem !important
    }

    .-lg-m-88 {
        margin: -5.5rem !important
    }

    .lg-my-88 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }

    .-lg-my-88 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important
    }

    .lg-mx-88 {
        margin-right: 5.5rem !important;
        margin-left: 5.5rem !important
    }

    .-lg-mx-88 {
        margin-right: -5.5rem !important;
        margin-left: -5.5rem !important
    }

    .lg-mt-88 {
        margin-top: 5.5rem !important
    }

    .-lg-mt-88 {
        margin-top: -5.5rem !important
    }

    .lg-mr-88 {
        margin-right: 5.5rem !important
    }

    .-lg-mr-88 {
        margin-right: -5.5rem !important
    }

    .lg-mb-88 {
        margin-bottom: 5.5rem !important
    }

    .-lg-mb-88 {
        margin-bottom: -5.5rem !important
    }

    .lg-ml-88 {
        margin-left: 5.5rem !important
    }

    .-lg-ml-88 {
        margin-left: -5.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-88 {
        margin: 5.5rem !important
    }

    .-xl-m-88 {
        margin: -5.5rem !important
    }

    .xl-my-88 {
        margin-top: 5.5rem !important;
        margin-bottom: 5.5rem !important
    }

    .-xl-my-88 {
        margin-top: -5.5rem !important;
        margin-bottom: -5.5rem !important
    }

    .xl-mx-88 {
        margin-right: 5.5rem !important;
        margin-left: 5.5rem !important
    }

    .-xl-mx-88 {
        margin-right: -5.5rem !important;
        margin-left: -5.5rem !important
    }

    .xl-mt-88 {
        margin-top: 5.5rem !important
    }

    .-xl-mt-88 {
        margin-top: -5.5rem !important
    }

    .xl-mr-88 {
        margin-right: 5.5rem !important
    }

    .-xl-mr-88 {
        margin-right: -5.5rem !important
    }

    .xl-mb-88 {
        margin-bottom: 5.5rem !important
    }

    .-xl-mb-88 {
        margin-bottom: -5.5rem !important
    }

    .xl-ml-88 {
        margin-left: 5.5rem !important
    }

    .-xl-ml-88 {
        margin-left: -5.5rem !important
    }
}

.m-92 {
    margin: 5.75rem
}

.-m-92 {
    margin: -5.75rem
}

.my-92 {
    margin-top: 5.75rem;
    margin-bottom: 5.75rem
}

.-my-92 {
    margin-top: -5.75rem;
    margin-bottom: -5.75rem
}

.mx-92 {
    margin-right: 5.75rem;
    margin-left: 5.75rem
}

.-mx-92 {
    margin-right: -5.75rem;
    margin-left: -5.75rem
}

.mt-92 {
    margin-top: 5.75rem
}

.-mt-92 {
    margin-top: -5.75rem
}

.mr-92 {
    margin-right: 5.75rem
}

.-mr-92 {
    margin-right: -5.75rem
}

.mb-92 {
    margin-bottom: 5.75rem
}

.-mb-92 {
    margin-bottom: -5.75rem
}

.ml-92 {
    margin-left: 5.75rem
}

.-ml-92 {
    margin-left: -5.75rem
}

@media (max-width: 575px) {
    .xs-m-92 {
        margin: 5.75rem !important
    }

    .-xs-m-92 {
        margin: -5.75rem !important
    }

    .xs-my-92 {
        margin-top: 5.75rem !important;
        margin-bottom: 5.75rem !important
    }

    .-xs-my-92 {
        margin-top: -5.75rem !important;
        margin-bottom: -5.75rem !important
    }

    .xs-mx-92 {
        margin-right: 5.75rem !important;
        margin-left: 5.75rem !important
    }

    .-xs-mx-92 {
        margin-right: -5.75rem !important;
        margin-left: -5.75rem !important
    }

    .xs-mt-92 {
        margin-top: 5.75rem !important
    }

    .-xs-mt-92 {
        margin-top: -5.75rem !important
    }

    .xs-mr-92 {
        margin-right: 5.75rem !important
    }

    .-xs-mr-92 {
        margin-right: -5.75rem !important
    }

    .xs-mb-92 {
        margin-bottom: 5.75rem !important
    }

    .-xs-mb-92 {
        margin-bottom: -5.75rem !important
    }

    .xs-ml-92 {
        margin-left: 5.75rem !important
    }

    .-xs-ml-92 {
        margin-left: -5.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-92 {
        margin: 5.75rem !important
    }

    .-sm-m-92 {
        margin: -5.75rem !important
    }

    .sm-my-92 {
        margin-top: 5.75rem !important;
        margin-bottom: 5.75rem !important
    }

    .-sm-my-92 {
        margin-top: -5.75rem !important;
        margin-bottom: -5.75rem !important
    }

    .sm-mx-92 {
        margin-right: 5.75rem !important;
        margin-left: 5.75rem !important
    }

    .-sm-mx-92 {
        margin-right: -5.75rem !important;
        margin-left: -5.75rem !important
    }

    .sm-mt-92 {
        margin-top: 5.75rem !important
    }

    .-sm-mt-92 {
        margin-top: -5.75rem !important
    }

    .sm-mr-92 {
        margin-right: 5.75rem !important
    }

    .-sm-mr-92 {
        margin-right: -5.75rem !important
    }

    .sm-mb-92 {
        margin-bottom: 5.75rem !important
    }

    .-sm-mb-92 {
        margin-bottom: -5.75rem !important
    }

    .sm-ml-92 {
        margin-left: 5.75rem !important
    }

    .-sm-ml-92 {
        margin-left: -5.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-92 {
        margin: 5.75rem !important
    }

    .-md-m-92 {
        margin: -5.75rem !important
    }

    .md-my-92 {
        margin-top: 5.75rem !important;
        margin-bottom: 5.75rem !important
    }

    .-md-my-92 {
        margin-top: -5.75rem !important;
        margin-bottom: -5.75rem !important
    }

    .md-mx-92 {
        margin-right: 5.75rem !important;
        margin-left: 5.75rem !important
    }

    .-md-mx-92 {
        margin-right: -5.75rem !important;
        margin-left: -5.75rem !important
    }

    .md-mt-92 {
        margin-top: 5.75rem !important
    }

    .-md-mt-92 {
        margin-top: -5.75rem !important
    }

    .md-mr-92 {
        margin-right: 5.75rem !important
    }

    .-md-mr-92 {
        margin-right: -5.75rem !important
    }

    .md-mb-92 {
        margin-bottom: 5.75rem !important
    }

    .-md-mb-92 {
        margin-bottom: -5.75rem !important
    }

    .md-ml-92 {
        margin-left: 5.75rem !important
    }

    .-md-ml-92 {
        margin-left: -5.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-92 {
        margin: 5.75rem !important
    }

    .-lg-m-92 {
        margin: -5.75rem !important
    }

    .lg-my-92 {
        margin-top: 5.75rem !important;
        margin-bottom: 5.75rem !important
    }

    .-lg-my-92 {
        margin-top: -5.75rem !important;
        margin-bottom: -5.75rem !important
    }

    .lg-mx-92 {
        margin-right: 5.75rem !important;
        margin-left: 5.75rem !important
    }

    .-lg-mx-92 {
        margin-right: -5.75rem !important;
        margin-left: -5.75rem !important
    }

    .lg-mt-92 {
        margin-top: 5.75rem !important
    }

    .-lg-mt-92 {
        margin-top: -5.75rem !important
    }

    .lg-mr-92 {
        margin-right: 5.75rem !important
    }

    .-lg-mr-92 {
        margin-right: -5.75rem !important
    }

    .lg-mb-92 {
        margin-bottom: 5.75rem !important
    }

    .-lg-mb-92 {
        margin-bottom: -5.75rem !important
    }

    .lg-ml-92 {
        margin-left: 5.75rem !important
    }

    .-lg-ml-92 {
        margin-left: -5.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-92 {
        margin: 5.75rem !important
    }

    .-xl-m-92 {
        margin: -5.75rem !important
    }

    .xl-my-92 {
        margin-top: 5.75rem !important;
        margin-bottom: 5.75rem !important
    }

    .-xl-my-92 {
        margin-top: -5.75rem !important;
        margin-bottom: -5.75rem !important
    }

    .xl-mx-92 {
        margin-right: 5.75rem !important;
        margin-left: 5.75rem !important
    }

    .-xl-mx-92 {
        margin-right: -5.75rem !important;
        margin-left: -5.75rem !important
    }

    .xl-mt-92 {
        margin-top: 5.75rem !important
    }

    .-xl-mt-92 {
        margin-top: -5.75rem !important
    }

    .xl-mr-92 {
        margin-right: 5.75rem !important
    }

    .-xl-mr-92 {
        margin-right: -5.75rem !important
    }

    .xl-mb-92 {
        margin-bottom: 5.75rem !important
    }

    .-xl-mb-92 {
        margin-bottom: -5.75rem !important
    }

    .xl-ml-92 {
        margin-left: 5.75rem !important
    }

    .-xl-ml-92 {
        margin-left: -5.75rem !important
    }
}

.m-96 {
    margin: 6rem
}

.-m-96 {
    margin: -6rem
}

.my-96 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.-my-96 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.mx-96 {
    margin-right: 6rem;
    margin-left: 6rem
}

.-mx-96 {
    margin-right: -6rem;
    margin-left: -6rem
}

.mt-96 {
    margin-top: 6rem
}

.-mt-96 {
    margin-top: -6rem
}

.mr-96 {
    margin-right: 6rem
}

.-mr-96 {
    margin-right: -6rem
}

.mb-96 {
    margin-bottom: 6rem
}

.-mb-96 {
    margin-bottom: -6rem
}

.ml-96 {
    margin-left: 6rem
}

.-ml-96 {
    margin-left: -6rem
}

@media (max-width: 575px) {
    .xs-m-96 {
        margin: 6rem !important
    }

    .-xs-m-96 {
        margin: -6rem !important
    }

    .xs-my-96 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .-xs-my-96 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .xs-mx-96 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .-xs-mx-96 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .xs-mt-96 {
        margin-top: 6rem !important
    }

    .-xs-mt-96 {
        margin-top: -6rem !important
    }

    .xs-mr-96 {
        margin-right: 6rem !important
    }

    .-xs-mr-96 {
        margin-right: -6rem !important
    }

    .xs-mb-96 {
        margin-bottom: 6rem !important
    }

    .-xs-mb-96 {
        margin-bottom: -6rem !important
    }

    .xs-ml-96 {
        margin-left: 6rem !important
    }

    .-xs-ml-96 {
        margin-left: -6rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-96 {
        margin: 6rem !important
    }

    .-sm-m-96 {
        margin: -6rem !important
    }

    .sm-my-96 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .-sm-my-96 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .sm-mx-96 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .-sm-mx-96 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .sm-mt-96 {
        margin-top: 6rem !important
    }

    .-sm-mt-96 {
        margin-top: -6rem !important
    }

    .sm-mr-96 {
        margin-right: 6rem !important
    }

    .-sm-mr-96 {
        margin-right: -6rem !important
    }

    .sm-mb-96 {
        margin-bottom: 6rem !important
    }

    .-sm-mb-96 {
        margin-bottom: -6rem !important
    }

    .sm-ml-96 {
        margin-left: 6rem !important
    }

    .-sm-ml-96 {
        margin-left: -6rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-96 {
        margin: 6rem !important
    }

    .-md-m-96 {
        margin: -6rem !important
    }

    .md-my-96 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .-md-my-96 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .md-mx-96 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .-md-mx-96 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .md-mt-96 {
        margin-top: 6rem !important
    }

    .-md-mt-96 {
        margin-top: -6rem !important
    }

    .md-mr-96 {
        margin-right: 6rem !important
    }

    .-md-mr-96 {
        margin-right: -6rem !important
    }

    .md-mb-96 {
        margin-bottom: 6rem !important
    }

    .-md-mb-96 {
        margin-bottom: -6rem !important
    }

    .md-ml-96 {
        margin-left: 6rem !important
    }

    .-md-ml-96 {
        margin-left: -6rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-96 {
        margin: 6rem !important
    }

    .-lg-m-96 {
        margin: -6rem !important
    }

    .lg-my-96 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .-lg-my-96 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .lg-mx-96 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .-lg-mx-96 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .lg-mt-96 {
        margin-top: 6rem !important
    }

    .-lg-mt-96 {
        margin-top: -6rem !important
    }

    .lg-mr-96 {
        margin-right: 6rem !important
    }

    .-lg-mr-96 {
        margin-right: -6rem !important
    }

    .lg-mb-96 {
        margin-bottom: 6rem !important
    }

    .-lg-mb-96 {
        margin-bottom: -6rem !important
    }

    .lg-ml-96 {
        margin-left: 6rem !important
    }

    .-lg-ml-96 {
        margin-left: -6rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-96 {
        margin: 6rem !important
    }

    .-xl-m-96 {
        margin: -6rem !important
    }

    .xl-my-96 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .-xl-my-96 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important
    }

    .xl-mx-96 {
        margin-right: 6rem !important;
        margin-left: 6rem !important
    }

    .-xl-mx-96 {
        margin-right: -6rem !important;
        margin-left: -6rem !important
    }

    .xl-mt-96 {
        margin-top: 6rem !important
    }

    .-xl-mt-96 {
        margin-top: -6rem !important
    }

    .xl-mr-96 {
        margin-right: 6rem !important
    }

    .-xl-mr-96 {
        margin-right: -6rem !important
    }

    .xl-mb-96 {
        margin-bottom: 6rem !important
    }

    .-xl-mb-96 {
        margin-bottom: -6rem !important
    }

    .xl-ml-96 {
        margin-left: 6rem !important
    }

    .-xl-ml-96 {
        margin-left: -6rem !important
    }
}

.m-100 {
    margin: 6.25rem
}

.-m-100 {
    margin: -6.25rem
}

.my-100 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem
}

.-my-100 {
    margin-top: -6.25rem;
    margin-bottom: -6.25rem
}

.mx-100 {
    margin-right: 6.25rem;
    margin-left: 6.25rem
}

.-mx-100 {
    margin-right: -6.25rem;
    margin-left: -6.25rem
}

.mt-100 {
    margin-top: 6.25rem
}

.-mt-100 {
    margin-top: -6.25rem
}

.mr-100 {
    margin-right: 6.25rem
}

.-mr-100 {
    margin-right: -6.25rem
}

.mb-100 {
    margin-bottom: 6.25rem
}

.-mb-100 {
    margin-bottom: -6.25rem
}

.ml-100 {
    margin-left: 6.25rem
}

.-ml-100 {
    margin-left: -6.25rem
}

@media (max-width: 575px) {
    .xs-m-100 {
        margin: 6.25rem !important
    }

    .-xs-m-100 {
        margin: -6.25rem !important
    }

    .xs-my-100 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }

    .-xs-my-100 {
        margin-top: -6.25rem !important;
        margin-bottom: -6.25rem !important
    }

    .xs-mx-100 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important
    }

    .-xs-mx-100 {
        margin-right: -6.25rem !important;
        margin-left: -6.25rem !important
    }

    .xs-mt-100 {
        margin-top: 6.25rem !important
    }

    .-xs-mt-100 {
        margin-top: -6.25rem !important
    }

    .xs-mr-100 {
        margin-right: 6.25rem !important
    }

    .-xs-mr-100 {
        margin-right: -6.25rem !important
    }

    .xs-mb-100 {
        margin-bottom: 6.25rem !important
    }

    .-xs-mb-100 {
        margin-bottom: -6.25rem !important
    }

    .xs-ml-100 {
        margin-left: 6.25rem !important
    }

    .-xs-ml-100 {
        margin-left: -6.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-100 {
        margin: 6.25rem !important
    }

    .-sm-m-100 {
        margin: -6.25rem !important
    }

    .sm-my-100 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }

    .-sm-my-100 {
        margin-top: -6.25rem !important;
        margin-bottom: -6.25rem !important
    }

    .sm-mx-100 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important
    }

    .-sm-mx-100 {
        margin-right: -6.25rem !important;
        margin-left: -6.25rem !important
    }

    .sm-mt-100 {
        margin-top: 6.25rem !important
    }

    .-sm-mt-100 {
        margin-top: -6.25rem !important
    }

    .sm-mr-100 {
        margin-right: 6.25rem !important
    }

    .-sm-mr-100 {
        margin-right: -6.25rem !important
    }

    .sm-mb-100 {
        margin-bottom: 6.25rem !important
    }

    .-sm-mb-100 {
        margin-bottom: -6.25rem !important
    }

    .sm-ml-100 {
        margin-left: 6.25rem !important
    }

    .-sm-ml-100 {
        margin-left: -6.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-100 {
        margin: 6.25rem !important
    }

    .-md-m-100 {
        margin: -6.25rem !important
    }

    .md-my-100 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }

    .-md-my-100 {
        margin-top: -6.25rem !important;
        margin-bottom: -6.25rem !important
    }

    .md-mx-100 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important
    }

    .-md-mx-100 {
        margin-right: -6.25rem !important;
        margin-left: -6.25rem !important
    }

    .md-mt-100 {
        margin-top: 6.25rem !important
    }

    .-md-mt-100 {
        margin-top: -6.25rem !important
    }

    .md-mr-100 {
        margin-right: 6.25rem !important
    }

    .-md-mr-100 {
        margin-right: -6.25rem !important
    }

    .md-mb-100 {
        margin-bottom: 6.25rem !important
    }

    .-md-mb-100 {
        margin-bottom: -6.25rem !important
    }

    .md-ml-100 {
        margin-left: 6.25rem !important
    }

    .-md-ml-100 {
        margin-left: -6.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-100 {
        margin: 6.25rem !important
    }

    .-lg-m-100 {
        margin: -6.25rem !important
    }

    .lg-my-100 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }

    .-lg-my-100 {
        margin-top: -6.25rem !important;
        margin-bottom: -6.25rem !important
    }

    .lg-mx-100 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important
    }

    .-lg-mx-100 {
        margin-right: -6.25rem !important;
        margin-left: -6.25rem !important
    }

    .lg-mt-100 {
        margin-top: 6.25rem !important
    }

    .-lg-mt-100 {
        margin-top: -6.25rem !important
    }

    .lg-mr-100 {
        margin-right: 6.25rem !important
    }

    .-lg-mr-100 {
        margin-right: -6.25rem !important
    }

    .lg-mb-100 {
        margin-bottom: 6.25rem !important
    }

    .-lg-mb-100 {
        margin-bottom: -6.25rem !important
    }

    .lg-ml-100 {
        margin-left: 6.25rem !important
    }

    .-lg-ml-100 {
        margin-left: -6.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-100 {
        margin: 6.25rem !important
    }

    .-xl-m-100 {
        margin: -6.25rem !important
    }

    .xl-my-100 {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }

    .-xl-my-100 {
        margin-top: -6.25rem !important;
        margin-bottom: -6.25rem !important
    }

    .xl-mx-100 {
        margin-right: 6.25rem !important;
        margin-left: 6.25rem !important
    }

    .-xl-mx-100 {
        margin-right: -6.25rem !important;
        margin-left: -6.25rem !important
    }

    .xl-mt-100 {
        margin-top: 6.25rem !important
    }

    .-xl-mt-100 {
        margin-top: -6.25rem !important
    }

    .xl-mr-100 {
        margin-right: 6.25rem !important
    }

    .-xl-mr-100 {
        margin-right: -6.25rem !important
    }

    .xl-mb-100 {
        margin-bottom: 6.25rem !important
    }

    .-xl-mb-100 {
        margin-bottom: -6.25rem !important
    }

    .xl-ml-100 {
        margin-left: 6.25rem !important
    }

    .-xl-ml-100 {
        margin-left: -6.25rem !important
    }
}

.m-104 {
    margin: 6.5rem
}

.-m-104 {
    margin: -6.5rem
}

.my-104 {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem
}

.-my-104 {
    margin-top: -6.5rem;
    margin-bottom: -6.5rem
}

.mx-104 {
    margin-right: 6.5rem;
    margin-left: 6.5rem
}

.-mx-104 {
    margin-right: -6.5rem;
    margin-left: -6.5rem
}

.mt-104 {
    margin-top: 6.5rem
}

.-mt-104 {
    margin-top: -6.5rem
}

.mr-104 {
    margin-right: 6.5rem
}

.-mr-104 {
    margin-right: -6.5rem
}

.mb-104 {
    margin-bottom: 6.5rem
}

.-mb-104 {
    margin-bottom: -6.5rem
}

.ml-104 {
    margin-left: 6.5rem
}

.-ml-104 {
    margin-left: -6.5rem
}

@media (max-width: 575px) {
    .xs-m-104 {
        margin: 6.5rem !important
    }

    .-xs-m-104 {
        margin: -6.5rem !important
    }

    .xs-my-104 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }

    .-xs-my-104 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important
    }

    .xs-mx-104 {
        margin-right: 6.5rem !important;
        margin-left: 6.5rem !important
    }

    .-xs-mx-104 {
        margin-right: -6.5rem !important;
        margin-left: -6.5rem !important
    }

    .xs-mt-104 {
        margin-top: 6.5rem !important
    }

    .-xs-mt-104 {
        margin-top: -6.5rem !important
    }

    .xs-mr-104 {
        margin-right: 6.5rem !important
    }

    .-xs-mr-104 {
        margin-right: -6.5rem !important
    }

    .xs-mb-104 {
        margin-bottom: 6.5rem !important
    }

    .-xs-mb-104 {
        margin-bottom: -6.5rem !important
    }

    .xs-ml-104 {
        margin-left: 6.5rem !important
    }

    .-xs-ml-104 {
        margin-left: -6.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-104 {
        margin: 6.5rem !important
    }

    .-sm-m-104 {
        margin: -6.5rem !important
    }

    .sm-my-104 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }

    .-sm-my-104 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important
    }

    .sm-mx-104 {
        margin-right: 6.5rem !important;
        margin-left: 6.5rem !important
    }

    .-sm-mx-104 {
        margin-right: -6.5rem !important;
        margin-left: -6.5rem !important
    }

    .sm-mt-104 {
        margin-top: 6.5rem !important
    }

    .-sm-mt-104 {
        margin-top: -6.5rem !important
    }

    .sm-mr-104 {
        margin-right: 6.5rem !important
    }

    .-sm-mr-104 {
        margin-right: -6.5rem !important
    }

    .sm-mb-104 {
        margin-bottom: 6.5rem !important
    }

    .-sm-mb-104 {
        margin-bottom: -6.5rem !important
    }

    .sm-ml-104 {
        margin-left: 6.5rem !important
    }

    .-sm-ml-104 {
        margin-left: -6.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-104 {
        margin: 6.5rem !important
    }

    .-md-m-104 {
        margin: -6.5rem !important
    }

    .md-my-104 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }

    .-md-my-104 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important
    }

    .md-mx-104 {
        margin-right: 6.5rem !important;
        margin-left: 6.5rem !important
    }

    .-md-mx-104 {
        margin-right: -6.5rem !important;
        margin-left: -6.5rem !important
    }

    .md-mt-104 {
        margin-top: 6.5rem !important
    }

    .-md-mt-104 {
        margin-top: -6.5rem !important
    }

    .md-mr-104 {
        margin-right: 6.5rem !important
    }

    .-md-mr-104 {
        margin-right: -6.5rem !important
    }

    .md-mb-104 {
        margin-bottom: 6.5rem !important
    }

    .-md-mb-104 {
        margin-bottom: -6.5rem !important
    }

    .md-ml-104 {
        margin-left: 6.5rem !important
    }

    .-md-ml-104 {
        margin-left: -6.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-104 {
        margin: 6.5rem !important
    }

    .-lg-m-104 {
        margin: -6.5rem !important
    }

    .lg-my-104 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }

    .-lg-my-104 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important
    }

    .lg-mx-104 {
        margin-right: 6.5rem !important;
        margin-left: 6.5rem !important
    }

    .-lg-mx-104 {
        margin-right: -6.5rem !important;
        margin-left: -6.5rem !important
    }

    .lg-mt-104 {
        margin-top: 6.5rem !important
    }

    .-lg-mt-104 {
        margin-top: -6.5rem !important
    }

    .lg-mr-104 {
        margin-right: 6.5rem !important
    }

    .-lg-mr-104 {
        margin-right: -6.5rem !important
    }

    .lg-mb-104 {
        margin-bottom: 6.5rem !important
    }

    .-lg-mb-104 {
        margin-bottom: -6.5rem !important
    }

    .lg-ml-104 {
        margin-left: 6.5rem !important
    }

    .-lg-ml-104 {
        margin-left: -6.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-104 {
        margin: 6.5rem !important
    }

    .-xl-m-104 {
        margin: -6.5rem !important
    }

    .xl-my-104 {
        margin-top: 6.5rem !important;
        margin-bottom: 6.5rem !important
    }

    .-xl-my-104 {
        margin-top: -6.5rem !important;
        margin-bottom: -6.5rem !important
    }

    .xl-mx-104 {
        margin-right: 6.5rem !important;
        margin-left: 6.5rem !important
    }

    .-xl-mx-104 {
        margin-right: -6.5rem !important;
        margin-left: -6.5rem !important
    }

    .xl-mt-104 {
        margin-top: 6.5rem !important
    }

    .-xl-mt-104 {
        margin-top: -6.5rem !important
    }

    .xl-mr-104 {
        margin-right: 6.5rem !important
    }

    .-xl-mr-104 {
        margin-right: -6.5rem !important
    }

    .xl-mb-104 {
        margin-bottom: 6.5rem !important
    }

    .-xl-mb-104 {
        margin-bottom: -6.5rem !important
    }

    .xl-ml-104 {
        margin-left: 6.5rem !important
    }

    .-xl-ml-104 {
        margin-left: -6.5rem !important
    }
}

.m-108 {
    margin: 6.75rem
}

.-m-108 {
    margin: -6.75rem
}

.my-108 {
    margin-top: 6.75rem;
    margin-bottom: 6.75rem
}

.-my-108 {
    margin-top: -6.75rem;
    margin-bottom: -6.75rem
}

.mx-108 {
    margin-right: 6.75rem;
    margin-left: 6.75rem
}

.-mx-108 {
    margin-right: -6.75rem;
    margin-left: -6.75rem
}

.mt-108 {
    margin-top: 6.75rem
}

.-mt-108 {
    margin-top: -6.75rem
}

.mr-108 {
    margin-right: 6.75rem
}

.-mr-108 {
    margin-right: -6.75rem
}

.mb-108 {
    margin-bottom: 6.75rem
}

.-mb-108 {
    margin-bottom: -6.75rem
}

.ml-108 {
    margin-left: 6.75rem
}

.-ml-108 {
    margin-left: -6.75rem
}

@media (max-width: 575px) {
    .xs-m-108 {
        margin: 6.75rem !important
    }

    .-xs-m-108 {
        margin: -6.75rem !important
    }

    .xs-my-108 {
        margin-top: 6.75rem !important;
        margin-bottom: 6.75rem !important
    }

    .-xs-my-108 {
        margin-top: -6.75rem !important;
        margin-bottom: -6.75rem !important
    }

    .xs-mx-108 {
        margin-right: 6.75rem !important;
        margin-left: 6.75rem !important
    }

    .-xs-mx-108 {
        margin-right: -6.75rem !important;
        margin-left: -6.75rem !important
    }

    .xs-mt-108 {
        margin-top: 6.75rem !important
    }

    .-xs-mt-108 {
        margin-top: -6.75rem !important
    }

    .xs-mr-108 {
        margin-right: 6.75rem !important
    }

    .-xs-mr-108 {
        margin-right: -6.75rem !important
    }

    .xs-mb-108 {
        margin-bottom: 6.75rem !important
    }

    .-xs-mb-108 {
        margin-bottom: -6.75rem !important
    }

    .xs-ml-108 {
        margin-left: 6.75rem !important
    }

    .-xs-ml-108 {
        margin-left: -6.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-108 {
        margin: 6.75rem !important
    }

    .-sm-m-108 {
        margin: -6.75rem !important
    }

    .sm-my-108 {
        margin-top: 6.75rem !important;
        margin-bottom: 6.75rem !important
    }

    .-sm-my-108 {
        margin-top: -6.75rem !important;
        margin-bottom: -6.75rem !important
    }

    .sm-mx-108 {
        margin-right: 6.75rem !important;
        margin-left: 6.75rem !important
    }

    .-sm-mx-108 {
        margin-right: -6.75rem !important;
        margin-left: -6.75rem !important
    }

    .sm-mt-108 {
        margin-top: 6.75rem !important
    }

    .-sm-mt-108 {
        margin-top: -6.75rem !important
    }

    .sm-mr-108 {
        margin-right: 6.75rem !important
    }

    .-sm-mr-108 {
        margin-right: -6.75rem !important
    }

    .sm-mb-108 {
        margin-bottom: 6.75rem !important
    }

    .-sm-mb-108 {
        margin-bottom: -6.75rem !important
    }

    .sm-ml-108 {
        margin-left: 6.75rem !important
    }

    .-sm-ml-108 {
        margin-left: -6.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-108 {
        margin: 6.75rem !important
    }

    .-md-m-108 {
        margin: -6.75rem !important
    }

    .md-my-108 {
        margin-top: 6.75rem !important;
        margin-bottom: 6.75rem !important
    }

    .-md-my-108 {
        margin-top: -6.75rem !important;
        margin-bottom: -6.75rem !important
    }

    .md-mx-108 {
        margin-right: 6.75rem !important;
        margin-left: 6.75rem !important
    }

    .-md-mx-108 {
        margin-right: -6.75rem !important;
        margin-left: -6.75rem !important
    }

    .md-mt-108 {
        margin-top: 6.75rem !important
    }

    .-md-mt-108 {
        margin-top: -6.75rem !important
    }

    .md-mr-108 {
        margin-right: 6.75rem !important
    }

    .-md-mr-108 {
        margin-right: -6.75rem !important
    }

    .md-mb-108 {
        margin-bottom: 6.75rem !important
    }

    .-md-mb-108 {
        margin-bottom: -6.75rem !important
    }

    .md-ml-108 {
        margin-left: 6.75rem !important
    }

    .-md-ml-108 {
        margin-left: -6.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-108 {
        margin: 6.75rem !important
    }

    .-lg-m-108 {
        margin: -6.75rem !important
    }

    .lg-my-108 {
        margin-top: 6.75rem !important;
        margin-bottom: 6.75rem !important
    }

    .-lg-my-108 {
        margin-top: -6.75rem !important;
        margin-bottom: -6.75rem !important
    }

    .lg-mx-108 {
        margin-right: 6.75rem !important;
        margin-left: 6.75rem !important
    }

    .-lg-mx-108 {
        margin-right: -6.75rem !important;
        margin-left: -6.75rem !important
    }

    .lg-mt-108 {
        margin-top: 6.75rem !important
    }

    .-lg-mt-108 {
        margin-top: -6.75rem !important
    }

    .lg-mr-108 {
        margin-right: 6.75rem !important
    }

    .-lg-mr-108 {
        margin-right: -6.75rem !important
    }

    .lg-mb-108 {
        margin-bottom: 6.75rem !important
    }

    .-lg-mb-108 {
        margin-bottom: -6.75rem !important
    }

    .lg-ml-108 {
        margin-left: 6.75rem !important
    }

    .-lg-ml-108 {
        margin-left: -6.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-108 {
        margin: 6.75rem !important
    }

    .-xl-m-108 {
        margin: -6.75rem !important
    }

    .xl-my-108 {
        margin-top: 6.75rem !important;
        margin-bottom: 6.75rem !important
    }

    .-xl-my-108 {
        margin-top: -6.75rem !important;
        margin-bottom: -6.75rem !important
    }

    .xl-mx-108 {
        margin-right: 6.75rem !important;
        margin-left: 6.75rem !important
    }

    .-xl-mx-108 {
        margin-right: -6.75rem !important;
        margin-left: -6.75rem !important
    }

    .xl-mt-108 {
        margin-top: 6.75rem !important
    }

    .-xl-mt-108 {
        margin-top: -6.75rem !important
    }

    .xl-mr-108 {
        margin-right: 6.75rem !important
    }

    .-xl-mr-108 {
        margin-right: -6.75rem !important
    }

    .xl-mb-108 {
        margin-bottom: 6.75rem !important
    }

    .-xl-mb-108 {
        margin-bottom: -6.75rem !important
    }

    .xl-ml-108 {
        margin-left: 6.75rem !important
    }

    .-xl-ml-108 {
        margin-left: -6.75rem !important
    }
}

.m-112 {
    margin: 7rem
}

.-m-112 {
    margin: -7rem
}

.my-112 {
    margin-top: 7rem;
    margin-bottom: 7rem
}

.-my-112 {
    margin-top: -7rem;
    margin-bottom: -7rem
}

.mx-112 {
    margin-right: 7rem;
    margin-left: 7rem
}

.-mx-112 {
    margin-right: -7rem;
    margin-left: -7rem
}

.mt-112 {
    margin-top: 7rem
}

.-mt-112 {
    margin-top: -7rem
}

.mr-112 {
    margin-right: 7rem
}

.-mr-112 {
    margin-right: -7rem
}

.mb-112 {
    margin-bottom: 7rem
}

.-mb-112 {
    margin-bottom: -7rem
}

.ml-112 {
    margin-left: 7rem
}

.-ml-112 {
    margin-left: -7rem
}

@media (max-width: 575px) {
    .xs-m-112 {
        margin: 7rem !important
    }

    .-xs-m-112 {
        margin: -7rem !important
    }

    .xs-my-112 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .-xs-my-112 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .xs-mx-112 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .-xs-mx-112 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .xs-mt-112 {
        margin-top: 7rem !important
    }

    .-xs-mt-112 {
        margin-top: -7rem !important
    }

    .xs-mr-112 {
        margin-right: 7rem !important
    }

    .-xs-mr-112 {
        margin-right: -7rem !important
    }

    .xs-mb-112 {
        margin-bottom: 7rem !important
    }

    .-xs-mb-112 {
        margin-bottom: -7rem !important
    }

    .xs-ml-112 {
        margin-left: 7rem !important
    }

    .-xs-ml-112 {
        margin-left: -7rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-112 {
        margin: 7rem !important
    }

    .-sm-m-112 {
        margin: -7rem !important
    }

    .sm-my-112 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .-sm-my-112 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .sm-mx-112 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .-sm-mx-112 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .sm-mt-112 {
        margin-top: 7rem !important
    }

    .-sm-mt-112 {
        margin-top: -7rem !important
    }

    .sm-mr-112 {
        margin-right: 7rem !important
    }

    .-sm-mr-112 {
        margin-right: -7rem !important
    }

    .sm-mb-112 {
        margin-bottom: 7rem !important
    }

    .-sm-mb-112 {
        margin-bottom: -7rem !important
    }

    .sm-ml-112 {
        margin-left: 7rem !important
    }

    .-sm-ml-112 {
        margin-left: -7rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-112 {
        margin: 7rem !important
    }

    .-md-m-112 {
        margin: -7rem !important
    }

    .md-my-112 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .-md-my-112 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .md-mx-112 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .-md-mx-112 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .md-mt-112 {
        margin-top: 7rem !important
    }

    .-md-mt-112 {
        margin-top: -7rem !important
    }

    .md-mr-112 {
        margin-right: 7rem !important
    }

    .-md-mr-112 {
        margin-right: -7rem !important
    }

    .md-mb-112 {
        margin-bottom: 7rem !important
    }

    .-md-mb-112 {
        margin-bottom: -7rem !important
    }

    .md-ml-112 {
        margin-left: 7rem !important
    }

    .-md-ml-112 {
        margin-left: -7rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-112 {
        margin: 7rem !important
    }

    .-lg-m-112 {
        margin: -7rem !important
    }

    .lg-my-112 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .-lg-my-112 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .lg-mx-112 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .-lg-mx-112 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .lg-mt-112 {
        margin-top: 7rem !important
    }

    .-lg-mt-112 {
        margin-top: -7rem !important
    }

    .lg-mr-112 {
        margin-right: 7rem !important
    }

    .-lg-mr-112 {
        margin-right: -7rem !important
    }

    .lg-mb-112 {
        margin-bottom: 7rem !important
    }

    .-lg-mb-112 {
        margin-bottom: -7rem !important
    }

    .lg-ml-112 {
        margin-left: 7rem !important
    }

    .-lg-ml-112 {
        margin-left: -7rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-112 {
        margin: 7rem !important
    }

    .-xl-m-112 {
        margin: -7rem !important
    }

    .xl-my-112 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .-xl-my-112 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .xl-mx-112 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .-xl-mx-112 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .xl-mt-112 {
        margin-top: 7rem !important
    }

    .-xl-mt-112 {
        margin-top: -7rem !important
    }

    .xl-mr-112 {
        margin-right: 7rem !important
    }

    .-xl-mr-112 {
        margin-right: -7rem !important
    }

    .xl-mb-112 {
        margin-bottom: 7rem !important
    }

    .-xl-mb-112 {
        margin-bottom: -7rem !important
    }

    .xl-ml-112 {
        margin-left: 7rem !important
    }

    .-xl-ml-112 {
        margin-left: -7rem !important
    }
}

.m-116 {
    margin: 7.25rem
}

.-m-116 {
    margin: -7.25rem
}

.my-116 {
    margin-top: 7.25rem;
    margin-bottom: 7.25rem
}

.-my-116 {
    margin-top: -7.25rem;
    margin-bottom: -7.25rem
}

.mx-116 {
    margin-right: 7.25rem;
    margin-left: 7.25rem
}

.-mx-116 {
    margin-right: -7.25rem;
    margin-left: -7.25rem
}

.mt-116 {
    margin-top: 7.25rem
}

.-mt-116 {
    margin-top: -7.25rem
}

.mr-116 {
    margin-right: 7.25rem
}

.-mr-116 {
    margin-right: -7.25rem
}

.mb-116 {
    margin-bottom: 7.25rem
}

.-mb-116 {
    margin-bottom: -7.25rem
}

.ml-116 {
    margin-left: 7.25rem
}

.-ml-116 {
    margin-left: -7.25rem
}

@media (max-width: 575px) {
    .xs-m-116 {
        margin: 7.25rem !important
    }

    .-xs-m-116 {
        margin: -7.25rem !important
    }

    .xs-my-116 {
        margin-top: 7.25rem !important;
        margin-bottom: 7.25rem !important
    }

    .-xs-my-116 {
        margin-top: -7.25rem !important;
        margin-bottom: -7.25rem !important
    }

    .xs-mx-116 {
        margin-right: 7.25rem !important;
        margin-left: 7.25rem !important
    }

    .-xs-mx-116 {
        margin-right: -7.25rem !important;
        margin-left: -7.25rem !important
    }

    .xs-mt-116 {
        margin-top: 7.25rem !important
    }

    .-xs-mt-116 {
        margin-top: -7.25rem !important
    }

    .xs-mr-116 {
        margin-right: 7.25rem !important
    }

    .-xs-mr-116 {
        margin-right: -7.25rem !important
    }

    .xs-mb-116 {
        margin-bottom: 7.25rem !important
    }

    .-xs-mb-116 {
        margin-bottom: -7.25rem !important
    }

    .xs-ml-116 {
        margin-left: 7.25rem !important
    }

    .-xs-ml-116 {
        margin-left: -7.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-116 {
        margin: 7.25rem !important
    }

    .-sm-m-116 {
        margin: -7.25rem !important
    }

    .sm-my-116 {
        margin-top: 7.25rem !important;
        margin-bottom: 7.25rem !important
    }

    .-sm-my-116 {
        margin-top: -7.25rem !important;
        margin-bottom: -7.25rem !important
    }

    .sm-mx-116 {
        margin-right: 7.25rem !important;
        margin-left: 7.25rem !important
    }

    .-sm-mx-116 {
        margin-right: -7.25rem !important;
        margin-left: -7.25rem !important
    }

    .sm-mt-116 {
        margin-top: 7.25rem !important
    }

    .-sm-mt-116 {
        margin-top: -7.25rem !important
    }

    .sm-mr-116 {
        margin-right: 7.25rem !important
    }

    .-sm-mr-116 {
        margin-right: -7.25rem !important
    }

    .sm-mb-116 {
        margin-bottom: 7.25rem !important
    }

    .-sm-mb-116 {
        margin-bottom: -7.25rem !important
    }

    .sm-ml-116 {
        margin-left: 7.25rem !important
    }

    .-sm-ml-116 {
        margin-left: -7.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-116 {
        margin: 7.25rem !important
    }

    .-md-m-116 {
        margin: -7.25rem !important
    }

    .md-my-116 {
        margin-top: 7.25rem !important;
        margin-bottom: 7.25rem !important
    }

    .-md-my-116 {
        margin-top: -7.25rem !important;
        margin-bottom: -7.25rem !important
    }

    .md-mx-116 {
        margin-right: 7.25rem !important;
        margin-left: 7.25rem !important
    }

    .-md-mx-116 {
        margin-right: -7.25rem !important;
        margin-left: -7.25rem !important
    }

    .md-mt-116 {
        margin-top: 7.25rem !important
    }

    .-md-mt-116 {
        margin-top: -7.25rem !important
    }

    .md-mr-116 {
        margin-right: 7.25rem !important
    }

    .-md-mr-116 {
        margin-right: -7.25rem !important
    }

    .md-mb-116 {
        margin-bottom: 7.25rem !important
    }

    .-md-mb-116 {
        margin-bottom: -7.25rem !important
    }

    .md-ml-116 {
        margin-left: 7.25rem !important
    }

    .-md-ml-116 {
        margin-left: -7.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-116 {
        margin: 7.25rem !important
    }

    .-lg-m-116 {
        margin: -7.25rem !important
    }

    .lg-my-116 {
        margin-top: 7.25rem !important;
        margin-bottom: 7.25rem !important
    }

    .-lg-my-116 {
        margin-top: -7.25rem !important;
        margin-bottom: -7.25rem !important
    }

    .lg-mx-116 {
        margin-right: 7.25rem !important;
        margin-left: 7.25rem !important
    }

    .-lg-mx-116 {
        margin-right: -7.25rem !important;
        margin-left: -7.25rem !important
    }

    .lg-mt-116 {
        margin-top: 7.25rem !important
    }

    .-lg-mt-116 {
        margin-top: -7.25rem !important
    }

    .lg-mr-116 {
        margin-right: 7.25rem !important
    }

    .-lg-mr-116 {
        margin-right: -7.25rem !important
    }

    .lg-mb-116 {
        margin-bottom: 7.25rem !important
    }

    .-lg-mb-116 {
        margin-bottom: -7.25rem !important
    }

    .lg-ml-116 {
        margin-left: 7.25rem !important
    }

    .-lg-ml-116 {
        margin-left: -7.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-116 {
        margin: 7.25rem !important
    }

    .-xl-m-116 {
        margin: -7.25rem !important
    }

    .xl-my-116 {
        margin-top: 7.25rem !important;
        margin-bottom: 7.25rem !important
    }

    .-xl-my-116 {
        margin-top: -7.25rem !important;
        margin-bottom: -7.25rem !important
    }

    .xl-mx-116 {
        margin-right: 7.25rem !important;
        margin-left: 7.25rem !important
    }

    .-xl-mx-116 {
        margin-right: -7.25rem !important;
        margin-left: -7.25rem !important
    }

    .xl-mt-116 {
        margin-top: 7.25rem !important
    }

    .-xl-mt-116 {
        margin-top: -7.25rem !important
    }

    .xl-mr-116 {
        margin-right: 7.25rem !important
    }

    .-xl-mr-116 {
        margin-right: -7.25rem !important
    }

    .xl-mb-116 {
        margin-bottom: 7.25rem !important
    }

    .-xl-mb-116 {
        margin-bottom: -7.25rem !important
    }

    .xl-ml-116 {
        margin-left: 7.25rem !important
    }

    .-xl-ml-116 {
        margin-left: -7.25rem !important
    }
}

.m-120 {
    margin: 7.5rem
}

.-m-120 {
    margin: -7.5rem
}

.my-120 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem
}

.-my-120 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem
}

.mx-120 {
    margin-right: 7.5rem;
    margin-left: 7.5rem
}

.-mx-120 {
    margin-right: -7.5rem;
    margin-left: -7.5rem
}

.mt-120 {
    margin-top: 7.5rem
}

.-mt-120 {
    margin-top: -7.5rem
}

.mr-120 {
    margin-right: 7.5rem
}

.-mr-120 {
    margin-right: -7.5rem
}

.mb-120 {
    margin-bottom: 7.5rem
}

.-mb-120 {
    margin-bottom: -7.5rem
}

.ml-120 {
    margin-left: 7.5rem
}

.-ml-120 {
    margin-left: -7.5rem
}

@media (max-width: 575px) {
    .xs-m-120 {
        margin: 7.5rem !important
    }

    .-xs-m-120 {
        margin: -7.5rem !important
    }

    .xs-my-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .-xs-my-120 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .xs-mx-120 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .-xs-mx-120 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .xs-mt-120 {
        margin-top: 7.5rem !important
    }

    .-xs-mt-120 {
        margin-top: -7.5rem !important
    }

    .xs-mr-120 {
        margin-right: 7.5rem !important
    }

    .-xs-mr-120 {
        margin-right: -7.5rem !important
    }

    .xs-mb-120 {
        margin-bottom: 7.5rem !important
    }

    .-xs-mb-120 {
        margin-bottom: -7.5rem !important
    }

    .xs-ml-120 {
        margin-left: 7.5rem !important
    }

    .-xs-ml-120 {
        margin-left: -7.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-120 {
        margin: 7.5rem !important
    }

    .-sm-m-120 {
        margin: -7.5rem !important
    }

    .sm-my-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .-sm-my-120 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .sm-mx-120 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .-sm-mx-120 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .sm-mt-120 {
        margin-top: 7.5rem !important
    }

    .-sm-mt-120 {
        margin-top: -7.5rem !important
    }

    .sm-mr-120 {
        margin-right: 7.5rem !important
    }

    .-sm-mr-120 {
        margin-right: -7.5rem !important
    }

    .sm-mb-120 {
        margin-bottom: 7.5rem !important
    }

    .-sm-mb-120 {
        margin-bottom: -7.5rem !important
    }

    .sm-ml-120 {
        margin-left: 7.5rem !important
    }

    .-sm-ml-120 {
        margin-left: -7.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-120 {
        margin: 7.5rem !important
    }

    .-md-m-120 {
        margin: -7.5rem !important
    }

    .md-my-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .-md-my-120 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .md-mx-120 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .-md-mx-120 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .md-mt-120 {
        margin-top: 7.5rem !important
    }

    .-md-mt-120 {
        margin-top: -7.5rem !important
    }

    .md-mr-120 {
        margin-right: 7.5rem !important
    }

    .-md-mr-120 {
        margin-right: -7.5rem !important
    }

    .md-mb-120 {
        margin-bottom: 7.5rem !important
    }

    .-md-mb-120 {
        margin-bottom: -7.5rem !important
    }

    .md-ml-120 {
        margin-left: 7.5rem !important
    }

    .-md-ml-120 {
        margin-left: -7.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-120 {
        margin: 7.5rem !important
    }

    .-lg-m-120 {
        margin: -7.5rem !important
    }

    .lg-my-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .-lg-my-120 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .lg-mx-120 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .-lg-mx-120 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .lg-mt-120 {
        margin-top: 7.5rem !important
    }

    .-lg-mt-120 {
        margin-top: -7.5rem !important
    }

    .lg-mr-120 {
        margin-right: 7.5rem !important
    }

    .-lg-mr-120 {
        margin-right: -7.5rem !important
    }

    .lg-mb-120 {
        margin-bottom: 7.5rem !important
    }

    .-lg-mb-120 {
        margin-bottom: -7.5rem !important
    }

    .lg-ml-120 {
        margin-left: 7.5rem !important
    }

    .-lg-ml-120 {
        margin-left: -7.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-120 {
        margin: 7.5rem !important
    }

    .-xl-m-120 {
        margin: -7.5rem !important
    }

    .xl-my-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important
    }

    .-xl-my-120 {
        margin-top: -7.5rem !important;
        margin-bottom: -7.5rem !important
    }

    .xl-mx-120 {
        margin-right: 7.5rem !important;
        margin-left: 7.5rem !important
    }

    .-xl-mx-120 {
        margin-right: -7.5rem !important;
        margin-left: -7.5rem !important
    }

    .xl-mt-120 {
        margin-top: 7.5rem !important
    }

    .-xl-mt-120 {
        margin-top: -7.5rem !important
    }

    .xl-mr-120 {
        margin-right: 7.5rem !important
    }

    .-xl-mr-120 {
        margin-right: -7.5rem !important
    }

    .xl-mb-120 {
        margin-bottom: 7.5rem !important
    }

    .-xl-mb-120 {
        margin-bottom: -7.5rem !important
    }

    .xl-ml-120 {
        margin-left: 7.5rem !important
    }

    .-xl-ml-120 {
        margin-left: -7.5rem !important
    }
}

.m-124 {
    margin: 7.75rem
}

.-m-124 {
    margin: -7.75rem
}

.my-124 {
    margin-top: 7.75rem;
    margin-bottom: 7.75rem
}

.-my-124 {
    margin-top: -7.75rem;
    margin-bottom: -7.75rem
}

.mx-124 {
    margin-right: 7.75rem;
    margin-left: 7.75rem
}

.-mx-124 {
    margin-right: -7.75rem;
    margin-left: -7.75rem
}

.mt-124 {
    margin-top: 7.75rem
}

.-mt-124 {
    margin-top: -7.75rem
}

.mr-124 {
    margin-right: 7.75rem
}

.-mr-124 {
    margin-right: -7.75rem
}

.mb-124 {
    margin-bottom: 7.75rem
}

.-mb-124 {
    margin-bottom: -7.75rem
}

.ml-124 {
    margin-left: 7.75rem
}

.-ml-124 {
    margin-left: -7.75rem
}

@media (max-width: 575px) {
    .xs-m-124 {
        margin: 7.75rem !important
    }

    .-xs-m-124 {
        margin: -7.75rem !important
    }

    .xs-my-124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important
    }

    .-xs-my-124 {
        margin-top: -7.75rem !important;
        margin-bottom: -7.75rem !important
    }

    .xs-mx-124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important
    }

    .-xs-mx-124 {
        margin-right: -7.75rem !important;
        margin-left: -7.75rem !important
    }

    .xs-mt-124 {
        margin-top: 7.75rem !important
    }

    .-xs-mt-124 {
        margin-top: -7.75rem !important
    }

    .xs-mr-124 {
        margin-right: 7.75rem !important
    }

    .-xs-mr-124 {
        margin-right: -7.75rem !important
    }

    .xs-mb-124 {
        margin-bottom: 7.75rem !important
    }

    .-xs-mb-124 {
        margin-bottom: -7.75rem !important
    }

    .xs-ml-124 {
        margin-left: 7.75rem !important
    }

    .-xs-ml-124 {
        margin-left: -7.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-124 {
        margin: 7.75rem !important
    }

    .-sm-m-124 {
        margin: -7.75rem !important
    }

    .sm-my-124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important
    }

    .-sm-my-124 {
        margin-top: -7.75rem !important;
        margin-bottom: -7.75rem !important
    }

    .sm-mx-124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important
    }

    .-sm-mx-124 {
        margin-right: -7.75rem !important;
        margin-left: -7.75rem !important
    }

    .sm-mt-124 {
        margin-top: 7.75rem !important
    }

    .-sm-mt-124 {
        margin-top: -7.75rem !important
    }

    .sm-mr-124 {
        margin-right: 7.75rem !important
    }

    .-sm-mr-124 {
        margin-right: -7.75rem !important
    }

    .sm-mb-124 {
        margin-bottom: 7.75rem !important
    }

    .-sm-mb-124 {
        margin-bottom: -7.75rem !important
    }

    .sm-ml-124 {
        margin-left: 7.75rem !important
    }

    .-sm-ml-124 {
        margin-left: -7.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-124 {
        margin: 7.75rem !important
    }

    .-md-m-124 {
        margin: -7.75rem !important
    }

    .md-my-124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important
    }

    .-md-my-124 {
        margin-top: -7.75rem !important;
        margin-bottom: -7.75rem !important
    }

    .md-mx-124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important
    }

    .-md-mx-124 {
        margin-right: -7.75rem !important;
        margin-left: -7.75rem !important
    }

    .md-mt-124 {
        margin-top: 7.75rem !important
    }

    .-md-mt-124 {
        margin-top: -7.75rem !important
    }

    .md-mr-124 {
        margin-right: 7.75rem !important
    }

    .-md-mr-124 {
        margin-right: -7.75rem !important
    }

    .md-mb-124 {
        margin-bottom: 7.75rem !important
    }

    .-md-mb-124 {
        margin-bottom: -7.75rem !important
    }

    .md-ml-124 {
        margin-left: 7.75rem !important
    }

    .-md-ml-124 {
        margin-left: -7.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-124 {
        margin: 7.75rem !important
    }

    .-lg-m-124 {
        margin: -7.75rem !important
    }

    .lg-my-124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important
    }

    .-lg-my-124 {
        margin-top: -7.75rem !important;
        margin-bottom: -7.75rem !important
    }

    .lg-mx-124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important
    }

    .-lg-mx-124 {
        margin-right: -7.75rem !important;
        margin-left: -7.75rem !important
    }

    .lg-mt-124 {
        margin-top: 7.75rem !important
    }

    .-lg-mt-124 {
        margin-top: -7.75rem !important
    }

    .lg-mr-124 {
        margin-right: 7.75rem !important
    }

    .-lg-mr-124 {
        margin-right: -7.75rem !important
    }

    .lg-mb-124 {
        margin-bottom: 7.75rem !important
    }

    .-lg-mb-124 {
        margin-bottom: -7.75rem !important
    }

    .lg-ml-124 {
        margin-left: 7.75rem !important
    }

    .-lg-ml-124 {
        margin-left: -7.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-124 {
        margin: 7.75rem !important
    }

    .-xl-m-124 {
        margin: -7.75rem !important
    }

    .xl-my-124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important
    }

    .-xl-my-124 {
        margin-top: -7.75rem !important;
        margin-bottom: -7.75rem !important
    }

    .xl-mx-124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important
    }

    .-xl-mx-124 {
        margin-right: -7.75rem !important;
        margin-left: -7.75rem !important
    }

    .xl-mt-124 {
        margin-top: 7.75rem !important
    }

    .-xl-mt-124 {
        margin-top: -7.75rem !important
    }

    .xl-mr-124 {
        margin-right: 7.75rem !important
    }

    .-xl-mr-124 {
        margin-right: -7.75rem !important
    }

    .xl-mb-124 {
        margin-bottom: 7.75rem !important
    }

    .-xl-mb-124 {
        margin-bottom: -7.75rem !important
    }

    .xl-ml-124 {
        margin-left: 7.75rem !important
    }

    .-xl-ml-124 {
        margin-left: -7.75rem !important
    }
}

.m-128 {
    margin: 8rem
}

.-m-128 {
    margin: -8rem
}

.my-128 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.-my-128 {
    margin-top: -8rem;
    margin-bottom: -8rem
}

.mx-128 {
    margin-right: 8rem;
    margin-left: 8rem
}

.-mx-128 {
    margin-right: -8rem;
    margin-left: -8rem
}

.mt-128 {
    margin-top: 8rem
}

.-mt-128 {
    margin-top: -8rem
}

.mr-128 {
    margin-right: 8rem
}

.-mr-128 {
    margin-right: -8rem
}

.mb-128 {
    margin-bottom: 8rem
}

.-mb-128 {
    margin-bottom: -8rem
}

.ml-128 {
    margin-left: 8rem
}

.-ml-128 {
    margin-left: -8rem
}

@media (max-width: 575px) {
    .xs-m-128 {
        margin: 8rem !important
    }

    .-xs-m-128 {
        margin: -8rem !important
    }

    .xs-my-128 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .-xs-my-128 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important
    }

    .xs-mx-128 {
        margin-right: 8rem !important;
        margin-left: 8rem !important
    }

    .-xs-mx-128 {
        margin-right: -8rem !important;
        margin-left: -8rem !important
    }

    .xs-mt-128 {
        margin-top: 8rem !important
    }

    .-xs-mt-128 {
        margin-top: -8rem !important
    }

    .xs-mr-128 {
        margin-right: 8rem !important
    }

    .-xs-mr-128 {
        margin-right: -8rem !important
    }

    .xs-mb-128 {
        margin-bottom: 8rem !important
    }

    .-xs-mb-128 {
        margin-bottom: -8rem !important
    }

    .xs-ml-128 {
        margin-left: 8rem !important
    }

    .-xs-ml-128 {
        margin-left: -8rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-128 {
        margin: 8rem !important
    }

    .-sm-m-128 {
        margin: -8rem !important
    }

    .sm-my-128 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .-sm-my-128 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important
    }

    .sm-mx-128 {
        margin-right: 8rem !important;
        margin-left: 8rem !important
    }

    .-sm-mx-128 {
        margin-right: -8rem !important;
        margin-left: -8rem !important
    }

    .sm-mt-128 {
        margin-top: 8rem !important
    }

    .-sm-mt-128 {
        margin-top: -8rem !important
    }

    .sm-mr-128 {
        margin-right: 8rem !important
    }

    .-sm-mr-128 {
        margin-right: -8rem !important
    }

    .sm-mb-128 {
        margin-bottom: 8rem !important
    }

    .-sm-mb-128 {
        margin-bottom: -8rem !important
    }

    .sm-ml-128 {
        margin-left: 8rem !important
    }

    .-sm-ml-128 {
        margin-left: -8rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-128 {
        margin: 8rem !important
    }

    .-md-m-128 {
        margin: -8rem !important
    }

    .md-my-128 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .-md-my-128 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important
    }

    .md-mx-128 {
        margin-right: 8rem !important;
        margin-left: 8rem !important
    }

    .-md-mx-128 {
        margin-right: -8rem !important;
        margin-left: -8rem !important
    }

    .md-mt-128 {
        margin-top: 8rem !important
    }

    .-md-mt-128 {
        margin-top: -8rem !important
    }

    .md-mr-128 {
        margin-right: 8rem !important
    }

    .-md-mr-128 {
        margin-right: -8rem !important
    }

    .md-mb-128 {
        margin-bottom: 8rem !important
    }

    .-md-mb-128 {
        margin-bottom: -8rem !important
    }

    .md-ml-128 {
        margin-left: 8rem !important
    }

    .-md-ml-128 {
        margin-left: -8rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-128 {
        margin: 8rem !important
    }

    .-lg-m-128 {
        margin: -8rem !important
    }

    .lg-my-128 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .-lg-my-128 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important
    }

    .lg-mx-128 {
        margin-right: 8rem !important;
        margin-left: 8rem !important
    }

    .-lg-mx-128 {
        margin-right: -8rem !important;
        margin-left: -8rem !important
    }

    .lg-mt-128 {
        margin-top: 8rem !important
    }

    .-lg-mt-128 {
        margin-top: -8rem !important
    }

    .lg-mr-128 {
        margin-right: 8rem !important
    }

    .-lg-mr-128 {
        margin-right: -8rem !important
    }

    .lg-mb-128 {
        margin-bottom: 8rem !important
    }

    .-lg-mb-128 {
        margin-bottom: -8rem !important
    }

    .lg-ml-128 {
        margin-left: 8rem !important
    }

    .-lg-ml-128 {
        margin-left: -8rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-128 {
        margin: 8rem !important
    }

    .-xl-m-128 {
        margin: -8rem !important
    }

    .xl-my-128 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .-xl-my-128 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important
    }

    .xl-mx-128 {
        margin-right: 8rem !important;
        margin-left: 8rem !important
    }

    .-xl-mx-128 {
        margin-right: -8rem !important;
        margin-left: -8rem !important
    }

    .xl-mt-128 {
        margin-top: 8rem !important
    }

    .-xl-mt-128 {
        margin-top: -8rem !important
    }

    .xl-mr-128 {
        margin-right: 8rem !important
    }

    .-xl-mr-128 {
        margin-right: -8rem !important
    }

    .xl-mb-128 {
        margin-bottom: 8rem !important
    }

    .-xl-mb-128 {
        margin-bottom: -8rem !important
    }

    .xl-ml-128 {
        margin-left: 8rem !important
    }

    .-xl-ml-128 {
        margin-left: -8rem !important
    }
}

.m-132 {
    margin: 8.25rem
}

.-m-132 {
    margin: -8.25rem
}

.my-132 {
    margin-top: 8.25rem;
    margin-bottom: 8.25rem
}

.-my-132 {
    margin-top: -8.25rem;
    margin-bottom: -8.25rem
}

.mx-132 {
    margin-right: 8.25rem;
    margin-left: 8.25rem
}

.-mx-132 {
    margin-right: -8.25rem;
    margin-left: -8.25rem
}

.mt-132 {
    margin-top: 8.25rem
}

.-mt-132 {
    margin-top: -8.25rem
}

.mr-132 {
    margin-right: 8.25rem
}

.-mr-132 {
    margin-right: -8.25rem
}

.mb-132 {
    margin-bottom: 8.25rem
}

.-mb-132 {
    margin-bottom: -8.25rem
}

.ml-132 {
    margin-left: 8.25rem
}

.-ml-132 {
    margin-left: -8.25rem
}

@media (max-width: 575px) {
    .xs-m-132 {
        margin: 8.25rem !important
    }

    .-xs-m-132 {
        margin: -8.25rem !important
    }

    .xs-my-132 {
        margin-top: 8.25rem !important;
        margin-bottom: 8.25rem !important
    }

    .-xs-my-132 {
        margin-top: -8.25rem !important;
        margin-bottom: -8.25rem !important
    }

    .xs-mx-132 {
        margin-right: 8.25rem !important;
        margin-left: 8.25rem !important
    }

    .-xs-mx-132 {
        margin-right: -8.25rem !important;
        margin-left: -8.25rem !important
    }

    .xs-mt-132 {
        margin-top: 8.25rem !important
    }

    .-xs-mt-132 {
        margin-top: -8.25rem !important
    }

    .xs-mr-132 {
        margin-right: 8.25rem !important
    }

    .-xs-mr-132 {
        margin-right: -8.25rem !important
    }

    .xs-mb-132 {
        margin-bottom: 8.25rem !important
    }

    .-xs-mb-132 {
        margin-bottom: -8.25rem !important
    }

    .xs-ml-132 {
        margin-left: 8.25rem !important
    }

    .-xs-ml-132 {
        margin-left: -8.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-132 {
        margin: 8.25rem !important
    }

    .-sm-m-132 {
        margin: -8.25rem !important
    }

    .sm-my-132 {
        margin-top: 8.25rem !important;
        margin-bottom: 8.25rem !important
    }

    .-sm-my-132 {
        margin-top: -8.25rem !important;
        margin-bottom: -8.25rem !important
    }

    .sm-mx-132 {
        margin-right: 8.25rem !important;
        margin-left: 8.25rem !important
    }

    .-sm-mx-132 {
        margin-right: -8.25rem !important;
        margin-left: -8.25rem !important
    }

    .sm-mt-132 {
        margin-top: 8.25rem !important
    }

    .-sm-mt-132 {
        margin-top: -8.25rem !important
    }

    .sm-mr-132 {
        margin-right: 8.25rem !important
    }

    .-sm-mr-132 {
        margin-right: -8.25rem !important
    }

    .sm-mb-132 {
        margin-bottom: 8.25rem !important
    }

    .-sm-mb-132 {
        margin-bottom: -8.25rem !important
    }

    .sm-ml-132 {
        margin-left: 8.25rem !important
    }

    .-sm-ml-132 {
        margin-left: -8.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-132 {
        margin: 8.25rem !important
    }

    .-md-m-132 {
        margin: -8.25rem !important
    }

    .md-my-132 {
        margin-top: 8.25rem !important;
        margin-bottom: 8.25rem !important
    }

    .-md-my-132 {
        margin-top: -8.25rem !important;
        margin-bottom: -8.25rem !important
    }

    .md-mx-132 {
        margin-right: 8.25rem !important;
        margin-left: 8.25rem !important
    }

    .-md-mx-132 {
        margin-right: -8.25rem !important;
        margin-left: -8.25rem !important
    }

    .md-mt-132 {
        margin-top: 8.25rem !important
    }

    .-md-mt-132 {
        margin-top: -8.25rem !important
    }

    .md-mr-132 {
        margin-right: 8.25rem !important
    }

    .-md-mr-132 {
        margin-right: -8.25rem !important
    }

    .md-mb-132 {
        margin-bottom: 8.25rem !important
    }

    .-md-mb-132 {
        margin-bottom: -8.25rem !important
    }

    .md-ml-132 {
        margin-left: 8.25rem !important
    }

    .-md-ml-132 {
        margin-left: -8.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-132 {
        margin: 8.25rem !important
    }

    .-lg-m-132 {
        margin: -8.25rem !important
    }

    .lg-my-132 {
        margin-top: 8.25rem !important;
        margin-bottom: 8.25rem !important
    }

    .-lg-my-132 {
        margin-top: -8.25rem !important;
        margin-bottom: -8.25rem !important
    }

    .lg-mx-132 {
        margin-right: 8.25rem !important;
        margin-left: 8.25rem !important
    }

    .-lg-mx-132 {
        margin-right: -8.25rem !important;
        margin-left: -8.25rem !important
    }

    .lg-mt-132 {
        margin-top: 8.25rem !important
    }

    .-lg-mt-132 {
        margin-top: -8.25rem !important
    }

    .lg-mr-132 {
        margin-right: 8.25rem !important
    }

    .-lg-mr-132 {
        margin-right: -8.25rem !important
    }

    .lg-mb-132 {
        margin-bottom: 8.25rem !important
    }

    .-lg-mb-132 {
        margin-bottom: -8.25rem !important
    }

    .lg-ml-132 {
        margin-left: 8.25rem !important
    }

    .-lg-ml-132 {
        margin-left: -8.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-132 {
        margin: 8.25rem !important
    }

    .-xl-m-132 {
        margin: -8.25rem !important
    }

    .xl-my-132 {
        margin-top: 8.25rem !important;
        margin-bottom: 8.25rem !important
    }

    .-xl-my-132 {
        margin-top: -8.25rem !important;
        margin-bottom: -8.25rem !important
    }

    .xl-mx-132 {
        margin-right: 8.25rem !important;
        margin-left: 8.25rem !important
    }

    .-xl-mx-132 {
        margin-right: -8.25rem !important;
        margin-left: -8.25rem !important
    }

    .xl-mt-132 {
        margin-top: 8.25rem !important
    }

    .-xl-mt-132 {
        margin-top: -8.25rem !important
    }

    .xl-mr-132 {
        margin-right: 8.25rem !important
    }

    .-xl-mr-132 {
        margin-right: -8.25rem !important
    }

    .xl-mb-132 {
        margin-bottom: 8.25rem !important
    }

    .-xl-mb-132 {
        margin-bottom: -8.25rem !important
    }

    .xl-ml-132 {
        margin-left: 8.25rem !important
    }

    .-xl-ml-132 {
        margin-left: -8.25rem !important
    }
}

.m-136 {
    margin: 8.5rem
}

.-m-136 {
    margin: -8.5rem
}

.my-136 {
    margin-top: 8.5rem;
    margin-bottom: 8.5rem
}

.-my-136 {
    margin-top: -8.5rem;
    margin-bottom: -8.5rem
}

.mx-136 {
    margin-right: 8.5rem;
    margin-left: 8.5rem
}

.-mx-136 {
    margin-right: -8.5rem;
    margin-left: -8.5rem
}

.mt-136 {
    margin-top: 8.5rem
}

.-mt-136 {
    margin-top: -8.5rem
}

.mr-136 {
    margin-right: 8.5rem
}

.-mr-136 {
    margin-right: -8.5rem
}

.mb-136 {
    margin-bottom: 8.5rem
}

.-mb-136 {
    margin-bottom: -8.5rem
}

.ml-136 {
    margin-left: 8.5rem
}

.-ml-136 {
    margin-left: -8.5rem
}

@media (max-width: 575px) {
    .xs-m-136 {
        margin: 8.5rem !important
    }

    .-xs-m-136 {
        margin: -8.5rem !important
    }

    .xs-my-136 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important
    }

    .-xs-my-136 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important
    }

    .xs-mx-136 {
        margin-right: 8.5rem !important;
        margin-left: 8.5rem !important
    }

    .-xs-mx-136 {
        margin-right: -8.5rem !important;
        margin-left: -8.5rem !important
    }

    .xs-mt-136 {
        margin-top: 8.5rem !important
    }

    .-xs-mt-136 {
        margin-top: -8.5rem !important
    }

    .xs-mr-136 {
        margin-right: 8.5rem !important
    }

    .-xs-mr-136 {
        margin-right: -8.5rem !important
    }

    .xs-mb-136 {
        margin-bottom: 8.5rem !important
    }

    .-xs-mb-136 {
        margin-bottom: -8.5rem !important
    }

    .xs-ml-136 {
        margin-left: 8.5rem !important
    }

    .-xs-ml-136 {
        margin-left: -8.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-136 {
        margin: 8.5rem !important
    }

    .-sm-m-136 {
        margin: -8.5rem !important
    }

    .sm-my-136 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important
    }

    .-sm-my-136 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important
    }

    .sm-mx-136 {
        margin-right: 8.5rem !important;
        margin-left: 8.5rem !important
    }

    .-sm-mx-136 {
        margin-right: -8.5rem !important;
        margin-left: -8.5rem !important
    }

    .sm-mt-136 {
        margin-top: 8.5rem !important
    }

    .-sm-mt-136 {
        margin-top: -8.5rem !important
    }

    .sm-mr-136 {
        margin-right: 8.5rem !important
    }

    .-sm-mr-136 {
        margin-right: -8.5rem !important
    }

    .sm-mb-136 {
        margin-bottom: 8.5rem !important
    }

    .-sm-mb-136 {
        margin-bottom: -8.5rem !important
    }

    .sm-ml-136 {
        margin-left: 8.5rem !important
    }

    .-sm-ml-136 {
        margin-left: -8.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-136 {
        margin: 8.5rem !important
    }

    .-md-m-136 {
        margin: -8.5rem !important
    }

    .md-my-136 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important
    }

    .-md-my-136 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important
    }

    .md-mx-136 {
        margin-right: 8.5rem !important;
        margin-left: 8.5rem !important
    }

    .-md-mx-136 {
        margin-right: -8.5rem !important;
        margin-left: -8.5rem !important
    }

    .md-mt-136 {
        margin-top: 8.5rem !important
    }

    .-md-mt-136 {
        margin-top: -8.5rem !important
    }

    .md-mr-136 {
        margin-right: 8.5rem !important
    }

    .-md-mr-136 {
        margin-right: -8.5rem !important
    }

    .md-mb-136 {
        margin-bottom: 8.5rem !important
    }

    .-md-mb-136 {
        margin-bottom: -8.5rem !important
    }

    .md-ml-136 {
        margin-left: 8.5rem !important
    }

    .-md-ml-136 {
        margin-left: -8.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-136 {
        margin: 8.5rem !important
    }

    .-lg-m-136 {
        margin: -8.5rem !important
    }

    .lg-my-136 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important
    }

    .-lg-my-136 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important
    }

    .lg-mx-136 {
        margin-right: 8.5rem !important;
        margin-left: 8.5rem !important
    }

    .-lg-mx-136 {
        margin-right: -8.5rem !important;
        margin-left: -8.5rem !important
    }

    .lg-mt-136 {
        margin-top: 8.5rem !important
    }

    .-lg-mt-136 {
        margin-top: -8.5rem !important
    }

    .lg-mr-136 {
        margin-right: 8.5rem !important
    }

    .-lg-mr-136 {
        margin-right: -8.5rem !important
    }

    .lg-mb-136 {
        margin-bottom: 8.5rem !important
    }

    .-lg-mb-136 {
        margin-bottom: -8.5rem !important
    }

    .lg-ml-136 {
        margin-left: 8.5rem !important
    }

    .-lg-ml-136 {
        margin-left: -8.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-136 {
        margin: 8.5rem !important
    }

    .-xl-m-136 {
        margin: -8.5rem !important
    }

    .xl-my-136 {
        margin-top: 8.5rem !important;
        margin-bottom: 8.5rem !important
    }

    .-xl-my-136 {
        margin-top: -8.5rem !important;
        margin-bottom: -8.5rem !important
    }

    .xl-mx-136 {
        margin-right: 8.5rem !important;
        margin-left: 8.5rem !important
    }

    .-xl-mx-136 {
        margin-right: -8.5rem !important;
        margin-left: -8.5rem !important
    }

    .xl-mt-136 {
        margin-top: 8.5rem !important
    }

    .-xl-mt-136 {
        margin-top: -8.5rem !important
    }

    .xl-mr-136 {
        margin-right: 8.5rem !important
    }

    .-xl-mr-136 {
        margin-right: -8.5rem !important
    }

    .xl-mb-136 {
        margin-bottom: 8.5rem !important
    }

    .-xl-mb-136 {
        margin-bottom: -8.5rem !important
    }

    .xl-ml-136 {
        margin-left: 8.5rem !important
    }

    .-xl-ml-136 {
        margin-left: -8.5rem !important
    }
}

.m-140 {
    margin: 8.75rem
}

.-m-140 {
    margin: -8.75rem
}

.my-140 {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem
}

.-my-140 {
    margin-top: -8.75rem;
    margin-bottom: -8.75rem
}

.mx-140 {
    margin-right: 8.75rem;
    margin-left: 8.75rem
}

.-mx-140 {
    margin-right: -8.75rem;
    margin-left: -8.75rem
}

.mt-140 {
    margin-top: 8.75rem
}

.-mt-140 {
    margin-top: -8.75rem
}

.mr-140 {
    margin-right: 8.75rem
}

.-mr-140 {
    margin-right: -8.75rem
}

.mb-140 {
    margin-bottom: 8.75rem
}

.-mb-140 {
    margin-bottom: -8.75rem
}

.ml-140 {
    margin-left: 8.75rem
}

.-ml-140 {
    margin-left: -8.75rem
}

@media (max-width: 575px) {
    .xs-m-140 {
        margin: 8.75rem !important
    }

    .-xs-m-140 {
        margin: -8.75rem !important
    }

    .xs-my-140 {
        margin-top: 8.75rem !important;
        margin-bottom: 8.75rem !important
    }

    .-xs-my-140 {
        margin-top: -8.75rem !important;
        margin-bottom: -8.75rem !important
    }

    .xs-mx-140 {
        margin-right: 8.75rem !important;
        margin-left: 8.75rem !important
    }

    .-xs-mx-140 {
        margin-right: -8.75rem !important;
        margin-left: -8.75rem !important
    }

    .xs-mt-140 {
        margin-top: 8.75rem !important
    }

    .-xs-mt-140 {
        margin-top: -8.75rem !important
    }

    .xs-mr-140 {
        margin-right: 8.75rem !important
    }

    .-xs-mr-140 {
        margin-right: -8.75rem !important
    }

    .xs-mb-140 {
        margin-bottom: 8.75rem !important
    }

    .-xs-mb-140 {
        margin-bottom: -8.75rem !important
    }

    .xs-ml-140 {
        margin-left: 8.75rem !important
    }

    .-xs-ml-140 {
        margin-left: -8.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-140 {
        margin: 8.75rem !important
    }

    .-sm-m-140 {
        margin: -8.75rem !important
    }

    .sm-my-140 {
        margin-top: 8.75rem !important;
        margin-bottom: 8.75rem !important
    }

    .-sm-my-140 {
        margin-top: -8.75rem !important;
        margin-bottom: -8.75rem !important
    }

    .sm-mx-140 {
        margin-right: 8.75rem !important;
        margin-left: 8.75rem !important
    }

    .-sm-mx-140 {
        margin-right: -8.75rem !important;
        margin-left: -8.75rem !important
    }

    .sm-mt-140 {
        margin-top: 8.75rem !important
    }

    .-sm-mt-140 {
        margin-top: -8.75rem !important
    }

    .sm-mr-140 {
        margin-right: 8.75rem !important
    }

    .-sm-mr-140 {
        margin-right: -8.75rem !important
    }

    .sm-mb-140 {
        margin-bottom: 8.75rem !important
    }

    .-sm-mb-140 {
        margin-bottom: -8.75rem !important
    }

    .sm-ml-140 {
        margin-left: 8.75rem !important
    }

    .-sm-ml-140 {
        margin-left: -8.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-140 {
        margin: 8.75rem !important
    }

    .-md-m-140 {
        margin: -8.75rem !important
    }

    .md-my-140 {
        margin-top: 8.75rem !important;
        margin-bottom: 8.75rem !important
    }

    .-md-my-140 {
        margin-top: -8.75rem !important;
        margin-bottom: -8.75rem !important
    }

    .md-mx-140 {
        margin-right: 8.75rem !important;
        margin-left: 8.75rem !important
    }

    .-md-mx-140 {
        margin-right: -8.75rem !important;
        margin-left: -8.75rem !important
    }

    .md-mt-140 {
        margin-top: 8.75rem !important
    }

    .-md-mt-140 {
        margin-top: -8.75rem !important
    }

    .md-mr-140 {
        margin-right: 8.75rem !important
    }

    .-md-mr-140 {
        margin-right: -8.75rem !important
    }

    .md-mb-140 {
        margin-bottom: 8.75rem !important
    }

    .-md-mb-140 {
        margin-bottom: -8.75rem !important
    }

    .md-ml-140 {
        margin-left: 8.75rem !important
    }

    .-md-ml-140 {
        margin-left: -8.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-140 {
        margin: 8.75rem !important
    }

    .-lg-m-140 {
        margin: -8.75rem !important
    }

    .lg-my-140 {
        margin-top: 8.75rem !important;
        margin-bottom: 8.75rem !important
    }

    .-lg-my-140 {
        margin-top: -8.75rem !important;
        margin-bottom: -8.75rem !important
    }

    .lg-mx-140 {
        margin-right: 8.75rem !important;
        margin-left: 8.75rem !important
    }

    .-lg-mx-140 {
        margin-right: -8.75rem !important;
        margin-left: -8.75rem !important
    }

    .lg-mt-140 {
        margin-top: 8.75rem !important
    }

    .-lg-mt-140 {
        margin-top: -8.75rem !important
    }

    .lg-mr-140 {
        margin-right: 8.75rem !important
    }

    .-lg-mr-140 {
        margin-right: -8.75rem !important
    }

    .lg-mb-140 {
        margin-bottom: 8.75rem !important
    }

    .-lg-mb-140 {
        margin-bottom: -8.75rem !important
    }

    .lg-ml-140 {
        margin-left: 8.75rem !important
    }

    .-lg-ml-140 {
        margin-left: -8.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-140 {
        margin: 8.75rem !important
    }

    .-xl-m-140 {
        margin: -8.75rem !important
    }

    .xl-my-140 {
        margin-top: 8.75rem !important;
        margin-bottom: 8.75rem !important
    }

    .-xl-my-140 {
        margin-top: -8.75rem !important;
        margin-bottom: -8.75rem !important
    }

    .xl-mx-140 {
        margin-right: 8.75rem !important;
        margin-left: 8.75rem !important
    }

    .-xl-mx-140 {
        margin-right: -8.75rem !important;
        margin-left: -8.75rem !important
    }

    .xl-mt-140 {
        margin-top: 8.75rem !important
    }

    .-xl-mt-140 {
        margin-top: -8.75rem !important
    }

    .xl-mr-140 {
        margin-right: 8.75rem !important
    }

    .-xl-mr-140 {
        margin-right: -8.75rem !important
    }

    .xl-mb-140 {
        margin-bottom: 8.75rem !important
    }

    .-xl-mb-140 {
        margin-bottom: -8.75rem !important
    }

    .xl-ml-140 {
        margin-left: 8.75rem !important
    }

    .-xl-ml-140 {
        margin-left: -8.75rem !important
    }
}

.m-144 {
    margin: 9rem
}

.-m-144 {
    margin: -9rem
}

.my-144 {
    margin-top: 9rem;
    margin-bottom: 9rem
}

.-my-144 {
    margin-top: -9rem;
    margin-bottom: -9rem
}

.mx-144 {
    margin-right: 9rem;
    margin-left: 9rem
}

.-mx-144 {
    margin-right: -9rem;
    margin-left: -9rem
}

.mt-144 {
    margin-top: 9rem
}

.-mt-144 {
    margin-top: -9rem
}

.mr-144 {
    margin-right: 9rem
}

.-mr-144 {
    margin-right: -9rem
}

.mb-144 {
    margin-bottom: 9rem
}

.-mb-144 {
    margin-bottom: -9rem
}

.ml-144 {
    margin-left: 9rem
}

.-ml-144 {
    margin-left: -9rem
}

@media (max-width: 575px) {
    .xs-m-144 {
        margin: 9rem !important
    }

    .-xs-m-144 {
        margin: -9rem !important
    }

    .xs-my-144 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .-xs-my-144 {
        margin-top: -9rem !important;
        margin-bottom: -9rem !important
    }

    .xs-mx-144 {
        margin-right: 9rem !important;
        margin-left: 9rem !important
    }

    .-xs-mx-144 {
        margin-right: -9rem !important;
        margin-left: -9rem !important
    }

    .xs-mt-144 {
        margin-top: 9rem !important
    }

    .-xs-mt-144 {
        margin-top: -9rem !important
    }

    .xs-mr-144 {
        margin-right: 9rem !important
    }

    .-xs-mr-144 {
        margin-right: -9rem !important
    }

    .xs-mb-144 {
        margin-bottom: 9rem !important
    }

    .-xs-mb-144 {
        margin-bottom: -9rem !important
    }

    .xs-ml-144 {
        margin-left: 9rem !important
    }

    .-xs-ml-144 {
        margin-left: -9rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-144 {
        margin: 9rem !important
    }

    .-sm-m-144 {
        margin: -9rem !important
    }

    .sm-my-144 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .-sm-my-144 {
        margin-top: -9rem !important;
        margin-bottom: -9rem !important
    }

    .sm-mx-144 {
        margin-right: 9rem !important;
        margin-left: 9rem !important
    }

    .-sm-mx-144 {
        margin-right: -9rem !important;
        margin-left: -9rem !important
    }

    .sm-mt-144 {
        margin-top: 9rem !important
    }

    .-sm-mt-144 {
        margin-top: -9rem !important
    }

    .sm-mr-144 {
        margin-right: 9rem !important
    }

    .-sm-mr-144 {
        margin-right: -9rem !important
    }

    .sm-mb-144 {
        margin-bottom: 9rem !important
    }

    .-sm-mb-144 {
        margin-bottom: -9rem !important
    }

    .sm-ml-144 {
        margin-left: 9rem !important
    }

    .-sm-ml-144 {
        margin-left: -9rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-144 {
        margin: 9rem !important
    }

    .-md-m-144 {
        margin: -9rem !important
    }

    .md-my-144 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .-md-my-144 {
        margin-top: -9rem !important;
        margin-bottom: -9rem !important
    }

    .md-mx-144 {
        margin-right: 9rem !important;
        margin-left: 9rem !important
    }

    .-md-mx-144 {
        margin-right: -9rem !important;
        margin-left: -9rem !important
    }

    .md-mt-144 {
        margin-top: 9rem !important
    }

    .-md-mt-144 {
        margin-top: -9rem !important
    }

    .md-mr-144 {
        margin-right: 9rem !important
    }

    .-md-mr-144 {
        margin-right: -9rem !important
    }

    .md-mb-144 {
        margin-bottom: 9rem !important
    }

    .-md-mb-144 {
        margin-bottom: -9rem !important
    }

    .md-ml-144 {
        margin-left: 9rem !important
    }

    .-md-ml-144 {
        margin-left: -9rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-144 {
        margin: 9rem !important
    }

    .-lg-m-144 {
        margin: -9rem !important
    }

    .lg-my-144 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .-lg-my-144 {
        margin-top: -9rem !important;
        margin-bottom: -9rem !important
    }

    .lg-mx-144 {
        margin-right: 9rem !important;
        margin-left: 9rem !important
    }

    .-lg-mx-144 {
        margin-right: -9rem !important;
        margin-left: -9rem !important
    }

    .lg-mt-144 {
        margin-top: 9rem !important
    }

    .-lg-mt-144 {
        margin-top: -9rem !important
    }

    .lg-mr-144 {
        margin-right: 9rem !important
    }

    .-lg-mr-144 {
        margin-right: -9rem !important
    }

    .lg-mb-144 {
        margin-bottom: 9rem !important
    }

    .-lg-mb-144 {
        margin-bottom: -9rem !important
    }

    .lg-ml-144 {
        margin-left: 9rem !important
    }

    .-lg-ml-144 {
        margin-left: -9rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-144 {
        margin: 9rem !important
    }

    .-xl-m-144 {
        margin: -9rem !important
    }

    .xl-my-144 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .-xl-my-144 {
        margin-top: -9rem !important;
        margin-bottom: -9rem !important
    }

    .xl-mx-144 {
        margin-right: 9rem !important;
        margin-left: 9rem !important
    }

    .-xl-mx-144 {
        margin-right: -9rem !important;
        margin-left: -9rem !important
    }

    .xl-mt-144 {
        margin-top: 9rem !important
    }

    .-xl-mt-144 {
        margin-top: -9rem !important
    }

    .xl-mr-144 {
        margin-right: 9rem !important
    }

    .-xl-mr-144 {
        margin-right: -9rem !important
    }

    .xl-mb-144 {
        margin-bottom: 9rem !important
    }

    .-xl-mb-144 {
        margin-bottom: -9rem !important
    }

    .xl-ml-144 {
        margin-left: 9rem !important
    }

    .-xl-ml-144 {
        margin-left: -9rem !important
    }
}

.m-148 {
    margin: 9.25rem
}

.-m-148 {
    margin: -9.25rem
}

.my-148 {
    margin-top: 9.25rem;
    margin-bottom: 9.25rem
}

.-my-148 {
    margin-top: -9.25rem;
    margin-bottom: -9.25rem
}

.mx-148 {
    margin-right: 9.25rem;
    margin-left: 9.25rem
}

.-mx-148 {
    margin-right: -9.25rem;
    margin-left: -9.25rem
}

.mt-148 {
    margin-top: 9.25rem
}

.-mt-148 {
    margin-top: -9.25rem
}

.mr-148 {
    margin-right: 9.25rem
}

.-mr-148 {
    margin-right: -9.25rem
}

.mb-148 {
    margin-bottom: 9.25rem
}

.-mb-148 {
    margin-bottom: -9.25rem
}

.ml-148 {
    margin-left: 9.25rem
}

.-ml-148 {
    margin-left: -9.25rem
}

@media (max-width: 575px) {
    .xs-m-148 {
        margin: 9.25rem !important
    }

    .-xs-m-148 {
        margin: -9.25rem !important
    }

    .xs-my-148 {
        margin-top: 9.25rem !important;
        margin-bottom: 9.25rem !important
    }

    .-xs-my-148 {
        margin-top: -9.25rem !important;
        margin-bottom: -9.25rem !important
    }

    .xs-mx-148 {
        margin-right: 9.25rem !important;
        margin-left: 9.25rem !important
    }

    .-xs-mx-148 {
        margin-right: -9.25rem !important;
        margin-left: -9.25rem !important
    }

    .xs-mt-148 {
        margin-top: 9.25rem !important
    }

    .-xs-mt-148 {
        margin-top: -9.25rem !important
    }

    .xs-mr-148 {
        margin-right: 9.25rem !important
    }

    .-xs-mr-148 {
        margin-right: -9.25rem !important
    }

    .xs-mb-148 {
        margin-bottom: 9.25rem !important
    }

    .-xs-mb-148 {
        margin-bottom: -9.25rem !important
    }

    .xs-ml-148 {
        margin-left: 9.25rem !important
    }

    .-xs-ml-148 {
        margin-left: -9.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-148 {
        margin: 9.25rem !important
    }

    .-sm-m-148 {
        margin: -9.25rem !important
    }

    .sm-my-148 {
        margin-top: 9.25rem !important;
        margin-bottom: 9.25rem !important
    }

    .-sm-my-148 {
        margin-top: -9.25rem !important;
        margin-bottom: -9.25rem !important
    }

    .sm-mx-148 {
        margin-right: 9.25rem !important;
        margin-left: 9.25rem !important
    }

    .-sm-mx-148 {
        margin-right: -9.25rem !important;
        margin-left: -9.25rem !important
    }

    .sm-mt-148 {
        margin-top: 9.25rem !important
    }

    .-sm-mt-148 {
        margin-top: -9.25rem !important
    }

    .sm-mr-148 {
        margin-right: 9.25rem !important
    }

    .-sm-mr-148 {
        margin-right: -9.25rem !important
    }

    .sm-mb-148 {
        margin-bottom: 9.25rem !important
    }

    .-sm-mb-148 {
        margin-bottom: -9.25rem !important
    }

    .sm-ml-148 {
        margin-left: 9.25rem !important
    }

    .-sm-ml-148 {
        margin-left: -9.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-148 {
        margin: 9.25rem !important
    }

    .-md-m-148 {
        margin: -9.25rem !important
    }

    .md-my-148 {
        margin-top: 9.25rem !important;
        margin-bottom: 9.25rem !important
    }

    .-md-my-148 {
        margin-top: -9.25rem !important;
        margin-bottom: -9.25rem !important
    }

    .md-mx-148 {
        margin-right: 9.25rem !important;
        margin-left: 9.25rem !important
    }

    .-md-mx-148 {
        margin-right: -9.25rem !important;
        margin-left: -9.25rem !important
    }

    .md-mt-148 {
        margin-top: 9.25rem !important
    }

    .-md-mt-148 {
        margin-top: -9.25rem !important
    }

    .md-mr-148 {
        margin-right: 9.25rem !important
    }

    .-md-mr-148 {
        margin-right: -9.25rem !important
    }

    .md-mb-148 {
        margin-bottom: 9.25rem !important
    }

    .-md-mb-148 {
        margin-bottom: -9.25rem !important
    }

    .md-ml-148 {
        margin-left: 9.25rem !important
    }

    .-md-ml-148 {
        margin-left: -9.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-148 {
        margin: 9.25rem !important
    }

    .-lg-m-148 {
        margin: -9.25rem !important
    }

    .lg-my-148 {
        margin-top: 9.25rem !important;
        margin-bottom: 9.25rem !important
    }

    .-lg-my-148 {
        margin-top: -9.25rem !important;
        margin-bottom: -9.25rem !important
    }

    .lg-mx-148 {
        margin-right: 9.25rem !important;
        margin-left: 9.25rem !important
    }

    .-lg-mx-148 {
        margin-right: -9.25rem !important;
        margin-left: -9.25rem !important
    }

    .lg-mt-148 {
        margin-top: 9.25rem !important
    }

    .-lg-mt-148 {
        margin-top: -9.25rem !important
    }

    .lg-mr-148 {
        margin-right: 9.25rem !important
    }

    .-lg-mr-148 {
        margin-right: -9.25rem !important
    }

    .lg-mb-148 {
        margin-bottom: 9.25rem !important
    }

    .-lg-mb-148 {
        margin-bottom: -9.25rem !important
    }

    .lg-ml-148 {
        margin-left: 9.25rem !important
    }

    .-lg-ml-148 {
        margin-left: -9.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-148 {
        margin: 9.25rem !important
    }

    .-xl-m-148 {
        margin: -9.25rem !important
    }

    .xl-my-148 {
        margin-top: 9.25rem !important;
        margin-bottom: 9.25rem !important
    }

    .-xl-my-148 {
        margin-top: -9.25rem !important;
        margin-bottom: -9.25rem !important
    }

    .xl-mx-148 {
        margin-right: 9.25rem !important;
        margin-left: 9.25rem !important
    }

    .-xl-mx-148 {
        margin-right: -9.25rem !important;
        margin-left: -9.25rem !important
    }

    .xl-mt-148 {
        margin-top: 9.25rem !important
    }

    .-xl-mt-148 {
        margin-top: -9.25rem !important
    }

    .xl-mr-148 {
        margin-right: 9.25rem !important
    }

    .-xl-mr-148 {
        margin-right: -9.25rem !important
    }

    .xl-mb-148 {
        margin-bottom: 9.25rem !important
    }

    .-xl-mb-148 {
        margin-bottom: -9.25rem !important
    }

    .xl-ml-148 {
        margin-left: 9.25rem !important
    }

    .-xl-ml-148 {
        margin-left: -9.25rem !important
    }
}

.m-152 {
    margin: 9.5rem
}

.-m-152 {
    margin: -9.5rem
}

.my-152 {
    margin-top: 9.5rem;
    margin-bottom: 9.5rem
}

.-my-152 {
    margin-top: -9.5rem;
    margin-bottom: -9.5rem
}

.mx-152 {
    margin-right: 9.5rem;
    margin-left: 9.5rem
}

.-mx-152 {
    margin-right: -9.5rem;
    margin-left: -9.5rem
}

.mt-152 {
    margin-top: 9.5rem
}

.-mt-152 {
    margin-top: -9.5rem
}

.mr-152 {
    margin-right: 9.5rem
}

.-mr-152 {
    margin-right: -9.5rem
}

.mb-152 {
    margin-bottom: 9.5rem
}

.-mb-152 {
    margin-bottom: -9.5rem
}

.ml-152 {
    margin-left: 9.5rem
}

.-ml-152 {
    margin-left: -9.5rem
}

@media (max-width: 575px) {
    .xs-m-152 {
        margin: 9.5rem !important
    }

    .-xs-m-152 {
        margin: -9.5rem !important
    }

    .xs-my-152 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important
    }

    .-xs-my-152 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important
    }

    .xs-mx-152 {
        margin-right: 9.5rem !important;
        margin-left: 9.5rem !important
    }

    .-xs-mx-152 {
        margin-right: -9.5rem !important;
        margin-left: -9.5rem !important
    }

    .xs-mt-152 {
        margin-top: 9.5rem !important
    }

    .-xs-mt-152 {
        margin-top: -9.5rem !important
    }

    .xs-mr-152 {
        margin-right: 9.5rem !important
    }

    .-xs-mr-152 {
        margin-right: -9.5rem !important
    }

    .xs-mb-152 {
        margin-bottom: 9.5rem !important
    }

    .-xs-mb-152 {
        margin-bottom: -9.5rem !important
    }

    .xs-ml-152 {
        margin-left: 9.5rem !important
    }

    .-xs-ml-152 {
        margin-left: -9.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-152 {
        margin: 9.5rem !important
    }

    .-sm-m-152 {
        margin: -9.5rem !important
    }

    .sm-my-152 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important
    }

    .-sm-my-152 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important
    }

    .sm-mx-152 {
        margin-right: 9.5rem !important;
        margin-left: 9.5rem !important
    }

    .-sm-mx-152 {
        margin-right: -9.5rem !important;
        margin-left: -9.5rem !important
    }

    .sm-mt-152 {
        margin-top: 9.5rem !important
    }

    .-sm-mt-152 {
        margin-top: -9.5rem !important
    }

    .sm-mr-152 {
        margin-right: 9.5rem !important
    }

    .-sm-mr-152 {
        margin-right: -9.5rem !important
    }

    .sm-mb-152 {
        margin-bottom: 9.5rem !important
    }

    .-sm-mb-152 {
        margin-bottom: -9.5rem !important
    }

    .sm-ml-152 {
        margin-left: 9.5rem !important
    }

    .-sm-ml-152 {
        margin-left: -9.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-152 {
        margin: 9.5rem !important
    }

    .-md-m-152 {
        margin: -9.5rem !important
    }

    .md-my-152 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important
    }

    .-md-my-152 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important
    }

    .md-mx-152 {
        margin-right: 9.5rem !important;
        margin-left: 9.5rem !important
    }

    .-md-mx-152 {
        margin-right: -9.5rem !important;
        margin-left: -9.5rem !important
    }

    .md-mt-152 {
        margin-top: 9.5rem !important
    }

    .-md-mt-152 {
        margin-top: -9.5rem !important
    }

    .md-mr-152 {
        margin-right: 9.5rem !important
    }

    .-md-mr-152 {
        margin-right: -9.5rem !important
    }

    .md-mb-152 {
        margin-bottom: 9.5rem !important
    }

    .-md-mb-152 {
        margin-bottom: -9.5rem !important
    }

    .md-ml-152 {
        margin-left: 9.5rem !important
    }

    .-md-ml-152 {
        margin-left: -9.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-152 {
        margin: 9.5rem !important
    }

    .-lg-m-152 {
        margin: -9.5rem !important
    }

    .lg-my-152 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important
    }

    .-lg-my-152 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important
    }

    .lg-mx-152 {
        margin-right: 9.5rem !important;
        margin-left: 9.5rem !important
    }

    .-lg-mx-152 {
        margin-right: -9.5rem !important;
        margin-left: -9.5rem !important
    }

    .lg-mt-152 {
        margin-top: 9.5rem !important
    }

    .-lg-mt-152 {
        margin-top: -9.5rem !important
    }

    .lg-mr-152 {
        margin-right: 9.5rem !important
    }

    .-lg-mr-152 {
        margin-right: -9.5rem !important
    }

    .lg-mb-152 {
        margin-bottom: 9.5rem !important
    }

    .-lg-mb-152 {
        margin-bottom: -9.5rem !important
    }

    .lg-ml-152 {
        margin-left: 9.5rem !important
    }

    .-lg-ml-152 {
        margin-left: -9.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-152 {
        margin: 9.5rem !important
    }

    .-xl-m-152 {
        margin: -9.5rem !important
    }

    .xl-my-152 {
        margin-top: 9.5rem !important;
        margin-bottom: 9.5rem !important
    }

    .-xl-my-152 {
        margin-top: -9.5rem !important;
        margin-bottom: -9.5rem !important
    }

    .xl-mx-152 {
        margin-right: 9.5rem !important;
        margin-left: 9.5rem !important
    }

    .-xl-mx-152 {
        margin-right: -9.5rem !important;
        margin-left: -9.5rem !important
    }

    .xl-mt-152 {
        margin-top: 9.5rem !important
    }

    .-xl-mt-152 {
        margin-top: -9.5rem !important
    }

    .xl-mr-152 {
        margin-right: 9.5rem !important
    }

    .-xl-mr-152 {
        margin-right: -9.5rem !important
    }

    .xl-mb-152 {
        margin-bottom: 9.5rem !important
    }

    .-xl-mb-152 {
        margin-bottom: -9.5rem !important
    }

    .xl-ml-152 {
        margin-left: 9.5rem !important
    }

    .-xl-ml-152 {
        margin-left: -9.5rem !important
    }
}

.m-156 {
    margin: 9.75rem
}

.-m-156 {
    margin: -9.75rem
}

.my-156 {
    margin-top: 9.75rem;
    margin-bottom: 9.75rem
}

.-my-156 {
    margin-top: -9.75rem;
    margin-bottom: -9.75rem
}

.mx-156 {
    margin-right: 9.75rem;
    margin-left: 9.75rem
}

.-mx-156 {
    margin-right: -9.75rem;
    margin-left: -9.75rem
}

.mt-156 {
    margin-top: 9.75rem
}

.-mt-156 {
    margin-top: -9.75rem
}

.mr-156 {
    margin-right: 9.75rem
}

.-mr-156 {
    margin-right: -9.75rem
}

.mb-156 {
    margin-bottom: 9.75rem
}

.-mb-156 {
    margin-bottom: -9.75rem
}

.ml-156 {
    margin-left: 9.75rem
}

.-ml-156 {
    margin-left: -9.75rem
}

@media (max-width: 575px) {
    .xs-m-156 {
        margin: 9.75rem !important
    }

    .-xs-m-156 {
        margin: -9.75rem !important
    }

    .xs-my-156 {
        margin-top: 9.75rem !important;
        margin-bottom: 9.75rem !important
    }

    .-xs-my-156 {
        margin-top: -9.75rem !important;
        margin-bottom: -9.75rem !important
    }

    .xs-mx-156 {
        margin-right: 9.75rem !important;
        margin-left: 9.75rem !important
    }

    .-xs-mx-156 {
        margin-right: -9.75rem !important;
        margin-left: -9.75rem !important
    }

    .xs-mt-156 {
        margin-top: 9.75rem !important
    }

    .-xs-mt-156 {
        margin-top: -9.75rem !important
    }

    .xs-mr-156 {
        margin-right: 9.75rem !important
    }

    .-xs-mr-156 {
        margin-right: -9.75rem !important
    }

    .xs-mb-156 {
        margin-bottom: 9.75rem !important
    }

    .-xs-mb-156 {
        margin-bottom: -9.75rem !important
    }

    .xs-ml-156 {
        margin-left: 9.75rem !important
    }

    .-xs-ml-156 {
        margin-left: -9.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-156 {
        margin: 9.75rem !important
    }

    .-sm-m-156 {
        margin: -9.75rem !important
    }

    .sm-my-156 {
        margin-top: 9.75rem !important;
        margin-bottom: 9.75rem !important
    }

    .-sm-my-156 {
        margin-top: -9.75rem !important;
        margin-bottom: -9.75rem !important
    }

    .sm-mx-156 {
        margin-right: 9.75rem !important;
        margin-left: 9.75rem !important
    }

    .-sm-mx-156 {
        margin-right: -9.75rem !important;
        margin-left: -9.75rem !important
    }

    .sm-mt-156 {
        margin-top: 9.75rem !important
    }

    .-sm-mt-156 {
        margin-top: -9.75rem !important
    }

    .sm-mr-156 {
        margin-right: 9.75rem !important
    }

    .-sm-mr-156 {
        margin-right: -9.75rem !important
    }

    .sm-mb-156 {
        margin-bottom: 9.75rem !important
    }

    .-sm-mb-156 {
        margin-bottom: -9.75rem !important
    }

    .sm-ml-156 {
        margin-left: 9.75rem !important
    }

    .-sm-ml-156 {
        margin-left: -9.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-156 {
        margin: 9.75rem !important
    }

    .-md-m-156 {
        margin: -9.75rem !important
    }

    .md-my-156 {
        margin-top: 9.75rem !important;
        margin-bottom: 9.75rem !important
    }

    .-md-my-156 {
        margin-top: -9.75rem !important;
        margin-bottom: -9.75rem !important
    }

    .md-mx-156 {
        margin-right: 9.75rem !important;
        margin-left: 9.75rem !important
    }

    .-md-mx-156 {
        margin-right: -9.75rem !important;
        margin-left: -9.75rem !important
    }

    .md-mt-156 {
        margin-top: 9.75rem !important
    }

    .-md-mt-156 {
        margin-top: -9.75rem !important
    }

    .md-mr-156 {
        margin-right: 9.75rem !important
    }

    .-md-mr-156 {
        margin-right: -9.75rem !important
    }

    .md-mb-156 {
        margin-bottom: 9.75rem !important
    }

    .-md-mb-156 {
        margin-bottom: -9.75rem !important
    }

    .md-ml-156 {
        margin-left: 9.75rem !important
    }

    .-md-ml-156 {
        margin-left: -9.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-156 {
        margin: 9.75rem !important
    }

    .-lg-m-156 {
        margin: -9.75rem !important
    }

    .lg-my-156 {
        margin-top: 9.75rem !important;
        margin-bottom: 9.75rem !important
    }

    .-lg-my-156 {
        margin-top: -9.75rem !important;
        margin-bottom: -9.75rem !important
    }

    .lg-mx-156 {
        margin-right: 9.75rem !important;
        margin-left: 9.75rem !important
    }

    .-lg-mx-156 {
        margin-right: -9.75rem !important;
        margin-left: -9.75rem !important
    }

    .lg-mt-156 {
        margin-top: 9.75rem !important
    }

    .-lg-mt-156 {
        margin-top: -9.75rem !important
    }

    .lg-mr-156 {
        margin-right: 9.75rem !important
    }

    .-lg-mr-156 {
        margin-right: -9.75rem !important
    }

    .lg-mb-156 {
        margin-bottom: 9.75rem !important
    }

    .-lg-mb-156 {
        margin-bottom: -9.75rem !important
    }

    .lg-ml-156 {
        margin-left: 9.75rem !important
    }

    .-lg-ml-156 {
        margin-left: -9.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-156 {
        margin: 9.75rem !important
    }

    .-xl-m-156 {
        margin: -9.75rem !important
    }

    .xl-my-156 {
        margin-top: 9.75rem !important;
        margin-bottom: 9.75rem !important
    }

    .-xl-my-156 {
        margin-top: -9.75rem !important;
        margin-bottom: -9.75rem !important
    }

    .xl-mx-156 {
        margin-right: 9.75rem !important;
        margin-left: 9.75rem !important
    }

    .-xl-mx-156 {
        margin-right: -9.75rem !important;
        margin-left: -9.75rem !important
    }

    .xl-mt-156 {
        margin-top: 9.75rem !important
    }

    .-xl-mt-156 {
        margin-top: -9.75rem !important
    }

    .xl-mr-156 {
        margin-right: 9.75rem !important
    }

    .-xl-mr-156 {
        margin-right: -9.75rem !important
    }

    .xl-mb-156 {
        margin-bottom: 9.75rem !important
    }

    .-xl-mb-156 {
        margin-bottom: -9.75rem !important
    }

    .xl-ml-156 {
        margin-left: 9.75rem !important
    }

    .-xl-ml-156 {
        margin-left: -9.75rem !important
    }
}

.m-160 {
    margin: 10rem
}

.-m-160 {
    margin: -10rem
}

.my-160 {
    margin-top: 10rem;
    margin-bottom: 10rem
}

.-my-160 {
    margin-top: -10rem;
    margin-bottom: -10rem
}

.mx-160 {
    margin-right: 10rem;
    margin-left: 10rem
}

.-mx-160 {
    margin-right: -10rem;
    margin-left: -10rem
}

.mt-160 {
    margin-top: 10rem
}

.-mt-160 {
    margin-top: -10rem
}

.mr-160 {
    margin-right: 10rem
}

.-mr-160 {
    margin-right: -10rem
}

.mb-160 {
    margin-bottom: 10rem
}

.-mb-160 {
    margin-bottom: -10rem
}

.ml-160 {
    margin-left: 10rem
}

.-ml-160 {
    margin-left: -10rem
}

@media (max-width: 575px) {
    .xs-m-160 {
        margin: 10rem !important
    }

    .-xs-m-160 {
        margin: -10rem !important
    }

    .xs-my-160 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .-xs-my-160 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important
    }

    .xs-mx-160 {
        margin-right: 10rem !important;
        margin-left: 10rem !important
    }

    .-xs-mx-160 {
        margin-right: -10rem !important;
        margin-left: -10rem !important
    }

    .xs-mt-160 {
        margin-top: 10rem !important
    }

    .-xs-mt-160 {
        margin-top: -10rem !important
    }

    .xs-mr-160 {
        margin-right: 10rem !important
    }

    .-xs-mr-160 {
        margin-right: -10rem !important
    }

    .xs-mb-160 {
        margin-bottom: 10rem !important
    }

    .-xs-mb-160 {
        margin-bottom: -10rem !important
    }

    .xs-ml-160 {
        margin-left: 10rem !important
    }

    .-xs-ml-160 {
        margin-left: -10rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-160 {
        margin: 10rem !important
    }

    .-sm-m-160 {
        margin: -10rem !important
    }

    .sm-my-160 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .-sm-my-160 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important
    }

    .sm-mx-160 {
        margin-right: 10rem !important;
        margin-left: 10rem !important
    }

    .-sm-mx-160 {
        margin-right: -10rem !important;
        margin-left: -10rem !important
    }

    .sm-mt-160 {
        margin-top: 10rem !important
    }

    .-sm-mt-160 {
        margin-top: -10rem !important
    }

    .sm-mr-160 {
        margin-right: 10rem !important
    }

    .-sm-mr-160 {
        margin-right: -10rem !important
    }

    .sm-mb-160 {
        margin-bottom: 10rem !important
    }

    .-sm-mb-160 {
        margin-bottom: -10rem !important
    }

    .sm-ml-160 {
        margin-left: 10rem !important
    }

    .-sm-ml-160 {
        margin-left: -10rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-160 {
        margin: 10rem !important
    }

    .-md-m-160 {
        margin: -10rem !important
    }

    .md-my-160 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .-md-my-160 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important
    }

    .md-mx-160 {
        margin-right: 10rem !important;
        margin-left: 10rem !important
    }

    .-md-mx-160 {
        margin-right: -10rem !important;
        margin-left: -10rem !important
    }

    .md-mt-160 {
        margin-top: 10rem !important
    }

    .-md-mt-160 {
        margin-top: -10rem !important
    }

    .md-mr-160 {
        margin-right: 10rem !important
    }

    .-md-mr-160 {
        margin-right: -10rem !important
    }

    .md-mb-160 {
        margin-bottom: 10rem !important
    }

    .-md-mb-160 {
        margin-bottom: -10rem !important
    }

    .md-ml-160 {
        margin-left: 10rem !important
    }

    .-md-ml-160 {
        margin-left: -10rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-160 {
        margin: 10rem !important
    }

    .-lg-m-160 {
        margin: -10rem !important
    }

    .lg-my-160 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .-lg-my-160 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important
    }

    .lg-mx-160 {
        margin-right: 10rem !important;
        margin-left: 10rem !important
    }

    .-lg-mx-160 {
        margin-right: -10rem !important;
        margin-left: -10rem !important
    }

    .lg-mt-160 {
        margin-top: 10rem !important
    }

    .-lg-mt-160 {
        margin-top: -10rem !important
    }

    .lg-mr-160 {
        margin-right: 10rem !important
    }

    .-lg-mr-160 {
        margin-right: -10rem !important
    }

    .lg-mb-160 {
        margin-bottom: 10rem !important
    }

    .-lg-mb-160 {
        margin-bottom: -10rem !important
    }

    .lg-ml-160 {
        margin-left: 10rem !important
    }

    .-lg-ml-160 {
        margin-left: -10rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-160 {
        margin: 10rem !important
    }

    .-xl-m-160 {
        margin: -10rem !important
    }

    .xl-my-160 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .-xl-my-160 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important
    }

    .xl-mx-160 {
        margin-right: 10rem !important;
        margin-left: 10rem !important
    }

    .-xl-mx-160 {
        margin-right: -10rem !important;
        margin-left: -10rem !important
    }

    .xl-mt-160 {
        margin-top: 10rem !important
    }

    .-xl-mt-160 {
        margin-top: -10rem !important
    }

    .xl-mr-160 {
        margin-right: 10rem !important
    }

    .-xl-mr-160 {
        margin-right: -10rem !important
    }

    .xl-mb-160 {
        margin-bottom: 10rem !important
    }

    .-xl-mb-160 {
        margin-bottom: -10rem !important
    }

    .xl-ml-160 {
        margin-left: 10rem !important
    }

    .-xl-ml-160 {
        margin-left: -10rem !important
    }
}

.m-164 {
    margin: 10.25rem
}

.-m-164 {
    margin: -10.25rem
}

.my-164 {
    margin-top: 10.25rem;
    margin-bottom: 10.25rem
}

.-my-164 {
    margin-top: -10.25rem;
    margin-bottom: -10.25rem
}

.mx-164 {
    margin-right: 10.25rem;
    margin-left: 10.25rem
}

.-mx-164 {
    margin-right: -10.25rem;
    margin-left: -10.25rem
}

.mt-164 {
    margin-top: 10.25rem
}

.-mt-164 {
    margin-top: -10.25rem
}

.mr-164 {
    margin-right: 10.25rem
}

.-mr-164 {
    margin-right: -10.25rem
}

.mb-164 {
    margin-bottom: 10.25rem
}

.-mb-164 {
    margin-bottom: -10.25rem
}

.ml-164 {
    margin-left: 10.25rem
}

.-ml-164 {
    margin-left: -10.25rem
}

@media (max-width: 575px) {
    .xs-m-164 {
        margin: 10.25rem !important
    }

    .-xs-m-164 {
        margin: -10.25rem !important
    }

    .xs-my-164 {
        margin-top: 10.25rem !important;
        margin-bottom: 10.25rem !important
    }

    .-xs-my-164 {
        margin-top: -10.25rem !important;
        margin-bottom: -10.25rem !important
    }

    .xs-mx-164 {
        margin-right: 10.25rem !important;
        margin-left: 10.25rem !important
    }

    .-xs-mx-164 {
        margin-right: -10.25rem !important;
        margin-left: -10.25rem !important
    }

    .xs-mt-164 {
        margin-top: 10.25rem !important
    }

    .-xs-mt-164 {
        margin-top: -10.25rem !important
    }

    .xs-mr-164 {
        margin-right: 10.25rem !important
    }

    .-xs-mr-164 {
        margin-right: -10.25rem !important
    }

    .xs-mb-164 {
        margin-bottom: 10.25rem !important
    }

    .-xs-mb-164 {
        margin-bottom: -10.25rem !important
    }

    .xs-ml-164 {
        margin-left: 10.25rem !important
    }

    .-xs-ml-164 {
        margin-left: -10.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-164 {
        margin: 10.25rem !important
    }

    .-sm-m-164 {
        margin: -10.25rem !important
    }

    .sm-my-164 {
        margin-top: 10.25rem !important;
        margin-bottom: 10.25rem !important
    }

    .-sm-my-164 {
        margin-top: -10.25rem !important;
        margin-bottom: -10.25rem !important
    }

    .sm-mx-164 {
        margin-right: 10.25rem !important;
        margin-left: 10.25rem !important
    }

    .-sm-mx-164 {
        margin-right: -10.25rem !important;
        margin-left: -10.25rem !important
    }

    .sm-mt-164 {
        margin-top: 10.25rem !important
    }

    .-sm-mt-164 {
        margin-top: -10.25rem !important
    }

    .sm-mr-164 {
        margin-right: 10.25rem !important
    }

    .-sm-mr-164 {
        margin-right: -10.25rem !important
    }

    .sm-mb-164 {
        margin-bottom: 10.25rem !important
    }

    .-sm-mb-164 {
        margin-bottom: -10.25rem !important
    }

    .sm-ml-164 {
        margin-left: 10.25rem !important
    }

    .-sm-ml-164 {
        margin-left: -10.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-164 {
        margin: 10.25rem !important
    }

    .-md-m-164 {
        margin: -10.25rem !important
    }

    .md-my-164 {
        margin-top: 10.25rem !important;
        margin-bottom: 10.25rem !important
    }

    .-md-my-164 {
        margin-top: -10.25rem !important;
        margin-bottom: -10.25rem !important
    }

    .md-mx-164 {
        margin-right: 10.25rem !important;
        margin-left: 10.25rem !important
    }

    .-md-mx-164 {
        margin-right: -10.25rem !important;
        margin-left: -10.25rem !important
    }

    .md-mt-164 {
        margin-top: 10.25rem !important
    }

    .-md-mt-164 {
        margin-top: -10.25rem !important
    }

    .md-mr-164 {
        margin-right: 10.25rem !important
    }

    .-md-mr-164 {
        margin-right: -10.25rem !important
    }

    .md-mb-164 {
        margin-bottom: 10.25rem !important
    }

    .-md-mb-164 {
        margin-bottom: -10.25rem !important
    }

    .md-ml-164 {
        margin-left: 10.25rem !important
    }

    .-md-ml-164 {
        margin-left: -10.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-164 {
        margin: 10.25rem !important
    }

    .-lg-m-164 {
        margin: -10.25rem !important
    }

    .lg-my-164 {
        margin-top: 10.25rem !important;
        margin-bottom: 10.25rem !important
    }

    .-lg-my-164 {
        margin-top: -10.25rem !important;
        margin-bottom: -10.25rem !important
    }

    .lg-mx-164 {
        margin-right: 10.25rem !important;
        margin-left: 10.25rem !important
    }

    .-lg-mx-164 {
        margin-right: -10.25rem !important;
        margin-left: -10.25rem !important
    }

    .lg-mt-164 {
        margin-top: 10.25rem !important
    }

    .-lg-mt-164 {
        margin-top: -10.25rem !important
    }

    .lg-mr-164 {
        margin-right: 10.25rem !important
    }

    .-lg-mr-164 {
        margin-right: -10.25rem !important
    }

    .lg-mb-164 {
        margin-bottom: 10.25rem !important
    }

    .-lg-mb-164 {
        margin-bottom: -10.25rem !important
    }

    .lg-ml-164 {
        margin-left: 10.25rem !important
    }

    .-lg-ml-164 {
        margin-left: -10.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-164 {
        margin: 10.25rem !important
    }

    .-xl-m-164 {
        margin: -10.25rem !important
    }

    .xl-my-164 {
        margin-top: 10.25rem !important;
        margin-bottom: 10.25rem !important
    }

    .-xl-my-164 {
        margin-top: -10.25rem !important;
        margin-bottom: -10.25rem !important
    }

    .xl-mx-164 {
        margin-right: 10.25rem !important;
        margin-left: 10.25rem !important
    }

    .-xl-mx-164 {
        margin-right: -10.25rem !important;
        margin-left: -10.25rem !important
    }

    .xl-mt-164 {
        margin-top: 10.25rem !important
    }

    .-xl-mt-164 {
        margin-top: -10.25rem !important
    }

    .xl-mr-164 {
        margin-right: 10.25rem !important
    }

    .-xl-mr-164 {
        margin-right: -10.25rem !important
    }

    .xl-mb-164 {
        margin-bottom: 10.25rem !important
    }

    .-xl-mb-164 {
        margin-bottom: -10.25rem !important
    }

    .xl-ml-164 {
        margin-left: 10.25rem !important
    }

    .-xl-ml-164 {
        margin-left: -10.25rem !important
    }
}

.m-168 {
    margin: 10.5rem
}

.-m-168 {
    margin: -10.5rem
}

.my-168 {
    margin-top: 10.5rem;
    margin-bottom: 10.5rem
}

.-my-168 {
    margin-top: -10.5rem;
    margin-bottom: -10.5rem
}

.mx-168 {
    margin-right: 10.5rem;
    margin-left: 10.5rem
}

.-mx-168 {
    margin-right: -10.5rem;
    margin-left: -10.5rem
}

.mt-168 {
    margin-top: 10.5rem
}

.-mt-168 {
    margin-top: -10.5rem
}

.mr-168 {
    margin-right: 10.5rem
}

.-mr-168 {
    margin-right: -10.5rem
}

.mb-168 {
    margin-bottom: 10.5rem
}

.-mb-168 {
    margin-bottom: -10.5rem
}

.ml-168 {
    margin-left: 10.5rem
}

.-ml-168 {
    margin-left: -10.5rem
}

@media (max-width: 575px) {
    .xs-m-168 {
        margin: 10.5rem !important
    }

    .-xs-m-168 {
        margin: -10.5rem !important
    }

    .xs-my-168 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important
    }

    .-xs-my-168 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important
    }

    .xs-mx-168 {
        margin-right: 10.5rem !important;
        margin-left: 10.5rem !important
    }

    .-xs-mx-168 {
        margin-right: -10.5rem !important;
        margin-left: -10.5rem !important
    }

    .xs-mt-168 {
        margin-top: 10.5rem !important
    }

    .-xs-mt-168 {
        margin-top: -10.5rem !important
    }

    .xs-mr-168 {
        margin-right: 10.5rem !important
    }

    .-xs-mr-168 {
        margin-right: -10.5rem !important
    }

    .xs-mb-168 {
        margin-bottom: 10.5rem !important
    }

    .-xs-mb-168 {
        margin-bottom: -10.5rem !important
    }

    .xs-ml-168 {
        margin-left: 10.5rem !important
    }

    .-xs-ml-168 {
        margin-left: -10.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-168 {
        margin: 10.5rem !important
    }

    .-sm-m-168 {
        margin: -10.5rem !important
    }

    .sm-my-168 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important
    }

    .-sm-my-168 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important
    }

    .sm-mx-168 {
        margin-right: 10.5rem !important;
        margin-left: 10.5rem !important
    }

    .-sm-mx-168 {
        margin-right: -10.5rem !important;
        margin-left: -10.5rem !important
    }

    .sm-mt-168 {
        margin-top: 10.5rem !important
    }

    .-sm-mt-168 {
        margin-top: -10.5rem !important
    }

    .sm-mr-168 {
        margin-right: 10.5rem !important
    }

    .-sm-mr-168 {
        margin-right: -10.5rem !important
    }

    .sm-mb-168 {
        margin-bottom: 10.5rem !important
    }

    .-sm-mb-168 {
        margin-bottom: -10.5rem !important
    }

    .sm-ml-168 {
        margin-left: 10.5rem !important
    }

    .-sm-ml-168 {
        margin-left: -10.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-168 {
        margin: 10.5rem !important
    }

    .-md-m-168 {
        margin: -10.5rem !important
    }

    .md-my-168 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important
    }

    .-md-my-168 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important
    }

    .md-mx-168 {
        margin-right: 10.5rem !important;
        margin-left: 10.5rem !important
    }

    .-md-mx-168 {
        margin-right: -10.5rem !important;
        margin-left: -10.5rem !important
    }

    .md-mt-168 {
        margin-top: 10.5rem !important
    }

    .-md-mt-168 {
        margin-top: -10.5rem !important
    }

    .md-mr-168 {
        margin-right: 10.5rem !important
    }

    .-md-mr-168 {
        margin-right: -10.5rem !important
    }

    .md-mb-168 {
        margin-bottom: 10.5rem !important
    }

    .-md-mb-168 {
        margin-bottom: -10.5rem !important
    }

    .md-ml-168 {
        margin-left: 10.5rem !important
    }

    .-md-ml-168 {
        margin-left: -10.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-168 {
        margin: 10.5rem !important
    }

    .-lg-m-168 {
        margin: -10.5rem !important
    }

    .lg-my-168 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important
    }

    .-lg-my-168 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important
    }

    .lg-mx-168 {
        margin-right: 10.5rem !important;
        margin-left: 10.5rem !important
    }

    .-lg-mx-168 {
        margin-right: -10.5rem !important;
        margin-left: -10.5rem !important
    }

    .lg-mt-168 {
        margin-top: 10.5rem !important
    }

    .-lg-mt-168 {
        margin-top: -10.5rem !important
    }

    .lg-mr-168 {
        margin-right: 10.5rem !important
    }

    .-lg-mr-168 {
        margin-right: -10.5rem !important
    }

    .lg-mb-168 {
        margin-bottom: 10.5rem !important
    }

    .-lg-mb-168 {
        margin-bottom: -10.5rem !important
    }

    .lg-ml-168 {
        margin-left: 10.5rem !important
    }

    .-lg-ml-168 {
        margin-left: -10.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-168 {
        margin: 10.5rem !important
    }

    .-xl-m-168 {
        margin: -10.5rem !important
    }

    .xl-my-168 {
        margin-top: 10.5rem !important;
        margin-bottom: 10.5rem !important
    }

    .-xl-my-168 {
        margin-top: -10.5rem !important;
        margin-bottom: -10.5rem !important
    }

    .xl-mx-168 {
        margin-right: 10.5rem !important;
        margin-left: 10.5rem !important
    }

    .-xl-mx-168 {
        margin-right: -10.5rem !important;
        margin-left: -10.5rem !important
    }

    .xl-mt-168 {
        margin-top: 10.5rem !important
    }

    .-xl-mt-168 {
        margin-top: -10.5rem !important
    }

    .xl-mr-168 {
        margin-right: 10.5rem !important
    }

    .-xl-mr-168 {
        margin-right: -10.5rem !important
    }

    .xl-mb-168 {
        margin-bottom: 10.5rem !important
    }

    .-xl-mb-168 {
        margin-bottom: -10.5rem !important
    }

    .xl-ml-168 {
        margin-left: 10.5rem !important
    }

    .-xl-ml-168 {
        margin-left: -10.5rem !important
    }
}

.m-172 {
    margin: 10.75rem
}

.-m-172 {
    margin: -10.75rem
}

.my-172 {
    margin-top: 10.75rem;
    margin-bottom: 10.75rem
}

.-my-172 {
    margin-top: -10.75rem;
    margin-bottom: -10.75rem
}

.mx-172 {
    margin-right: 10.75rem;
    margin-left: 10.75rem
}

.-mx-172 {
    margin-right: -10.75rem;
    margin-left: -10.75rem
}

.mt-172 {
    margin-top: 10.75rem
}

.-mt-172 {
    margin-top: -10.75rem
}

.mr-172 {
    margin-right: 10.75rem
}

.-mr-172 {
    margin-right: -10.75rem
}

.mb-172 {
    margin-bottom: 10.75rem
}

.-mb-172 {
    margin-bottom: -10.75rem
}

.ml-172 {
    margin-left: 10.75rem
}

.-ml-172 {
    margin-left: -10.75rem
}

@media (max-width: 575px) {
    .xs-m-172 {
        margin: 10.75rem !important
    }

    .-xs-m-172 {
        margin: -10.75rem !important
    }

    .xs-my-172 {
        margin-top: 10.75rem !important;
        margin-bottom: 10.75rem !important
    }

    .-xs-my-172 {
        margin-top: -10.75rem !important;
        margin-bottom: -10.75rem !important
    }

    .xs-mx-172 {
        margin-right: 10.75rem !important;
        margin-left: 10.75rem !important
    }

    .-xs-mx-172 {
        margin-right: -10.75rem !important;
        margin-left: -10.75rem !important
    }

    .xs-mt-172 {
        margin-top: 10.75rem !important
    }

    .-xs-mt-172 {
        margin-top: -10.75rem !important
    }

    .xs-mr-172 {
        margin-right: 10.75rem !important
    }

    .-xs-mr-172 {
        margin-right: -10.75rem !important
    }

    .xs-mb-172 {
        margin-bottom: 10.75rem !important
    }

    .-xs-mb-172 {
        margin-bottom: -10.75rem !important
    }

    .xs-ml-172 {
        margin-left: 10.75rem !important
    }

    .-xs-ml-172 {
        margin-left: -10.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-172 {
        margin: 10.75rem !important
    }

    .-sm-m-172 {
        margin: -10.75rem !important
    }

    .sm-my-172 {
        margin-top: 10.75rem !important;
        margin-bottom: 10.75rem !important
    }

    .-sm-my-172 {
        margin-top: -10.75rem !important;
        margin-bottom: -10.75rem !important
    }

    .sm-mx-172 {
        margin-right: 10.75rem !important;
        margin-left: 10.75rem !important
    }

    .-sm-mx-172 {
        margin-right: -10.75rem !important;
        margin-left: -10.75rem !important
    }

    .sm-mt-172 {
        margin-top: 10.75rem !important
    }

    .-sm-mt-172 {
        margin-top: -10.75rem !important
    }

    .sm-mr-172 {
        margin-right: 10.75rem !important
    }

    .-sm-mr-172 {
        margin-right: -10.75rem !important
    }

    .sm-mb-172 {
        margin-bottom: 10.75rem !important
    }

    .-sm-mb-172 {
        margin-bottom: -10.75rem !important
    }

    .sm-ml-172 {
        margin-left: 10.75rem !important
    }

    .-sm-ml-172 {
        margin-left: -10.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-172 {
        margin: 10.75rem !important
    }

    .-md-m-172 {
        margin: -10.75rem !important
    }

    .md-my-172 {
        margin-top: 10.75rem !important;
        margin-bottom: 10.75rem !important
    }

    .-md-my-172 {
        margin-top: -10.75rem !important;
        margin-bottom: -10.75rem !important
    }

    .md-mx-172 {
        margin-right: 10.75rem !important;
        margin-left: 10.75rem !important
    }

    .-md-mx-172 {
        margin-right: -10.75rem !important;
        margin-left: -10.75rem !important
    }

    .md-mt-172 {
        margin-top: 10.75rem !important
    }

    .-md-mt-172 {
        margin-top: -10.75rem !important
    }

    .md-mr-172 {
        margin-right: 10.75rem !important
    }

    .-md-mr-172 {
        margin-right: -10.75rem !important
    }

    .md-mb-172 {
        margin-bottom: 10.75rem !important
    }

    .-md-mb-172 {
        margin-bottom: -10.75rem !important
    }

    .md-ml-172 {
        margin-left: 10.75rem !important
    }

    .-md-ml-172 {
        margin-left: -10.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-172 {
        margin: 10.75rem !important
    }

    .-lg-m-172 {
        margin: -10.75rem !important
    }

    .lg-my-172 {
        margin-top: 10.75rem !important;
        margin-bottom: 10.75rem !important
    }

    .-lg-my-172 {
        margin-top: -10.75rem !important;
        margin-bottom: -10.75rem !important
    }

    .lg-mx-172 {
        margin-right: 10.75rem !important;
        margin-left: 10.75rem !important
    }

    .-lg-mx-172 {
        margin-right: -10.75rem !important;
        margin-left: -10.75rem !important
    }

    .lg-mt-172 {
        margin-top: 10.75rem !important
    }

    .-lg-mt-172 {
        margin-top: -10.75rem !important
    }

    .lg-mr-172 {
        margin-right: 10.75rem !important
    }

    .-lg-mr-172 {
        margin-right: -10.75rem !important
    }

    .lg-mb-172 {
        margin-bottom: 10.75rem !important
    }

    .-lg-mb-172 {
        margin-bottom: -10.75rem !important
    }

    .lg-ml-172 {
        margin-left: 10.75rem !important
    }

    .-lg-ml-172 {
        margin-left: -10.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-172 {
        margin: 10.75rem !important
    }

    .-xl-m-172 {
        margin: -10.75rem !important
    }

    .xl-my-172 {
        margin-top: 10.75rem !important;
        margin-bottom: 10.75rem !important
    }

    .-xl-my-172 {
        margin-top: -10.75rem !important;
        margin-bottom: -10.75rem !important
    }

    .xl-mx-172 {
        margin-right: 10.75rem !important;
        margin-left: 10.75rem !important
    }

    .-xl-mx-172 {
        margin-right: -10.75rem !important;
        margin-left: -10.75rem !important
    }

    .xl-mt-172 {
        margin-top: 10.75rem !important
    }

    .-xl-mt-172 {
        margin-top: -10.75rem !important
    }

    .xl-mr-172 {
        margin-right: 10.75rem !important
    }

    .-xl-mr-172 {
        margin-right: -10.75rem !important
    }

    .xl-mb-172 {
        margin-bottom: 10.75rem !important
    }

    .-xl-mb-172 {
        margin-bottom: -10.75rem !important
    }

    .xl-ml-172 {
        margin-left: 10.75rem !important
    }

    .-xl-ml-172 {
        margin-left: -10.75rem !important
    }
}

.m-176 {
    margin: 11rem
}

.-m-176 {
    margin: -11rem
}

.my-176 {
    margin-top: 11rem;
    margin-bottom: 11rem
}

.-my-176 {
    margin-top: -11rem;
    margin-bottom: -11rem
}

.mx-176 {
    margin-right: 11rem;
    margin-left: 11rem
}

.-mx-176 {
    margin-right: -11rem;
    margin-left: -11rem
}

.mt-176 {
    margin-top: 11rem
}

.-mt-176 {
    margin-top: -11rem
}

.mr-176 {
    margin-right: 11rem
}

.-mr-176 {
    margin-right: -11rem
}

.mb-176 {
    margin-bottom: 11rem
}

.-mb-176 {
    margin-bottom: -11rem
}

.ml-176 {
    margin-left: 11rem
}

.-ml-176 {
    margin-left: -11rem
}

@media (max-width: 575px) {
    .xs-m-176 {
        margin: 11rem !important
    }

    .-xs-m-176 {
        margin: -11rem !important
    }

    .xs-my-176 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important
    }

    .-xs-my-176 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important
    }

    .xs-mx-176 {
        margin-right: 11rem !important;
        margin-left: 11rem !important
    }

    .-xs-mx-176 {
        margin-right: -11rem !important;
        margin-left: -11rem !important
    }

    .xs-mt-176 {
        margin-top: 11rem !important
    }

    .-xs-mt-176 {
        margin-top: -11rem !important
    }

    .xs-mr-176 {
        margin-right: 11rem !important
    }

    .-xs-mr-176 {
        margin-right: -11rem !important
    }

    .xs-mb-176 {
        margin-bottom: 11rem !important
    }

    .-xs-mb-176 {
        margin-bottom: -11rem !important
    }

    .xs-ml-176 {
        margin-left: 11rem !important
    }

    .-xs-ml-176 {
        margin-left: -11rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-176 {
        margin: 11rem !important
    }

    .-sm-m-176 {
        margin: -11rem !important
    }

    .sm-my-176 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important
    }

    .-sm-my-176 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important
    }

    .sm-mx-176 {
        margin-right: 11rem !important;
        margin-left: 11rem !important
    }

    .-sm-mx-176 {
        margin-right: -11rem !important;
        margin-left: -11rem !important
    }

    .sm-mt-176 {
        margin-top: 11rem !important
    }

    .-sm-mt-176 {
        margin-top: -11rem !important
    }

    .sm-mr-176 {
        margin-right: 11rem !important
    }

    .-sm-mr-176 {
        margin-right: -11rem !important
    }

    .sm-mb-176 {
        margin-bottom: 11rem !important
    }

    .-sm-mb-176 {
        margin-bottom: -11rem !important
    }

    .sm-ml-176 {
        margin-left: 11rem !important
    }

    .-sm-ml-176 {
        margin-left: -11rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-176 {
        margin: 11rem !important
    }

    .-md-m-176 {
        margin: -11rem !important
    }

    .md-my-176 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important
    }

    .-md-my-176 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important
    }

    .md-mx-176 {
        margin-right: 11rem !important;
        margin-left: 11rem !important
    }

    .-md-mx-176 {
        margin-right: -11rem !important;
        margin-left: -11rem !important
    }

    .md-mt-176 {
        margin-top: 11rem !important
    }

    .-md-mt-176 {
        margin-top: -11rem !important
    }

    .md-mr-176 {
        margin-right: 11rem !important
    }

    .-md-mr-176 {
        margin-right: -11rem !important
    }

    .md-mb-176 {
        margin-bottom: 11rem !important
    }

    .-md-mb-176 {
        margin-bottom: -11rem !important
    }

    .md-ml-176 {
        margin-left: 11rem !important
    }

    .-md-ml-176 {
        margin-left: -11rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-176 {
        margin: 11rem !important
    }

    .-lg-m-176 {
        margin: -11rem !important
    }

    .lg-my-176 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important
    }

    .-lg-my-176 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important
    }

    .lg-mx-176 {
        margin-right: 11rem !important;
        margin-left: 11rem !important
    }

    .-lg-mx-176 {
        margin-right: -11rem !important;
        margin-left: -11rem !important
    }

    .lg-mt-176 {
        margin-top: 11rem !important
    }

    .-lg-mt-176 {
        margin-top: -11rem !important
    }

    .lg-mr-176 {
        margin-right: 11rem !important
    }

    .-lg-mr-176 {
        margin-right: -11rem !important
    }

    .lg-mb-176 {
        margin-bottom: 11rem !important
    }

    .-lg-mb-176 {
        margin-bottom: -11rem !important
    }

    .lg-ml-176 {
        margin-left: 11rem !important
    }

    .-lg-ml-176 {
        margin-left: -11rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-176 {
        margin: 11rem !important
    }

    .-xl-m-176 {
        margin: -11rem !important
    }

    .xl-my-176 {
        margin-top: 11rem !important;
        margin-bottom: 11rem !important
    }

    .-xl-my-176 {
        margin-top: -11rem !important;
        margin-bottom: -11rem !important
    }

    .xl-mx-176 {
        margin-right: 11rem !important;
        margin-left: 11rem !important
    }

    .-xl-mx-176 {
        margin-right: -11rem !important;
        margin-left: -11rem !important
    }

    .xl-mt-176 {
        margin-top: 11rem !important
    }

    .-xl-mt-176 {
        margin-top: -11rem !important
    }

    .xl-mr-176 {
        margin-right: 11rem !important
    }

    .-xl-mr-176 {
        margin-right: -11rem !important
    }

    .xl-mb-176 {
        margin-bottom: 11rem !important
    }

    .-xl-mb-176 {
        margin-bottom: -11rem !important
    }

    .xl-ml-176 {
        margin-left: 11rem !important
    }

    .-xl-ml-176 {
        margin-left: -11rem !important
    }
}

.m-180 {
    margin: 11.25rem
}

.-m-180 {
    margin: -11.25rem
}

.my-180 {
    margin-top: 11.25rem;
    margin-bottom: 11.25rem
}

.-my-180 {
    margin-top: -11.25rem;
    margin-bottom: -11.25rem
}

.mx-180 {
    margin-right: 11.25rem;
    margin-left: 11.25rem
}

.-mx-180 {
    margin-right: -11.25rem;
    margin-left: -11.25rem
}

.mt-180 {
    margin-top: 11.25rem
}

.-mt-180 {
    margin-top: -11.25rem
}

.mr-180 {
    margin-right: 11.25rem
}

.-mr-180 {
    margin-right: -11.25rem
}

.mb-180 {
    margin-bottom: 11.25rem
}

.-mb-180 {
    margin-bottom: -11.25rem
}

.ml-180 {
    margin-left: 11.25rem
}

.-ml-180 {
    margin-left: -11.25rem
}

@media (max-width: 575px) {
    .xs-m-180 {
        margin: 11.25rem !important
    }

    .-xs-m-180 {
        margin: -11.25rem !important
    }

    .xs-my-180 {
        margin-top: 11.25rem !important;
        margin-bottom: 11.25rem !important
    }

    .-xs-my-180 {
        margin-top: -11.25rem !important;
        margin-bottom: -11.25rem !important
    }

    .xs-mx-180 {
        margin-right: 11.25rem !important;
        margin-left: 11.25rem !important
    }

    .-xs-mx-180 {
        margin-right: -11.25rem !important;
        margin-left: -11.25rem !important
    }

    .xs-mt-180 {
        margin-top: 11.25rem !important
    }

    .-xs-mt-180 {
        margin-top: -11.25rem !important
    }

    .xs-mr-180 {
        margin-right: 11.25rem !important
    }

    .-xs-mr-180 {
        margin-right: -11.25rem !important
    }

    .xs-mb-180 {
        margin-bottom: 11.25rem !important
    }

    .-xs-mb-180 {
        margin-bottom: -11.25rem !important
    }

    .xs-ml-180 {
        margin-left: 11.25rem !important
    }

    .-xs-ml-180 {
        margin-left: -11.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-180 {
        margin: 11.25rem !important
    }

    .-sm-m-180 {
        margin: -11.25rem !important
    }

    .sm-my-180 {
        margin-top: 11.25rem !important;
        margin-bottom: 11.25rem !important
    }

    .-sm-my-180 {
        margin-top: -11.25rem !important;
        margin-bottom: -11.25rem !important
    }

    .sm-mx-180 {
        margin-right: 11.25rem !important;
        margin-left: 11.25rem !important
    }

    .-sm-mx-180 {
        margin-right: -11.25rem !important;
        margin-left: -11.25rem !important
    }

    .sm-mt-180 {
        margin-top: 11.25rem !important
    }

    .-sm-mt-180 {
        margin-top: -11.25rem !important
    }

    .sm-mr-180 {
        margin-right: 11.25rem !important
    }

    .-sm-mr-180 {
        margin-right: -11.25rem !important
    }

    .sm-mb-180 {
        margin-bottom: 11.25rem !important
    }

    .-sm-mb-180 {
        margin-bottom: -11.25rem !important
    }

    .sm-ml-180 {
        margin-left: 11.25rem !important
    }

    .-sm-ml-180 {
        margin-left: -11.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-180 {
        margin: 11.25rem !important
    }

    .-md-m-180 {
        margin: -11.25rem !important
    }

    .md-my-180 {
        margin-top: 11.25rem !important;
        margin-bottom: 11.25rem !important
    }

    .-md-my-180 {
        margin-top: -11.25rem !important;
        margin-bottom: -11.25rem !important
    }

    .md-mx-180 {
        margin-right: 11.25rem !important;
        margin-left: 11.25rem !important
    }

    .-md-mx-180 {
        margin-right: -11.25rem !important;
        margin-left: -11.25rem !important
    }

    .md-mt-180 {
        margin-top: 11.25rem !important
    }

    .-md-mt-180 {
        margin-top: -11.25rem !important
    }

    .md-mr-180 {
        margin-right: 11.25rem !important
    }

    .-md-mr-180 {
        margin-right: -11.25rem !important
    }

    .md-mb-180 {
        margin-bottom: 11.25rem !important
    }

    .-md-mb-180 {
        margin-bottom: -11.25rem !important
    }

    .md-ml-180 {
        margin-left: 11.25rem !important
    }

    .-md-ml-180 {
        margin-left: -11.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-180 {
        margin: 11.25rem !important
    }

    .-lg-m-180 {
        margin: -11.25rem !important
    }

    .lg-my-180 {
        margin-top: 11.25rem !important;
        margin-bottom: 11.25rem !important
    }

    .-lg-my-180 {
        margin-top: -11.25rem !important;
        margin-bottom: -11.25rem !important
    }

    .lg-mx-180 {
        margin-right: 11.25rem !important;
        margin-left: 11.25rem !important
    }

    .-lg-mx-180 {
        margin-right: -11.25rem !important;
        margin-left: -11.25rem !important
    }

    .lg-mt-180 {
        margin-top: 11.25rem !important
    }

    .-lg-mt-180 {
        margin-top: -11.25rem !important
    }

    .lg-mr-180 {
        margin-right: 11.25rem !important
    }

    .-lg-mr-180 {
        margin-right: -11.25rem !important
    }

    .lg-mb-180 {
        margin-bottom: 11.25rem !important
    }

    .-lg-mb-180 {
        margin-bottom: -11.25rem !important
    }

    .lg-ml-180 {
        margin-left: 11.25rem !important
    }

    .-lg-ml-180 {
        margin-left: -11.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-180 {
        margin: 11.25rem !important
    }

    .-xl-m-180 {
        margin: -11.25rem !important
    }

    .xl-my-180 {
        margin-top: 11.25rem !important;
        margin-bottom: 11.25rem !important
    }

    .-xl-my-180 {
        margin-top: -11.25rem !important;
        margin-bottom: -11.25rem !important
    }

    .xl-mx-180 {
        margin-right: 11.25rem !important;
        margin-left: 11.25rem !important
    }

    .-xl-mx-180 {
        margin-right: -11.25rem !important;
        margin-left: -11.25rem !important
    }

    .xl-mt-180 {
        margin-top: 11.25rem !important
    }

    .-xl-mt-180 {
        margin-top: -11.25rem !important
    }

    .xl-mr-180 {
        margin-right: 11.25rem !important
    }

    .-xl-mr-180 {
        margin-right: -11.25rem !important
    }

    .xl-mb-180 {
        margin-bottom: 11.25rem !important
    }

    .-xl-mb-180 {
        margin-bottom: -11.25rem !important
    }

    .xl-ml-180 {
        margin-left: 11.25rem !important
    }

    .-xl-ml-180 {
        margin-left: -11.25rem !important
    }
}

.m-184 {
    margin: 11.5rem
}

.-m-184 {
    margin: -11.5rem
}

.my-184 {
    margin-top: 11.5rem;
    margin-bottom: 11.5rem
}

.-my-184 {
    margin-top: -11.5rem;
    margin-bottom: -11.5rem
}

.mx-184 {
    margin-right: 11.5rem;
    margin-left: 11.5rem
}

.-mx-184 {
    margin-right: -11.5rem;
    margin-left: -11.5rem
}

.mt-184 {
    margin-top: 11.5rem
}

.-mt-184 {
    margin-top: -11.5rem
}

.mr-184 {
    margin-right: 11.5rem
}

.-mr-184 {
    margin-right: -11.5rem
}

.mb-184 {
    margin-bottom: 11.5rem
}

.-mb-184 {
    margin-bottom: -11.5rem
}

.ml-184 {
    margin-left: 11.5rem
}

.-ml-184 {
    margin-left: -11.5rem
}

@media (max-width: 575px) {
    .xs-m-184 {
        margin: 11.5rem !important
    }

    .-xs-m-184 {
        margin: -11.5rem !important
    }

    .xs-my-184 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important
    }

    .-xs-my-184 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important
    }

    .xs-mx-184 {
        margin-right: 11.5rem !important;
        margin-left: 11.5rem !important
    }

    .-xs-mx-184 {
        margin-right: -11.5rem !important;
        margin-left: -11.5rem !important
    }

    .xs-mt-184 {
        margin-top: 11.5rem !important
    }

    .-xs-mt-184 {
        margin-top: -11.5rem !important
    }

    .xs-mr-184 {
        margin-right: 11.5rem !important
    }

    .-xs-mr-184 {
        margin-right: -11.5rem !important
    }

    .xs-mb-184 {
        margin-bottom: 11.5rem !important
    }

    .-xs-mb-184 {
        margin-bottom: -11.5rem !important
    }

    .xs-ml-184 {
        margin-left: 11.5rem !important
    }

    .-xs-ml-184 {
        margin-left: -11.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-184 {
        margin: 11.5rem !important
    }

    .-sm-m-184 {
        margin: -11.5rem !important
    }

    .sm-my-184 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important
    }

    .-sm-my-184 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important
    }

    .sm-mx-184 {
        margin-right: 11.5rem !important;
        margin-left: 11.5rem !important
    }

    .-sm-mx-184 {
        margin-right: -11.5rem !important;
        margin-left: -11.5rem !important
    }

    .sm-mt-184 {
        margin-top: 11.5rem !important
    }

    .-sm-mt-184 {
        margin-top: -11.5rem !important
    }

    .sm-mr-184 {
        margin-right: 11.5rem !important
    }

    .-sm-mr-184 {
        margin-right: -11.5rem !important
    }

    .sm-mb-184 {
        margin-bottom: 11.5rem !important
    }

    .-sm-mb-184 {
        margin-bottom: -11.5rem !important
    }

    .sm-ml-184 {
        margin-left: 11.5rem !important
    }

    .-sm-ml-184 {
        margin-left: -11.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-184 {
        margin: 11.5rem !important
    }

    .-md-m-184 {
        margin: -11.5rem !important
    }

    .md-my-184 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important
    }

    .-md-my-184 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important
    }

    .md-mx-184 {
        margin-right: 11.5rem !important;
        margin-left: 11.5rem !important
    }

    .-md-mx-184 {
        margin-right: -11.5rem !important;
        margin-left: -11.5rem !important
    }

    .md-mt-184 {
        margin-top: 11.5rem !important
    }

    .-md-mt-184 {
        margin-top: -11.5rem !important
    }

    .md-mr-184 {
        margin-right: 11.5rem !important
    }

    .-md-mr-184 {
        margin-right: -11.5rem !important
    }

    .md-mb-184 {
        margin-bottom: 11.5rem !important
    }

    .-md-mb-184 {
        margin-bottom: -11.5rem !important
    }

    .md-ml-184 {
        margin-left: 11.5rem !important
    }

    .-md-ml-184 {
        margin-left: -11.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-184 {
        margin: 11.5rem !important
    }

    .-lg-m-184 {
        margin: -11.5rem !important
    }

    .lg-my-184 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important
    }

    .-lg-my-184 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important
    }

    .lg-mx-184 {
        margin-right: 11.5rem !important;
        margin-left: 11.5rem !important
    }

    .-lg-mx-184 {
        margin-right: -11.5rem !important;
        margin-left: -11.5rem !important
    }

    .lg-mt-184 {
        margin-top: 11.5rem !important
    }

    .-lg-mt-184 {
        margin-top: -11.5rem !important
    }

    .lg-mr-184 {
        margin-right: 11.5rem !important
    }

    .-lg-mr-184 {
        margin-right: -11.5rem !important
    }

    .lg-mb-184 {
        margin-bottom: 11.5rem !important
    }

    .-lg-mb-184 {
        margin-bottom: -11.5rem !important
    }

    .lg-ml-184 {
        margin-left: 11.5rem !important
    }

    .-lg-ml-184 {
        margin-left: -11.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-184 {
        margin: 11.5rem !important
    }

    .-xl-m-184 {
        margin: -11.5rem !important
    }

    .xl-my-184 {
        margin-top: 11.5rem !important;
        margin-bottom: 11.5rem !important
    }

    .-xl-my-184 {
        margin-top: -11.5rem !important;
        margin-bottom: -11.5rem !important
    }

    .xl-mx-184 {
        margin-right: 11.5rem !important;
        margin-left: 11.5rem !important
    }

    .-xl-mx-184 {
        margin-right: -11.5rem !important;
        margin-left: -11.5rem !important
    }

    .xl-mt-184 {
        margin-top: 11.5rem !important
    }

    .-xl-mt-184 {
        margin-top: -11.5rem !important
    }

    .xl-mr-184 {
        margin-right: 11.5rem !important
    }

    .-xl-mr-184 {
        margin-right: -11.5rem !important
    }

    .xl-mb-184 {
        margin-bottom: 11.5rem !important
    }

    .-xl-mb-184 {
        margin-bottom: -11.5rem !important
    }

    .xl-ml-184 {
        margin-left: 11.5rem !important
    }

    .-xl-ml-184 {
        margin-left: -11.5rem !important
    }
}

.m-188 {
    margin: 11.75rem
}

.-m-188 {
    margin: -11.75rem
}

.my-188 {
    margin-top: 11.75rem;
    margin-bottom: 11.75rem
}

.-my-188 {
    margin-top: -11.75rem;
    margin-bottom: -11.75rem
}

.mx-188 {
    margin-right: 11.75rem;
    margin-left: 11.75rem
}

.-mx-188 {
    margin-right: -11.75rem;
    margin-left: -11.75rem
}

.mt-188 {
    margin-top: 11.75rem
}

.-mt-188 {
    margin-top: -11.75rem
}

.mr-188 {
    margin-right: 11.75rem
}

.-mr-188 {
    margin-right: -11.75rem
}

.mb-188 {
    margin-bottom: 11.75rem
}

.-mb-188 {
    margin-bottom: -11.75rem
}

.ml-188 {
    margin-left: 11.75rem
}

.-ml-188 {
    margin-left: -11.75rem
}

@media (max-width: 575px) {
    .xs-m-188 {
        margin: 11.75rem !important
    }

    .-xs-m-188 {
        margin: -11.75rem !important
    }

    .xs-my-188 {
        margin-top: 11.75rem !important;
        margin-bottom: 11.75rem !important
    }

    .-xs-my-188 {
        margin-top: -11.75rem !important;
        margin-bottom: -11.75rem !important
    }

    .xs-mx-188 {
        margin-right: 11.75rem !important;
        margin-left: 11.75rem !important
    }

    .-xs-mx-188 {
        margin-right: -11.75rem !important;
        margin-left: -11.75rem !important
    }

    .xs-mt-188 {
        margin-top: 11.75rem !important
    }

    .-xs-mt-188 {
        margin-top: -11.75rem !important
    }

    .xs-mr-188 {
        margin-right: 11.75rem !important
    }

    .-xs-mr-188 {
        margin-right: -11.75rem !important
    }

    .xs-mb-188 {
        margin-bottom: 11.75rem !important
    }

    .-xs-mb-188 {
        margin-bottom: -11.75rem !important
    }

    .xs-ml-188 {
        margin-left: 11.75rem !important
    }

    .-xs-ml-188 {
        margin-left: -11.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-188 {
        margin: 11.75rem !important
    }

    .-sm-m-188 {
        margin: -11.75rem !important
    }

    .sm-my-188 {
        margin-top: 11.75rem !important;
        margin-bottom: 11.75rem !important
    }

    .-sm-my-188 {
        margin-top: -11.75rem !important;
        margin-bottom: -11.75rem !important
    }

    .sm-mx-188 {
        margin-right: 11.75rem !important;
        margin-left: 11.75rem !important
    }

    .-sm-mx-188 {
        margin-right: -11.75rem !important;
        margin-left: -11.75rem !important
    }

    .sm-mt-188 {
        margin-top: 11.75rem !important
    }

    .-sm-mt-188 {
        margin-top: -11.75rem !important
    }

    .sm-mr-188 {
        margin-right: 11.75rem !important
    }

    .-sm-mr-188 {
        margin-right: -11.75rem !important
    }

    .sm-mb-188 {
        margin-bottom: 11.75rem !important
    }

    .-sm-mb-188 {
        margin-bottom: -11.75rem !important
    }

    .sm-ml-188 {
        margin-left: 11.75rem !important
    }

    .-sm-ml-188 {
        margin-left: -11.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-188 {
        margin: 11.75rem !important
    }

    .-md-m-188 {
        margin: -11.75rem !important
    }

    .md-my-188 {
        margin-top: 11.75rem !important;
        margin-bottom: 11.75rem !important
    }

    .-md-my-188 {
        margin-top: -11.75rem !important;
        margin-bottom: -11.75rem !important
    }

    .md-mx-188 {
        margin-right: 11.75rem !important;
        margin-left: 11.75rem !important
    }

    .-md-mx-188 {
        margin-right: -11.75rem !important;
        margin-left: -11.75rem !important
    }

    .md-mt-188 {
        margin-top: 11.75rem !important
    }

    .-md-mt-188 {
        margin-top: -11.75rem !important
    }

    .md-mr-188 {
        margin-right: 11.75rem !important
    }

    .-md-mr-188 {
        margin-right: -11.75rem !important
    }

    .md-mb-188 {
        margin-bottom: 11.75rem !important
    }

    .-md-mb-188 {
        margin-bottom: -11.75rem !important
    }

    .md-ml-188 {
        margin-left: 11.75rem !important
    }

    .-md-ml-188 {
        margin-left: -11.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-188 {
        margin: 11.75rem !important
    }

    .-lg-m-188 {
        margin: -11.75rem !important
    }

    .lg-my-188 {
        margin-top: 11.75rem !important;
        margin-bottom: 11.75rem !important
    }

    .-lg-my-188 {
        margin-top: -11.75rem !important;
        margin-bottom: -11.75rem !important
    }

    .lg-mx-188 {
        margin-right: 11.75rem !important;
        margin-left: 11.75rem !important
    }

    .-lg-mx-188 {
        margin-right: -11.75rem !important;
        margin-left: -11.75rem !important
    }

    .lg-mt-188 {
        margin-top: 11.75rem !important
    }

    .-lg-mt-188 {
        margin-top: -11.75rem !important
    }

    .lg-mr-188 {
        margin-right: 11.75rem !important
    }

    .-lg-mr-188 {
        margin-right: -11.75rem !important
    }

    .lg-mb-188 {
        margin-bottom: 11.75rem !important
    }

    .-lg-mb-188 {
        margin-bottom: -11.75rem !important
    }

    .lg-ml-188 {
        margin-left: 11.75rem !important
    }

    .-lg-ml-188 {
        margin-left: -11.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-188 {
        margin: 11.75rem !important
    }

    .-xl-m-188 {
        margin: -11.75rem !important
    }

    .xl-my-188 {
        margin-top: 11.75rem !important;
        margin-bottom: 11.75rem !important
    }

    .-xl-my-188 {
        margin-top: -11.75rem !important;
        margin-bottom: -11.75rem !important
    }

    .xl-mx-188 {
        margin-right: 11.75rem !important;
        margin-left: 11.75rem !important
    }

    .-xl-mx-188 {
        margin-right: -11.75rem !important;
        margin-left: -11.75rem !important
    }

    .xl-mt-188 {
        margin-top: 11.75rem !important
    }

    .-xl-mt-188 {
        margin-top: -11.75rem !important
    }

    .xl-mr-188 {
        margin-right: 11.75rem !important
    }

    .-xl-mr-188 {
        margin-right: -11.75rem !important
    }

    .xl-mb-188 {
        margin-bottom: 11.75rem !important
    }

    .-xl-mb-188 {
        margin-bottom: -11.75rem !important
    }

    .xl-ml-188 {
        margin-left: 11.75rem !important
    }

    .-xl-ml-188 {
        margin-left: -11.75rem !important
    }
}

.m-192 {
    margin: 12rem
}

.-m-192 {
    margin: -12rem
}

.my-192 {
    margin-top: 12rem;
    margin-bottom: 12rem
}

.-my-192 {
    margin-top: -12rem;
    margin-bottom: -12rem
}

.mx-192 {
    margin-right: 12rem;
    margin-left: 12rem
}

.-mx-192 {
    margin-right: -12rem;
    margin-left: -12rem
}

.mt-192 {
    margin-top: 12rem
}

.-mt-192 {
    margin-top: -12rem
}

.mr-192 {
    margin-right: 12rem
}

.-mr-192 {
    margin-right: -12rem
}

.mb-192 {
    margin-bottom: 12rem
}

.-mb-192 {
    margin-bottom: -12rem
}

.ml-192 {
    margin-left: 12rem
}

.-ml-192 {
    margin-left: -12rem
}

@media (max-width: 575px) {
    .xs-m-192 {
        margin: 12rem !important
    }

    .-xs-m-192 {
        margin: -12rem !important
    }

    .xs-my-192 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .-xs-my-192 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important
    }

    .xs-mx-192 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .-xs-mx-192 {
        margin-right: -12rem !important;
        margin-left: -12rem !important
    }

    .xs-mt-192 {
        margin-top: 12rem !important
    }

    .-xs-mt-192 {
        margin-top: -12rem !important
    }

    .xs-mr-192 {
        margin-right: 12rem !important
    }

    .-xs-mr-192 {
        margin-right: -12rem !important
    }

    .xs-mb-192 {
        margin-bottom: 12rem !important
    }

    .-xs-mb-192 {
        margin-bottom: -12rem !important
    }

    .xs-ml-192 {
        margin-left: 12rem !important
    }

    .-xs-ml-192 {
        margin-left: -12rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-192 {
        margin: 12rem !important
    }

    .-sm-m-192 {
        margin: -12rem !important
    }

    .sm-my-192 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .-sm-my-192 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important
    }

    .sm-mx-192 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .-sm-mx-192 {
        margin-right: -12rem !important;
        margin-left: -12rem !important
    }

    .sm-mt-192 {
        margin-top: 12rem !important
    }

    .-sm-mt-192 {
        margin-top: -12rem !important
    }

    .sm-mr-192 {
        margin-right: 12rem !important
    }

    .-sm-mr-192 {
        margin-right: -12rem !important
    }

    .sm-mb-192 {
        margin-bottom: 12rem !important
    }

    .-sm-mb-192 {
        margin-bottom: -12rem !important
    }

    .sm-ml-192 {
        margin-left: 12rem !important
    }

    .-sm-ml-192 {
        margin-left: -12rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-192 {
        margin: 12rem !important
    }

    .-md-m-192 {
        margin: -12rem !important
    }

    .md-my-192 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .-md-my-192 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important
    }

    .md-mx-192 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .-md-mx-192 {
        margin-right: -12rem !important;
        margin-left: -12rem !important
    }

    .md-mt-192 {
        margin-top: 12rem !important
    }

    .-md-mt-192 {
        margin-top: -12rem !important
    }

    .md-mr-192 {
        margin-right: 12rem !important
    }

    .-md-mr-192 {
        margin-right: -12rem !important
    }

    .md-mb-192 {
        margin-bottom: 12rem !important
    }

    .-md-mb-192 {
        margin-bottom: -12rem !important
    }

    .md-ml-192 {
        margin-left: 12rem !important
    }

    .-md-ml-192 {
        margin-left: -12rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-192 {
        margin: 12rem !important
    }

    .-lg-m-192 {
        margin: -12rem !important
    }

    .lg-my-192 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .-lg-my-192 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important
    }

    .lg-mx-192 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .-lg-mx-192 {
        margin-right: -12rem !important;
        margin-left: -12rem !important
    }

    .lg-mt-192 {
        margin-top: 12rem !important
    }

    .-lg-mt-192 {
        margin-top: -12rem !important
    }

    .lg-mr-192 {
        margin-right: 12rem !important
    }

    .-lg-mr-192 {
        margin-right: -12rem !important
    }

    .lg-mb-192 {
        margin-bottom: 12rem !important
    }

    .-lg-mb-192 {
        margin-bottom: -12rem !important
    }

    .lg-ml-192 {
        margin-left: 12rem !important
    }

    .-lg-ml-192 {
        margin-left: -12rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-192 {
        margin: 12rem !important
    }

    .-xl-m-192 {
        margin: -12rem !important
    }

    .xl-my-192 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .-xl-my-192 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important
    }

    .xl-mx-192 {
        margin-right: 12rem !important;
        margin-left: 12rem !important
    }

    .-xl-mx-192 {
        margin-right: -12rem !important;
        margin-left: -12rem !important
    }

    .xl-mt-192 {
        margin-top: 12rem !important
    }

    .-xl-mt-192 {
        margin-top: -12rem !important
    }

    .xl-mr-192 {
        margin-right: 12rem !important
    }

    .-xl-mr-192 {
        margin-right: -12rem !important
    }

    .xl-mb-192 {
        margin-bottom: 12rem !important
    }

    .-xl-mb-192 {
        margin-bottom: -12rem !important
    }

    .xl-ml-192 {
        margin-left: 12rem !important
    }

    .-xl-ml-192 {
        margin-left: -12rem !important
    }
}

.m-196 {
    margin: 12.25rem
}

.-m-196 {
    margin: -12.25rem
}

.my-196 {
    margin-top: 12.25rem;
    margin-bottom: 12.25rem
}

.-my-196 {
    margin-top: -12.25rem;
    margin-bottom: -12.25rem
}

.mx-196 {
    margin-right: 12.25rem;
    margin-left: 12.25rem
}

.-mx-196 {
    margin-right: -12.25rem;
    margin-left: -12.25rem
}

.mt-196 {
    margin-top: 12.25rem
}

.-mt-196 {
    margin-top: -12.25rem
}

.mr-196 {
    margin-right: 12.25rem
}

.-mr-196 {
    margin-right: -12.25rem
}

.mb-196 {
    margin-bottom: 12.25rem
}

.-mb-196 {
    margin-bottom: -12.25rem
}

.ml-196 {
    margin-left: 12.25rem
}

.-ml-196 {
    margin-left: -12.25rem
}

@media (max-width: 575px) {
    .xs-m-196 {
        margin: 12.25rem !important
    }

    .-xs-m-196 {
        margin: -12.25rem !important
    }

    .xs-my-196 {
        margin-top: 12.25rem !important;
        margin-bottom: 12.25rem !important
    }

    .-xs-my-196 {
        margin-top: -12.25rem !important;
        margin-bottom: -12.25rem !important
    }

    .xs-mx-196 {
        margin-right: 12.25rem !important;
        margin-left: 12.25rem !important
    }

    .-xs-mx-196 {
        margin-right: -12.25rem !important;
        margin-left: -12.25rem !important
    }

    .xs-mt-196 {
        margin-top: 12.25rem !important
    }

    .-xs-mt-196 {
        margin-top: -12.25rem !important
    }

    .xs-mr-196 {
        margin-right: 12.25rem !important
    }

    .-xs-mr-196 {
        margin-right: -12.25rem !important
    }

    .xs-mb-196 {
        margin-bottom: 12.25rem !important
    }

    .-xs-mb-196 {
        margin-bottom: -12.25rem !important
    }

    .xs-ml-196 {
        margin-left: 12.25rem !important
    }

    .-xs-ml-196 {
        margin-left: -12.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-196 {
        margin: 12.25rem !important
    }

    .-sm-m-196 {
        margin: -12.25rem !important
    }

    .sm-my-196 {
        margin-top: 12.25rem !important;
        margin-bottom: 12.25rem !important
    }

    .-sm-my-196 {
        margin-top: -12.25rem !important;
        margin-bottom: -12.25rem !important
    }

    .sm-mx-196 {
        margin-right: 12.25rem !important;
        margin-left: 12.25rem !important
    }

    .-sm-mx-196 {
        margin-right: -12.25rem !important;
        margin-left: -12.25rem !important
    }

    .sm-mt-196 {
        margin-top: 12.25rem !important
    }

    .-sm-mt-196 {
        margin-top: -12.25rem !important
    }

    .sm-mr-196 {
        margin-right: 12.25rem !important
    }

    .-sm-mr-196 {
        margin-right: -12.25rem !important
    }

    .sm-mb-196 {
        margin-bottom: 12.25rem !important
    }

    .-sm-mb-196 {
        margin-bottom: -12.25rem !important
    }

    .sm-ml-196 {
        margin-left: 12.25rem !important
    }

    .-sm-ml-196 {
        margin-left: -12.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-196 {
        margin: 12.25rem !important
    }

    .-md-m-196 {
        margin: -12.25rem !important
    }

    .md-my-196 {
        margin-top: 12.25rem !important;
        margin-bottom: 12.25rem !important
    }

    .-md-my-196 {
        margin-top: -12.25rem !important;
        margin-bottom: -12.25rem !important
    }

    .md-mx-196 {
        margin-right: 12.25rem !important;
        margin-left: 12.25rem !important
    }

    .-md-mx-196 {
        margin-right: -12.25rem !important;
        margin-left: -12.25rem !important
    }

    .md-mt-196 {
        margin-top: 12.25rem !important
    }

    .-md-mt-196 {
        margin-top: -12.25rem !important
    }

    .md-mr-196 {
        margin-right: 12.25rem !important
    }

    .-md-mr-196 {
        margin-right: -12.25rem !important
    }

    .md-mb-196 {
        margin-bottom: 12.25rem !important
    }

    .-md-mb-196 {
        margin-bottom: -12.25rem !important
    }

    .md-ml-196 {
        margin-left: 12.25rem !important
    }

    .-md-ml-196 {
        margin-left: -12.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-196 {
        margin: 12.25rem !important
    }

    .-lg-m-196 {
        margin: -12.25rem !important
    }

    .lg-my-196 {
        margin-top: 12.25rem !important;
        margin-bottom: 12.25rem !important
    }

    .-lg-my-196 {
        margin-top: -12.25rem !important;
        margin-bottom: -12.25rem !important
    }

    .lg-mx-196 {
        margin-right: 12.25rem !important;
        margin-left: 12.25rem !important
    }

    .-lg-mx-196 {
        margin-right: -12.25rem !important;
        margin-left: -12.25rem !important
    }

    .lg-mt-196 {
        margin-top: 12.25rem !important
    }

    .-lg-mt-196 {
        margin-top: -12.25rem !important
    }

    .lg-mr-196 {
        margin-right: 12.25rem !important
    }

    .-lg-mr-196 {
        margin-right: -12.25rem !important
    }

    .lg-mb-196 {
        margin-bottom: 12.25rem !important
    }

    .-lg-mb-196 {
        margin-bottom: -12.25rem !important
    }

    .lg-ml-196 {
        margin-left: 12.25rem !important
    }

    .-lg-ml-196 {
        margin-left: -12.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-196 {
        margin: 12.25rem !important
    }

    .-xl-m-196 {
        margin: -12.25rem !important
    }

    .xl-my-196 {
        margin-top: 12.25rem !important;
        margin-bottom: 12.25rem !important
    }

    .-xl-my-196 {
        margin-top: -12.25rem !important;
        margin-bottom: -12.25rem !important
    }

    .xl-mx-196 {
        margin-right: 12.25rem !important;
        margin-left: 12.25rem !important
    }

    .-xl-mx-196 {
        margin-right: -12.25rem !important;
        margin-left: -12.25rem !important
    }

    .xl-mt-196 {
        margin-top: 12.25rem !important
    }

    .-xl-mt-196 {
        margin-top: -12.25rem !important
    }

    .xl-mr-196 {
        margin-right: 12.25rem !important
    }

    .-xl-mr-196 {
        margin-right: -12.25rem !important
    }

    .xl-mb-196 {
        margin-bottom: 12.25rem !important
    }

    .-xl-mb-196 {
        margin-bottom: -12.25rem !important
    }

    .xl-ml-196 {
        margin-left: 12.25rem !important
    }

    .-xl-ml-196 {
        margin-left: -12.25rem !important
    }
}

.m-200 {
    margin: 12.5rem
}

.-m-200 {
    margin: -12.5rem
}

.my-200 {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem
}

.-my-200 {
    margin-top: -12.5rem;
    margin-bottom: -12.5rem
}

.mx-200 {
    margin-right: 12.5rem;
    margin-left: 12.5rem
}

.-mx-200 {
    margin-right: -12.5rem;
    margin-left: -12.5rem
}

.mt-200 {
    margin-top: 12.5rem
}

.-mt-200 {
    margin-top: -12.5rem
}

.mr-200 {
    margin-right: 12.5rem
}

.-mr-200 {
    margin-right: -12.5rem
}

.mb-200 {
    margin-bottom: 12.5rem
}

.-mb-200 {
    margin-bottom: -12.5rem
}

.ml-200 {
    margin-left: 12.5rem
}

.-ml-200 {
    margin-left: -12.5rem
}

@media (max-width: 575px) {
    .xs-m-200 {
        margin: 12.5rem !important
    }

    .-xs-m-200 {
        margin: -12.5rem !important
    }

    .xs-my-200 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important
    }

    .-xs-my-200 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important
    }

    .xs-mx-200 {
        margin-right: 12.5rem !important;
        margin-left: 12.5rem !important
    }

    .-xs-mx-200 {
        margin-right: -12.5rem !important;
        margin-left: -12.5rem !important
    }

    .xs-mt-200 {
        margin-top: 12.5rem !important
    }

    .-xs-mt-200 {
        margin-top: -12.5rem !important
    }

    .xs-mr-200 {
        margin-right: 12.5rem !important
    }

    .-xs-mr-200 {
        margin-right: -12.5rem !important
    }

    .xs-mb-200 {
        margin-bottom: 12.5rem !important
    }

    .-xs-mb-200 {
        margin-bottom: -12.5rem !important
    }

    .xs-ml-200 {
        margin-left: 12.5rem !important
    }

    .-xs-ml-200 {
        margin-left: -12.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-200 {
        margin: 12.5rem !important
    }

    .-sm-m-200 {
        margin: -12.5rem !important
    }

    .sm-my-200 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important
    }

    .-sm-my-200 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important
    }

    .sm-mx-200 {
        margin-right: 12.5rem !important;
        margin-left: 12.5rem !important
    }

    .-sm-mx-200 {
        margin-right: -12.5rem !important;
        margin-left: -12.5rem !important
    }

    .sm-mt-200 {
        margin-top: 12.5rem !important
    }

    .-sm-mt-200 {
        margin-top: -12.5rem !important
    }

    .sm-mr-200 {
        margin-right: 12.5rem !important
    }

    .-sm-mr-200 {
        margin-right: -12.5rem !important
    }

    .sm-mb-200 {
        margin-bottom: 12.5rem !important
    }

    .-sm-mb-200 {
        margin-bottom: -12.5rem !important
    }

    .sm-ml-200 {
        margin-left: 12.5rem !important
    }

    .-sm-ml-200 {
        margin-left: -12.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-200 {
        margin: 12.5rem !important
    }

    .-md-m-200 {
        margin: -12.5rem !important
    }

    .md-my-200 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important
    }

    .-md-my-200 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important
    }

    .md-mx-200 {
        margin-right: 12.5rem !important;
        margin-left: 12.5rem !important
    }

    .-md-mx-200 {
        margin-right: -12.5rem !important;
        margin-left: -12.5rem !important
    }

    .md-mt-200 {
        margin-top: 12.5rem !important
    }

    .-md-mt-200 {
        margin-top: -12.5rem !important
    }

    .md-mr-200 {
        margin-right: 12.5rem !important
    }

    .-md-mr-200 {
        margin-right: -12.5rem !important
    }

    .md-mb-200 {
        margin-bottom: 12.5rem !important
    }

    .-md-mb-200 {
        margin-bottom: -12.5rem !important
    }

    .md-ml-200 {
        margin-left: 12.5rem !important
    }

    .-md-ml-200 {
        margin-left: -12.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-200 {
        margin: 12.5rem !important
    }

    .-lg-m-200 {
        margin: -12.5rem !important
    }

    .lg-my-200 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important
    }

    .-lg-my-200 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important
    }

    .lg-mx-200 {
        margin-right: 12.5rem !important;
        margin-left: 12.5rem !important
    }

    .-lg-mx-200 {
        margin-right: -12.5rem !important;
        margin-left: -12.5rem !important
    }

    .lg-mt-200 {
        margin-top: 12.5rem !important
    }

    .-lg-mt-200 {
        margin-top: -12.5rem !important
    }

    .lg-mr-200 {
        margin-right: 12.5rem !important
    }

    .-lg-mr-200 {
        margin-right: -12.5rem !important
    }

    .lg-mb-200 {
        margin-bottom: 12.5rem !important
    }

    .-lg-mb-200 {
        margin-bottom: -12.5rem !important
    }

    .lg-ml-200 {
        margin-left: 12.5rem !important
    }

    .-lg-ml-200 {
        margin-left: -12.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-200 {
        margin: 12.5rem !important
    }

    .-xl-m-200 {
        margin: -12.5rem !important
    }

    .xl-my-200 {
        margin-top: 12.5rem !important;
        margin-bottom: 12.5rem !important
    }

    .-xl-my-200 {
        margin-top: -12.5rem !important;
        margin-bottom: -12.5rem !important
    }

    .xl-mx-200 {
        margin-right: 12.5rem !important;
        margin-left: 12.5rem !important
    }

    .-xl-mx-200 {
        margin-right: -12.5rem !important;
        margin-left: -12.5rem !important
    }

    .xl-mt-200 {
        margin-top: 12.5rem !important
    }

    .-xl-mt-200 {
        margin-top: -12.5rem !important
    }

    .xl-mr-200 {
        margin-right: 12.5rem !important
    }

    .-xl-mr-200 {
        margin-right: -12.5rem !important
    }

    .xl-mb-200 {
        margin-bottom: 12.5rem !important
    }

    .-xl-mb-200 {
        margin-bottom: -12.5rem !important
    }

    .xl-ml-200 {
        margin-left: 12.5rem !important
    }

    .-xl-ml-200 {
        margin-left: -12.5rem !important
    }
}

.m-216 {
    margin: 13.5rem
}

.-m-216 {
    margin: -13.5rem
}

.my-216 {
    margin-top: 13.5rem;
    margin-bottom: 13.5rem
}

.-my-216 {
    margin-top: -13.5rem;
    margin-bottom: -13.5rem
}

.mx-216 {
    margin-right: 13.5rem;
    margin-left: 13.5rem
}

.-mx-216 {
    margin-right: -13.5rem;
    margin-left: -13.5rem
}

.mt-216 {
    margin-top: 13.5rem
}

.-mt-216 {
    margin-top: -13.5rem
}

.mr-216 {
    margin-right: 13.5rem
}

.-mr-216 {
    margin-right: -13.5rem
}

.mb-216 {
    margin-bottom: 13.5rem
}

.-mb-216 {
    margin-bottom: -13.5rem
}

.ml-216 {
    margin-left: 13.5rem
}

.-ml-216 {
    margin-left: -13.5rem
}

@media (max-width: 575px) {
    .xs-m-216 {
        margin: 13.5rem !important
    }

    .-xs-m-216 {
        margin: -13.5rem !important
    }

    .xs-my-216 {
        margin-top: 13.5rem !important;
        margin-bottom: 13.5rem !important
    }

    .-xs-my-216 {
        margin-top: -13.5rem !important;
        margin-bottom: -13.5rem !important
    }

    .xs-mx-216 {
        margin-right: 13.5rem !important;
        margin-left: 13.5rem !important
    }

    .-xs-mx-216 {
        margin-right: -13.5rem !important;
        margin-left: -13.5rem !important
    }

    .xs-mt-216 {
        margin-top: 13.5rem !important
    }

    .-xs-mt-216 {
        margin-top: -13.5rem !important
    }

    .xs-mr-216 {
        margin-right: 13.5rem !important
    }

    .-xs-mr-216 {
        margin-right: -13.5rem !important
    }

    .xs-mb-216 {
        margin-bottom: 13.5rem !important
    }

    .-xs-mb-216 {
        margin-bottom: -13.5rem !important
    }

    .xs-ml-216 {
        margin-left: 13.5rem !important
    }

    .-xs-ml-216 {
        margin-left: -13.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-216 {
        margin: 13.5rem !important
    }

    .-sm-m-216 {
        margin: -13.5rem !important
    }

    .sm-my-216 {
        margin-top: 13.5rem !important;
        margin-bottom: 13.5rem !important
    }

    .-sm-my-216 {
        margin-top: -13.5rem !important;
        margin-bottom: -13.5rem !important
    }

    .sm-mx-216 {
        margin-right: 13.5rem !important;
        margin-left: 13.5rem !important
    }

    .-sm-mx-216 {
        margin-right: -13.5rem !important;
        margin-left: -13.5rem !important
    }

    .sm-mt-216 {
        margin-top: 13.5rem !important
    }

    .-sm-mt-216 {
        margin-top: -13.5rem !important
    }

    .sm-mr-216 {
        margin-right: 13.5rem !important
    }

    .-sm-mr-216 {
        margin-right: -13.5rem !important
    }

    .sm-mb-216 {
        margin-bottom: 13.5rem !important
    }

    .-sm-mb-216 {
        margin-bottom: -13.5rem !important
    }

    .sm-ml-216 {
        margin-left: 13.5rem !important
    }

    .-sm-ml-216 {
        margin-left: -13.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-216 {
        margin: 13.5rem !important
    }

    .-md-m-216 {
        margin: -13.5rem !important
    }

    .md-my-216 {
        margin-top: 13.5rem !important;
        margin-bottom: 13.5rem !important
    }

    .-md-my-216 {
        margin-top: -13.5rem !important;
        margin-bottom: -13.5rem !important
    }

    .md-mx-216 {
        margin-right: 13.5rem !important;
        margin-left: 13.5rem !important
    }

    .-md-mx-216 {
        margin-right: -13.5rem !important;
        margin-left: -13.5rem !important
    }

    .md-mt-216 {
        margin-top: 13.5rem !important
    }

    .-md-mt-216 {
        margin-top: -13.5rem !important
    }

    .md-mr-216 {
        margin-right: 13.5rem !important
    }

    .-md-mr-216 {
        margin-right: -13.5rem !important
    }

    .md-mb-216 {
        margin-bottom: 13.5rem !important
    }

    .-md-mb-216 {
        margin-bottom: -13.5rem !important
    }

    .md-ml-216 {
        margin-left: 13.5rem !important
    }

    .-md-ml-216 {
        margin-left: -13.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-216 {
        margin: 13.5rem !important
    }

    .-lg-m-216 {
        margin: -13.5rem !important
    }

    .lg-my-216 {
        margin-top: 13.5rem !important;
        margin-bottom: 13.5rem !important
    }

    .-lg-my-216 {
        margin-top: -13.5rem !important;
        margin-bottom: -13.5rem !important
    }

    .lg-mx-216 {
        margin-right: 13.5rem !important;
        margin-left: 13.5rem !important
    }

    .-lg-mx-216 {
        margin-right: -13.5rem !important;
        margin-left: -13.5rem !important
    }

    .lg-mt-216 {
        margin-top: 13.5rem !important
    }

    .-lg-mt-216 {
        margin-top: -13.5rem !important
    }

    .lg-mr-216 {
        margin-right: 13.5rem !important
    }

    .-lg-mr-216 {
        margin-right: -13.5rem !important
    }

    .lg-mb-216 {
        margin-bottom: 13.5rem !important
    }

    .-lg-mb-216 {
        margin-bottom: -13.5rem !important
    }

    .lg-ml-216 {
        margin-left: 13.5rem !important
    }

    .-lg-ml-216 {
        margin-left: -13.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-216 {
        margin: 13.5rem !important
    }

    .-xl-m-216 {
        margin: -13.5rem !important
    }

    .xl-my-216 {
        margin-top: 13.5rem !important;
        margin-bottom: 13.5rem !important
    }

    .-xl-my-216 {
        margin-top: -13.5rem !important;
        margin-bottom: -13.5rem !important
    }

    .xl-mx-216 {
        margin-right: 13.5rem !important;
        margin-left: 13.5rem !important
    }

    .-xl-mx-216 {
        margin-right: -13.5rem !important;
        margin-left: -13.5rem !important
    }

    .xl-mt-216 {
        margin-top: 13.5rem !important
    }

    .-xl-mt-216 {
        margin-top: -13.5rem !important
    }

    .xl-mr-216 {
        margin-right: 13.5rem !important
    }

    .-xl-mr-216 {
        margin-right: -13.5rem !important
    }

    .xl-mb-216 {
        margin-bottom: 13.5rem !important
    }

    .-xl-mb-216 {
        margin-bottom: -13.5rem !important
    }

    .xl-ml-216 {
        margin-left: 13.5rem !important
    }

    .-xl-ml-216 {
        margin-left: -13.5rem !important
    }
}

.m-244 {
    margin: 15.25rem
}

.-m-244 {
    margin: -15.25rem
}

.my-244 {
    margin-top: 15.25rem;
    margin-bottom: 15.25rem
}

.-my-244 {
    margin-top: -15.25rem;
    margin-bottom: -15.25rem
}

.mx-244 {
    margin-right: 15.25rem;
    margin-left: 15.25rem
}

.-mx-244 {
    margin-right: -15.25rem;
    margin-left: -15.25rem
}

.mt-244 {
    margin-top: 15.25rem
}

.-mt-244 {
    margin-top: -15.25rem
}

.mr-244 {
    margin-right: 15.25rem
}

.-mr-244 {
    margin-right: -15.25rem
}

.mb-244 {
    margin-bottom: 15.25rem
}

.-mb-244 {
    margin-bottom: -15.25rem
}

.ml-244 {
    margin-left: 15.25rem
}

.-ml-244 {
    margin-left: -15.25rem
}

@media (max-width: 575px) {
    .xs-m-244 {
        margin: 15.25rem !important
    }

    .-xs-m-244 {
        margin: -15.25rem !important
    }

    .xs-my-244 {
        margin-top: 15.25rem !important;
        margin-bottom: 15.25rem !important
    }

    .-xs-my-244 {
        margin-top: -15.25rem !important;
        margin-bottom: -15.25rem !important
    }

    .xs-mx-244 {
        margin-right: 15.25rem !important;
        margin-left: 15.25rem !important
    }

    .-xs-mx-244 {
        margin-right: -15.25rem !important;
        margin-left: -15.25rem !important
    }

    .xs-mt-244 {
        margin-top: 15.25rem !important
    }

    .-xs-mt-244 {
        margin-top: -15.25rem !important
    }

    .xs-mr-244 {
        margin-right: 15.25rem !important
    }

    .-xs-mr-244 {
        margin-right: -15.25rem !important
    }

    .xs-mb-244 {
        margin-bottom: 15.25rem !important
    }

    .-xs-mb-244 {
        margin-bottom: -15.25rem !important
    }

    .xs-ml-244 {
        margin-left: 15.25rem !important
    }

    .-xs-ml-244 {
        margin-left: -15.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-244 {
        margin: 15.25rem !important
    }

    .-sm-m-244 {
        margin: -15.25rem !important
    }

    .sm-my-244 {
        margin-top: 15.25rem !important;
        margin-bottom: 15.25rem !important
    }

    .-sm-my-244 {
        margin-top: -15.25rem !important;
        margin-bottom: -15.25rem !important
    }

    .sm-mx-244 {
        margin-right: 15.25rem !important;
        margin-left: 15.25rem !important
    }

    .-sm-mx-244 {
        margin-right: -15.25rem !important;
        margin-left: -15.25rem !important
    }

    .sm-mt-244 {
        margin-top: 15.25rem !important
    }

    .-sm-mt-244 {
        margin-top: -15.25rem !important
    }

    .sm-mr-244 {
        margin-right: 15.25rem !important
    }

    .-sm-mr-244 {
        margin-right: -15.25rem !important
    }

    .sm-mb-244 {
        margin-bottom: 15.25rem !important
    }

    .-sm-mb-244 {
        margin-bottom: -15.25rem !important
    }

    .sm-ml-244 {
        margin-left: 15.25rem !important
    }

    .-sm-ml-244 {
        margin-left: -15.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-244 {
        margin: 15.25rem !important
    }

    .-md-m-244 {
        margin: -15.25rem !important
    }

    .md-my-244 {
        margin-top: 15.25rem !important;
        margin-bottom: 15.25rem !important
    }

    .-md-my-244 {
        margin-top: -15.25rem !important;
        margin-bottom: -15.25rem !important
    }

    .md-mx-244 {
        margin-right: 15.25rem !important;
        margin-left: 15.25rem !important
    }

    .-md-mx-244 {
        margin-right: -15.25rem !important;
        margin-left: -15.25rem !important
    }

    .md-mt-244 {
        margin-top: 15.25rem !important
    }

    .-md-mt-244 {
        margin-top: -15.25rem !important
    }

    .md-mr-244 {
        margin-right: 15.25rem !important
    }

    .-md-mr-244 {
        margin-right: -15.25rem !important
    }

    .md-mb-244 {
        margin-bottom: 15.25rem !important
    }

    .-md-mb-244 {
        margin-bottom: -15.25rem !important
    }

    .md-ml-244 {
        margin-left: 15.25rem !important
    }

    .-md-ml-244 {
        margin-left: -15.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-244 {
        margin: 15.25rem !important
    }

    .-lg-m-244 {
        margin: -15.25rem !important
    }

    .lg-my-244 {
        margin-top: 15.25rem !important;
        margin-bottom: 15.25rem !important
    }

    .-lg-my-244 {
        margin-top: -15.25rem !important;
        margin-bottom: -15.25rem !important
    }

    .lg-mx-244 {
        margin-right: 15.25rem !important;
        margin-left: 15.25rem !important
    }

    .-lg-mx-244 {
        margin-right: -15.25rem !important;
        margin-left: -15.25rem !important
    }

    .lg-mt-244 {
        margin-top: 15.25rem !important
    }

    .-lg-mt-244 {
        margin-top: -15.25rem !important
    }

    .lg-mr-244 {
        margin-right: 15.25rem !important
    }

    .-lg-mr-244 {
        margin-right: -15.25rem !important
    }

    .lg-mb-244 {
        margin-bottom: 15.25rem !important
    }

    .-lg-mb-244 {
        margin-bottom: -15.25rem !important
    }

    .lg-ml-244 {
        margin-left: 15.25rem !important
    }

    .-lg-ml-244 {
        margin-left: -15.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-244 {
        margin: 15.25rem !important
    }

    .-xl-m-244 {
        margin: -15.25rem !important
    }

    .xl-my-244 {
        margin-top: 15.25rem !important;
        margin-bottom: 15.25rem !important
    }

    .-xl-my-244 {
        margin-top: -15.25rem !important;
        margin-bottom: -15.25rem !important
    }

    .xl-mx-244 {
        margin-right: 15.25rem !important;
        margin-left: 15.25rem !important
    }

    .-xl-mx-244 {
        margin-right: -15.25rem !important;
        margin-left: -15.25rem !important
    }

    .xl-mt-244 {
        margin-top: 15.25rem !important
    }

    .-xl-mt-244 {
        margin-top: -15.25rem !important
    }

    .xl-mr-244 {
        margin-right: 15.25rem !important
    }

    .-xl-mr-244 {
        margin-right: -15.25rem !important
    }

    .xl-mb-244 {
        margin-bottom: 15.25rem !important
    }

    .-xl-mb-244 {
        margin-bottom: -15.25rem !important
    }

    .xl-ml-244 {
        margin-left: 15.25rem !important
    }

    .-xl-ml-244 {
        margin-left: -15.25rem !important
    }
}

.m-300 {
    margin: 18.75rem
}

.-m-300 {
    margin: -18.75rem
}

.my-300 {
    margin-top: 18.75rem;
    margin-bottom: 18.75rem
}

.-my-300 {
    margin-top: -18.75rem;
    margin-bottom: -18.75rem
}

.mx-300 {
    margin-right: 18.75rem;
    margin-left: 18.75rem
}

.-mx-300 {
    margin-right: -18.75rem;
    margin-left: -18.75rem
}

.mt-300 {
    margin-top: 18.75rem
}

.-mt-300 {
    margin-top: -18.75rem
}

.mr-300 {
    margin-right: 18.75rem
}

.-mr-300 {
    margin-right: -18.75rem
}

.mb-300 {
    margin-bottom: 18.75rem
}

.-mb-300 {
    margin-bottom: -18.75rem
}

.ml-300 {
    margin-left: 18.75rem
}

.-ml-300 {
    margin-left: -18.75rem
}

@media (max-width: 575px) {
    .xs-m-300 {
        margin: 18.75rem !important
    }

    .-xs-m-300 {
        margin: -18.75rem !important
    }

    .xs-my-300 {
        margin-top: 18.75rem !important;
        margin-bottom: 18.75rem !important
    }

    .-xs-my-300 {
        margin-top: -18.75rem !important;
        margin-bottom: -18.75rem !important
    }

    .xs-mx-300 {
        margin-right: 18.75rem !important;
        margin-left: 18.75rem !important
    }

    .-xs-mx-300 {
        margin-right: -18.75rem !important;
        margin-left: -18.75rem !important
    }

    .xs-mt-300 {
        margin-top: 18.75rem !important
    }

    .-xs-mt-300 {
        margin-top: -18.75rem !important
    }

    .xs-mr-300 {
        margin-right: 18.75rem !important
    }

    .-xs-mr-300 {
        margin-right: -18.75rem !important
    }

    .xs-mb-300 {
        margin-bottom: 18.75rem !important
    }

    .-xs-mb-300 {
        margin-bottom: -18.75rem !important
    }

    .xs-ml-300 {
        margin-left: 18.75rem !important
    }

    .-xs-ml-300 {
        margin-left: -18.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-300 {
        margin: 18.75rem !important
    }

    .-sm-m-300 {
        margin: -18.75rem !important
    }

    .sm-my-300 {
        margin-top: 18.75rem !important;
        margin-bottom: 18.75rem !important
    }

    .-sm-my-300 {
        margin-top: -18.75rem !important;
        margin-bottom: -18.75rem !important
    }

    .sm-mx-300 {
        margin-right: 18.75rem !important;
        margin-left: 18.75rem !important
    }

    .-sm-mx-300 {
        margin-right: -18.75rem !important;
        margin-left: -18.75rem !important
    }

    .sm-mt-300 {
        margin-top: 18.75rem !important
    }

    .-sm-mt-300 {
        margin-top: -18.75rem !important
    }

    .sm-mr-300 {
        margin-right: 18.75rem !important
    }

    .-sm-mr-300 {
        margin-right: -18.75rem !important
    }

    .sm-mb-300 {
        margin-bottom: 18.75rem !important
    }

    .-sm-mb-300 {
        margin-bottom: -18.75rem !important
    }

    .sm-ml-300 {
        margin-left: 18.75rem !important
    }

    .-sm-ml-300 {
        margin-left: -18.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-300 {
        margin: 18.75rem !important
    }

    .-md-m-300 {
        margin: -18.75rem !important
    }

    .md-my-300 {
        margin-top: 18.75rem !important;
        margin-bottom: 18.75rem !important
    }

    .-md-my-300 {
        margin-top: -18.75rem !important;
        margin-bottom: -18.75rem !important
    }

    .md-mx-300 {
        margin-right: 18.75rem !important;
        margin-left: 18.75rem !important
    }

    .-md-mx-300 {
        margin-right: -18.75rem !important;
        margin-left: -18.75rem !important
    }

    .md-mt-300 {
        margin-top: 18.75rem !important
    }

    .-md-mt-300 {
        margin-top: -18.75rem !important
    }

    .md-mr-300 {
        margin-right: 18.75rem !important
    }

    .-md-mr-300 {
        margin-right: -18.75rem !important
    }

    .md-mb-300 {
        margin-bottom: 18.75rem !important
    }

    .-md-mb-300 {
        margin-bottom: -18.75rem !important
    }

    .md-ml-300 {
        margin-left: 18.75rem !important
    }

    .-md-ml-300 {
        margin-left: -18.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-300 {
        margin: 18.75rem !important
    }

    .-lg-m-300 {
        margin: -18.75rem !important
    }

    .lg-my-300 {
        margin-top: 18.75rem !important;
        margin-bottom: 18.75rem !important
    }

    .-lg-my-300 {
        margin-top: -18.75rem !important;
        margin-bottom: -18.75rem !important
    }

    .lg-mx-300 {
        margin-right: 18.75rem !important;
        margin-left: 18.75rem !important
    }

    .-lg-mx-300 {
        margin-right: -18.75rem !important;
        margin-left: -18.75rem !important
    }

    .lg-mt-300 {
        margin-top: 18.75rem !important
    }

    .-lg-mt-300 {
        margin-top: -18.75rem !important
    }

    .lg-mr-300 {
        margin-right: 18.75rem !important
    }

    .-lg-mr-300 {
        margin-right: -18.75rem !important
    }

    .lg-mb-300 {
        margin-bottom: 18.75rem !important
    }

    .-lg-mb-300 {
        margin-bottom: -18.75rem !important
    }

    .lg-ml-300 {
        margin-left: 18.75rem !important
    }

    .-lg-ml-300 {
        margin-left: -18.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-300 {
        margin: 18.75rem !important
    }

    .-xl-m-300 {
        margin: -18.75rem !important
    }

    .xl-my-300 {
        margin-top: 18.75rem !important;
        margin-bottom: 18.75rem !important
    }

    .-xl-my-300 {
        margin-top: -18.75rem !important;
        margin-bottom: -18.75rem !important
    }

    .xl-mx-300 {
        margin-right: 18.75rem !important;
        margin-left: 18.75rem !important
    }

    .-xl-mx-300 {
        margin-right: -18.75rem !important;
        margin-left: -18.75rem !important
    }

    .xl-mt-300 {
        margin-top: 18.75rem !important
    }

    .-xl-mt-300 {
        margin-top: -18.75rem !important
    }

    .xl-mr-300 {
        margin-right: 18.75rem !important
    }

    .-xl-mr-300 {
        margin-right: -18.75rem !important
    }

    .xl-mb-300 {
        margin-bottom: 18.75rem !important
    }

    .-xl-mb-300 {
        margin-bottom: -18.75rem !important
    }

    .xl-ml-300 {
        margin-left: 18.75rem !important
    }

    .-xl-ml-300 {
        margin-left: -18.75rem !important
    }
}

.m-352 {
    margin: 22rem
}

.-m-352 {
    margin: -22rem
}

.my-352 {
    margin-top: 22rem;
    margin-bottom: 22rem
}

.-my-352 {
    margin-top: -22rem;
    margin-bottom: -22rem
}

.mx-352 {
    margin-right: 22rem;
    margin-left: 22rem
}

.-mx-352 {
    margin-right: -22rem;
    margin-left: -22rem
}

.mt-352 {
    margin-top: 22rem
}

.-mt-352 {
    margin-top: -22rem
}

.mr-352 {
    margin-right: 22rem
}

.-mr-352 {
    margin-right: -22rem
}

.mb-352 {
    margin-bottom: 22rem
}

.-mb-352 {
    margin-bottom: -22rem
}

.ml-352 {
    margin-left: 22rem
}

.-ml-352 {
    margin-left: -22rem
}

@media (max-width: 575px) {
    .xs-m-352 {
        margin: 22rem !important
    }

    .-xs-m-352 {
        margin: -22rem !important
    }

    .xs-my-352 {
        margin-top: 22rem !important;
        margin-bottom: 22rem !important
    }

    .-xs-my-352 {
        margin-top: -22rem !important;
        margin-bottom: -22rem !important
    }

    .xs-mx-352 {
        margin-right: 22rem !important;
        margin-left: 22rem !important
    }

    .-xs-mx-352 {
        margin-right: -22rem !important;
        margin-left: -22rem !important
    }

    .xs-mt-352 {
        margin-top: 22rem !important
    }

    .-xs-mt-352 {
        margin-top: -22rem !important
    }

    .xs-mr-352 {
        margin-right: 22rem !important
    }

    .-xs-mr-352 {
        margin-right: -22rem !important
    }

    .xs-mb-352 {
        margin-bottom: 22rem !important
    }

    .-xs-mb-352 {
        margin-bottom: -22rem !important
    }

    .xs-ml-352 {
        margin-left: 22rem !important
    }

    .-xs-ml-352 {
        margin-left: -22rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-m-352 {
        margin: 22rem !important
    }

    .-sm-m-352 {
        margin: -22rem !important
    }

    .sm-my-352 {
        margin-top: 22rem !important;
        margin-bottom: 22rem !important
    }

    .-sm-my-352 {
        margin-top: -22rem !important;
        margin-bottom: -22rem !important
    }

    .sm-mx-352 {
        margin-right: 22rem !important;
        margin-left: 22rem !important
    }

    .-sm-mx-352 {
        margin-right: -22rem !important;
        margin-left: -22rem !important
    }

    .sm-mt-352 {
        margin-top: 22rem !important
    }

    .-sm-mt-352 {
        margin-top: -22rem !important
    }

    .sm-mr-352 {
        margin-right: 22rem !important
    }

    .-sm-mr-352 {
        margin-right: -22rem !important
    }

    .sm-mb-352 {
        margin-bottom: 22rem !important
    }

    .-sm-mb-352 {
        margin-bottom: -22rem !important
    }

    .sm-ml-352 {
        margin-left: 22rem !important
    }

    .-sm-ml-352 {
        margin-left: -22rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-m-352 {
        margin: 22rem !important
    }

    .-md-m-352 {
        margin: -22rem !important
    }

    .md-my-352 {
        margin-top: 22rem !important;
        margin-bottom: 22rem !important
    }

    .-md-my-352 {
        margin-top: -22rem !important;
        margin-bottom: -22rem !important
    }

    .md-mx-352 {
        margin-right: 22rem !important;
        margin-left: 22rem !important
    }

    .-md-mx-352 {
        margin-right: -22rem !important;
        margin-left: -22rem !important
    }

    .md-mt-352 {
        margin-top: 22rem !important
    }

    .-md-mt-352 {
        margin-top: -22rem !important
    }

    .md-mr-352 {
        margin-right: 22rem !important
    }

    .-md-mr-352 {
        margin-right: -22rem !important
    }

    .md-mb-352 {
        margin-bottom: 22rem !important
    }

    .-md-mb-352 {
        margin-bottom: -22rem !important
    }

    .md-ml-352 {
        margin-left: 22rem !important
    }

    .-md-ml-352 {
        margin-left: -22rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-m-352 {
        margin: 22rem !important
    }

    .-lg-m-352 {
        margin: -22rem !important
    }

    .lg-my-352 {
        margin-top: 22rem !important;
        margin-bottom: 22rem !important
    }

    .-lg-my-352 {
        margin-top: -22rem !important;
        margin-bottom: -22rem !important
    }

    .lg-mx-352 {
        margin-right: 22rem !important;
        margin-left: 22rem !important
    }

    .-lg-mx-352 {
        margin-right: -22rem !important;
        margin-left: -22rem !important
    }

    .lg-mt-352 {
        margin-top: 22rem !important
    }

    .-lg-mt-352 {
        margin-top: -22rem !important
    }

    .lg-mr-352 {
        margin-right: 22rem !important
    }

    .-lg-mr-352 {
        margin-right: -22rem !important
    }

    .lg-mb-352 {
        margin-bottom: 22rem !important
    }

    .-lg-mb-352 {
        margin-bottom: -22rem !important
    }

    .lg-ml-352 {
        margin-left: 22rem !important
    }

    .-lg-ml-352 {
        margin-left: -22rem !important
    }
}

@media (min-width: 1200px) {
    .xl-m-352 {
        margin: 22rem !important
    }

    .-xl-m-352 {
        margin: -22rem !important
    }

    .xl-my-352 {
        margin-top: 22rem !important;
        margin-bottom: 22rem !important
    }

    .-xl-my-352 {
        margin-top: -22rem !important;
        margin-bottom: -22rem !important
    }

    .xl-mx-352 {
        margin-right: 22rem !important;
        margin-left: 22rem !important
    }

    .-xl-mx-352 {
        margin-right: -22rem !important;
        margin-left: -22rem !important
    }

    .xl-mt-352 {
        margin-top: 22rem !important
    }

    .-xl-mt-352 {
        margin-top: -22rem !important
    }

    .xl-mr-352 {
        margin-right: 22rem !important
    }

    .-xl-mr-352 {
        margin-right: -22rem !important
    }

    .xl-mb-352 {
        margin-bottom: 22rem !important
    }

    .-xl-mb-352 {
        margin-bottom: -22rem !important
    }

    .xl-ml-352 {
        margin-left: 22rem !important
    }

    .-xl-ml-352 {
        margin-left: -22rem !important
    }
}

.-mauto, .mauto {
    margin: auto
}

.-myauto, .myauto {
    margin-top: auto;
    margin-bottom: auto
}

.-mxauto, .mxauto {
    margin-right: auto;
    margin-left: auto
}

.-mtauto, .mtauto {
    margin-top: auto
}

.-mrauto, .mrauto {
    margin-right: auto
}

.-mbauto, .mbauto {
    margin-bottom: auto
}

.-mlauto, .mlauto {
    margin-left: auto
}

@media (max-width: 575px) {
    .-xs-mauto, .xs-mauto {
        margin: auto !important
    }

    .-xs-myauto, .xs-myauto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .-xs-mxauto, .xs-mxauto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .-xs-mtauto, .xs-mtauto {
        margin-top: auto !important
    }

    .-xs-mrauto, .xs-mrauto {
        margin-right: auto !important
    }

    .-xs-mbauto, .xs-mbauto {
        margin-bottom: auto !important
    }

    .-xs-mlauto, .xs-mlauto {
        margin-left: auto !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .-sm-mauto, .sm-mauto {
        margin: auto !important
    }

    .-sm-myauto, .sm-myauto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .-sm-mxauto, .sm-mxauto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .-sm-mtauto, .sm-mtauto {
        margin-top: auto !important
    }

    .-sm-mrauto, .sm-mrauto {
        margin-right: auto !important
    }

    .-sm-mbauto, .sm-mbauto {
        margin-bottom: auto !important
    }

    .-sm-mlauto, .sm-mlauto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .-md-mauto, .md-mauto {
        margin: auto !important
    }

    .-md-myauto, .md-myauto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .-md-mxauto, .md-mxauto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .-md-mtauto, .md-mtauto {
        margin-top: auto !important
    }

    .-md-mrauto, .md-mrauto {
        margin-right: auto !important
    }

    .-md-mbauto, .md-mbauto {
        margin-bottom: auto !important
    }

    .-md-mlauto, .md-mlauto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .-lg-mauto, .lg-mauto {
        margin: auto !important
    }

    .-lg-myauto, .lg-myauto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .-lg-mxauto, .lg-mxauto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .-lg-mtauto, .lg-mtauto {
        margin-top: auto !important
    }

    .-lg-mrauto, .lg-mrauto {
        margin-right: auto !important
    }

    .-lg-mbauto, .lg-mbauto {
        margin-bottom: auto !important
    }

    .-lg-mlauto, .lg-mlauto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .-xl-mauto, .xl-mauto {
        margin: auto !important
    }

    .-xl-myauto, .xl-myauto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .-xl-mxauto, .xl-mxauto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .-xl-mtauto, .xl-mtauto {
        margin-top: auto !important
    }

    .-xl-mrauto, .xl-mrauto {
        margin-right: auto !important
    }

    .-xl-mbauto, .xl-mbauto {
        margin-bottom: auto !important
    }

    .-xl-mlauto, .xl-mlauto {
        margin-left: auto !important
    }
}

.wauto {
    width: auto
}

@media (max-width: 575px) {
    .xs-wauto {
        width: auto !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-wauto {
        width: auto !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-wauto {
        width: auto !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-wauto {
        width: auto !important
    }
}

@media (min-width: 1200px) {
    .xl-wauto {
        width: auto !important
    }
}

.w-full {
    width: 100%
}

@media (max-width: 575px) {
    .xs-w-full {
        width: 100% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-full {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-full {
        width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-full {
        width: 100% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-full {
        width: 100% !important
    }
}

.w-screen {
    width: 100vw
}

@media (max-width: 575px) {
    .xs-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-screen {
        width: 100vw !important
    }
}

@media (min-width: 1200px) {
    .xl-w-screen {
        width: 100vw !important
    }
}

.w-0 {
    width: 0
}

@media (max-width: 575px) {
    .xs-w-0 {
        width: 0 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-0 {
        width: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-0 {
        width: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-0 {
        width: 0 !important
    }
}

@media (min-width: 1200px) {
    .xl-w-0 {
        width: 0 !important
    }
}

.w-1 {
    width: 1px
}

@media (max-width: 575px) {
    .xs-w-1 {
        width: 1px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-1 {
        width: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-1 {
        width: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-1 {
        width: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-1 {
        width: 1px !important
    }
}

.w-2 {
    width: 2px
}

@media (max-width: 575px) {
    .xs-w-2 {
        width: 2px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-2 {
        width: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-2 {
        width: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-2 {
        width: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-2 {
        width: 2px !important
    }
}

.w-3 {
    width: 3px
}

@media (max-width: 575px) {
    .xs-w-3 {
        width: 3px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-3 {
        width: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-3 {
        width: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-3 {
        width: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-3 {
        width: 3px !important
    }
}

.w-4 {
    width: 4px
}

@media (max-width: 575px) {
    .xs-w-4 {
        width: 4px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-4 {
        width: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-4 {
        width: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-4 {
        width: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-4 {
        width: 4px !important
    }
}

.w-5 {
    width: 5px
}

@media (max-width: 575px) {
    .xs-w-5 {
        width: 5px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-5 {
        width: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-5 {
        width: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-5 {
        width: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-5 {
        width: 5px !important
    }
}

.w-6 {
    width: 6px
}

@media (max-width: 575px) {
    .xs-w-6 {
        width: 6px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-6 {
        width: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-6 {
        width: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-6 {
        width: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-6 {
        width: 6px !important
    }
}

.w-7 {
    width: 7px
}

@media (max-width: 575px) {
    .xs-w-7 {
        width: 7px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-7 {
        width: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-7 {
        width: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-7 {
        width: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-w-7 {
        width: 7px !important
    }
}

.w-8 {
    width: .5rem
}

@media (max-width: 575px) {
    .xs-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-8 {
        width: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-8 {
        width: .5rem !important
    }
}

.w-10 {
    width: .625rem
}

@media (max-width: 575px) {
    .xs-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-10 {
        width: .625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-10 {
        width: .625rem !important
    }
}

.w-12 {
    width: .75rem
}

@media (max-width: 575px) {
    .xs-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-12 {
        width: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-12 {
        width: .75rem !important
    }
}

.w-14 {
    width: .875rem
}

@media (max-width: 575px) {
    .xs-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-14 {
        width: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-14 {
        width: .875rem !important
    }
}

.w-16 {
    width: 1rem
}

@media (max-width: 575px) {
    .xs-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-16 {
        width: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-16 {
        width: 1rem !important
    }
}

.w-18 {
    width: 1.125rem
}

@media (max-width: 575px) {
    .xs-w-18 {
        width: 1.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-18 {
        width: 1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-18 {
        width: 1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-18 {
        width: 1.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-18 {
        width: 1.125rem !important
    }
}

.w-20 {
    width: 1.25rem
}

@media (max-width: 575px) {
    .xs-w-20 {
        width: 1.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-20 {
        width: 1.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-20 {
        width: 1.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-20 {
        width: 1.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-20 {
        width: 1.25rem !important
    }
}

.w-24 {
    width: 1.5rem
}

@media (max-width: 575px) {
    .xs-w-24 {
        width: 1.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-24 {
        width: 1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-24 {
        width: 1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-24 {
        width: 1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-24 {
        width: 1.5rem !important
    }
}

.w-28 {
    width: 1.75rem
}

@media (max-width: 575px) {
    .xs-w-28 {
        width: 1.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-28 {
        width: 1.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-28 {
        width: 1.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-28 {
        width: 1.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-28 {
        width: 1.75rem !important
    }
}

.w-32 {
    width: 2rem
}

@media (max-width: 575px) {
    .xs-w-32 {
        width: 2rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-32 {
        width: 2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-32 {
        width: 2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-32 {
        width: 2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-32 {
        width: 2rem !important
    }
}

.w-36 {
    width: 2.25rem
}

@media (max-width: 575px) {
    .xs-w-36 {
        width: 2.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-36 {
        width: 2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-36 {
        width: 2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-36 {
        width: 2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-36 {
        width: 2.25rem !important
    }
}

.w-40 {
    width: 2.5rem
}

@media (max-width: 575px) {
    .xs-w-40 {
        width: 2.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-40 {
        width: 2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-40 {
        width: 2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-40 {
        width: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-40 {
        width: 2.5rem !important
    }
}

.w-44 {
    width: 2.75rem
}

@media (max-width: 575px) {
    .xs-w-44 {
        width: 2.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-44 {
        width: 2.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-44 {
        width: 2.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-44 {
        width: 2.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-44 {
        width: 2.75rem !important
    }
}

.w-48 {
    width: 3rem
}

@media (max-width: 575px) {
    .xs-w-48 {
        width: 3rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-48 {
        width: 3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-48 {
        width: 3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-48 {
        width: 3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-48 {
        width: 3rem !important
    }
}

.w-52 {
    width: 3.25rem
}

@media (max-width: 575px) {
    .xs-w-52 {
        width: 3.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-52 {
        width: 3.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-52 {
        width: 3.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-52 {
        width: 3.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-52 {
        width: 3.25rem !important
    }
}

.w-56 {
    width: 3.5rem
}

@media (max-width: 575px) {
    .xs-w-56 {
        width: 3.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-56 {
        width: 3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-56 {
        width: 3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-56 {
        width: 3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-56 {
        width: 3.5rem !important
    }
}

.w-60 {
    width: 3.75rem
}

@media (max-width: 575px) {
    .xs-w-60 {
        width: 3.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-60 {
        width: 3.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-60 {
        width: 3.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-60 {
        width: 3.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-60 {
        width: 3.75rem !important
    }
}

.w-64 {
    width: 4rem
}

@media (max-width: 575px) {
    .xs-w-64 {
        width: 4rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-64 {
        width: 4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-64 {
        width: 4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-64 {
        width: 4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-64 {
        width: 4rem !important
    }
}

.w-68 {
    width: 4.25rem
}

@media (max-width: 575px) {
    .xs-w-68 {
        width: 4.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-68 {
        width: 4.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-68 {
        width: 4.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-68 {
        width: 4.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-68 {
        width: 4.25rem !important
    }
}

.w-72 {
    width: 4.5rem
}

@media (max-width: 575px) {
    .xs-w-72 {
        width: 4.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-72 {
        width: 4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-72 {
        width: 4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-72 {
        width: 4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-72 {
        width: 4.5rem !important
    }
}

.w-76 {
    width: 4.75rem
}

@media (max-width: 575px) {
    .xs-w-76 {
        width: 4.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-76 {
        width: 4.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-76 {
        width: 4.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-76 {
        width: 4.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-76 {
        width: 4.75rem !important
    }
}

.w-80 {
    width: 5rem
}

@media (max-width: 575px) {
    .xs-w-80 {
        width: 5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-80 {
        width: 5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-80 {
        width: 5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-80 {
        width: 5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-80 {
        width: 5rem !important
    }
}

.w-84 {
    width: 5.25rem
}

@media (max-width: 575px) {
    .xs-w-84 {
        width: 5.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-84 {
        width: 5.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-84 {
        width: 5.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-84 {
        width: 5.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-84 {
        width: 5.25rem !important
    }
}

.w-88 {
    width: 5.5rem
}

@media (max-width: 575px) {
    .xs-w-88 {
        width: 5.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-88 {
        width: 5.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-88 {
        width: 5.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-88 {
        width: 5.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-88 {
        width: 5.5rem !important
    }
}

.w-92 {
    width: 5.75rem
}

@media (max-width: 575px) {
    .xs-w-92 {
        width: 5.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-92 {
        width: 5.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-92 {
        width: 5.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-92 {
        width: 5.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-92 {
        width: 5.75rem !important
    }
}

.w-96 {
    width: 6rem
}

@media (max-width: 575px) {
    .xs-w-96 {
        width: 6rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-96 {
        width: 6rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-96 {
        width: 6rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-96 {
        width: 6rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-96 {
        width: 6rem !important
    }
}

.w-100 {
    width: 6.25rem
}

@media (max-width: 575px) {
    .xs-w-100 {
        width: 6.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-100 {
        width: 6.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-100 {
        width: 6.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-100 {
        width: 6.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-100 {
        width: 6.25rem !important
    }
}

.w-104 {
    width: 6.5rem
}

@media (max-width: 575px) {
    .xs-w-104 {
        width: 6.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-104 {
        width: 6.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-104 {
        width: 6.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-104 {
        width: 6.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-104 {
        width: 6.5rem !important
    }
}

.w-108 {
    width: 6.75rem
}

@media (max-width: 575px) {
    .xs-w-108 {
        width: 6.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-108 {
        width: 6.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-108 {
        width: 6.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-108 {
        width: 6.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-108 {
        width: 6.75rem !important
    }
}

.w-112 {
    width: 7rem
}

@media (max-width: 575px) {
    .xs-w-112 {
        width: 7rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-112 {
        width: 7rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-112 {
        width: 7rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-112 {
        width: 7rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-112 {
        width: 7rem !important
    }
}

.w-116 {
    width: 7.25rem
}

@media (max-width: 575px) {
    .xs-w-116 {
        width: 7.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-116 {
        width: 7.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-116 {
        width: 7.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-116 {
        width: 7.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-116 {
        width: 7.25rem !important
    }
}

.w-120 {
    width: 7.5rem
}

@media (max-width: 575px) {
    .xs-w-120 {
        width: 7.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-120 {
        width: 7.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-120 {
        width: 7.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-120 {
        width: 7.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-120 {
        width: 7.5rem !important
    }
}

.w-124 {
    width: 7.75rem
}

@media (max-width: 575px) {
    .xs-w-124 {
        width: 7.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-124 {
        width: 7.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-124 {
        width: 7.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-124 {
        width: 7.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-124 {
        width: 7.75rem !important
    }
}

.w-128 {
    width: 8rem
}

@media (max-width: 575px) {
    .xs-w-128 {
        width: 8rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-128 {
        width: 8rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-128 {
        width: 8rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-128 {
        width: 8rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-128 {
        width: 8rem !important
    }
}

.w-132 {
    width: 8.25rem
}

@media (max-width: 575px) {
    .xs-w-132 {
        width: 8.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-132 {
        width: 8.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-132 {
        width: 8.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-132 {
        width: 8.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-132 {
        width: 8.25rem !important
    }
}

.w-136 {
    width: 8.5rem
}

@media (max-width: 575px) {
    .xs-w-136 {
        width: 8.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-136 {
        width: 8.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-136 {
        width: 8.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-136 {
        width: 8.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-136 {
        width: 8.5rem !important
    }
}

.w-140 {
    width: 8.75rem
}

@media (max-width: 575px) {
    .xs-w-140 {
        width: 8.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-140 {
        width: 8.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-140 {
        width: 8.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-140 {
        width: 8.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-140 {
        width: 8.75rem !important
    }
}

.w-144 {
    width: 9rem
}

@media (max-width: 575px) {
    .xs-w-144 {
        width: 9rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-144 {
        width: 9rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-144 {
        width: 9rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-144 {
        width: 9rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-144 {
        width: 9rem !important
    }
}

.w-148 {
    width: 9.25rem
}

@media (max-width: 575px) {
    .xs-w-148 {
        width: 9.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-148 {
        width: 9.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-148 {
        width: 9.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-148 {
        width: 9.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-148 {
        width: 9.25rem !important
    }
}

.w-152 {
    width: 9.5rem
}

@media (max-width: 575px) {
    .xs-w-152 {
        width: 9.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-152 {
        width: 9.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-152 {
        width: 9.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-152 {
        width: 9.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-152 {
        width: 9.5rem !important
    }
}

.w-156 {
    width: 9.75rem
}

@media (max-width: 575px) {
    .xs-w-156 {
        width: 9.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-156 {
        width: 9.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-156 {
        width: 9.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-156 {
        width: 9.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-156 {
        width: 9.75rem !important
    }
}

.w-160 {
    width: 10rem
}

@media (max-width: 575px) {
    .xs-w-160 {
        width: 10rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-160 {
        width: 10rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-160 {
        width: 10rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-160 {
        width: 10rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-160 {
        width: 10rem !important
    }
}

.w-168 {
    width: 10.5rem
}

@media (max-width: 575px) {
    .xs-w-168 {
        width: 10.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-168 {
        width: 10.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-168 {
        width: 10.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-168 {
        width: 10.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-168 {
        width: 10.5rem !important
    }
}

.w-176 {
    width: 11rem
}

@media (max-width: 575px) {
    .xs-w-176 {
        width: 11rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-176 {
        width: 11rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-176 {
        width: 11rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-176 {
        width: 11rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-176 {
        width: 11rem !important
    }
}

.w-180 {
    width: 11.25rem
}

@media (max-width: 575px) {
    .xs-w-180 {
        width: 11.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-180 {
        width: 11.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-180 {
        width: 11.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-180 {
        width: 11.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-180 {
        width: 11.25rem !important
    }
}

.w-184 {
    width: 11.5rem
}

@media (max-width: 575px) {
    .xs-w-184 {
        width: 11.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-184 {
        width: 11.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-184 {
        width: 11.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-184 {
        width: 11.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-184 {
        width: 11.5rem !important
    }
}

.w-192 {
    width: 12rem
}

@media (max-width: 575px) {
    .xs-w-192 {
        width: 12rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-192 {
        width: 12rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-192 {
        width: 12rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-192 {
        width: 12rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-192 {
        width: 12rem !important
    }
}

.w-200 {
    width: 12.5rem
}

@media (max-width: 575px) {
    .xs-w-200 {
        width: 12.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-200 {
        width: 12.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-200 {
        width: 12.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-200 {
        width: 12.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-200 {
        width: 12.5rem !important
    }
}

.w-208 {
    width: 13rem
}

@media (max-width: 575px) {
    .xs-w-208 {
        width: 13rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-208 {
        width: 13rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-208 {
        width: 13rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-208 {
        width: 13rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-208 {
        width: 13rem !important
    }
}

.w-224 {
    width: 14rem
}

@media (max-width: 575px) {
    .xs-w-224 {
        width: 14rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-224 {
        width: 14rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-224 {
        width: 14rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-224 {
        width: 14rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-224 {
        width: 14rem !important
    }
}

.w-240 {
    width: 15rem
}

@media (max-width: 575px) {
    .xs-w-240 {
        width: 15rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-240 {
        width: 15rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-240 {
        width: 15rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-240 {
        width: 15rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-240 {
        width: 15rem !important
    }
}

.w-256 {
    width: 16rem
}

@media (max-width: 575px) {
    .xs-w-256 {
        width: 16rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-256 {
        width: 16rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-256 {
        width: 16rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-256 {
        width: 16rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-256 {
        width: 16rem !important
    }
}

.w-272 {
    width: 17rem
}

@media (max-width: 575px) {
    .xs-w-272 {
        width: 17rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-272 {
        width: 17rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-272 {
        width: 17rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-272 {
        width: 17rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-272 {
        width: 17rem !important
    }
}

.w-280 {
    width: 17.5rem
}

@media (max-width: 575px) {
    .xs-w-280 {
        width: 17.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-280 {
        width: 17.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-280 {
        width: 17.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-280 {
        width: 17.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-280 {
        width: 17.5rem !important
    }
}

.w-288 {
    width: 18rem
}

@media (max-width: 575px) {
    .xs-w-288 {
        width: 18rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-288 {
        width: 18rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-288 {
        width: 18rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-288 {
        width: 18rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-288 {
        width: 18rem !important
    }
}

.w-304 {
    width: 19rem
}

@media (max-width: 575px) {
    .xs-w-304 {
        width: 19rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-304 {
        width: 19rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-304 {
        width: 19rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-304 {
        width: 19rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-304 {
        width: 19rem !important
    }
}

.w-314 {
    width: 19.625rem
}

@media (max-width: 575px) {
    .xs-w-314 {
        width: 19.625rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-314 {
        width: 19.625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-314 {
        width: 19.625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-314 {
        width: 19.625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-314 {
        width: 19.625rem !important
    }
}

.w-320 {
    width: 20rem
}

@media (max-width: 575px) {
    .xs-w-320 {
        width: 20rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-320 {
        width: 20rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-320 {
        width: 20rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-320 {
        width: 20rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-320 {
        width: 20rem !important
    }
}

.w-336 {
    width: 21rem
}

@media (max-width: 575px) {
    .xs-w-336 {
        width: 21rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-336 {
        width: 21rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-336 {
        width: 21rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-336 {
        width: 21rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-336 {
        width: 21rem !important
    }
}

.w-352 {
    width: 22rem
}

@media (max-width: 575px) {
    .xs-w-352 {
        width: 22rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-352 {
        width: 22rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-352 {
        width: 22rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-352 {
        width: 22rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-352 {
        width: 22rem !important
    }
}

.w-368 {
    width: 23rem
}

@media (max-width: 575px) {
    .xs-w-368 {
        width: 23rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-368 {
        width: 23rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-368 {
        width: 23rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-368 {
        width: 23rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-368 {
        width: 23rem !important
    }
}

.w-376 {
    width: 23.5rem
}

@media (max-width: 575px) {
    .xs-w-376 {
        width: 23.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-376 {
        width: 23.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-376 {
        width: 23.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-376 {
        width: 23.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-376 {
        width: 23.5rem !important
    }
}

.w-384 {
    width: 24rem
}

@media (max-width: 575px) {
    .xs-w-384 {
        width: 24rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-384 {
        width: 24rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-384 {
        width: 24rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-384 {
        width: 24rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-384 {
        width: 24rem !important
    }
}

.w-400 {
    width: 25rem
}

@media (max-width: 575px) {
    .xs-w-400 {
        width: 25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-400 {
        width: 25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-400 {
        width: 25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-400 {
        width: 25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-400 {
        width: 25rem !important
    }
}

.w-416 {
    width: 26rem
}

@media (max-width: 575px) {
    .xs-w-416 {
        width: 26rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-416 {
        width: 26rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-416 {
        width: 26rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-416 {
        width: 26rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-416 {
        width: 26rem !important
    }
}

.w-432 {
    width: 27rem
}

@media (max-width: 575px) {
    .xs-w-432 {
        width: 27rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-432 {
        width: 27rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-432 {
        width: 27rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-432 {
        width: 27rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-432 {
        width: 27rem !important
    }
}

.w-448 {
    width: 28rem
}

@media (max-width: 575px) {
    .xs-w-448 {
        width: 28rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-448 {
        width: 28rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-448 {
        width: 28rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-448 {
        width: 28rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-448 {
        width: 28rem !important
    }
}

.w-464 {
    width: 29rem
}

@media (max-width: 575px) {
    .xs-w-464 {
        width: 29rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-464 {
        width: 29rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-464 {
        width: 29rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-464 {
        width: 29rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-464 {
        width: 29rem !important
    }
}

.w-480 {
    width: 30rem
}

@media (max-width: 575px) {
    .xs-w-480 {
        width: 30rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-480 {
        width: 30rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-480 {
        width: 30rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-480 {
        width: 30rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-480 {
        width: 30rem !important
    }
}

.w-496 {
    width: 31rem
}

@media (max-width: 575px) {
    .xs-w-496 {
        width: 31rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-496 {
        width: 31rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-496 {
        width: 31rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-496 {
        width: 31rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-496 {
        width: 31rem !important
    }
}

.w-512 {
    width: 32rem
}

@media (max-width: 575px) {
    .xs-w-512 {
        width: 32rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-512 {
        width: 32rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-512 {
        width: 32rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-512 {
        width: 32rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-512 {
        width: 32rem !important
    }
}

.w-528 {
    width: 33rem
}

@media (max-width: 575px) {
    .xs-w-528 {
        width: 33rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-528 {
        width: 33rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-528 {
        width: 33rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-528 {
        width: 33rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-528 {
        width: 33rem !important
    }
}

.w-544 {
    width: 34rem
}

@media (max-width: 575px) {
    .xs-w-544 {
        width: 34rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-544 {
        width: 34rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-544 {
        width: 34rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-544 {
        width: 34rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-544 {
        width: 34rem !important
    }
}

.w-560 {
    width: 35rem
}

@media (max-width: 575px) {
    .xs-w-560 {
        width: 35rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-560 {
        width: 35rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-560 {
        width: 35rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-560 {
        width: 35rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-560 {
        width: 35rem !important
    }
}

.w-576 {
    width: 36rem
}

@media (max-width: 575px) {
    .xs-w-576 {
        width: 36rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-576 {
        width: 36rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-576 {
        width: 36rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-576 {
        width: 36rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-576 {
        width: 36rem !important
    }
}

.w-592 {
    width: 37rem
}

@media (max-width: 575px) {
    .xs-w-592 {
        width: 37rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-592 {
        width: 37rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-592 {
        width: 37rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-592 {
        width: 37rem !important
    }
}

@media (min-width: 1200px) {
    .xl-w-592 {
        width: 37rem !important
    }
}

.w-33p {
    width: 33.33333%
}

@media (max-width: 575px) {
    .xs-w-33p {
        width: 33.33333% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-33p {
        width: 33.33333% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-33p {
        width: 33.33333% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-33p {
        width: 33.33333% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-33p {
        width: 33.33333% !important
    }
}

.w-66p {
    width: 66.66666%
}

@media (max-width: 575px) {
    .xs-w-66p {
        width: 66.66666% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-66p {
        width: 66.66666% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-66p {
        width: 66.66666% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-66p {
        width: 66.66666% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-66p {
        width: 66.66666% !important
    }
}

.w-25p {
    width: 25%
}

@media (max-width: 575px) {
    .xs-w-25p {
        width: 25% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-25p {
        width: 25% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-25p {
        width: 25% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-25p {
        width: 25% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-25p {
        width: 25% !important
    }
}

.w-20p {
    width: 20%
}

@media (max-width: 575px) {
    .xs-w-20p {
        width: 20% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-20p {
        width: 20% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-20p {
        width: 20% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-20p {
        width: 20% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-20p {
        width: 20% !important
    }
}

.w-40p {
    width: 40%
}

@media (max-width: 575px) {
    .xs-w-40p {
        width: 40% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-40p {
        width: 40% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-40p {
        width: 40% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-40p {
        width: 40% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-40p {
        width: 40% !important
    }
}

.w-45p {
    width: 45%
}

@media (max-width: 575px) {
    .xs-w-45p {
        width: 45% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-45p {
        width: 45% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-45p {
        width: 45% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-45p {
        width: 45% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-45p {
        width: 45% !important
    }
}

.w-50p {
    width: 50%
}

@media (max-width: 575px) {
    .xs-w-50p {
        width: 50% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-50p {
        width: 50% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-50p {
        width: 50% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-50p {
        width: 50% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-50p {
        width: 50% !important
    }
}

.w-55p {
    width: 55%
}

@media (max-width: 575px) {
    .xs-w-55p {
        width: 55% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-55p {
        width: 55% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-55p {
        width: 55% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-55p {
        width: 55% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-55p {
        width: 55% !important
    }
}

.w-60p {
    width: 60%
}

@media (max-width: 575px) {
    .xs-w-60p {
        width: 60% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-60p {
        width: 60% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-60p {
        width: 60% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-60p {
        width: 60% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-60p {
        width: 60% !important
    }
}

.w-65p {
    width: 65%
}

@media (max-width: 575px) {
    .xs-w-65p {
        width: 65% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-65p {
        width: 65% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-65p {
        width: 65% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-65p {
        width: 65% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-65p {
        width: 65% !important
    }
}

.w-70p {
    width: 70%
}

@media (max-width: 575px) {
    .xs-w-70p {
        width: 70% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-70p {
        width: 70% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-70p {
        width: 70% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-70p {
        width: 70% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-70p {
        width: 70% !important
    }
}

.w-75p {
    width: 75%
}

@media (max-width: 575px) {
    .xs-w-75p {
        width: 75% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-75p {
        width: 75% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-75p {
        width: 75% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-75p {
        width: 75% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-75p {
        width: 75% !important
    }
}

.w-80p {
    width: 80%
}

@media (max-width: 575px) {
    .xs-w-80p {
        width: 80% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-80p {
        width: 80% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-80p {
        width: 80% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-80p {
        width: 80% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-80p {
        width: 80% !important
    }
}

.w-16p {
    width: 16.66666%
}

@media (max-width: 575px) {
    .xs-w-16p {
        width: 16.66666% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-16p {
        width: 16.66666% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-16p {
        width: 16.66666% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-16p {
        width: 16.66666% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-16p {
        width: 16.66666% !important
    }
}

.w-83p {
    width: 83.33333%
}

@media (max-width: 575px) {
    .xs-w-83p {
        width: 83.33333% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-83p {
        width: 83.33333% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-83p {
        width: 83.33333% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-83p {
        width: 83.33333% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-83p {
        width: 83.33333% !important
    }
}

.w-8p {
    width: 8.33333%
}

@media (max-width: 575px) {
    .xs-w-8p {
        width: 8.33333% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-8p {
        width: 8.33333% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-8p {
        width: 8.33333% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-8p {
        width: 8.33333% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-8p {
        width: 8.33333% !important
    }
}

.w-41p {
    width: 41.66666%
}

@media (max-width: 575px) {
    .xs-w-41p {
        width: 41.66666% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-41p {
        width: 41.66666% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-41p {
        width: 41.66666% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-41p {
        width: 41.66666% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-41p {
        width: 41.66666% !important
    }
}

.w-58p {
    width: 58.33333%
}

@media (max-width: 575px) {
    .xs-w-58p {
        width: 58.33333% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-58p {
        width: 58.33333% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-58p {
        width: 58.33333% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-58p {
        width: 58.33333% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-58p {
        width: 58.33333% !important
    }
}

.w-91p {
    width: 91.66666%
}

@media (max-width: 575px) {
    .xs-w-91p {
        width: 91.66666% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-91p {
        width: 91.66666% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-91p {
        width: 91.66666% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-91p {
        width: 91.66666% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-91p {
        width: 91.66666% !important
    }
}

.w-100p {
    width: 100%
}

@media (max-width: 575px) {
    .xs-w-100p {
        width: 100% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-w-100p {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-w-100p {
        width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-w-100p {
        width: 100% !important
    }
}

@media (min-width: 1200px) {
    .xl-w-100p {
        width: 100% !important
    }
}

.min-w-0 {
    min-width: 0
}

@media (max-width: 575px) {
    .xs-min-w-0 {
        min-width: 0
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-0 {
        min-width: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-0 {
        min-width: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-0 {
        min-width: 0
    }
}

@media (min-width: 1200px) {
    .xl-min-w-0 {
        min-width: 0
    }
}

.min-w-1 {
    min-width: 1px
}

@media (max-width: 575px) {
    .xs-min-w-1 {
        min-width: 1px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-1 {
        min-width: 1px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-1 {
        min-width: 1px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-1 {
        min-width: 1px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-1 {
        min-width: 1px
    }
}

.min-w-2 {
    min-width: 2px
}

@media (max-width: 575px) {
    .xs-min-w-2 {
        min-width: 2px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-2 {
        min-width: 2px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-2 {
        min-width: 2px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-2 {
        min-width: 2px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-2 {
        min-width: 2px
    }
}

.min-w-3 {
    min-width: 3px
}

@media (max-width: 575px) {
    .xs-min-w-3 {
        min-width: 3px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-3 {
        min-width: 3px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-3 {
        min-width: 3px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-3 {
        min-width: 3px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-3 {
        min-width: 3px
    }
}

.min-w-4 {
    min-width: 4px
}

@media (max-width: 575px) {
    .xs-min-w-4 {
        min-width: 4px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-4 {
        min-width: 4px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-4 {
        min-width: 4px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-4 {
        min-width: 4px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-4 {
        min-width: 4px
    }
}

.min-w-5 {
    min-width: 5px
}

@media (max-width: 575px) {
    .xs-min-w-5 {
        min-width: 5px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-5 {
        min-width: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-5 {
        min-width: 5px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-5 {
        min-width: 5px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-5 {
        min-width: 5px
    }
}

.min-w-6 {
    min-width: 6px
}

@media (max-width: 575px) {
    .xs-min-w-6 {
        min-width: 6px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-6 {
        min-width: 6px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-6 {
        min-width: 6px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-6 {
        min-width: 6px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-6 {
        min-width: 6px
    }
}

.min-w-7 {
    min-width: 7px
}

@media (max-width: 575px) {
    .xs-min-w-7 {
        min-width: 7px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-7 {
        min-width: 7px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-7 {
        min-width: 7px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-7 {
        min-width: 7px
    }
}

@media (min-width: 1200px) {
    .xl-min-w-7 {
        min-width: 7px
    }
}

.min-w-8 {
    min-width: .5rem
}

@media (max-width: 575px) {
    .xs-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-8 {
        min-width: .5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-8 {
        min-width: .5rem
    }
}

.min-w-10 {
    min-width: .625rem
}

@media (max-width: 575px) {
    .xs-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-10 {
        min-width: .625rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-10 {
        min-width: .625rem
    }
}

.min-w-12 {
    min-width: .75rem
}

@media (max-width: 575px) {
    .xs-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-12 {
        min-width: .75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-12 {
        min-width: .75rem
    }
}

.min-w-14 {
    min-width: .875rem
}

@media (max-width: 575px) {
    .xs-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-14 {
        min-width: .875rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-14 {
        min-width: .875rem
    }
}

.min-w-16 {
    min-width: 1rem
}

@media (max-width: 575px) {
    .xs-min-w-16 {
        min-width: 1rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-16 {
        min-width: 1rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-16 {
        min-width: 1rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-16 {
        min-width: 1rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-16 {
        min-width: 1rem
    }
}

.min-w-18 {
    min-width: 1.125rem
}

@media (max-width: 575px) {
    .xs-min-w-18 {
        min-width: 1.125rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-18 {
        min-width: 1.125rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-18 {
        min-width: 1.125rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-18 {
        min-width: 1.125rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-18 {
        min-width: 1.125rem
    }
}

.min-w-20 {
    min-width: 1.25rem
}

@media (max-width: 575px) {
    .xs-min-w-20 {
        min-width: 1.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-20 {
        min-width: 1.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-20 {
        min-width: 1.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-20 {
        min-width: 1.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-20 {
        min-width: 1.25rem
    }
}

.min-w-24 {
    min-width: 1.5rem
}

@media (max-width: 575px) {
    .xs-min-w-24 {
        min-width: 1.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-24 {
        min-width: 1.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-24 {
        min-width: 1.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-24 {
        min-width: 1.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-24 {
        min-width: 1.5rem
    }
}

.min-w-28 {
    min-width: 1.75rem
}

@media (max-width: 575px) {
    .xs-min-w-28 {
        min-width: 1.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-28 {
        min-width: 1.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-28 {
        min-width: 1.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-28 {
        min-width: 1.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-28 {
        min-width: 1.75rem
    }
}

.min-w-32 {
    min-width: 2rem
}

@media (max-width: 575px) {
    .xs-min-w-32 {
        min-width: 2rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-32 {
        min-width: 2rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-32 {
        min-width: 2rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-32 {
        min-width: 2rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-32 {
        min-width: 2rem
    }
}

.min-w-36 {
    min-width: 2.25rem
}

@media (max-width: 575px) {
    .xs-min-w-36 {
        min-width: 2.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-36 {
        min-width: 2.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-36 {
        min-width: 2.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-36 {
        min-width: 2.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-36 {
        min-width: 2.25rem
    }
}

.min-w-40 {
    min-width: 2.5rem
}

@media (max-width: 575px) {
    .xs-min-w-40 {
        min-width: 2.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-40 {
        min-width: 2.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-40 {
        min-width: 2.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-40 {
        min-width: 2.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-40 {
        min-width: 2.5rem
    }
}

.min-w-44 {
    min-width: 2.75rem
}

@media (max-width: 575px) {
    .xs-min-w-44 {
        min-width: 2.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-44 {
        min-width: 2.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-44 {
        min-width: 2.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-44 {
        min-width: 2.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-44 {
        min-width: 2.75rem
    }
}

.min-w-48 {
    min-width: 3rem
}

@media (max-width: 575px) {
    .xs-min-w-48 {
        min-width: 3rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-48 {
        min-width: 3rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-48 {
        min-width: 3rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-48 {
        min-width: 3rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-48 {
        min-width: 3rem
    }
}

.min-w-52 {
    min-width: 3.25rem
}

@media (max-width: 575px) {
    .xs-min-w-52 {
        min-width: 3.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-52 {
        min-width: 3.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-52 {
        min-width: 3.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-52 {
        min-width: 3.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-52 {
        min-width: 3.25rem
    }
}

.min-w-56 {
    min-width: 3.5rem
}

@media (max-width: 575px) {
    .xs-min-w-56 {
        min-width: 3.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-56 {
        min-width: 3.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-56 {
        min-width: 3.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-56 {
        min-width: 3.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-56 {
        min-width: 3.5rem
    }
}

.min-w-60 {
    min-width: 3.75rem
}

@media (max-width: 575px) {
    .xs-min-w-60 {
        min-width: 3.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-60 {
        min-width: 3.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-60 {
        min-width: 3.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-60 {
        min-width: 3.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-60 {
        min-width: 3.75rem
    }
}

.min-w-64 {
    min-width: 4rem
}

@media (max-width: 575px) {
    .xs-min-w-64 {
        min-width: 4rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-64 {
        min-width: 4rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-64 {
        min-width: 4rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-64 {
        min-width: 4rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-64 {
        min-width: 4rem
    }
}

.min-w-68 {
    min-width: 4.25rem
}

@media (max-width: 575px) {
    .xs-min-w-68 {
        min-width: 4.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-68 {
        min-width: 4.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-68 {
        min-width: 4.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-68 {
        min-width: 4.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-68 {
        min-width: 4.25rem
    }
}

.min-w-72 {
    min-width: 4.5rem
}

@media (max-width: 575px) {
    .xs-min-w-72 {
        min-width: 4.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-72 {
        min-width: 4.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-72 {
        min-width: 4.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-72 {
        min-width: 4.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-72 {
        min-width: 4.5rem
    }
}

.min-w-76 {
    min-width: 4.75rem
}

@media (max-width: 575px) {
    .xs-min-w-76 {
        min-width: 4.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-76 {
        min-width: 4.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-76 {
        min-width: 4.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-76 {
        min-width: 4.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-76 {
        min-width: 4.75rem
    }
}

.min-w-80 {
    min-width: 5rem
}

@media (max-width: 575px) {
    .xs-min-w-80 {
        min-width: 5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-80 {
        min-width: 5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-80 {
        min-width: 5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-80 {
        min-width: 5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-80 {
        min-width: 5rem
    }
}

.min-w-84 {
    min-width: 5.25rem
}

@media (max-width: 575px) {
    .xs-min-w-84 {
        min-width: 5.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-84 {
        min-width: 5.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-84 {
        min-width: 5.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-84 {
        min-width: 5.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-84 {
        min-width: 5.25rem
    }
}

.min-w-88 {
    min-width: 5.5rem
}

@media (max-width: 575px) {
    .xs-min-w-88 {
        min-width: 5.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-88 {
        min-width: 5.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-88 {
        min-width: 5.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-88 {
        min-width: 5.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-88 {
        min-width: 5.5rem
    }
}

.min-w-92 {
    min-width: 5.75rem
}

@media (max-width: 575px) {
    .xs-min-w-92 {
        min-width: 5.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-92 {
        min-width: 5.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-92 {
        min-width: 5.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-92 {
        min-width: 5.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-92 {
        min-width: 5.75rem
    }
}

.min-w-96 {
    min-width: 6rem
}

@media (max-width: 575px) {
    .xs-min-w-96 {
        min-width: 6rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-96 {
        min-width: 6rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-96 {
        min-width: 6rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-96 {
        min-width: 6rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-96 {
        min-width: 6rem
    }
}

.min-w-100 {
    min-width: 6.25rem
}

@media (max-width: 575px) {
    .xs-min-w-100 {
        min-width: 6.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-100 {
        min-width: 6.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-100 {
        min-width: 6.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-100 {
        min-width: 6.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-100 {
        min-width: 6.25rem
    }
}

.min-w-104 {
    min-width: 6.5rem
}

@media (max-width: 575px) {
    .xs-min-w-104 {
        min-width: 6.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-104 {
        min-width: 6.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-104 {
        min-width: 6.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-104 {
        min-width: 6.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-104 {
        min-width: 6.5rem
    }
}

.min-w-108 {
    min-width: 6.75rem
}

@media (max-width: 575px) {
    .xs-min-w-108 {
        min-width: 6.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-108 {
        min-width: 6.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-108 {
        min-width: 6.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-108 {
        min-width: 6.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-108 {
        min-width: 6.75rem
    }
}

.min-w-112 {
    min-width: 7rem
}

@media (max-width: 575px) {
    .xs-min-w-112 {
        min-width: 7rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-112 {
        min-width: 7rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-112 {
        min-width: 7rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-112 {
        min-width: 7rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-112 {
        min-width: 7rem
    }
}

.min-w-116 {
    min-width: 7.25rem
}

@media (max-width: 575px) {
    .xs-min-w-116 {
        min-width: 7.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-116 {
        min-width: 7.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-116 {
        min-width: 7.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-116 {
        min-width: 7.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-116 {
        min-width: 7.25rem
    }
}

.min-w-120 {
    min-width: 7.5rem
}

@media (max-width: 575px) {
    .xs-min-w-120 {
        min-width: 7.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-120 {
        min-width: 7.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-120 {
        min-width: 7.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-120 {
        min-width: 7.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-120 {
        min-width: 7.5rem
    }
}

.min-w-124 {
    min-width: 7.75rem
}

@media (max-width: 575px) {
    .xs-min-w-124 {
        min-width: 7.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-124 {
        min-width: 7.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-124 {
        min-width: 7.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-124 {
        min-width: 7.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-124 {
        min-width: 7.75rem
    }
}

.min-w-128 {
    min-width: 8rem
}

@media (max-width: 575px) {
    .xs-min-w-128 {
        min-width: 8rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-128 {
        min-width: 8rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-128 {
        min-width: 8rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-128 {
        min-width: 8rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-128 {
        min-width: 8rem
    }
}

.min-w-132 {
    min-width: 8.25rem
}

@media (max-width: 575px) {
    .xs-min-w-132 {
        min-width: 8.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-132 {
        min-width: 8.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-132 {
        min-width: 8.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-132 {
        min-width: 8.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-132 {
        min-width: 8.25rem
    }
}

.min-w-136 {
    min-width: 8.5rem
}

@media (max-width: 575px) {
    .xs-min-w-136 {
        min-width: 8.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-136 {
        min-width: 8.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-136 {
        min-width: 8.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-136 {
        min-width: 8.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-136 {
        min-width: 8.5rem
    }
}

.min-w-140 {
    min-width: 8.75rem
}

@media (max-width: 575px) {
    .xs-min-w-140 {
        min-width: 8.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-140 {
        min-width: 8.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-140 {
        min-width: 8.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-140 {
        min-width: 8.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-140 {
        min-width: 8.75rem
    }
}

.min-w-144 {
    min-width: 9rem
}

@media (max-width: 575px) {
    .xs-min-w-144 {
        min-width: 9rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-144 {
        min-width: 9rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-144 {
        min-width: 9rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-144 {
        min-width: 9rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-144 {
        min-width: 9rem
    }
}

.min-w-148 {
    min-width: 9.25rem
}

@media (max-width: 575px) {
    .xs-min-w-148 {
        min-width: 9.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-148 {
        min-width: 9.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-148 {
        min-width: 9.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-148 {
        min-width: 9.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-148 {
        min-width: 9.25rem
    }
}

.min-w-152 {
    min-width: 9.5rem
}

@media (max-width: 575px) {
    .xs-min-w-152 {
        min-width: 9.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-152 {
        min-width: 9.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-152 {
        min-width: 9.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-152 {
        min-width: 9.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-152 {
        min-width: 9.5rem
    }
}

.min-w-156 {
    min-width: 9.75rem
}

@media (max-width: 575px) {
    .xs-min-w-156 {
        min-width: 9.75rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-156 {
        min-width: 9.75rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-156 {
        min-width: 9.75rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-156 {
        min-width: 9.75rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-156 {
        min-width: 9.75rem
    }
}

.min-w-160 {
    min-width: 10rem
}

@media (max-width: 575px) {
    .xs-min-w-160 {
        min-width: 10rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-160 {
        min-width: 10rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-160 {
        min-width: 10rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-160 {
        min-width: 10rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-160 {
        min-width: 10rem
    }
}

.min-w-168 {
    min-width: 10.5rem
}

@media (max-width: 575px) {
    .xs-min-w-168 {
        min-width: 10.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-168 {
        min-width: 10.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-168 {
        min-width: 10.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-168 {
        min-width: 10.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-168 {
        min-width: 10.5rem
    }
}

.min-w-176 {
    min-width: 11rem
}

@media (max-width: 575px) {
    .xs-min-w-176 {
        min-width: 11rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-176 {
        min-width: 11rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-176 {
        min-width: 11rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-176 {
        min-width: 11rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-176 {
        min-width: 11rem
    }
}

.min-w-180 {
    min-width: 11.25rem
}

@media (max-width: 575px) {
    .xs-min-w-180 {
        min-width: 11.25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-180 {
        min-width: 11.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-180 {
        min-width: 11.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-180 {
        min-width: 11.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-180 {
        min-width: 11.25rem
    }
}

.min-w-184 {
    min-width: 11.5rem
}

@media (max-width: 575px) {
    .xs-min-w-184 {
        min-width: 11.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-184 {
        min-width: 11.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-184 {
        min-width: 11.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-184 {
        min-width: 11.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-184 {
        min-width: 11.5rem
    }
}

.min-w-192 {
    min-width: 12rem
}

@media (max-width: 575px) {
    .xs-min-w-192 {
        min-width: 12rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-192 {
        min-width: 12rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-192 {
        min-width: 12rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-192 {
        min-width: 12rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-192 {
        min-width: 12rem
    }
}

.min-w-200 {
    min-width: 12.5rem
}

@media (max-width: 575px) {
    .xs-min-w-200 {
        min-width: 12.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-200 {
        min-width: 12.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-200 {
        min-width: 12.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-200 {
        min-width: 12.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-200 {
        min-width: 12.5rem
    }
}

.min-w-208 {
    min-width: 13rem
}

@media (max-width: 575px) {
    .xs-min-w-208 {
        min-width: 13rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-208 {
        min-width: 13rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-208 {
        min-width: 13rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-208 {
        min-width: 13rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-208 {
        min-width: 13rem
    }
}

.min-w-224 {
    min-width: 14rem
}

@media (max-width: 575px) {
    .xs-min-w-224 {
        min-width: 14rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-224 {
        min-width: 14rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-224 {
        min-width: 14rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-224 {
        min-width: 14rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-224 {
        min-width: 14rem
    }
}

.min-w-240 {
    min-width: 15rem
}

@media (max-width: 575px) {
    .xs-min-w-240 {
        min-width: 15rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-240 {
        min-width: 15rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-240 {
        min-width: 15rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-240 {
        min-width: 15rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-240 {
        min-width: 15rem
    }
}

.min-w-256 {
    min-width: 16rem
}

@media (max-width: 575px) {
    .xs-min-w-256 {
        min-width: 16rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-256 {
        min-width: 16rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-256 {
        min-width: 16rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-256 {
        min-width: 16rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-256 {
        min-width: 16rem
    }
}

.min-w-272 {
    min-width: 17rem
}

@media (max-width: 575px) {
    .xs-min-w-272 {
        min-width: 17rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-272 {
        min-width: 17rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-272 {
        min-width: 17rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-272 {
        min-width: 17rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-272 {
        min-width: 17rem
    }
}

.min-w-280 {
    min-width: 17.5rem
}

@media (max-width: 575px) {
    .xs-min-w-280 {
        min-width: 17.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-280 {
        min-width: 17.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-280 {
        min-width: 17.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-280 {
        min-width: 17.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-280 {
        min-width: 17.5rem
    }
}

.min-w-288 {
    min-width: 18rem
}

@media (max-width: 575px) {
    .xs-min-w-288 {
        min-width: 18rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-288 {
        min-width: 18rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-288 {
        min-width: 18rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-288 {
        min-width: 18rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-288 {
        min-width: 18rem
    }
}

.min-w-304 {
    min-width: 19rem
}

@media (max-width: 575px) {
    .xs-min-w-304 {
        min-width: 19rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-304 {
        min-width: 19rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-304 {
        min-width: 19rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-304 {
        min-width: 19rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-304 {
        min-width: 19rem
    }
}

.min-w-314 {
    min-width: 19.625rem
}

@media (max-width: 575px) {
    .xs-min-w-314 {
        min-width: 19.625rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-314 {
        min-width: 19.625rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-314 {
        min-width: 19.625rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-314 {
        min-width: 19.625rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-314 {
        min-width: 19.625rem
    }
}

.min-w-320 {
    min-width: 20rem
}

@media (max-width: 575px) {
    .xs-min-w-320 {
        min-width: 20rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-320 {
        min-width: 20rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-320 {
        min-width: 20rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-320 {
        min-width: 20rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-320 {
        min-width: 20rem
    }
}

.min-w-336 {
    min-width: 21rem
}

@media (max-width: 575px) {
    .xs-min-w-336 {
        min-width: 21rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-336 {
        min-width: 21rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-336 {
        min-width: 21rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-336 {
        min-width: 21rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-336 {
        min-width: 21rem
    }
}

.min-w-352 {
    min-width: 22rem
}

@media (max-width: 575px) {
    .xs-min-w-352 {
        min-width: 22rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-352 {
        min-width: 22rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-352 {
        min-width: 22rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-352 {
        min-width: 22rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-352 {
        min-width: 22rem
    }
}

.min-w-368 {
    min-width: 23rem
}

@media (max-width: 575px) {
    .xs-min-w-368 {
        min-width: 23rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-368 {
        min-width: 23rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-368 {
        min-width: 23rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-368 {
        min-width: 23rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-368 {
        min-width: 23rem
    }
}

.min-w-376 {
    min-width: 23.5rem
}

@media (max-width: 575px) {
    .xs-min-w-376 {
        min-width: 23.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-376 {
        min-width: 23.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-376 {
        min-width: 23.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-376 {
        min-width: 23.5rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-376 {
        min-width: 23.5rem
    }
}

.min-w-384 {
    min-width: 24rem
}

@media (max-width: 575px) {
    .xs-min-w-384 {
        min-width: 24rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-384 {
        min-width: 24rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-384 {
        min-width: 24rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-384 {
        min-width: 24rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-384 {
        min-width: 24rem
    }
}

.min-w-400 {
    min-width: 25rem
}

@media (max-width: 575px) {
    .xs-min-w-400 {
        min-width: 25rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-400 {
        min-width: 25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-400 {
        min-width: 25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-400 {
        min-width: 25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-400 {
        min-width: 25rem
    }
}

.min-w-416 {
    min-width: 26rem
}

@media (max-width: 575px) {
    .xs-min-w-416 {
        min-width: 26rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-416 {
        min-width: 26rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-416 {
        min-width: 26rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-416 {
        min-width: 26rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-416 {
        min-width: 26rem
    }
}

.min-w-432 {
    min-width: 27rem
}

@media (max-width: 575px) {
    .xs-min-w-432 {
        min-width: 27rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-432 {
        min-width: 27rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-432 {
        min-width: 27rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-432 {
        min-width: 27rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-432 {
        min-width: 27rem
    }
}

.min-w-448 {
    min-width: 28rem
}

@media (max-width: 575px) {
    .xs-min-w-448 {
        min-width: 28rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-448 {
        min-width: 28rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-448 {
        min-width: 28rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-448 {
        min-width: 28rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-448 {
        min-width: 28rem
    }
}

.min-w-464 {
    min-width: 29rem
}

@media (max-width: 575px) {
    .xs-min-w-464 {
        min-width: 29rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-464 {
        min-width: 29rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-464 {
        min-width: 29rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-464 {
        min-width: 29rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-464 {
        min-width: 29rem
    }
}

.min-w-480 {
    min-width: 30rem
}

@media (max-width: 575px) {
    .xs-min-w-480 {
        min-width: 30rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-480 {
        min-width: 30rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-480 {
        min-width: 30rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-480 {
        min-width: 30rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-480 {
        min-width: 30rem
    }
}

.min-w-496 {
    min-width: 31rem
}

@media (max-width: 575px) {
    .xs-min-w-496 {
        min-width: 31rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-496 {
        min-width: 31rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-496 {
        min-width: 31rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-496 {
        min-width: 31rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-496 {
        min-width: 31rem
    }
}

.min-w-512 {
    min-width: 32rem
}

@media (max-width: 575px) {
    .xs-min-w-512 {
        min-width: 32rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-512 {
        min-width: 32rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-512 {
        min-width: 32rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-512 {
        min-width: 32rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-512 {
        min-width: 32rem
    }
}

.min-w-528 {
    min-width: 33rem
}

@media (max-width: 575px) {
    .xs-min-w-528 {
        min-width: 33rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-528 {
        min-width: 33rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-528 {
        min-width: 33rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-528 {
        min-width: 33rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-528 {
        min-width: 33rem
    }
}

.min-w-544 {
    min-width: 34rem
}

@media (max-width: 575px) {
    .xs-min-w-544 {
        min-width: 34rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-544 {
        min-width: 34rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-544 {
        min-width: 34rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-544 {
        min-width: 34rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-544 {
        min-width: 34rem
    }
}

.min-w-560 {
    min-width: 35rem
}

@media (max-width: 575px) {
    .xs-min-w-560 {
        min-width: 35rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-560 {
        min-width: 35rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-560 {
        min-width: 35rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-560 {
        min-width: 35rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-560 {
        min-width: 35rem
    }
}

.min-w-576 {
    min-width: 36rem
}

@media (max-width: 575px) {
    .xs-min-w-576 {
        min-width: 36rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-576 {
        min-width: 36rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-576 {
        min-width: 36rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-576 {
        min-width: 36rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-576 {
        min-width: 36rem
    }
}

.min-w-592 {
    min-width: 37rem
}

@media (max-width: 575px) {
    .xs-min-w-592 {
        min-width: 37rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-592 {
        min-width: 37rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-592 {
        min-width: 37rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-592 {
        min-width: 37rem
    }
}

@media (min-width: 1200px) {
    .xl-min-w-592 {
        min-width: 37rem
    }
}

.min-w-33p {
    min-width: 33.33333%
}

@media (max-width: 575px) {
    .xs-min-w-33p {
        min-width: 33.33333%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-33p {
        min-width: 33.33333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-33p {
        min-width: 33.33333%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-33p {
        min-width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-33p {
        min-width: 33.33333%
    }
}

.min-w-66p {
    min-width: 66.66666%
}

@media (max-width: 575px) {
    .xs-min-w-66p {
        min-width: 66.66666%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-66p {
        min-width: 66.66666%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-66p {
        min-width: 66.66666%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-66p {
        min-width: 66.66666%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-66p {
        min-width: 66.66666%
    }
}

.min-w-25p {
    min-width: 25%
}

@media (max-width: 575px) {
    .xs-min-w-25p {
        min-width: 25%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-25p {
        min-width: 25%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-25p {
        min-width: 25%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-25p {
        min-width: 25%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-25p {
        min-width: 25%
    }
}

.min-w-20p {
    min-width: 20%
}

@media (max-width: 575px) {
    .xs-min-w-20p {
        min-width: 20%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-20p {
        min-width: 20%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-20p {
        min-width: 20%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-20p {
        min-width: 20%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-20p {
        min-width: 20%
    }
}

.min-w-40p {
    min-width: 40%
}

@media (max-width: 575px) {
    .xs-min-w-40p {
        min-width: 40%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-40p {
        min-width: 40%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-40p {
        min-width: 40%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-40p {
        min-width: 40%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-40p {
        min-width: 40%
    }
}

.min-w-45p {
    min-width: 45%
}

@media (max-width: 575px) {
    .xs-min-w-45p {
        min-width: 45%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-45p {
        min-width: 45%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-45p {
        min-width: 45%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-45p {
        min-width: 45%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-45p {
        min-width: 45%
    }
}

.min-w-50p {
    min-width: 50%
}

@media (max-width: 575px) {
    .xs-min-w-50p {
        min-width: 50%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-50p {
        min-width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-50p {
        min-width: 50%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-50p {
        min-width: 50%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-50p {
        min-width: 50%
    }
}

.min-w-55p {
    min-width: 55%
}

@media (max-width: 575px) {
    .xs-min-w-55p {
        min-width: 55%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-55p {
        min-width: 55%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-55p {
        min-width: 55%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-55p {
        min-width: 55%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-55p {
        min-width: 55%
    }
}

.min-w-60p {
    min-width: 60%
}

@media (max-width: 575px) {
    .xs-min-w-60p {
        min-width: 60%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-60p {
        min-width: 60%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-60p {
        min-width: 60%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-60p {
        min-width: 60%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-60p {
        min-width: 60%
    }
}

.min-w-65p {
    min-width: 65%
}

@media (max-width: 575px) {
    .xs-min-w-65p {
        min-width: 65%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-65p {
        min-width: 65%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-65p {
        min-width: 65%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-65p {
        min-width: 65%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-65p {
        min-width: 65%
    }
}

.min-w-70p {
    min-width: 70%
}

@media (max-width: 575px) {
    .xs-min-w-70p {
        min-width: 70%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-70p {
        min-width: 70%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-70p {
        min-width: 70%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-70p {
        min-width: 70%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-70p {
        min-width: 70%
    }
}

.min-w-75p {
    min-width: 75%
}

@media (max-width: 575px) {
    .xs-min-w-75p {
        min-width: 75%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-75p {
        min-width: 75%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-75p {
        min-width: 75%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-75p {
        min-width: 75%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-75p {
        min-width: 75%
    }
}

.min-w-80p {
    min-width: 80%
}

@media (max-width: 575px) {
    .xs-min-w-80p {
        min-width: 80%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-80p {
        min-width: 80%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-80p {
        min-width: 80%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-80p {
        min-width: 80%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-80p {
        min-width: 80%
    }
}

.min-w-16p {
    min-width: 16.66666%
}

@media (max-width: 575px) {
    .xs-min-w-16p {
        min-width: 16.66666%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-16p {
        min-width: 16.66666%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-16p {
        min-width: 16.66666%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-16p {
        min-width: 16.66666%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-16p {
        min-width: 16.66666%
    }
}

.min-w-83p {
    min-width: 83.33333%
}

@media (max-width: 575px) {
    .xs-min-w-83p {
        min-width: 83.33333%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-83p {
        min-width: 83.33333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-83p {
        min-width: 83.33333%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-83p {
        min-width: 83.33333%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-83p {
        min-width: 83.33333%
    }
}

.min-w-8p {
    min-width: 8.33333%
}

@media (max-width: 575px) {
    .xs-min-w-8p {
        min-width: 8.33333%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-8p {
        min-width: 8.33333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-8p {
        min-width: 8.33333%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-8p {
        min-width: 8.33333%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-8p {
        min-width: 8.33333%
    }
}

.min-w-41p {
    min-width: 41.66666%
}

@media (max-width: 575px) {
    .xs-min-w-41p {
        min-width: 41.66666%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-41p {
        min-width: 41.66666%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-41p {
        min-width: 41.66666%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-41p {
        min-width: 41.66666%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-41p {
        min-width: 41.66666%
    }
}

.min-w-58p {
    min-width: 58.33333%
}

@media (max-width: 575px) {
    .xs-min-w-58p {
        min-width: 58.33333%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-58p {
        min-width: 58.33333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-58p {
        min-width: 58.33333%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-58p {
        min-width: 58.33333%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-58p {
        min-width: 58.33333%
    }
}

.min-w-91p {
    min-width: 91.66666%
}

@media (max-width: 575px) {
    .xs-min-w-91p {
        min-width: 91.66666%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-91p {
        min-width: 91.66666%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-91p {
        min-width: 91.66666%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-91p {
        min-width: 91.66666%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-91p {
        min-width: 91.66666%
    }
}

.min-w-100p {
    min-width: 100%
}

@media (max-width: 575px) {
    .xs-min-w-100p {
        min-width: 100%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-100p {
        min-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-100p {
        min-width: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-100p {
        min-width: 100%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-100p {
        min-width: 100%
    }
}

.min-w-half {
    min-width: 50%
}

@media (max-width: 575px) {
    .xs-min-w-half {
        min-width: 50%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-half {
        min-width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-half {
        min-width: 50%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-half {
        min-width: 50%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-half {
        min-width: 50%
    }
}

.min-w-full {
    min-width: 100%
}

@media (max-width: 575px) {
    .xs-min-w-full {
        min-width: 100%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-w-full {
        min-width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-w-full {
        min-width: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-w-full {
        min-width: 100%
    }
}

@media (min-width: 1200px) {
    .xl-min-w-full {
        min-width: 100%
    }
}

.max-w-xs {
    max-width: 20rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-full {
    max-width: 100%
}

.max-w-none {
    max-width: none
}

@media (max-width: 575px) {
    .xs-max-w-360 {
        max-width: 22.5rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-max-w-full {
        max-width: 100%
    }

    .sm-max-w-none {
        max-width: none
    }

    .sm-max-w-xs {
        max-width: 20rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-max-w-full {
        max-width: 100%
    }

    .md-max-w-none {
        max-width: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-max-w-full {
        max-width: 100%
    }

    .lg-max-w-none {
        max-width: none
    }
}

@media (min-width: 1200px) {
    .xl-max-w-full {
        max-width: 100%
    }

    .xl-max-w-none {
        max-width: none
    }
}

.hauto {
    height: auto
}

@media (max-width: 575px) {
    .xs-hauto {
        height: auto !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-hauto {
        height: auto !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-hauto {
        height: auto !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-hauto {
        height: auto !important
    }
}

@media (min-width: 1200px) {
    .xl-hauto {
        height: auto !important
    }
}

.h-full {
    height: 100%
}

@media (max-width: 575px) {
    .xs-h-full {
        height: 100% !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-full {
        height: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-full {
        height: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-full {
        height: 100% !important
    }
}

@media (min-width: 1200px) {
    .xl-h-full {
        height: 100% !important
    }
}

.h-screen {
    height: 100vh
}

@media (max-width: 575px) {
    .xs-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-screen {
        height: 100vh !important
    }
}

@media (min-width: 1200px) {
    .xl-h-screen {
        height: 100vh !important
    }
}

.h-0 {
    height: 0
}

@media (max-width: 575px) {
    .xs-h-0 {
        height: 0 !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-0 {
        height: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-0 {
        height: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-0 {
        height: 0 !important
    }
}

@media (min-width: 1200px) {
    .xl-h-0 {
        height: 0 !important
    }
}

.h-1 {
    height: 1px
}

@media (max-width: 575px) {
    .xs-h-1 {
        height: 1px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-1 {
        height: 1px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-1 {
        height: 1px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-1 {
        height: 1px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-1 {
        height: 1px !important
    }
}

.h-2 {
    height: 2px
}

@media (max-width: 575px) {
    .xs-h-2 {
        height: 2px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-2 {
        height: 2px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-2 {
        height: 2px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-2 {
        height: 2px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-2 {
        height: 2px !important
    }
}

.h-3 {
    height: 3px
}

@media (max-width: 575px) {
    .xs-h-3 {
        height: 3px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-3 {
        height: 3px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-3 {
        height: 3px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-3 {
        height: 3px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-3 {
        height: 3px !important
    }
}

.h-4 {
    height: 4px
}

@media (max-width: 575px) {
    .xs-h-4 {
        height: 4px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-4 {
        height: 4px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-4 {
        height: 4px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-4 {
        height: 4px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-4 {
        height: 4px !important
    }
}

.h-5 {
    height: 5px
}

@media (max-width: 575px) {
    .xs-h-5 {
        height: 5px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-5 {
        height: 5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-5 {
        height: 5px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-5 {
        height: 5px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-5 {
        height: 5px !important
    }
}

.h-6 {
    height: 6px
}

@media (max-width: 575px) {
    .xs-h-6 {
        height: 6px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-6 {
        height: 6px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-6 {
        height: 6px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-6 {
        height: 6px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-6 {
        height: 6px !important
    }
}

.h-7 {
    height: 7px
}

@media (max-width: 575px) {
    .xs-h-7 {
        height: 7px !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-7 {
        height: 7px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-7 {
        height: 7px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-7 {
        height: 7px !important
    }
}

@media (min-width: 1200px) {
    .xl-h-7 {
        height: 7px !important
    }
}

.h-8 {
    height: .5rem
}

@media (max-width: 575px) {
    .xs-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-8 {
        height: .5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-8 {
        height: .5rem !important
    }
}

.h-10 {
    height: .625rem
}

@media (max-width: 575px) {
    .xs-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-10 {
        height: .625rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-10 {
        height: .625rem !important
    }
}

.h-12 {
    height: .75rem
}

@media (max-width: 575px) {
    .xs-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-12 {
        height: .75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-12 {
        height: .75rem !important
    }
}

.h-14 {
    height: .875rem
}

@media (max-width: 575px) {
    .xs-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-14 {
        height: .875rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-14 {
        height: .875rem !important
    }
}

.h-16 {
    height: 1rem
}

@media (max-width: 575px) {
    .xs-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-16 {
        height: 1rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-16 {
        height: 1rem !important
    }
}

.h-18 {
    height: 1.125rem
}

@media (max-width: 575px) {
    .xs-h-18 {
        height: 1.125rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-18 {
        height: 1.125rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-18 {
        height: 1.125rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-18 {
        height: 1.125rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-18 {
        height: 1.125rem !important
    }
}

.h-20 {
    height: 1.25rem
}

@media (max-width: 575px) {
    .xs-h-20 {
        height: 1.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-20 {
        height: 1.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-20 {
        height: 1.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-20 {
        height: 1.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-20 {
        height: 1.25rem !important
    }
}

.h-24 {
    height: 1.5rem
}

@media (max-width: 575px) {
    .xs-h-24 {
        height: 1.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-24 {
        height: 1.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-24 {
        height: 1.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-24 {
        height: 1.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-24 {
        height: 1.5rem !important
    }
}

.h-28 {
    height: 1.75rem
}

@media (max-width: 575px) {
    .xs-h-28 {
        height: 1.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-28 {
        height: 1.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-28 {
        height: 1.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-28 {
        height: 1.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-28 {
        height: 1.75rem !important
    }
}

.h-32 {
    height: 2rem
}

@media (max-width: 575px) {
    .xs-h-32 {
        height: 2rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-32 {
        height: 2rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-32 {
        height: 2rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-32 {
        height: 2rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-32 {
        height: 2rem !important
    }
}

.h-36 {
    height: 2.25rem
}

@media (max-width: 575px) {
    .xs-h-36 {
        height: 2.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-36 {
        height: 2.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-36 {
        height: 2.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-36 {
        height: 2.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-36 {
        height: 2.25rem !important
    }
}

.h-40 {
    height: 2.5rem
}

@media (max-width: 575px) {
    .xs-h-40 {
        height: 2.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-40 {
        height: 2.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-40 {
        height: 2.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-40 {
        height: 2.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-40 {
        height: 2.5rem !important
    }
}

.h-44 {
    height: 2.75rem
}

@media (max-width: 575px) {
    .xs-h-44 {
        height: 2.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-44 {
        height: 2.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-44 {
        height: 2.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-44 {
        height: 2.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-44 {
        height: 2.75rem !important
    }
}

.h-48 {
    height: 3rem
}

@media (max-width: 575px) {
    .xs-h-48 {
        height: 3rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-48 {
        height: 3rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-48 {
        height: 3rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-48 {
        height: 3rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-48 {
        height: 3rem !important
    }
}

.h-52 {
    height: 3.25rem
}

@media (max-width: 575px) {
    .xs-h-52 {
        height: 3.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-52 {
        height: 3.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-52 {
        height: 3.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-52 {
        height: 3.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-52 {
        height: 3.25rem !important
    }
}

.h-56 {
    height: 3.5rem
}

@media (max-width: 575px) {
    .xs-h-56 {
        height: 3.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-56 {
        height: 3.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-56 {
        height: 3.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-56 {
        height: 3.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-56 {
        height: 3.5rem !important
    }
}

.h-60 {
    height: 3.75rem
}

@media (max-width: 575px) {
    .xs-h-60 {
        height: 3.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-60 {
        height: 3.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-60 {
        height: 3.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-60 {
        height: 3.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-60 {
        height: 3.75rem !important
    }
}

.h-64 {
    height: 4rem
}

@media (max-width: 575px) {
    .xs-h-64 {
        height: 4rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-64 {
        height: 4rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-64 {
        height: 4rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-64 {
        height: 4rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-64 {
        height: 4rem !important
    }
}

.h-68 {
    height: 4.25rem
}

@media (max-width: 575px) {
    .xs-h-68 {
        height: 4.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-68 {
        height: 4.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-68 {
        height: 4.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-68 {
        height: 4.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-68 {
        height: 4.25rem !important
    }
}

.h-72 {
    height: 4.5rem
}

@media (max-width: 575px) {
    .xs-h-72 {
        height: 4.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-72 {
        height: 4.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-72 {
        height: 4.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-72 {
        height: 4.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-72 {
        height: 4.5rem !important
    }
}

.h-76 {
    height: 4.75rem
}

@media (max-width: 575px) {
    .xs-h-76 {
        height: 4.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-76 {
        height: 4.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-76 {
        height: 4.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-76 {
        height: 4.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-76 {
        height: 4.75rem !important
    }
}

.h-80 {
    height: 5rem
}

@media (max-width: 575px) {
    .xs-h-80 {
        height: 5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-80 {
        height: 5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-80 {
        height: 5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-80 {
        height: 5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-80 {
        height: 5rem !important
    }
}

.h-84 {
    height: 5.25rem
}

@media (max-width: 575px) {
    .xs-h-84 {
        height: 5.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-84 {
        height: 5.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-84 {
        height: 5.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-84 {
        height: 5.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-84 {
        height: 5.25rem !important
    }
}

.h-88 {
    height: 5.5rem
}

@media (max-width: 575px) {
    .xs-h-88 {
        height: 5.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-88 {
        height: 5.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-88 {
        height: 5.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-88 {
        height: 5.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-88 {
        height: 5.5rem !important
    }
}

.h-92 {
    height: 5.75rem
}

@media (max-width: 575px) {
    .xs-h-92 {
        height: 5.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-92 {
        height: 5.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-92 {
        height: 5.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-92 {
        height: 5.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-92 {
        height: 5.75rem !important
    }
}

.h-96 {
    height: 6rem
}

@media (max-width: 575px) {
    .xs-h-96 {
        height: 6rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-96 {
        height: 6rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-96 {
        height: 6rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-96 {
        height: 6rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-96 {
        height: 6rem !important
    }
}

.h-100 {
    height: 6.25rem
}

@media (max-width: 575px) {
    .xs-h-100 {
        height: 6.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-100 {
        height: 6.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-100 {
        height: 6.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-100 {
        height: 6.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-100 {
        height: 6.25rem !important
    }
}

.h-104 {
    height: 6.5rem
}

@media (max-width: 575px) {
    .xs-h-104 {
        height: 6.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-104 {
        height: 6.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-104 {
        height: 6.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-104 {
        height: 6.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-104 {
        height: 6.5rem !important
    }
}

.h-108 {
    height: 6.75rem
}

@media (max-width: 575px) {
    .xs-h-108 {
        height: 6.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-108 {
        height: 6.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-108 {
        height: 6.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-108 {
        height: 6.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-108 {
        height: 6.75rem !important
    }
}

.h-112 {
    height: 7rem
}

@media (max-width: 575px) {
    .xs-h-112 {
        height: 7rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-112 {
        height: 7rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-112 {
        height: 7rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-112 {
        height: 7rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-112 {
        height: 7rem !important
    }
}

.h-116 {
    height: 7.25rem
}

@media (max-width: 575px) {
    .xs-h-116 {
        height: 7.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-116 {
        height: 7.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-116 {
        height: 7.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-116 {
        height: 7.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-116 {
        height: 7.25rem !important
    }
}

.h-120 {
    height: 7.5rem
}

@media (max-width: 575px) {
    .xs-h-120 {
        height: 7.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-120 {
        height: 7.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-120 {
        height: 7.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-120 {
        height: 7.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-120 {
        height: 7.5rem !important
    }
}

.h-124 {
    height: 7.75rem
}

@media (max-width: 575px) {
    .xs-h-124 {
        height: 7.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-124 {
        height: 7.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-124 {
        height: 7.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-124 {
        height: 7.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-124 {
        height: 7.75rem !important
    }
}

.h-128 {
    height: 8rem
}

@media (max-width: 575px) {
    .xs-h-128 {
        height: 8rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-128 {
        height: 8rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-128 {
        height: 8rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-128 {
        height: 8rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-128 {
        height: 8rem !important
    }
}

.h-132 {
    height: 8.25rem
}

@media (max-width: 575px) {
    .xs-h-132 {
        height: 8.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-132 {
        height: 8.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-132 {
        height: 8.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-132 {
        height: 8.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-132 {
        height: 8.25rem !important
    }
}

.h-136 {
    height: 8.5rem
}

@media (max-width: 575px) {
    .xs-h-136 {
        height: 8.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-136 {
        height: 8.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-136 {
        height: 8.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-136 {
        height: 8.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-136 {
        height: 8.5rem !important
    }
}

.h-140 {
    height: 8.75rem
}

@media (max-width: 575px) {
    .xs-h-140 {
        height: 8.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-140 {
        height: 8.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-140 {
        height: 8.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-140 {
        height: 8.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-140 {
        height: 8.75rem !important
    }
}

.h-144 {
    height: 9rem
}

@media (max-width: 575px) {
    .xs-h-144 {
        height: 9rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-144 {
        height: 9rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-144 {
        height: 9rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-144 {
        height: 9rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-144 {
        height: 9rem !important
    }
}

.h-148 {
    height: 9.25rem
}

@media (max-width: 575px) {
    .xs-h-148 {
        height: 9.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-148 {
        height: 9.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-148 {
        height: 9.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-148 {
        height: 9.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-148 {
        height: 9.25rem !important
    }
}

.h-152 {
    height: 9.5rem
}

@media (max-width: 575px) {
    .xs-h-152 {
        height: 9.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-152 {
        height: 9.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-152 {
        height: 9.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-152 {
        height: 9.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-152 {
        height: 9.5rem !important
    }
}

.h-156 {
    height: 9.75rem
}

@media (max-width: 575px) {
    .xs-h-156 {
        height: 9.75rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-156 {
        height: 9.75rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-156 {
        height: 9.75rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-156 {
        height: 9.75rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-156 {
        height: 9.75rem !important
    }
}

.h-160 {
    height: 10rem
}

@media (max-width: 575px) {
    .xs-h-160 {
        height: 10rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-160 {
        height: 10rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-160 {
        height: 10rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-160 {
        height: 10rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-160 {
        height: 10rem !important
    }
}

.h-168 {
    height: 10.5rem
}

@media (max-width: 575px) {
    .xs-h-168 {
        height: 10.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-168 {
        height: 10.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-168 {
        height: 10.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-168 {
        height: 10.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-168 {
        height: 10.5rem !important
    }
}

.h-176 {
    height: 11rem
}

@media (max-width: 575px) {
    .xs-h-176 {
        height: 11rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-176 {
        height: 11rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-176 {
        height: 11rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-176 {
        height: 11rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-176 {
        height: 11rem !important
    }
}

.h-180 {
    height: 11.25rem
}

@media (max-width: 575px) {
    .xs-h-180 {
        height: 11.25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-180 {
        height: 11.25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-180 {
        height: 11.25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-180 {
        height: 11.25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-180 {
        height: 11.25rem !important
    }
}

.h-184 {
    height: 11.5rem
}

@media (max-width: 575px) {
    .xs-h-184 {
        height: 11.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-184 {
        height: 11.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-184 {
        height: 11.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-184 {
        height: 11.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-184 {
        height: 11.5rem !important
    }
}

.h-192 {
    height: 12rem
}

@media (max-width: 575px) {
    .xs-h-192 {
        height: 12rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-192 {
        height: 12rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-192 {
        height: 12rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-192 {
        height: 12rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-192 {
        height: 12rem !important
    }
}

.h-200 {
    height: 12.5rem
}

@media (max-width: 575px) {
    .xs-h-200 {
        height: 12.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-200 {
        height: 12.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-200 {
        height: 12.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-200 {
        height: 12.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-200 {
        height: 12.5rem !important
    }
}

.h-208 {
    height: 13rem
}

@media (max-width: 575px) {
    .xs-h-208 {
        height: 13rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-208 {
        height: 13rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-208 {
        height: 13rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-208 {
        height: 13rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-208 {
        height: 13rem !important
    }
}

.h-216 {
    height: 13.5rem
}

@media (max-width: 575px) {
    .xs-h-216 {
        height: 13.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-216 {
        height: 13.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-216 {
        height: 13.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-216 {
        height: 13.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-216 {
        height: 13.5rem !important
    }
}

.h-224 {
    height: 14rem
}

@media (max-width: 575px) {
    .xs-h-224 {
        height: 14rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-224 {
        height: 14rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-224 {
        height: 14rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-224 {
        height: 14rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-224 {
        height: 14rem !important
    }
}

.h-232 {
    height: 14.5rem
}

@media (max-width: 575px) {
    .xs-h-232 {
        height: 14.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-232 {
        height: 14.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-232 {
        height: 14.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-232 {
        height: 14.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-232 {
        height: 14.5rem !important
    }
}

.h-240 {
    height: 15rem
}

@media (max-width: 575px) {
    .xs-h-240 {
        height: 15rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-240 {
        height: 15rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-240 {
        height: 15rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-240 {
        height: 15rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-240 {
        height: 15rem !important
    }
}

.h-256 {
    height: 16rem
}

@media (max-width: 575px) {
    .xs-h-256 {
        height: 16rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-256 {
        height: 16rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-256 {
        height: 16rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-256 {
        height: 16rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-256 {
        height: 16rem !important
    }
}

.h-272 {
    height: 17rem
}

@media (max-width: 575px) {
    .xs-h-272 {
        height: 17rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-272 {
        height: 17rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-272 {
        height: 17rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-272 {
        height: 17rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-272 {
        height: 17rem !important
    }
}

.h-280 {
    height: 17.5rem
}

@media (max-width: 575px) {
    .xs-h-280 {
        height: 17.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-280 {
        height: 17.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-280 {
        height: 17.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-280 {
        height: 17.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-280 {
        height: 17.5rem !important
    }
}

.h-288 {
    height: 18rem
}

@media (max-width: 575px) {
    .xs-h-288 {
        height: 18rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-288 {
        height: 18rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-288 {
        height: 18rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-288 {
        height: 18rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-288 {
        height: 18rem !important
    }
}

.h-304 {
    height: 19rem
}

@media (max-width: 575px) {
    .xs-h-304 {
        height: 19rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-304 {
        height: 19rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-304 {
        height: 19rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-304 {
        height: 19rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-304 {
        height: 19rem !important
    }
}

.h-320 {
    height: 20rem
}

@media (max-width: 575px) {
    .xs-h-320 {
        height: 20rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-320 {
        height: 20rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-320 {
        height: 20rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-320 {
        height: 20rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-320 {
        height: 20rem !important
    }
}

.h-336 {
    height: 21rem
}

@media (max-width: 575px) {
    .xs-h-336 {
        height: 21rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-336 {
        height: 21rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-336 {
        height: 21rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-336 {
        height: 21rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-336 {
        height: 21rem !important
    }
}

.h-352 {
    height: 22rem
}

@media (max-width: 575px) {
    .xs-h-352 {
        height: 22rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-352 {
        height: 22rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-352 {
        height: 22rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-352 {
        height: 22rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-352 {
        height: 22rem !important
    }
}

.h-368 {
    height: 23rem
}

@media (max-width: 575px) {
    .xs-h-368 {
        height: 23rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-368 {
        height: 23rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-368 {
        height: 23rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-368 {
        height: 23rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-368 {
        height: 23rem !important
    }
}

.h-376 {
    height: 23.5rem
}

@media (max-width: 575px) {
    .xs-h-376 {
        height: 23.5rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-376 {
        height: 23.5rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-376 {
        height: 23.5rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-376 {
        height: 23.5rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-376 {
        height: 23.5rem !important
    }
}

.h-384 {
    height: 24rem
}

@media (max-width: 575px) {
    .xs-h-384 {
        height: 24rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-384 {
        height: 24rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-384 {
        height: 24rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-384 {
        height: 24rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-384 {
        height: 24rem !important
    }
}

.h-400 {
    height: 25rem
}

@media (max-width: 575px) {
    .xs-h-400 {
        height: 25rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-400 {
        height: 25rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-400 {
        height: 25rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-400 {
        height: 25rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-400 {
        height: 25rem !important
    }
}

.h-416 {
    height: 26rem
}

@media (max-width: 575px) {
    .xs-h-416 {
        height: 26rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-416 {
        height: 26rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-416 {
        height: 26rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-416 {
        height: 26rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-416 {
        height: 26rem !important
    }
}

.h-432 {
    height: 27rem
}

@media (max-width: 575px) {
    .xs-h-432 {
        height: 27rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-432 {
        height: 27rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-432 {
        height: 27rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-432 {
        height: 27rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-432 {
        height: 27rem !important
    }
}

.h-448 {
    height: 28rem
}

@media (max-width: 575px) {
    .xs-h-448 {
        height: 28rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-448 {
        height: 28rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-448 {
        height: 28rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-448 {
        height: 28rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-448 {
        height: 28rem !important
    }
}

.h-464 {
    height: 29rem
}

@media (max-width: 575px) {
    .xs-h-464 {
        height: 29rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-464 {
        height: 29rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-464 {
        height: 29rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-464 {
        height: 29rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-464 {
        height: 29rem !important
    }
}

.h-480 {
    height: 30rem
}

@media (max-width: 575px) {
    .xs-h-480 {
        height: 30rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-480 {
        height: 30rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-480 {
        height: 30rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-480 {
        height: 30rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-480 {
        height: 30rem !important
    }
}

.h-496 {
    height: 31rem
}

@media (max-width: 575px) {
    .xs-h-496 {
        height: 31rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-496 {
        height: 31rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-496 {
        height: 31rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-496 {
        height: 31rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-496 {
        height: 31rem !important
    }
}

.h-512 {
    height: 32rem
}

@media (max-width: 575px) {
    .xs-h-512 {
        height: 32rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-512 {
        height: 32rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-512 {
        height: 32rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-512 {
        height: 32rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-512 {
        height: 32rem !important
    }
}

.h-528 {
    height: 33rem
}

@media (max-width: 575px) {
    .xs-h-528 {
        height: 33rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-528 {
        height: 33rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-528 {
        height: 33rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-528 {
        height: 33rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-528 {
        height: 33rem !important
    }
}

.h-544 {
    height: 34rem
}

@media (max-width: 575px) {
    .xs-h-544 {
        height: 34rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-544 {
        height: 34rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-544 {
        height: 34rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-544 {
        height: 34rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-544 {
        height: 34rem !important
    }
}

.h-560 {
    height: 35rem
}

@media (max-width: 575px) {
    .xs-h-560 {
        height: 35rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-560 {
        height: 35rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-560 {
        height: 35rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-560 {
        height: 35rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-560 {
        height: 35rem !important
    }
}

.h-576 {
    height: 36rem
}

@media (max-width: 575px) {
    .xs-h-576 {
        height: 36rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-576 {
        height: 36rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-576 {
        height: 36rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-576 {
        height: 36rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-576 {
        height: 36rem !important
    }
}

.h-592 {
    height: 37rem
}

@media (max-width: 575px) {
    .xs-h-592 {
        height: 37rem !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-h-592 {
        height: 37rem !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-h-592 {
        height: 37rem !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-h-592 {
        height: 37rem !important
    }
}

@media (min-width: 1200px) {
    .xl-h-592 {
        height: 37rem !important
    }
}

.min-h-0 {
    min-height: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-h-0 {
        min-height: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-h-0 {
        min-height: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-h-0 {
        min-height: 0
    }
}

@media (min-width: 1200px) {
    .xl-min-h-0 {
        min-height: 0
    }
}

.min-h-full {
    min-height: 100%
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-h-full {
        min-height: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-h-full {
        min-height: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-h-full {
        min-height: 100%
    }
}

@media (min-width: 1200px) {
    .xl-min-h-full {
        min-height: 100%
    }
}

.min-h-screen {
    min-height: 100vh
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-h-screen {
        min-height: 100vh
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-h-screen {
        min-height: 100vh
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-h-screen {
        min-height: 100vh
    }
}

@media (min-width: 1200px) {
    .xl-min-h-screen {
        min-height: 100vh
    }
}

.min-h-84 {
    min-height: 5.25rem
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-min-h-84 {
        min-height: 5.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-min-h-84 {
        min-height: 5.25rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-min-h-84 {
        min-height: 5.25rem
    }
}

@media (min-width: 1200px) {
    .xl-min-h-84 {
        min-height: 5.25rem
    }
}

.max-h-full {
    max-height: 100%
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-max-h-full {
        max-height: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-max-h-full {
        max-height: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-max-h-full {
        max-height: 100%
    }
}

@media (min-width: 1200px) {
    .xl-max-h-full {
        max-height: 100%
    }
}

.max-h-screen {
    max-height: 100vh
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-max-h-screen {
        max-height: 100vh
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-max-h-screen {
        max-height: 100vh
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-max-h-screen {
        max-height: 100vh
    }
}

@media (min-width: 1200px) {
    .xl-max-h-screen {
        max-height: 100vh
    }
}

.max-h-5em {
    max-height: 5em
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-max-h-5em {
        max-height: 5em
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-max-h-5em {
        max-height: 5em
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-max-h-5em {
        max-height: 5em
    }
}

@media (min-width: 1200px) {
    .xl-max-h-5em {
        max-height: 5em
    }
}

.max-h-72 {
    max-height: 4.5rem
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-max-h-72 {
        max-height: 4.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-max-h-72 {
        max-height: 4.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-max-h-72 {
        max-height: 4.5rem
    }
}

@media (min-width: 1200px) {
    .xl-max-h-72 {
        max-height: 4.5rem
    }
}

.border-collapse {
    border-collapse: collapse
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-collapse {
        border-collapse: collapse
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-collapse {
        border-collapse: collapse
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-collapse {
        border-collapse: collapse
    }
}

@media (min-width: 1200px) {
    .xl-border-collapse {
        border-collapse: collapse
    }
}

.border-separate {
    border-collapse: separate
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-border-separate {
        border-collapse: separate
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-border-separate {
        border-collapse: separate
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-border-separate {
        border-collapse: separate
    }
}

@media (min-width: 1200px) {
    .xl-border-separate {
        border-collapse: separate
    }
}

.tableauto {
    table-layout: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-tableauto {
        table-layout: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-tableauto {
        table-layout: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-tableauto {
        table-layout: auto
    }
}

@media (min-width: 1200px) {
    .xl-tableauto {
        table-layout: auto
    }
}

.table-fixed {
    table-layout: fixed
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-table-fixed {
        table-layout: fixed
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-table-fixed {
        table-layout: fixed
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-table-fixed {
        table-layout: fixed
    }
}

@media (min-width: 1200px) {
    .xl-table-fixed {
        table-layout: fixed
    }
}

.shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-none {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-none {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-none {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (min-width: 1200px) {
    .xl-shadow-none {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.shadow-sm {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-sm {
        -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-sm {
        -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-sm {
        -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 1200px) {
    .xl-shadow-sm {
        -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05)
    }
}

.shadow-md {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-md {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-md {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-md {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02)
    }
}

@media (min-width: 1200px) {
    .xl-shadow-md {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .02)
    }
}

.shadow-lg {
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-lg {
        -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-lg {
        -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-lg {
        -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 1200px) {
    .xl-shadow-lg {
        -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
    }
}

.shadow-xl {
    -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-xl {
        -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-xl {
        -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-xl {
        -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 1200px) {
    .xl-shadow-xl {
        -webkit-box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

.shadow-xl-min {
    -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05);
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05)
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-xl-min {
        -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-xl-min {
        -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-xl-min {
        -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

@media (min-width: 1200px) {
    .xl-shadow-xl-min {
        -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05);
        box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .05)
    }
}

.shadow-primary {
    -webkit-box-shadow: 0 10px 25px 0 #2ed47a;
    box-shadow: 0 10px 25px 0 #2ed47a
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-primary {
        -webkit-box-shadow: 0 10px 25px 0 #2ed47a;
        box-shadow: 0 10px 25px 0 #2ed47a
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-primary {
        -webkit-box-shadow: 0 10px 25px 0 #2ed47a;
        box-shadow: 0 10px 25px 0 #2ed47a
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-primary {
        -webkit-box-shadow: 0 10px 25px 0 #2ed47a;
        box-shadow: 0 10px 25px 0 #2ed47a
    }
}

@media (min-width: 1200px) {
    .xl-shadow-primary {
        -webkit-box-shadow: 0 10px 25px 0 #2ed47a;
        box-shadow: 0 10px 25px 0 #2ed47a
    }
}

.shadow-secondary {
    -webkit-box-shadow: 0 10px 25px 0 #506690;
    box-shadow: 0 10px 25px 0 #506690
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-secondary {
        -webkit-box-shadow: 0 10px 25px 0 #506690;
        box-shadow: 0 10px 25px 0 #506690
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-secondary {
        -webkit-box-shadow: 0 10px 25px 0 #506690;
        box-shadow: 0 10px 25px 0 #506690
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-secondary {
        -webkit-box-shadow: 0 10px 25px 0 #506690;
        box-shadow: 0 10px 25px 0 #506690
    }
}

@media (min-width: 1200px) {
    .xl-shadow-secondary {
        -webkit-box-shadow: 0 10px 25px 0 #506690;
        box-shadow: 0 10px 25px 0 #506690
    }
}

.shadow-success {
    -webkit-box-shadow: 0 10px 25px 0 #36b37e;
    box-shadow: 0 10px 25px 0 #36b37e
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-success {
        -webkit-box-shadow: 0 10px 25px 0 #36b37e;
        box-shadow: 0 10px 25px 0 #36b37e
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-success {
        -webkit-box-shadow: 0 10px 25px 0 #36b37e;
        box-shadow: 0 10px 25px 0 #36b37e
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-success {
        -webkit-box-shadow: 0 10px 25px 0 #36b37e;
        box-shadow: 0 10px 25px 0 #36b37e
    }
}

@media (min-width: 1200px) {
    .xl-shadow-success {
        -webkit-box-shadow: 0 10px 25px 0 #36b37e;
        box-shadow: 0 10px 25px 0 #36b37e
    }
}

.shadow-info {
    -webkit-box-shadow: 0 10px 25px 0 #00b8d9;
    box-shadow: 0 10px 25px 0 #00b8d9
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-info {
        -webkit-box-shadow: 0 10px 25px 0 #00b8d9;
        box-shadow: 0 10px 25px 0 #00b8d9
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-info {
        -webkit-box-shadow: 0 10px 25px 0 #00b8d9;
        box-shadow: 0 10px 25px 0 #00b8d9
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-info {
        -webkit-box-shadow: 0 10px 25px 0 #00b8d9;
        box-shadow: 0 10px 25px 0 #00b8d9
    }
}

@media (min-width: 1200px) {
    .xl-shadow-info {
        -webkit-box-shadow: 0 10px 25px 0 #00b8d9;
        box-shadow: 0 10px 25px 0 #00b8d9
    }
}

.shadow-warning {
    -webkit-box-shadow: 0 10px 25px 0 #faad13;
    box-shadow: 0 10px 25px 0 #faad13
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-warning {
        -webkit-box-shadow: 0 10px 25px 0 #faad13;
        box-shadow: 0 10px 25px 0 #faad13
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-warning {
        -webkit-box-shadow: 0 10px 25px 0 #faad13;
        box-shadow: 0 10px 25px 0 #faad13
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-warning {
        -webkit-box-shadow: 0 10px 25px 0 #faad13;
        box-shadow: 0 10px 25px 0 #faad13
    }
}

@media (min-width: 1200px) {
    .xl-shadow-warning {
        -webkit-box-shadow: 0 10px 25px 0 #faad13;
        box-shadow: 0 10px 25px 0 #faad13
    }
}

.shadow-danger {
    -webkit-box-shadow: 0 10px 25px 0 #f2607b;
    box-shadow: 0 10px 25px 0 #f2607b
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-danger {
        -webkit-box-shadow: 0 10px 25px 0 #f2607b;
        box-shadow: 0 10px 25px 0 #f2607b
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-danger {
        -webkit-box-shadow: 0 10px 25px 0 #f2607b;
        box-shadow: 0 10px 25px 0 #f2607b
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-danger {
        -webkit-box-shadow: 0 10px 25px 0 #f2607b;
        box-shadow: 0 10px 25px 0 #f2607b
    }
}

@media (min-width: 1200px) {
    .xl-shadow-danger {
        -webkit-box-shadow: 0 10px 25px 0 #f2607b;
        box-shadow: 0 10px 25px 0 #f2607b
    }
}

.shadow-black {
    -webkit-box-shadow: 0 10px 25px 0 #183b56;
    box-shadow: 0 10px 25px 0 #183b56
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-black {
        -webkit-box-shadow: 0 10px 25px 0 #183b56;
        box-shadow: 0 10px 25px 0 #183b56
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-black {
        -webkit-box-shadow: 0 10px 25px 0 #183b56;
        box-shadow: 0 10px 25px 0 #183b56
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-black {
        -webkit-box-shadow: 0 10px 25px 0 #183b56;
        box-shadow: 0 10px 25px 0 #183b56
    }
}

@media (min-width: 1200px) {
    .xl-shadow-black {
        -webkit-box-shadow: 0 10px 25px 0 #183b56;
        box-shadow: 0 10px 25px 0 #183b56
    }
}

.shadow-gray {
    -webkit-box-shadow: 0 10px 25px 0 #5a7184;
    box-shadow: 0 10px 25px 0 #5a7184
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-gray {
        -webkit-box-shadow: 0 10px 25px 0 #5a7184;
        box-shadow: 0 10px 25px 0 #5a7184
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-gray {
        -webkit-box-shadow: 0 10px 25px 0 #5a7184;
        box-shadow: 0 10px 25px 0 #5a7184
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-gray {
        -webkit-box-shadow: 0 10px 25px 0 #5a7184;
        box-shadow: 0 10px 25px 0 #5a7184
    }
}

@media (min-width: 1200px) {
    .xl-shadow-gray {
        -webkit-box-shadow: 0 10px 25px 0 #5a7184;
        box-shadow: 0 10px 25px 0 #5a7184
    }
}

.shadow-gray-light {
    -webkit-box-shadow: 0 10px 25px 0 #b3bac5;
    box-shadow: 0 10px 25px 0 #b3bac5
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-gray-light {
        -webkit-box-shadow: 0 10px 25px 0 #b3bac5;
        box-shadow: 0 10px 25px 0 #b3bac5
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-gray-light {
        -webkit-box-shadow: 0 10px 25px 0 #b3bac5;
        box-shadow: 0 10px 25px 0 #b3bac5
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-gray-light {
        -webkit-box-shadow: 0 10px 25px 0 #b3bac5;
        box-shadow: 0 10px 25px 0 #b3bac5
    }
}

@media (min-width: 1200px) {
    .xl-shadow-gray-light {
        -webkit-box-shadow: 0 10px 25px 0 #b3bac5;
        box-shadow: 0 10px 25px 0 #b3bac5
    }
}

.shadow-white {
    -webkit-box-shadow: 0 10px 25px 0 #fff;
    box-shadow: 0 10px 25px 0 #fff
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-shadow-white {
        -webkit-box-shadow: 0 10px 25px 0 #fff;
        box-shadow: 0 10px 25px 0 #fff
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-shadow-white {
        -webkit-box-shadow: 0 10px 25px 0 #fff;
        box-shadow: 0 10px 25px 0 #fff
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-shadow-white {
        -webkit-box-shadow: 0 10px 25px 0 #fff;
        box-shadow: 0 10px 25px 0 #fff
    }
}

@media (min-width: 1200px) {
    .xl-shadow-white {
        -webkit-box-shadow: 0 10px 25px 0 #fff;
        box-shadow: 0 10px 25px 0 #fff
    }
}

.opacity-0 {
    opacity: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-0 {
        opacity: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-0 {
        opacity: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-0 {
        opacity: 0
    }
}

@media (min-width: 1200px) {
    .xl-opacity-0 {
        opacity: 0
    }
}

.opacity-10 {
    opacity: .1
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-10 {
        opacity: .1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-10 {
        opacity: .1
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-10 {
        opacity: .1
    }
}

@media (min-width: 1200px) {
    .xl-opacity-10 {
        opacity: .1
    }
}

.opacity-20 {
    opacity: .2
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-20 {
        opacity: .2
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-20 {
        opacity: .2
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-20 {
        opacity: .2
    }
}

@media (min-width: 1200px) {
    .xl-opacity-20 {
        opacity: .2
    }
}

.opacity-25 {
    opacity: .25
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-25 {
        opacity: .25
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-25 {
        opacity: .25
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-25 {
        opacity: .25
    }
}

@media (min-width: 1200px) {
    .xl-opacity-25 {
        opacity: .25
    }
}

.opacity-30 {
    opacity: .3
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-30 {
        opacity: .3
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-30 {
        opacity: .3
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-30 {
        opacity: .3
    }
}

@media (min-width: 1200px) {
    .xl-opacity-30 {
        opacity: .3
    }
}

.opacity-40 {
    opacity: .4
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-40 {
        opacity: .4
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-40 {
        opacity: .4
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-40 {
        opacity: .4
    }
}

@media (min-width: 1200px) {
    .xl-opacity-40 {
        opacity: .4
    }
}

.opacity-50 {
    opacity: .5
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-50 {
        opacity: .5
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-50 {
        opacity: .5
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-50 {
        opacity: .5
    }
}

@media (min-width: 1200px) {
    .xl-opacity-50 {
        opacity: .5
    }
}

.opacity-60 {
    opacity: .6
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-60 {
        opacity: .6
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-60 {
        opacity: .6
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-60 {
        opacity: .6
    }
}

@media (min-width: 1200px) {
    .xl-opacity-60 {
        opacity: .6
    }
}

.opacity-70 {
    opacity: .7
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-70 {
        opacity: .7
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-70 {
        opacity: .7
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-70 {
        opacity: .7
    }
}

@media (min-width: 1200px) {
    .xl-opacity-70 {
        opacity: .7
    }
}

.opacity-75 {
    opacity: .75
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-75 {
        opacity: .75
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-75 {
        opacity: .75
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-75 {
        opacity: .75
    }
}

@media (min-width: 1200px) {
    .xl-opacity-75 {
        opacity: .75
    }
}

.opacity-80 {
    opacity: .8
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-80 {
        opacity: .8
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-80 {
        opacity: .8
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-80 {
        opacity: .8
    }
}

@media (min-width: 1200px) {
    .xl-opacity-80 {
        opacity: .8
    }
}

.opacity-90 {
    opacity: .9
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-90 {
        opacity: .9
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-90 {
        opacity: .9
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-90 {
        opacity: .9
    }
}

@media (min-width: 1200px) {
    .xl-opacity-90 {
        opacity: .9
    }
}

.opacity-100 {
    opacity: 1
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-opacity-100 {
        opacity: 1
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-opacity-100 {
        opacity: 1
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-opacity-100 {
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .xl-opacity-100 {
        opacity: 1
    }
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media (min-width: 1200px) {
    .xl-appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

.cursorauto {
    cursor: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursorauto {
        cursor: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursorauto {
        cursor: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursorauto {
        cursor: auto
    }
}

@media (min-width: 1200px) {
    .xl-cursorauto {
        cursor: auto
    }
}

.cursor-default {
    cursor: default
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursor-default {
        cursor: default
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursor-default {
        cursor: default
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursor-default {
        cursor: default
    }
}

@media (min-width: 1200px) {
    .xl-cursor-default {
        cursor: default
    }
}

.cursor-pointer {
    cursor: pointer
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursor-pointer {
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursor-pointer {
        cursor: pointer
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursor-pointer {
        cursor: pointer
    }
}

@media (min-width: 1200px) {
    .xl-cursor-pointer {
        cursor: pointer
    }
}

.cursor-wait {
    cursor: wait
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursor-wait {
        cursor: wait
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursor-wait {
        cursor: wait
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursor-wait {
        cursor: wait
    }
}

@media (min-width: 1200px) {
    .xl-cursor-wait {
        cursor: wait
    }
}

.cursor-text {
    cursor: text
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursor-text {
        cursor: text
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursor-text {
        cursor: text
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursor-text {
        cursor: text
    }
}

@media (min-width: 1200px) {
    .xl-cursor-text {
        cursor: text
    }
}

.cursor-move {
    cursor: move
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursor-move {
        cursor: move
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursor-move {
        cursor: move
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursor-move {
        cursor: move
    }
}

@media (min-width: 1200px) {
    .xl-cursor-move {
        cursor: move
    }
}

.cursor-not-allowed {
    cursor: not-allowed
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-cursor-not-allowed {
        cursor: not-allowed
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-cursor-not-allowed {
        cursor: not-allowed
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-cursor-not-allowed {
        cursor: not-allowed
    }
}

@media (min-width: 1200px) {
    .xl-cursor-not-allowed {
        cursor: not-allowed
    }
}

.outline-none {
    outline: 0
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-outline-none {
        outline: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-outline-none {
        outline: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-outline-none {
        outline: 0
    }
}

@media (min-width: 1200px) {
    .xl-outline-none {
        outline: 0
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-pointer-events-none {
        pointer-events: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-pointer-events-none {
        pointer-events: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-pointer-events-none {
        pointer-events: none
    }
}

@media (min-width: 1200px) {
    .xl-pointer-events-none {
        pointer-events: none
    }
}

.pointer-eventsauto {
    pointer-events: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-pointer-eventsauto {
        pointer-events: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-pointer-eventsauto {
        pointer-events: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-pointer-eventsauto {
        pointer-events: auto
    }
}

@media (min-width: 1200px) {
    .xl-pointer-eventsauto {
        pointer-events: auto
    }
}

.resize {
    resize: both
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-resize {
        resize: both
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-resize {
        resize: both
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-resize {
        resize: both
    }
}

@media (min-width: 1200px) {
    .xl-resize {
        resize: both
    }
}

.resize-x {
    resize: horizontal
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-resize-x {
        resize: horizontal
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-resize-x {
        resize: horizontal
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-resize-x {
        resize: horizontal
    }
}

@media (min-width: 1200px) {
    .xl-resize-x {
        resize: horizontal
    }
}

.resize-y {
    resize: vertical
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-resize-y {
        resize: vertical
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-resize-y {
        resize: vertical
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-resize-y {
        resize: vertical
    }
}

@media (min-width: 1200px) {
    .xl-resize-y {
        resize: vertical
    }
}

.resize-none {
    resize: none
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-resize-none {
        resize: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-resize-none {
        resize: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-resize-none {
        resize: none
    }
}

@media (min-width: 1200px) {
    .xl-resize-none {
        resize: none
    }
}

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

@media (min-width: 576px) and (max-width: 767px) {
    .sm-select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media (min-width: 1200px) {
    .xl-select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }
}

@media (min-width: 1200px) {
    .xl-select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-select-all {
        -webkit-user-select: all;
        -moz-user-select: all;
        -ms-user-select: all;
        user-select: all
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-select-all {
        -webkit-user-select: all;
        -moz-user-select: all;
        -ms-user-select: all;
        user-select: all
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-select-all {
        -webkit-user-select: all;
        -moz-user-select: all;
        -ms-user-select: all;
        user-select: all
    }
}

@media (min-width: 1200px) {
    .xl-select-all {
        -webkit-user-select: all;
        -moz-user-select: all;
        -ms-user-select: all;
        user-select: all
    }
}

.selectauto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-selectauto {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-selectauto {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-selectauto {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }
}

@media (min-width: 1200px) {
    .xl-selectauto {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }
}

.fill-current {
    fill: currentColor
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-full-current {
        fill: currentColor
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-full-current {
        fill: currentColor
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-full-current {
        fill: currentColor
    }
}

@media (min-width: 1200px) {
    .xl-full-current {
        fill: currentColor
    }
}

.stroke-current {
    stroke: currentColor
}

@media (min-width: 576px) and (max-width: 767px) {
    .sm-stroke-current {
        stroke: currentColor
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .md-stroke-current {
        stroke: currentColor
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lg-stroke-current {
        stroke: currentColor
    }
}

@media (min-width: 1200px) {
    .xl-stroke-current {
        stroke: currentColor
    }
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button, button:focus {
    outline: none
}

.clip-eb {
    -webkit-clip-path: ellipse(150% 120% at 50% -25%);
    clip-path: ellipse(150% 120% at 50% -25%);
    padding-bottom: 175px !important
}

.clip-et {
    -webkit-clip-path: ellipse(150% 120% at 50% 125%);
    clip-path: ellipse(150% 120% at 50% 125%);
    padding-top: 175px !important
}

.heading h3 {
    font-size: 2.25rem;
    line-height: 3rem
}

.heading p {
    font-size: 18px !important
}

.hr {
    border-top: 1px solid #e5eaf4;
    height: 1px
}

@media (max-width: 575px) {
    .clip-eb {
        padding-bottom: 0 !important
    }

    .clip-eb, .clip-et {
        -webkit-clip-path: none !important;
        clip-path: none !important
    }

    .clip-et {
        padding-top: 0 !important
    }

    .heading h3 {
        font-size: 28px !important;
        line-height: 36px !important
    }

    .heading p {
        font-size: 16px !important
    }

    .navbar .navbar-collapse {
        position: absolute;
        background: #fff;
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        border-radius: 16px;
        top: 0;
        padding: 24px;
        z-index: 111;
        -webkit-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
        box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16)
    }

    .navbar .navbar-collapse .btn.btn-outline-white {
        border-color: #183b56;
        color: #183b56
    }

    .navbar .navbar-nav .close-button {
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        justify-content: flex-end
    }

    .navbar .navbar-nav .close-button button {
        padding: 0
    }

    .navbar .navbar-nav > .nav-item {
        margin-left: 0 !important;
        width: 100%
    }

    .navbar .navbar-nav > .nav-item .nav-link {
        color: #183b56 !important;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        line-height: 28px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .navbar .navbar-nav .dropdown-menu {
        border: none !important;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 0 0 10px;
        margin: -5px 0 0
    }

    .navbar .navbar-nav .dropdown-menu.show {
        display: block
    }

    .navbar .navbar-nav .sub-menu {
        min-width: 0;
        min-width: auto
    }

    .navbar .navbar-nav .sub-menu .sub-nav-items {
        padding: 0;
        margin: 10px 0
    }

    .navbar .btn {
        width: 100%
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar .navbar-collapse {
        position: absolute;
        background: #fff;
        width: -webkit-calc(100% - 35px);
        width: calc(100% - 35px);
        border-radius: 16px;
        margin-top: 0;
        top: 0;
        padding: 24px;
        z-index: 111;
        -webkit-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
        box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16)
    }

    .navbar .navbar-nav .close-button {
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        justify-content: flex-end
    }

    .navbar .navbar-nav .close-button button {
        padding: 0
    }

    .navbar .navbar-nav > .nav-item {
        margin-left: 0 !important;
        width: 100%
    }

    .navbar .navbar-nav > .nav-item .nav-link {
        color: #183b56 !important;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        line-height: 28px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .navbar .navbar-nav .dropdown-menu {
        border: none !important;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 0 0 20px;
        margin-left: 0
    }

    .navbar .navbar-nav .dropdown-menu.show {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar .container {
        position: relative
    }

    .navbar .navbar-collapse {
        position: absolute;
        background: #fff;
        width: -webkit-calc(100% - 145px);
        width: calc(100% - 145px);
        width: 100%;
        border-radius: 16px;
        top: 0;
        left: 0;
        padding: 24px;
        z-index: 111;
        -webkit-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
        box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16)
    }

    .navbar .navbar-collapse .btn.btn-outline-white {
        border-color: #183b56;
        color: #183b56
    }

    .navbar .navbar-nav .close-button {
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        justify-content: flex-end
    }

    .navbar .navbar-nav .close-button button {
        padding: 0
    }

    .navbar .navbar-nav > .nav-item {
        margin-left: 0 !important;
        width: 100%
    }

    .navbar .navbar-nav > .nav-item .nav-link {
        color: #183b56 !important;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        line-height: 28px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .navbar .navbar-nav .dropdown-menu {
        border: none !important;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0 0 0 20px;
        margin-left: 0
    }

    .navbar .navbar-nav .dropdown-menu.show {
        display: block
    }
}

header {
    padding-top: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5NTAiIHZpZXdCb3g9IjAgMCAxOTIwIDk1MCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJCRyIgd2lkdGg9IjE5MjAiIGhlaWdodD0iOTUwIiBmaWxsPSIjZmZmIi8+CiAgICA8L2NsaXBQYXRoPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgtMiI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMzMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDMzIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MjgiIHJ4PSIxMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMzQuNjk0IC01NjYuMzY2KSByb3RhdGUoMzApIiBmaWxsPSIjMkVENDdBIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iSGVyb19iYWNrZ3JvdW5kIiBkYXRhLW5hbWU9Ikhlcm8gYmFja2dyb3VuZCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPGcgaWQ9Ik1vY2t1cF9CRyIgZGF0YS1uYW1lPSJNb2NrdXAgQkciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMikiPgogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzE5OCIgZGF0YS1uYW1lPSJFbGxpcHNlIDE5OCIgY3g9IjE3Ni41IiBjeT0iMTc2LjUiIHI9IjE3Ni41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk1MSwgMC4zMDksIC0wLjMwOSwgMC45NTEsIDE3MzguMzAzLCAzOTMuMjA4KSIgZmlsbD0iIzJFRDQ3QSIgb3BhY2l0eT0iMC4wNSIvPgogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzciIGRhdGEtbmFtZT0iRWxsaXBzZSA3IiBjeD0iMzI3LjUiIGN5PSIzMjcuNSIgcj0iMzI3LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTUxLCAwLjMwOSwgLTAuMzA5LCAwLjk1MSwgMTEyNS4zNTUsIDg5LjkzNikiIGZpbGw9IiMyRUQ0N0EiIG9wYWNpdHk9IjAuMDUiLz4KICAgICAgPGcgaWQ9IlJlY3RhbmdsZV8zMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNzUuOTY1IC00NzIuOTIxKSByb3RhdGUoNDgpIiBmaWxsPSJub25lIiBzdHJva2U9IiNkOWUyZWYiIHN0cm9rZS13aWR0aD0iMSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iODEyIiByeD0iMTAwIiBzdHJva2U9Im5vbmUiLz4KICAgICAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjExOTkiIGhlaWdodD0iODExIiByeD0iOTkuNSIgZmlsbD0ibm9uZSIvPgogICAgICA8L2c+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMzAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDMwIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MjgiIHJ4PSIxMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjQuMDQxIC01OTcuNTcpIHJvdGF0ZSg0OCkiIGZpbGw9IiMyRUQ0N0EiLz4KICAgICAgPGcgaWQ9Ik1hc2tfR3JvdXBfMSIgZGF0YS1uYW1lPSJNYXNrIEdyb3VwIDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTUxLCAwLjMwOSwgLTAuMzA5LCAwLjk1MSwgMTkuNjU0LCAtNDcxLjM2NykiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgtMikiPgogICAgICAgIDxnIGlkPSJSb3VuZCI+CiAgICAgICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzQiIGRhdGEtbmFtZT0iRWxsaXBzZSA0IiBjeD0iMTY2IiBjeT0iMTY2IiByPSIxNjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0NyAtNTYpIiBmaWxsPSIjMkVENDdBIiBvcGFjaXR5PSIwLjAzIi8+CiAgICAgICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzUiIGRhdGEtbmFtZT0iRWxsaXBzZSA1IiBjeD0iNDUxIiBjeT0iNDUxIiByPSI0NTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOTAgLTMyKSIgZmlsbD0iIzJFRDQ3QSIgb3BhY2l0eT0iMC4wNSIvPgogICAgICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82IiBkYXRhLW5hbWU9IkVsbGlwc2UgNiIgY3g9IjQ1MSIgY3k9IjQ1MSIgcj0iNDUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTEwIC02NjEpIiBmaWxsPSIjMkVENDdBIiBvcGFjaXR5PSIwLjA3Ii8+CiAgICAgICAgPC9nPgogICAgICA8L2c+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMzIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDMyIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NDguOTE3IDgxNy45NCkgcm90YXRlKDQ4KSIgZmlsbD0iIzJFRDQ3QSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 175px;
    background-position: top
}

header .navbar {
    margin-bottom: 20px
}

.navbar.navbar-white .navbar-nav > .nav-item > .nav-link {
    color: #fff
}

.navbar.navbar-dark .navbar-nav .dropdown-menu li a, .navbar.navbar-dark .navbar-nav > .nav-item > .nav-link, .navbar.navbar-white .navbar-nav .dropdown-menu li a {
    color: #183b56
}

.navbar .navbar-nav {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.navbar .navbar-nav .dropdown-menu li:hover > a {
    color: #2ed47a
}

.navbar .navbar-nav > .nav-item {
    margin-left: 2.5rem
}

.navbar .navbar-nav > .nav-item:first-child {
    margin-left: 0
}

.navbar .navbar-nav > .nav-item .nav-link {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1rem
}

.navbar .navbar-nav > .nav-item .nav-link.dropdown .nav-link .fas {
    margin-left: 4px
}

.navbar .navbar-nav > .nav-item .btn {
    padding-left: 1rem;
    padding-right: 1rem
}

.navbar .navbar-nav > .nav-item.dropdown .dropdown-toggle:after {
    content: none
}

.navbar .dropdown-menu {
    padding: 22px 0
}

.navbar .dropdown-menu.show {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.navbar .nav-item {
    position: relative;
    line-height: 22px
}

.navbar .nav-item:hover > a, .navbar .nav-item > a:hover {
    font-weight: 600;
    color: #fff
}

.navbar .nav-item .btn.btn-nav-white {
    color: #2ed47a;
    line-height: 24px;
    font-weight: 700;
    padding: 14px 21px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .12)
}

.navbar .nav-item .btn.btn-nav-white:hover {
    -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
    background-color: hsla(0, 0%, 100%, .9);
    border-color: hsla(0, 0%, 100%, .9)
}

.navbar.navbar-right {
    margin-right: 0
}

.navbar.navbar-right .nav-item {
    margin: 0
}

.navbar .nav-item-has-children > a i {
    line-height: inherit
}

.navbar .nav-item-has-children:before {
    display: none;
    content: "";
    position: absolute;
    margin: 40px 0 0;
    width: 100%;
    height: 30px;
    background-color: rgba(255, 0, 0, 0)
}

.navbar .nav-item-has-children:hover:before {
    display: block
}

.navbar .nav-item-has-children:hover .sub-menu {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.navbar .sub-menu, .navbar .sub-menu-children {
    display: none;
    position: absolute;
    border-radius: 12px;
    -webkit-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    white-space: nowrap;
    padding: 26px 16px;
    width: auto;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    z-index: 9999
}

.navbar .sub-menu {
    margin: 6px 0 0 -30px;
    min-width: 260px
}

.navbar .sub-menu .nav-item > a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    color: #183b56;
    padding: 6px 12px
}

.navbar .sub-menu .nav-item > a:hover {
    color: #183b56;
    background: transparent;
    text-decoration: none
}

.navbar .sub-menu .nav-item-has-children {
    position: relative
}

.navbar .sub-menu .nav-item-has-children:hover > a {
    color: #2ed47a;
    font-weight: 600;
    text-decoration: none
}

.navbar .sub-menu .nav-item-has-children:hover .sub-menu-children {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.navbar .sub-menu .nav-item-has-children + .nav-item {
    margin-top: 8px
}

.navbar .sub-menu .sub-nav-items {
    padding: 0 12px
}

.navbar .sub-menu h5 {
    font-family: inherit;
    font-size: 16px;
    line-height: inherit;
    font-weight: 700;
    color: #2ed47a;
    padding: 6px 12px;
    margin: 0
}

.navbar .sub-menu.sub-menu-3-col {
    width: auto;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.navbar .sub-menu.sub-menu-3-col .nav-item > a {
    display: inline-block
}

.navbar .sub-menu-children {
    left: 100%;
    top: 0;
    margin: -15px 0 0 -4px;
    min-width: 240px
}

.dropdown-menu {
    border-radius: .75rem;
    -webkit-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 16px 48px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    border: none;
    margin-top: .75rem;
    z-index: 1111
}

.dropdown-menu.dropdown-menu-sub {
    padding: 22px 0
}

.dropdown-menu.dropdown-menu-sub .dropdown-submenu > .nav-link, .dropdown-menu.dropdown-menu-sub .nav-item > .nav-link {
    padding-left: 32px;
    padding-right: 32px
}

.dropdown-menu .nav-link {
    padding: 10px 0;
    font-weight: 400 !important
}

.dropdown-menu .dropdown-item {
    font-family: Quicksand, sans-serif;
    font-weight: 400;
    color: #183b56;
    padding: 10px 32px
}

.dropdown-menu .dropdown-menu .nav-link {
    padding: 10px 32px
}

.dropdown-menu.dropdown-menu-submenu {
    padding: 22px 0
}

.dropdown-menu.dropdown-menu-submenu .nav-item:active, .dropdown-menu.dropdown-menu-submenu .nav-item:focus, .dropdown-menu.dropdown-menu-submenu .nav-item:visited {
    background-color: #e5eaf4 !important
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    display: none
}

.dropdown-submenu > .nav-link {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    min-width: 150px
}

.dropdown-submenu > .nav-link, .dropdown-submenu > .nav-link.dropdown-toggle {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.dropdown-submenu > .nav-link .fas {
    font-size: 14px;
    margin-left: 10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

@media (max-width: 991px) {
    .navbar .nav-item-has-children:hover .sub-menu {
        display: block
    }

    .navbar .sub-menu, .navbar .sub-menu-children {
        position: relative;
        left: auto;
        top: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        border-radius: 0;
        margin: 0;
        padding: 0
    }

    .navbar .sub-menu {
        margin-top: -10px
    }

    .navbar .sub-menu .nav-item > a {
        padding-right: 0;
        line-height: 28px
    }

    .navbar .sub-menu .nav-item-has-children > a i {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .navbar .sub-menu-with-child {
        margin: 0 0 10px
    }

    .navbar .sub-menu-children {
        padding-left: 15px
    }
}

.card-pricing {
    border-radius: .5rem;
    -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    padding: 3rem 2.25rem;
    min-height: 561px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.card-pricing-simple {
    min-height: 436px
}

.card-pricing-default {
    border-top: 3px solid #183b56
}

.card-pricing-primary {
    border-top: 3px solid #2ed47a
}

.card-pricing-primary .price h2 {
    color: #2ed47a !important
}

.card-pricing-secondary {
    border-top: 3px solid #506690
}

.card-pricing-secondary .price h2 {
    color: #506690 !important
}

.card-pricing-success {
    border-top: 3px solid #36b37e
}

.card-pricing-success .price h2 {
    color: #36b37e !important
}

.card-pricing-info {
    border-top: 3px solid #00b8d9
}

.card-pricing-info .price h2 {
    color: #00b8d9 !important
}

.card-pricing-warning {
    border-top: 3px solid #faad13
}

.card-pricing-warning .price h2 {
    color: #faad13 !important
}

.card-pricing-danger {
    border-top: 3px solid #f2607b
}

.card-pricing-danger .price h2 {
    color: #f2607b !important
}

.card-pricing-gray {
    border-top: 3px solid #5a7184
}

.card-pricing-gray .price h2 {
    color: #5a7184 !important
}

.card-pricing-gray-light {
    border-top: 3px solid #b3bac5
}

.card-pricing-gray-light .price h2 {
    color: #b3bac5 !important
}

.card-pricing-options {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-bottom: 64px
}

.card-pricing-options p {
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 1rem;
    padding-top: .5rem
}

.card-pricing-options .custom-control label {
    font-family: Quicksand, sans-serif;
    font-weight: 600
}

.card-pricing-options .custom-control label span {
    line-height: 32px
}

.card-pricing .price h2 {
    color: #183b56
}

.card-pricing .price h2 span {
    font-family: Quicksand, sans-serif;
    font-size: 1rem;
    color: #5a7184
}

.card-pricing .price h4 {
    color: #183b56
}

.card-pricing .price p {
    color: #5a7184
}

.card-pricing .pricing-list li {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: #183b56
}

.card-pricing .pricing-list li img {
    margin-right: .75rem
}

.card-pricing .pricing-list li:not(:last-child) {
    margin-bottom: 1.5rem
}

.card-pricing-footer {
    margin-top: 1.5rem
}

.form-control {
    border-radius: .5rem;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.form-control[type=color], .form-control[type=date], .form-control[type=datetime-local], .form-control[type=email], .form-control[type=file], .form-control[type=hidden], .form-control[type=image], .form-control[type=month], .form-control[type=number], .form-control[type=password], .form-control[type=reset], .form-control[type=tel], .form-control[type=text], .form-control[type=time], .form-control[type=url], .form-control[type=week] .form-control[type=file], .form-controlselect {
    height: 3.5rem
}

.form-control::-webkit-input-placeholder {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    color: rgba(24, 59, 86, .3)
}

.form-control::-moz-placeholder {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    color: rgba(24, 59, 86, .3)
}

.form-control:-ms-input-placeholder {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    color: rgba(24, 59, 86, .3)
}

.form-control::placeholder {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    color: rgba(24, 59, 86, .3)
}

.form-control:focus {
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    border: 1px solid #2ed47a;
    font-size: 1rem;
    color: #183b56
}

.bootstrap-select .btn-light {
    height: 3.5rem !important
}

select.form-control {
    height: 3.375rem;
    padding-left: 1.25rem;
    color: #183b56;
    font-family: Quicksand, sans-serif;
    font-weight: 600
}

textarea.form-control {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

label {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #5a7184;
    margin-bottom: .75rem
}

.form-search .input-group-prepend {
    position: absolute;
    color: #5a7184;
    z-index: 11;
    margin-left: 20px;
    margin-top: 20px
}

.form-search .form-control {
    padding-left: 50px;
    padding-right: 120px;
    border-radius: 8px !important
}

.form-search .input-group-append {
    position: absolute;
    right: 0;
    z-index: 111;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding-right: 8px;
    height: 100%
}

.form-search .input-group-append .btn {
    border-radius: 8px
}

.form-file {
    display: block;
    border-radius: .5rem;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5
}

.form-file, .form-file input {
    position: relative;
    width: 100%
}

.form-file input {
    z-index: 2;
    height: 100%;
    margin: 0;
    opacity: 0
}

.form-file .placeholder {
    left: 0;
    z-index: 1;
    font-weight: 600;
    color: #183b56;
    padding: .375rem 1.25rem
}

.form-file .button-label, .form-file .placeholder {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.form-file .button-label {
    z-index: 3;
    font-weight: 700;
    padding: .375rem 2rem;
    margin: 0;
    color: #5a7184;
    background-color: #e5eaf4;
    border-radius: 0 .5rem .5rem 0
}

.card-f {
    padding: 1rem
}

.card-f.flex {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.card-f.card-f-2.flex {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.card-f-bg-white {
    background-color: #fff;
    border: 1px solid #e5eaf4;
    border-radius: .5rem;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    padding: 40px
}

.card-f .play {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    border: 1px solid rgba(21, 101, 216, .2)
}

.card-f .play, .card-f .play-content {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.card-f .play-content {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background-color: #2ed47a
}

.card-f .play-content .fas {
    color: #fff
}

.card-f h4 {
    line-height: 1.33rem !important
}

.c-customer-review {
    padding-left: 20px;
    padding-right: 20px
}

.c-customer-review-heading img {
    height: 32px
}

.c-customer-review-heading .star {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.c-customer-review-heading .star li {
    margin-right: 4px
}

.c-customer-review-heading .star li:last-child {
    margin-right: 0
}

.c-customer-review-heading .star li img {
    width: 20px;
    height: 20px
}

.c-customer-review-body {
    margin-top: 32px
}

.c-customer-review-body p {
    font-size: 18px;
    line-height: 32px
}

.c-customer-review-meta {
    margin-top: 32px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.c-customer-review-meta .user {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 100px
}

.c-customer-review-meta .user img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    object-fit: cover
}

.c-customer-review-meta .meta p {
    line-height: normal !important;
    margin-bottom: 0
}

.c-customer-review-meta .meta span img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.c-customer-review-meta .meta span i {
    font-size: 14px
}

.card-article {
    border-radius: .5rem
}

.card-article.card-article-2 .card-img-overlay {
    padding: 32px
}

.card-article.card-article-2 .card-img-overlay h3 {
    font-size: 24px !important;
    line-height: 32px !important
}

.card-article.card-article-3 .card-img-overlay {
    padding: 32px;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important
}

.card-article.card-article-3 .card-img-overlay h3 {
    font-size: 24px !important;
    line-height: 32px !important
}

.card-article.card-article-3 .card-img-overlay .link {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.card-article.card-article-3 .card-img-overlay .link a {
    font-weight: 700;
    font-size: 18px
}

.card-article.card-article-4 .card-article-heading a {
    max-height: 230px
}

.card-article.card-article-4 .card-article-heading a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card-article.card-article-4 .card-article-body {
    padding: 32px
}

.card-article.card-article-4 .card-article-body .meta {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 23px
}

.card-article.card-article-4 .card-article-body .meta p {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.card-article.card-article-4 .card-article-body .meta p .fa-circle {
    font-size: 4px;
    margin-left: 8px;
    margin-right: 8px
}

.card-article.card-article-4 .card-article-body .meta .user {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    border: 2px solid #fff;
    position: relative;
    margin-top: -55px
}

.card-article.card-article-4 .card-article-body .meta .user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px
}

.card-article img {
    border-radius: .5rem
}

.card-article .card-img-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 59, 86, 0)), color-stop(45%, rgba(22, 49, 70, .45)), to(#152532));
    background-image: -webkit-linear-gradient(top, rgba(24, 59, 86, 0), rgba(22, 49, 70, .45) 45%, #152532);
    background-image: linear-gradient(180deg, rgba(24, 59, 86, 0), rgba(22, 49, 70, .45) 45%, #152532);
    border-radius: .5rem;
    padding: 66px 48px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.card-article .card-img-overlay .user {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    border: 2px solid #fff
}

.card-article .card-img-overlay .user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px
}

.card-article .card-img-overlay h3 {
    font-size: 36px !important;
    line-height: 48px !important;
    letter-spacing: .2px;
    margin-bottom: 0
}

@media (max-width: 575px) {
    .card-f.card-f-2 {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important;
        text-align: center
    }

    .card-f.card-f-2 .card-f-heading {
        margin-right: 0
    }

    .card-f.card-f-2 .card-f-heading .ic {
        margin-bottom: 32px
    }

    .c-customer-review {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .c-customer-review-meta .meta p {
        font-size: 14px
    }

    .c-customer-review-meta .meta span {
        font-size: 12px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .card-f.card-f-2 {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important;
        text-align: center
    }

    .card-f.card-f-2 .card-f-heading {
        margin-right: 0
    }

    .card-f.card-f-2 .card-f-heading .ic {
        margin-bottom: 32px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .card-f.card-f-2 {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        flex-direction: column !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        align-items: center !important;
        text-align: center
    }

    .card-f.card-f-2 .card-f-heading {
        margin-right: 0
    }

    .card-f.card-f-2 .card-f-heading .ic {
        margin-bottom: 32px
    }
}

.i-list li {
    padding-left: 26px;
    margin-bottom: 8px
}

.i-list li > .fas {
    margin-left: -24px;
    margin-right: 5px
}

.c-list {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-list.w-50p {
    width: 100%
}

.c-list.w-50p li {
    width: 50%
}

.c-list li {
    margin-bottom: 24px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.c-list li:last-child {
    margin-bottom: 0
}

.c-list li img {
    margin-right: 12px
}

.c-list li p {
    margin-bottom: 0;
    line-height: normal !important
}

.footer {
    padding-top: 33px;
    padding-bottom: 80px
}

.footer .footer-widget .description {
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 28px
}

.footer .footer-widget h5 {
    font-family: Quicksand, sans-serif;
    font-weight: 700 !important;
    font-size: 18px;
    margin-bottom: 32px
}

.footer .footer-widget-link li {
    margin-bottom: 24px
}

.footer .footer-widget-link li a {
    font-family: Quicksand, sans-serif;
    line-height: normal
}

.footer .footer-widget-link li:last-child {
    margin-bottom: 0
}

.footer-sosmed {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-top: 32px
}

.footer-sosmed li .btn {
    margin-right: 6px
}

.footer-sosmed li:last-child .btn {
    margin-right: 0
}

.footer-copyright {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-top: 96px
}

.footer-copyright .btn {
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .2);
    margin-bottom: 24px
}

.footer-copyright p {
    font-weight: 600 !important;
    margin-bottom: 0
}

.footer-white {
    background-color: #fff
}

.footer-white .footer-widget h5 {
    color: #183b56
}

.footer-white .footer-widget .description {
    color: #5a7184
}

.footer-white .footer-widget-link li a {
    color: #183b56
}

.footer-white .footer-copyright p {
    color: #5a7184
}

.footer-dark {
    background-color: #0d2436
}

.footer-dark .footer-widget .description, .footer-dark .footer-widget h5 {
    color: #5a7184
}

.footer-dark .footer-widget-link li a {
    color: #959ead
}

.footer-dark .footer-copyright p {
    color: #5a7184
}

@media (max-width: 767px) {
    .footer {
        padding-top: 48px;
        padding-bottom: 64px
    }

    .footer > .container > .row {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse
    }

    .footer .footer-left {
        text-align: center
    }

    .footer .footer-left .footer-widget {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center
    }

    .footer .footer-right .col-sm-6 {
        width: 50% !important
    }

    .footer .footer-right .footer-widget {
        margin-bottom: 39px
    }

    .footer .footer-right .footer-widget h5 {
        margin-bottom: 20px
    }

    .footer-copyright {
        display: none
    }
}

@media (max-width: 575px) {
    .footer .footer-right {
        margin-bottom: 8px
    }

    .footer .footer-right .footer-widget h5 {
        font-size: 1rem
    }

    .footer .footer-right .footer-widget li {
        margin-bottom: 15px
    }

    .footer .footer-right .footer-widget li a {
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-right .footer-widget {
        margin-bottom: 48px
    }

    .footer-copyright {
        margin-top: 14px
    }
}

.ic {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.ic img {
    width: 40px;
    height: 40px
}

.ic.justify-start {
    -webkit-justify-content: flex-start !important;
    -moz-box-pack: start !important;
    justify-content: flex-start !important
}

.ic.items-start {
    -webkit-align-items: flex-start !important;
    -moz-box-align: start !important;
    align-items: flex-start !important
}

.ic.rounded-8 {
    border-radius: .5rem !important
}

.ic.rounded-12 {
    border-radius: .75rem !important
}

.ic.rounded-16 {
    border-radius: 1rem !important
}

.ic-lg {
    width: 64px !important;
    height: 64px !important
}

.ic-lg.ic-badge {
    border-radius: 1rem !important
}

.ic-lg img {
    width: 40px !important;
    height: 40px !important
}

.ic-badge {
    border-radius: .5rem;
    width: 48px;
    height: 48px
}

.ic-badge img {
    width: 28px;
    height: 28px
}

.ic-badge-outline {
    border: 1px solid transparent
}

header .hero .button-cta img {
    height: 54px
}

header .hero .touch p {
    color: #b3bac5
}

header .hero .touch p span {
    color: #5a7184
}

header .illustration img {
    width: 380px
}

header .publisher img {
    width: 650px
}

header .blog img, header .survey img {
    width: 500px
}

.more-features {
    background-size: 100%, cover, 102%;
    background-repeat: no-repeat;
    background-blend-mode: screen
}

.more-features .content p {
    color: rgba(250, 250, 251, .6)
}

.more-features .content .iphone img {
    width: 340px;
    height: 678px;
    -webkit-box-shadow: 0 27px 53px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 27px 53px 0 rgba(0, 0, 0, .06);
    border-radius: 48px
}

.multi-platform .pattern {
    margin-left: 136px;
    margin-top: -62px;
    z-index: -1;
    position: relative
}

.pricing .card-pricing {
    background-color: #fff
}

.cta {
    position: relative;
    margin-top: -291px
}

.cta .content {
    background: #30d57a;
    background: -webkit-gradient(linear, left top, right top, from(#30d57a), to(#66e59f));
    background: -webkit-linear-gradient(left, #30d57a, #66e59f);
    background: linear-gradient(90deg, #30d57a, #66e59f);
    background: -webkit-linear-gradient(90deg, #30d57a, #66e59f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ED47A", endColorstr="#66E59F", GradientType=1);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 991px) {
    header .hero {
        background-position: center bottom 2px, bottom;
        background-size: 1200px auto
    }

    .multi-platform .illustration {
        display: none
    }
}

@media (max-width: 575px) {
    header .hero {
        background-size: 800px auto
    }

    header .hero .button-cta img {
        height: 40px
    }

    header .illustration img {
        display: none
    }

    header .publisher img {
        display: none;
        padding-bottom: 5px
    }
}

.auth.auth-sigin-basic .desc, .auth.auth-sign-illustration .desc {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.auth.auth-sigin-basic .desc span, .auth.auth-sign-illustration .desc span {
    background-color: #fff;
    padding: .875rem;
    position: absolute;
    z-index: 11
}

.auth.auth-sigin-basic .desc .hr, .auth.auth-sign-illustration .desc .hr {
    width: 100%;
    border-bottom: 2px solid #e5eaf4
}

.auth.auth-signin-popup .modal .ill-modal-images {
    height: 699px
}

.auth.auth-signin-left-cover .auth-left {
    height: 900px
}

.auth.auth-signin-left-cover .auth-left .logo {
    position: absolute;
    margin-left: 15%;
    margin-top: 40px
}

.auth.auth-signin-left-cover .auth-left .bg-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.auth.auth-signin-left-cover .auth-right {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.auth.auth-signin-left-cover .auth-right .content {
    width: 360px
}

.auth.auth-signin-right-cover .auth-left {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.auth.auth-signin-right-cover .auth-left .logo {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding-top: 40px
}

.auth.auth-signin-right-cover .auth-left .content, .auth.auth-signin-right-cover .auth-left .logo a {
    width: 360px
}

.auth.auth-signin-right-cover .auth-right {
    height: 900px
}

.auth.auth-signin-right-cover .auth-right .bg-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.auth.auth-signin-right-cover .auth-right .content {
    width: 472px
}

.auth.auth-signin-right-cover .auth-right .content #shape-1 {
    right: 0;
    position: absolute;
    margin-top: -100px;
    margin-right: -40px
}

.auth.auth-signin-right-cover .auth-right .content #shape-2 {
    right: 0;
    position: absolute;
    margin-top: 40px;
    margin-right: -40px
}

.auth.auth-signin-right-cover .auth-right .content #shape-3 {
    position: absolute;
    margin-top: 40px;
    margin-left: -40px
}

.auth.auth-signup-image .modal .ill-modal-images {
    height: 813px
}

.auth.auth-signup-left-cover .auth-left {
    height: 900px
}

.auth.auth-signup-left-cover .auth-left .logo {
    position: absolute;
    margin-left: 15%;
    margin-top: 40px
}

.auth.auth-signup-left-cover .auth-left .bg-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.auth.auth-signup-left-cover .auth-right {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.auth.auth-signup-left-cover .auth-right .content {
    width: 360px
}

.auth.auth-signup-right-cover .auth-left {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.auth.auth-signup-right-cover .auth-left .logo {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding-top: 40px
}

.auth.auth-signup-right-cover .auth-left .content, .auth.auth-signup-right-cover .auth-left .logo a {
    width: 360px
}

.auth.auth-signup-right-cover .auth-right {
    height: 960px
}

.auth.auth-signup-right-cover .auth-right .bg-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.auth.auth-signup-right-cover .auth-right .content {
    width: 472px
}

.auth.auth-signup-right-cover .auth-right .content #shape-1 {
    right: 0;
    position: absolute;
    margin-top: -100px;
    margin-right: -40px
}

.auth.auth-signup-right-cover .auth-right .content #shape-2 {
    right: 0;
    position: absolute;
    margin-top: 40px;
    margin-right: -40px
}

.auth.auth-signup-right-cover .auth-right .content #shape-3 {
    position: absolute;
    margin-top: 40px;
    margin-left: -40px
}

header.blog-alt-1 .hero {
    padding-top: 120px;
    padding-bottom: 130px
}

header.blog-alt-1 .popular-tags {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

header.blog-alt-1 .popular-tags p {
    margin-right: 16px
}

header.blog-alt-1 .popular-tags ul {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

header.blog-alt-1 .popular-tags ul li {
    margin: 0 8px 12px
}

.box-featured-blog {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    background-color: #fff;
    text-decoration: none;
    color: inherit
}

.box-featured-blog .featured-image {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex: 0 0 570px;
    -moz-box-flex: 0;
    flex: 0 0 570px;
    width: 570px
}

a:active, a:hover, a:link, a:visited {
    text-decoration: none
}

.box-featured-blog .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.box-featured-blog .blog-metas {
    padding: 32px
}

.box-featured-blog .blog-title {
    margin: 16px 0 20px;
    color: #183b56;
    font-size: 2.25rem !important;
    line-height: 1.33 !important;
    max-height: 2.66em;
    letter-spacing: .2px;
    overflow: hidden
}

.box-featured-blog .blog-excerpt {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin: 0 0 45px
}

.box-featured-blog .c-customer-review-meta {
    margin-top: 0
}

.box-featured-blog:hover {
    text-decoration: none;
    color: inherit
}

.blog-section-title {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.blog-section-title h2 {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%
}

.blog-section-title p {
    max-width: 602px
}

.blog-section-title .btn {
    min-width: 138px
}

.blog-author-detail {
    margin-top: 28px
}

.blog-author-detail .c-customer-review-meta {
    margin-top: 0
}

.card-article-blog {
    margin-bottom: 30px;
    border-radius: 1rem;
    overflow: hidden
}

.card-article-blog .blog-featured-badge {
    position: absolute;
    left: 32px;
    top: 32px
}

.card-article-blog .card-img-overlay .user {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: none
}

.card-article-blog .card-img-overlay p {
    font-size: 20px;
    line-height: 1.8
}

.card-article-blog .c-customer-review-meta .meta p {
    font-size: 16px;
    line-height: 1.375
}

.col-xl-4 .card-article-blog .card-img-overlay {
    padding: 20px 32px 40px
}

.col-xl-4 .card-article-blog .card-img-overlay h3 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 12px
}

.carousel .carousel-control {
    top: 50%;
    bottom: auto;
    width: 54px;
    height: 56px;
    border-radius: 2000px;
    background: #2ed47a;
    margin: -27px;
    opacity: 1
}

.carousel .carousel-control-prev {
    background-image: none
}

.carousel .carousel-control-prev .carousel-control-prev-icon:before {
    font-family: Font Awesome\ 5 Free;
    content: ""
}

.carousel .carousel-control-next {
    background-image: none
}

.carousel .carousel-control-next .carousel-control-next-icon:before {
    font-family: Font Awesome\ 5 Free;
    content: ""
}

.blog-carousel-container {
    margin: -35px
}

.blog-carousel-container .carousel-item {
    padding: 35px
}

.blog-carousel .carousel-control {
    margin: -27px 9px
}

.blog-figure-carousel .carousel-control {
    top: 50%;
    margin-top: -50px
}

.card-blog-footer-container {
    position: relative;
    max-width: 100%
}

.card-blog-footer-container:after, .card-blog-footer-container:before {
    content: "";
    position: absolute;
    z-index: 1
}

.card-blog-footer-container:before {
    right: -50px;
    top: 40px;
    background-color: #2ed47a
}

.card-blog-footer-container:after, .card-blog-footer-container:before {
    width: 237px;
    height: 200px;
    border-radius: 16px;
    -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .15);
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .15)
}

.card-blog-footer-container:after {
    bottom: -44px;
    left: -60px;
    background-color: hsla(0, 0%, 100%, .06)
}

.card-blog-footer {
    position: relative;
    z-index: 2;
    width: 466px;
    max-width: 100%;
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .15);
    box-shadow: -50px 50px 50px 0 rgba(0, 0, 0, .15)
}

.card-blog-footer .ill {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 212px;
    overflow: hidden;
    border-radius: 12px;
    margin: -22px -22px 28px
}

.card-blog-footer .ill img {
    max-width: 100%
}

.footer-cta .heading {
    margin-bottom: 48px
}

.footer-cta .right {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end
}

.footer-cta .divider {
    padding-top: 140px;
    border-bottom: 1px solid #1a3245
}

@media (max-width: 1199px) {
    .box-featured-blog .featured-image {
        -webkit-flex: 0 0 450px;
        -moz-box-flex: 0;
        flex: 0 0 450px;
        width: 450px
    }
}

@media (max-width: 991px) {
    header.blog-alt-1 .hero {
        padding-bottom: 100px
    }

    .box-featured-blog {
        display: block
    }

    .box-featured-blog .blog-title {
        font-size: 2rem !important;
        line-height: 1.25 !important;
        margin-bottom: 16px
    }

    .box-featured-blog .featured-image {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        width: 100%;
        height: 320px
    }

    .box-featured-blog .blog-excerpt {
        margin-bottom: 32px
    }

    .blog-section-title p {
        margin-right: -150px;
        padding-right: 150px
    }

    .card-article-blog {
        height: 540px
    }

    .card-article-blog img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .card-article-blog .card-img-overlay {
        padding: 48px
    }

    .footer-cta {
        margin-bottom: -1px;
        padding-bottom: 90px
    }

    .footer-cta .row {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse
    }

    .footer-cta .left {
        text-align: center
    }

    .footer-cta .right {
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        padding-bottom: 68px
    }

    .footer-cta .divider {
        padding-top: 90px
    }
}

@media (max-width: 767px) {
    header.blog-alt-1 .hero {
        padding-top: 40px
    }

    header.blog-alt-1 .popular-tags {
        display: block;
        text-align: left
    }

    header.blog-alt-1 .popular-tags p {
        margin-bottom: 12px
    }

    .blog-section-title {
        display: block
    }

    .blog-section-title p {
        margin-right: 0;
        padding-right: 0
    }
}

@media (max-width: 575px) {
    header.blog-alt-1 .hero {
        padding-bottom: 70px
    }

    header.blog-alt-1 .form-search .input-group-append {
        display: block;
        position: relative;
        width: 100%;
        padding: 12px 0 0
    }

    header.blog-alt-1 .form-search .input-group-append .btn {
        height: 48px;
        width: 100%
    }

    .card-article-blog, .col-xl-4 .card-article-blog {
        height: 320px
    }

    .card-article-blog .blog-featured-badge, .col-xl-4 .card-article-blog .blog-featured-badge {
        top: 20px;
        left: 20px
    }

    .card-article-blog .card-img-overlay, .col-xl-4 .card-article-blog .card-img-overlay {
        padding: 20px
    }

    .card-article-blog .card-img-overlay h3, .col-xl-4 .card-article-blog .card-img-overlay h3 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        max-height: 3.6em;
        overflow: hidden
    }

    .card-article-blog .card-img-overlay p, .col-xl-4 .card-article-blog .card-img-overlay p {
        font-size: 14px;
        line-height: 1.71
    }

    .card-article-blog .card-img-overlay .blog-author-detail, .col-xl-4 .card-article-blog .card-img-overlay .blog-author-detail {
        margin-top: 24px
    }

    .card-article-blog .c-customer-review-meta .meta p, .col-xl-4 .card-article-blog .c-customer-review-meta .meta p {
        font-size: 14px;
        line-height: 1.43
    }

    .card-article-blog .c-customer-review-meta .meta span, .col-xl-4 .card-article-blog .c-customer-review-meta .meta span {
        font-size: 14px
    }

    .card-article-blog .c-customer-review-meta .meta span i, .col-xl-4 .card-article-blog .c-customer-review-meta .meta span i {
        font-size: 12px
    }

    .box-featured-blog .blog-title {
        font-size: 1.25rem !important
    }

    .box-featured-blog .blog-excerpt {
        font-size: 14px
    }

    .box-featured-blog .featured-image {
        height: 160px
    }

    .box-featured-blog .blog-metas {
        padding: 20px
    }

    .carousel .carousel-control {
        width: 40px;
        height: 40px
    }

    .blog-carousel .carousel-control {
        top: 195px;
        margin: -20px 15px
    }

    .footer-cta {
        padding-bottom: 50px
    }

    .footer-cta .divider {
        padding-top: 50px
    }
}

header.blog-alt-2 {
    background-color: #f9fcff;
    padding-bottom: 297px;
    margin-bottom: -200px
}

header.blog-alt-2 .hero {
    padding-top: 76px
}

header.blog-alt-2 .content {
    padding-top: 20px
}

header.blog-alt-2 .popular-tags, header.blog-alt-2 .popular-tags ul {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

header.blog-alt-2 .popular-tags ul {
    margin: 0 0 0 8px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

header.blog-alt-2 .popular-tags ul li {
    margin: 0 8px
}

header.blog-alt-2 .popular-tags ul li a {
    white-space: nowrap
}

.blog-alt-2-grid {
    margin: 0 -15px
}

.blog-alt-2-grid .grid-item, .blog-alt-2-grid .grid-sizer {
    width: 33.333%
}

.blog-alt-2-grid .grid-item {
    padding: 0 15px
}

.card-article-blog-2 {
    display: block;
    border-radius: 12px;
    -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .06);
    background-color: #fff;
    border: none;
    margin: 0 0 30px
}

.card-article-blog-2:hover {
    text-decoration: none
}

.card-article-blog-2 .card-article-heading {
    height: 250px
}

.card-article-blog-2 .card-article-heading img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card-article-blog-2 .card-article-body {
    padding: 32px
}

.card-article-blog-2 .card-article-body .title {
    color: #183b56;
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
    max-height: 4.5rem;
    margin: 0 0 12px;
    overflow: hidden
}

.card-article-blog-2 .card-article-body .excerpt {
    color: #183b56;
    font-size: 1.125rem;
    margin: 0 0 32px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: elipsis
}

.card-article-blog-2 .card-article-body .blog-author-detail {
    margin: 0
}

.card-article-blog-2 .card-article-body .blog-author-detail p, .card-article-blog-2 .card-article-body .blog-author-detail span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1199px) {
    header.blog-alt-2 .content {
        padding-top: 0
    }

    header.blog-alt-2 .popular-tags {
        display: block
    }

    header.blog-alt-2 .popular-tags ul {
        margin: 10px -8px 0
    }

    header.blog-alt-2 .popular-tags ul li {
        padding-bottom: 12px
    }

    .card-article-blog-2 .card-article-heading {
        height: 200px
    }

    .card-article-blog-2 .card-article-body {
        padding: 24px
    }

    .card-article-blog-2 .card-article-body .title {
        font-size: 24px !important;
        line-height: 1.33 !important
    }
}

@media (max-width: 991px) {
    header.blog-alt-2 {
        padding-bottom: 345px;
        margin-bottom: -273px
    }

    header.blog-alt-2 .content {
        text-align: center;
        max-width: 555px;
        margin-left: auto;
        margin-right: auto
    }

    header.blog-alt-2 .popular-tags ul {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .blog-alt-2-grid .grid-item, .blog-alt-2-grid .grid-sizer {
        width: 50%
    }
}

@media (max-width: 767px) {
    header.blog-alt-2 .popular-tags {
        display: block
    }

    header.blog-alt-2 .popular-tags ul {
        margin: 10px -5px 0
    }

    header.blog-alt-2 .popular-tags ul li {
        margin: 0 5px;
        padding-bottom: 12px
    }

    .blog-alt-2-grid .grid-item, .blog-alt-2-grid .grid-sizer {
        width: 100%
    }
}

@media (max-width: 575px) {
    header.blog-alt-2 {
        padding-bottom: 300px;
        margin-bottom: -260px
    }

    header.blog-alt-2 .hero {
        padding-top: 40px
    }

    header.blog-alt-2 .popular-tags {
        text-align: center
    }

    header.blog-alt-2 .popular-tags ul {
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .card-article-blog-2 .card-article-heading {
        height: 160px
    }

    .card-article-blog-2 .card-article-body .title {
        font-size: 20px !important;
        line-height: 1.2 !important
    }

    .card-article-blog-2 .card-article-body .excerpt {
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 24px
    }
}

header.blog-detail {
    background-position: top, center bottom -2px;
    background-size: cover, 102%;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    padding-bottom: 175px
}

header.blog-detail .hero {
    padding-top: 120px;
    padding-bottom: 130px
}

header.blog-detail h1 {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.blog-content-footer .container, .blog-content .container {
    position: relative;
    max-width: 780px
}

.blog-share-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0
}

.blog-share {
    position: absolute;
    text-align: center;
    padding: 10px 0 0;
    margin: -5px 0 0 -150px
}

.blog-share strong {
    display: block;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 600;
    color: #5a7184;
    margin: 0 0 16px
}

.blog-share a {
    display: block;
    padding: 16px;
    font-size: 18px;
    line-height: 1;
    color: #5a7184
}

.blog-content .snippet p {
    font-size: 20px;
    line-height: 1.8
}

.blog-content h3 {
    margin: 0 0 1.25rem
}

.blog-content h4 {
    margin: 0 0 1rem
}

.blog-content p {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin: 0 0 1.75em
}

.blog-content figure {
    text-align: center;
    margin: 0 0 3rem
}

.blog-content figure img {
    border-radius: 16px;
    margin: 0
}

.blog-content figure figcaption {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    margin: .75rem 0 0;
    color: #5a7184
}

.blog-content figure.collage .row {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.blog-content figure.collage .column {
    -webkit-flex: 50% 1;
    -moz-box-flex: 50%;
    flex: 50% 1;
    max-width: 50%;
    padding: 0 15px
}

.blog-content figure.collage .column img {
    margin-top: 30px;
    vertical-align: middle;
    width: 100%;
    border-radius: 16px
}

.blog-content blockquote {
    text-align: center;
    border-radius: 16px;
    background-color: #2ed47a;
    color: #fff;
    padding: 64px;
    margin: 3.5rem 0 7.5rem
}

.blog-content blockquote p {
    margin: 0 0 1.3125rem;
    font-size: 36px;
    line-height: 1.67;
    letter-spacing: .09px;
    color: inherit
}

.blog-content blockquote p:before {
    display: block;
    font-family: Font Awesome\ 5 Free;
    content: "";
    font-weight: 900;
    font-size: 40px;
    margin: -.4375rem 0 2rem
}

.blog-content blockquote footer {
    margin: 0 0 2.25rem;
    font-size: 18px;
    line-height: 1.333
}

.blog-content blockquote .avatar {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto -120px
}

.blog-content-footer .blog-author-detail {
    border-top: 1px solid #e5eaf4;
    border-bottom: 1px solid #e5eaf4;
    padding: 20px 0
}

.blog-comments h4 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    letter-spacing: .2px;
    margin: 0 0 1.5rem
}

.comment-item {
    margin-bottom: 1.5rem
}

.comment-item .c-customer-review-meta {
    margin: 0
}

.comment-item .col-comment {
    -webkit-flex: 555px 1;
    -moz-box-flex: 555px;
    flex: 555px 1;
    max-width: 555px
}

.comment-item .col-comment p {
    border-radius: 0 16px 16px 16px;
    background-color: rgba(179, 186, 197, .15);
    padding: 20px;
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.comment-form {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .06);
    padding: 12px
}

.comment-form .user {
    -webkit-flex: 0 0 40px;
    -moz-box-flex: 0;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 0 0 4px
}

.comment-form .user img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    object-fit: cover
}

.comment-form textarea.form-control {
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1;
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    padding: 12px 16px;
    border: none
}

@media (max-width: 1199px) {
    .blog-share {
        margin-left: -100px
    }
}

@media (max-width: 991px) {
    header.blog-detail .hero {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .blog-content-footer .container, .blog-content .container {
        max-width: 567px;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (max-width: 767px) {
    header.blog-detail {
        padding-bottom: 0;
        background-size: cover, 0;
        margin-bottom: 40px
    }

    header.blog-detail .hero {
        padding-top: 60px;
        padding-bottom: 110px
    }

    .blog-share-container {
        display: none
    }
}

@media (max-width: 575px) {
    .blog-content-footer .container, .blog-content .container {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .blog-author-detail {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .blog-author-detail .c-customer-review-meta .meta p {
        font-size: 14px
    }

    .blog-author-detail .blog-date-published {
        font-size: 10px
    }

    .blog-content p {
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 1.71em
    }

    .blog-content h3 {
        font-size: 1.5rem !important;
        line-height: 1.33 !important;
        margin-bottom: 1rem
    }

    .blog-content h4 {
        font-size: 1.25rem !important;
        line-height: 1.2 !important;
        margin-bottom: .75rem
    }

    .blog-content blockquote {
        margin-left: -24px;
        margin-right: -24px;
        padding: 48px 24px;
        border-radius: 0
    }

    .blog-content blockquote p {
        font-size: 28px;
        line-height: 1.57
    }

    .blog-content blockquote footer {
        font-size: 16px
    }

    .blog-content blockquote .avatar {
        width: 96px;
        height: 96px;
        margin-bottom: -48px
    }

    .blog-content figure {
        margin-bottom: 2rem
    }

    .blog-content figure.collage .row {
        margin-left: -6px;
        margin-right: -6px
    }

    .blog-content figure.collage .column {
        padding-left: 6px;
        padding-right: 6px
    }

    .blog-content figure.collage .column img {
        margin-top: 12px
    }

    .blog-figure-carousel .carousel-control {
        margin-left: -20px;
        margin-right: -20px
    }

    .blog-comments h4 {
        font-size: 24px !important;
        line-height: 1.33 !important
    }

    .blog-comments .c-customer-review-meta {
        margin-bottom: 16px
    }

    .comment-form {
        margin-bottom: 50px
    }

    .comment-form .btn {
        position: absolute;
        margin-top: 60px;
        margin-left: -12px
    }
}

.reach-more {
    padding-top: 90px;
    padding-bottom: 90px
}

.reach-more .heading {
    text-align: center;
    margin-bottom: 80px
}

.reach-more .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    margin: 16px 0 80px
}

.reach-more .content-top {
    margin-bottom: 144px
}

.reach-more .content .left {
    padding: 27px 36px 27px 64px
}

.reach-more .content .left h3 {
    padding-right: 35px;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 24px
}

.reach-more .content .left p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 1.78em
}

.reach-more .content .left .c-list.w-50p {
    margin-top: 32px
}

.reach-more .content .left .c-list.w-50p li p {
    margin: 0
}

.reach-more .content .right {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.reach-more .content .right .features-photos {
    width: 458px;
    height: 520px;
    border-radius: .5rem
}

.reach-more .content .right .features-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem
}

.reach-more .content .card-f .play {
    width: 36px;
    height: 36px;
    font-size: 12px
}

.reach-more .content .card-f .play-content {
    width: 27px;
    height: 27px
}

.reach-more .content-top {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse
}

.reach-more {
    padding-top: 80px;
    padding-bottom: 40px
}

.reach-more .container {
    padding-left: 100px !important;
    padding-right: 24px !important
}

.reach-more .heading h3 {
    margin-bottom: 64px
}

.reach-more .content .left {
    padding-left: 0;
    padding-right: 0
}

.reach-more .content .left h3 {
    padding-right: 0
}

.reach-more .content .right .features-photos {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%
}

.reach-more .content .right .features-photos img {
    width: auto
}

.reach-more .content-top {
    margin-bottom: 64px
}

.reach-more .card-f.card-f-2 {
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    flex-direction: row !important;
    -webkit-justify-content: flex-start !important;
    -moz-box-pack: start !important;
    justify-content: flex-start !important;
    text-align: left
}

.reach-more .card-f.card-f-2 .card-f-heading {
    margin-right: 1rem
}

@media (max-width: 767px) {
    .reach-more .content .right .features-photos {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }
}

@media (max-width: 575px) {
    .reach-more {
        padding-top: 64px
    }

    .reach-more .heading {
        margin-bottom: 30px
    }

    .reach-more .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 0
    }

    .reach-more .heading h3 br {
        display: none
    }

    .reach-more .content .left {
        padding-top: 0;
        padding-bottom: 0;
        text-align: center
    }

    .reach-more .content .left h3 {
        font-size: 24px !important;
        line-height: 1.33 !important
    }

    .reach-more .content .left h3 br {
        display: none
    }

    .reach-more .content .left .c-list.w-50p {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-top: 26px
    }

    .reach-more .content .left .c-list.w-50p li {
        width: 100%;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .reach-more .content-bottom .right .features-photos, .reach-more .content-top .right .features-photos {
        margin-bottom: 36px;
        height: 300px
    }

    .reach-more .content-bottom .right .features-photos img, .reach-more .content-top .right .features-photos img {
        margin: 0;
        width: 100% !important
    }

    .reach-more .card-f.card-f-2 {
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        justify-content: center !important
    }

    .card-with-step .step {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 21px;
        border-radius: 6px;
        top: -18px;
        right: 16px
    }

    .real-estate-our-service {
        text-align: center
    }

    .real-estate-our-service .illustration {
        height: 220px
    }

    .real-estate-our-service .illustration img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px
    }

    .real-estate-service-box {
        padding-top: 16px;
        padding-bottom: 12px
    }

    .real-estate-service-box p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 20px
    }

    .box-testimonial {
        padding: 156px 15px 24px
    }

    .box-testimonial .testimonial-profile {
        height: 208px;
        margin-left: -72px
    }

    .box-testimonial .testimonial-profile img {
        width: 144px
    }

    .box-testimonial .testimonial-content p {
        font-size: 18px;
        line-height: 1.78;
        margin-bottom: 16px
    }

    .box-testimonial .testimonial-content p:before {
        font-size: 100px;
        margin-left: -50px;
        top: -33px
    }

    .real-estate-information {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .real-estate-information .card-f {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 30px
    }

    .real-estate-information .card-f .counter {
        font-size: 28px !important;
        line-height: 1.29 !important
    }

    .real-estate-information .card-f p {
        font-size: 14px;
        line-height: 1.71
    }

    .real-estate-signup .real-estate-signup-box {
        margin-left: -12px;
        margin-right: -12px;
        border-radius: 0;
        padding: 64px 20px
    }

    .real-estate-signup {
        padding-bottom: 0
    }

    .real-estate-signup h4 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 12px
    }

    .real-estate-signup p {
        font-size: 14px;
        line-height: 1.71
    }

    .real-estate-signup .form-submit-email {
        margin-top: 36px
    }

    .real-estate-signup .form-submit-email .input-group {
        margin-bottom: 24px
    }

    .real-estate-signup .form-submit-email p {
        margin: 0
    }
}

header.monlix-extras .hero {
    padding-top: 77px;
    padding-bottom: 0
}

header.monlix-extras .hero .content {
    position: relative;
    z-index: 2;
    color: #fff
}

header.monlix-extras .hero .badge {
    margin-bottom: 26px
}

header.monlix-extras .hero h1 {
    font-size: 56px !important;
    line-height: 1.21 !important;
    margin: 0 0 28px
}

header.monlix-extras .hero p {
    font-size: 20px;
    line-height: 1.8;
    margin: 0 0 48px
}

.monlix-extras-get {
    text-align: left;
    padding-top: 100px
}

.monlix-extras-get .container {
    padding-bottom: 120px;
    border-bottom: 1px solid #e5eaf4
}

.monlix-extras-about {
    padding-top: 120px;
    padding-bottom: 30px
}

.monlix-extras-about .heading {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    margin-bottom: 60px
}

.monlix-extras-about .heading .badge {
    margin-top: 10px
}

.monlix-extras-about .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    -webkit-flex: 0 0 370px;
    -moz-box-flex: 0;
    flex: 0 0 370px;
    max-width: 370px;
    margin-left: 37px
}

.monlix-extras-about .col-ill {
    position: relative;
    width: 100%;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px
}

.monlix-extras-about .illustration {
    position: relative;
    padding-left: 40px;
    padding-right: 40px
}

.monlix-extras-about .illustration img {
    max-width: 100%;
    border-radius: 8px
}

.monlix-extras-about .illustration-2 {
    margin-top: -166px
}

.monlix-extras-about .box-since {
    position: absolute;
    right: 76px;
    bottom: -80px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-flow: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    border-radius: 8px;
    background-color: #2ed47a;
    color: #fff
}

.monlix-extras-about .box-since span {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px
}

.monlix-extras-about .box-since strong {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: .2px
}

.monlix-extras-about .card-with-step-no-img {
    padding-top: 60px
}

.card-with-step-no-img {
    padding: 0 15px;
    margin-bottom: 30px
}

.card-with-step-no-img h4 {
    font-size: 18px !important;
    line-height: 1.11 !important;
    letter-spacing: 1.13px;
    color: #183b56;
    margin: 0 0 20px;
    text-transform: uppercase
}

.card-with-step-no-img p {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.monlix-extras-gallery {
    padding-top: 60px;
    padding-bottom: 90px
}

.monlix-extras-gallery .heading {
    position: relative;
    padding-left: 67px;
    margin-bottom: 60px
}

.monlix-extras-gallery .heading .badge {
    margin-bottom: 20px
}

.monlix-extras-gallery .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important
}

.monlix-extras-gallery .carousel-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.monlix-extras-gallery .carousel-nav, .monlix-extras-gallery .carousel-nav .filter {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.monlix-extras-gallery .carousel-nav .filter li {
    padding: 0 9px
}

.monlix-extras-gallery .carousel-nav .filter li a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #5a7184;
    padding: 0 9px
}

.monlix-extras-gallery .carousel-nav .filter li a.active {
    font-weight: 700;
    color: #2ed47a
}

.monlix-extras-gallery .carousel-nav .nav {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-left: 50px
}

.monlix-extras-gallery .carousel-nav .nav li {
    margin: 0 10px
}

.monlix-extras-gallery .carousel-nav .nav li a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 54px;
    height: 56px;
    border-radius: 2000px;
    border: 2px solid #b3bac5;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #959ead
}

.monlix-extras-gallery .carousel-nav .nav li a:hover {
    color: #183b56;
    border-color: #183b56
}

.monlix-extras-gallery .architecture-carousel-container {
    margin-right: -400px;
    margin-left: -20px
}

.monlix-extras-gallery .architecture-carousel-item {
    padding: 0 20px
}

.monlix-extras-testimonial {
    padding-bottom: 60px
}

.monlix-extras-testimonial .architecture-testimonial-container {
    margin-left: -70px;
    margin-right: -150px
}

.architecture-testimonial .owl-item {
    padding-top: 100px
}

.architecture-testimonial .box-testimonial {
    display: block;
    background-color: #fafdff;
    border-radius: 8px;
    padding: 98px 206px 100px 234px
}

.architecture-testimonial .box-testimonial .testimonial-content {
    width: auto
}

.architecture-testimonial .box-testimonial .testimonial-content p {
    line-height: 1.8;
    margin-bottom: 48px
}

.architecture-testimonial .box-testimonial .testimonial-content p:before {
    font-size: 140px;
    color: #3cb582;
    margin-top: -167px;
    margin-left: -164px
}

.architecture-testimonial .box-testimonial .testimonial-profile {
    margin: 0
}

.architecture-testimonial .box-testimonial .c-customer-review-meta .user {
    width: 68px;
    height: 68px;
    border: 5px solid #36b37e
}

.architecture-testimonial .box-testimonial .c-customer-review-meta .meta p, .architecture-testimonial .box-testimonial .c-customer-review-meta .meta span {
    display: block
}

.architecture-testimonial .box-testimonial .c-customer-review-meta .meta p {
    color: #2ed47a;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4 !important;
    margin-bottom: 4px
}

.architecture-testimonial .box-testimonial .c-customer-review-meta .meta span {
    font-size: 18px;
    line-height: 1.33;
    color: #183b56
}

.architecture-testimonial .owl-dots {
    position: absolute;
    right: 218px;
    bottom: 129px
}

.architecture-testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #b3bac5;
    border-radius: 50px;
    margin: 0 16px
}

.architecture-testimonial .owl-dots button.owl-dot.active {
    background-color: #2ed47a
}

.monlix-extras-blog {
    padding-bottom: 80px;
    padding-top: 60px
}

.monlix-extras-blog .heading {
    position: relative;
    padding-left: 67px;
    margin-bottom: 60px
}

.monlix-extras-blog .heading .badge {
    margin-bottom: 20px
}

.monlix-extras-blog .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important
}

.monlix-extras-blog .heading-button {
    position: absolute;
    right: 100px;
    bottom: 0;
    height: 60px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.monlix-extras-blog .heading-button .btn {
    min-width: 214px
}

.card-article-architecture {
    display: block;
    border: none;
    margin: 0 0 40px
}

.card-article-architecture:hover {
    text-decoration: none
}

.card-article-architecture .card-article-heading {
    height: 293px;
    border-radius: 16px;
    overflow: hidden
}

.card-article-architecture .card-article-heading img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card-article-architecture .card-article-body {
    padding: 30px 0 0
}

.card-article-architecture .card-article-body .title {
    color: #183b56;
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
    max-height: 4.5rem;
    margin: 0 0 12px;
    overflow: hidden
}

.card-article-architecture .card-article-body .excerpt {
    color: #183b56;
    font-size: 1.125rem;
    margin: 0 0 16px
}

.card-article-architecture .card-article-body .blog-read-more .read-more {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #36b37e
}

.call-to-action-footer {
    color: #fff
}

.call-to-action-footer .call-to-action-box {
    padding: 70px;
    margin-left: -70px;
    margin-right: -70px;
    border-radius: 10px;
    background-color: #2ed47a
}

.call-to-action-footer .call-to-action-box h4 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    letter-spacing: .2px;
    margin: 0 0 24px;
    max-width: 344px
}

.call-to-action-footer .call-to-action-box h5 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: .2px;
    color: #fafafb;
    margin: 0 0 24px
}

.call-to-action-footer .call-to-action-box h5:before {
    content: "";
    display: block;
    width: 250px;
    height: 1px;
    border: 1px dashed #fff;
    margin: 36px 0
}

.call-to-action-footer .call-to-action-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #b3bac5
}

.call-to-action-footer .brands {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 68px -16px 0
}

.call-to-action-footer .brands li {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 26px;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0 16px
}

.call-to-action-footer .brands li img {
    height: 100%;
    object-fit: contain
}

.form-box {
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    max-width: 487px;
    margin: 0 auto
}

.form-box .form-title {
    display: block;
    font-size: 28px !important;
    line-height: 1.29 !important;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 30px
}

.form-box p {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184;
    margin: 0 0 22px
}

.form-box label {
    margin-bottom: 8px
}

.form-box .form-group {
    margin-bottom: 1.25rem
}

.form-box .bootstrap-select .btn-light, .form-box .form-control[type=color], .form-box .form-control[type=date], .form-box .form-control[type=datetime-local], .form-box .form-control[type=email], .form-box .form-control[type=file], .form-box .form-control[type=hidden], .form-box .form-control[type=image], .form-box .form-control[type=month], .form-box .form-control[type=number], .form-box .form-control[type=password], .form-box .form-control[type=reset], .form-box .form-control[type=tel], .form-box .form-control[type=text], .form-box .form-control[type=time], .form-box .form-control[type=url], .form-box .form-control[type=week] .form-control[type=file], .form-box .form-controlselect {
    height: 3rem
}

.form-box .btn-submit {
    margin-top: .25rem
}

@media (max-width: 1199px) {
    .monlix-extras-gallery .heading {
        padding-left: 0;
        margin-bottom: 32px
    }

    .monlix-extras-gallery .carousel-nav {
        position: relative;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        margin: 0 -18px
    }
}

@media (max-width: 991px) {
    header.monlix-extras {
        background-size: 100%;
        padding-bottom: 116px
    }

    header.monlix-extras .hero {
        padding-top: 40px
    }

    .monlix-extras-get {
        padding-top: 80px;
        text-align: center
    }

    .monlix-extras-get .container {
        padding-bottom: 48px
    }

    .monlix-extras-get p {
        margin-bottom: 32px
    }

    .monlix-extras-about {
        padding-top: 90px
    }

    .monlix-extras-about .heading {
        display: block;
        margin-bottom: 30px
    }

    .monlix-extras-about .heading .badge {
        margin: 0 0 18px
    }

    .monlix-extras-about .heading h3 {
        margin-left: 0;
        font-size: 40px !important;
        line-height: 1.3 !important
    }

    .monlix-extras-about .row-ill {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 12px
    }

    .monlix-extras-about .col-ill {
        -webkit-flex: 0 0 435px;
        -moz-box-flex: 0;
        flex: 0 0 435px;
        max-width: 435px;
        margin: 0 auto
    }

    .monlix-extras-about .illustration {
        padding-left: 0;
        padding-right: 0;
        height: 440px
    }

    .monlix-extras-about .illustration img {
        object-fit: cover;
        height: 100%;
        width: 100%
    }

    .monlix-extras-about .illustration-2 {
        margin-top: 0
    }

    .monlix-extras-about .box-since {
        top: -64px;
        left: 110px;
        bottom: auto;
        right: auto;
        width: 128px;
        height: 128px
    }

    .monlix-extras-about .box-since span {
        font-size: 16px;
        line-height: 1.4
    }

    .monlix-extras-about .box-since strong {
        font-size: 38.4px;
        line-height: 1.25
    }

    .monlix-extras-about .card-with-step-no-img {
        text-align: center;
        padding-top: 36px;
        max-width: 460px;
        margin: 0 auto
    }

    .monlix-extras-about .card-with-step-no-img h4 {
        margin: 0 0 15px
    }

    .monlix-extras-about .card-with-step-no-img h4 strong {
        display: block;
        margin-bottom: 20px
    }

    .monlix-extras-gallery .architecture-carousel-container {
        margin-right: -256px
    }

    .monlix-extras-gallery .architecture-carousel-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .monlix-extras-testimonial .architecture-testimonial-container {
        margin-left: -32px;
        margin-right: -72px
    }

    .architecture-testimonial .owl-item {
        padding-top: 0
    }

    .architecture-testimonial .box-testimonial {
        padding: 128px 48px 56px 40px;
        text-align: left
    }

    .architecture-testimonial .box-testimonial .testimonial-profile {
        position: relative;
        margin: 0;
        top: auto;
        height: auto;
        left: auto;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        border-radius: 0
    }

    .architecture-testimonial .box-testimonial .c-customer-review-meta {
        margin-top: 0
    }

    .architecture-testimonial .box-testimonial .testimonial-content p {
        line-height: 1.8
    }

    .architecture-testimonial .box-testimonial .testimonial-content p:before {
        left: 0;
        margin-left: 0;
        margin-top: -190px
    }

    .architecture-testimonial .owl-dots {
        right: 85px;
        bottom: 85px
    }

    .monlix-extras-blog {
        padding-bottom: 50px
    }

    .monlix-extras-blog .heading {
        padding-left: 0;
        margin-bottom: 36px
    }

    .monlix-extras-blog .heading-button {
        right: 0
    }

    .monlix-extras-blog .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .monlix-extras-blog .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .call-to-action-footer {
        padding-bottom: 30px
    }

    .call-to-action-footer .call-to-action-box {
        text-align: center;
        padding: 48px 20px;
        margin: 0 auto
    }

    .call-to-action-footer .call-to-action-box h4 {
        margin-left: auto;
        margin-right: auto;
        max-width: none;
        margin-bottom: 20px
    }

    .call-to-action-footer .call-to-action-box p {
        margin-left: auto;
        margin-right: auto;
        max-width: 560px
    }

    .call-to-action-footer .call-to-action-box h5:before {
        margin: 28px auto
    }

    .call-to-action-footer .brands {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-top: 57px
    }

    .call-to-action-footer .form-box {
        margin-top: 65px
    }
}

@media (max-width: 767px) {
    .monlix-extras-about .heading {
        text-align: center
    }

    .monlix-extras-about .heading h3 {
        margin: 0 auto
    }

    .monlix-extras-about .row-ill {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .monlix-extras-about .col-ill {
        max-width: 100%
    }

    .monlix-extras-about .illustration {
        margin-bottom: 32px
    }

    .monlix-extras-about .col-ill {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%
    }

    .monlix-extras-gallery .heading {
        text-align: center
    }

    .monlix-extras-gallery .carousel-nav {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin: 24px 0
    }

    .monlix-extras-gallery .carousel-nav .filter li, .monlix-extras-gallery .carousel-nav .filter li a {
        padding: 0 4px
    }

    .monlix-extras-gallery .carousel-nav .nav {
        position: absolute;
        top: 445px;
        left: 0;
        right: 0;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin: 0
    }

    .monlix-extras-gallery .architecture-carousel-container {
        margin-left: 0;
        margin-right: 0
    }

    .monlix-extras-gallery .architecture-carousel-item {
        height: 360px;
        padding: 0;
        border-radius: 6.4px;
        overflow: hidden
    }

    .monlix-extras-gallery .architecture-carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .monlix-extras-blog .heading {
        text-align: center
    }

    .monlix-extras-blog .heading-button {
        display: none
    }
}

header.monlix-extras .hero {
    padding-top: 30px
}

header.monlix-extras .hero .badge {
    margin-bottom: 20px
}

header.monlix-extras .hero h1 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin-bottom: 24px
}

header.monlix-extras .hero p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 36px
}

header.monlix-extras .btn-container {
    margin: -10px 0
}

header.monlix-extras .btn-container .btn {
    margin: 10px 0
}

.monlix-extras-get {
    padding-top: 48px
}

.monlix-extras-get .container {
    padding-bottom: 36px
}

.monlix-extras-get p {
    margin-bottom: 24px
}

.monlix-extras-about {
    padding-top: 64px
}

.monlix-extras-about .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important
}

.monlix-extras-about .row-ill {
    padding-bottom: 50px
}

.monlix-extras-about .illustration {
    height: 280px
}

.monlix-extras-about .box-since {
    top: auto;
    bottom: -50px;
    width: 100px;
    height: 100px
}

.monlix-extras-about .box-since span {
    font-size: 12.5px;
    line-height: 1.4
}

.monlix-extras-about .box-since strong {
    font-size: 30px;
    line-height: 1.25
}

.monlix-extras-gallery .heading {
    text-align: center
}

.monlix-extras-gallery .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important
}

.architecture-testimonial .box-testimonial {
    padding: 77px 20px 48px
}

.architecture-testimonial .box-testimonial .testimonial-content p {
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 84px
}

.architecture-testimonial .box-testimonial .testimonial-content p:before {
    font-size: 100px;
    top: -77px;
    left: 50%;
    margin: -50px
}

.architecture-testimonial .box-testimonial .testimonial-profile .c-customer-review-meta {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.architecture-testimonial .box-testimonial .testimonial-profile .c-customer-review-meta .user {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px
}

.architecture-testimonial .owl-dots {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 208px
}

.monlix-extras-testimonial .architecture-testimonial-container {
    margin-left: -24px;
    margin-right: -24px
}

.monlix-extras-blog {
    padding-top: 12px;
    padding-bottom: 72px
}

.monlix-extras-blog .heading h3 {
    font-size: 28px !important;
    line-height: 1.29 !important
}

.card-article-architecture .card-article-body {
    padding-top: 24px
}

.card-article-architecture .card-article-body .title {
    font-size: 20px;
    line-height: 1.2
}

.call-to-action-footer .call-to-action-box h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin-bottom: 24px
}

.call-to-action-footer .call-to-action-box h5 {
    margin-bottom: 18px
}

.call-to-action-footer .call-to-action-box h5:before {
    width: 100%;
    max-width: 260px
}

.call-to-action-footer .call-to-action-box .brands {
    margin-top: 25px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.call-to-action-footer .call-to-action-box .brands li {
    margin-top: 12px;
    margin-bottom: 12px;
    height: 28px;
    -webkit-flex: 0 0 140px;
    -moz-box-flex: 0;
    flex: 0 0 140px;
    min-width: 140px
}

.call-to-action-footer .call-to-action-box .form-box h4 {
    font-size: 24px;
    line-height: 1.33
}

.call-to-action-footer .call-to-action-box .form-group {
    text-align: left
}

header.monlix-landing-6 .row-content {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

header.monlix-landing-6 .content {
    -webkit-flex: 0 0 447px;
    -moz-box-flex: 0;
    flex: 0 0 447px;
    max-width: 447px
}

header.monlix-landing-6 .form-box {
    margin: 0;
    max-width: 420px
}

header.monlix-landing-6 .form-box h4 {
    margin-bottom: 10px;
    font-size: 20px !important;
    line-height: 1.2 !important
}

header.monlix-landing-6 .hero {
    position: relative;
    padding-top: 60px;
    padding-bottom: 0
}

header.monlix-landing-6 .hero .content {
    position: relative;
    z-index: 2;
    color: #fff
}

header.monlix-landing-6 .content {
    padding-top: 60px
}

header.monlix-landing-6 .content h1 {
    font-size: 56px !important;
    line-height: 1.21 !important;
    margin: 0 0 30px
}

header.monlix-landing-6 .content p {
    font-size: 20px;
    line-height: 1.8;
    margin: 0 0 40px
}

header.monlix-landing-6 .content .btn-container .btn {
    padding-left: 0;
    padding-right: 0;
    width: 56px
}

.monlix-landing-6-benefit {
    padding-top: 100px;
    padding-bottom: 70px
}

.monlix-landing-6-benefit .heading {
    text-align: center;
    margin-bottom: 42px
}

.monlix-landing-6-benefit .heading h3 {
    font-size: 2rem !important;
    line-height: 1.33 !important;
    margin-bottom: 16px
}

.monlix-landing-6-benefit .heading p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0 auto;
    max-width: 700px;
    color: #5a7184
}

.box-monx-benefit {
    text-align: center;
    border-radius: 8px;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    padding: 30px 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin: 0 0 30px
}

.box-monx-benefit:hover {
    border-color: #fff;
    -webkit-box-shadow: 2px 4px 34px 0 rgba(15, 24, 44, .05);
    box-shadow: 2px 4px 34px 0 rgba(15, 24, 44, .05)
}

.box-monx-benefit .ill {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background-color: rgba(21, 101, 216, .06);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 12px;
    margin: 0 0 35px
}

.box-monx-benefit h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin: 0 0 12px
}

.box-monx-benefit p {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.monlix-landing-6-destinations {
    padding: 60px 0 80px;
    background-color: #f9fbfe
}

.monlix-landing-6-destinations .heading {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: 0 0 40px
}

.monlix-landing-6-destinations .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    margin: 0
}

.monlix-landing-6-destinations .heading .see-all {
    font-size: 18px;
    line-height: 1.78;
    color: #2ed47a
}

.monlix-landing-6-destinations .heading .see-all .fa {
    font-size: 14px
}

.monlix-landing-6-destinations .destinations-carousel-container {
    margin-left: -580px;
    margin-right: -560px
}

.monlix-landing-6-destinations .see-all-footer {
    display: none;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.destinations-carousel-item {
    padding: 0 15px
}

.destinations-carousel-box {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.destinations-carousel-box .description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 60, 87, 0)), to(#183b56));
    background-image: -webkit-linear-gradient(top, rgba(25, 60, 87, 0), #183b56);
    background-image: linear-gradient(180deg, rgba(25, 60, 87, 0), #183b56);
    padding: 40px 30px
}

.destinations-carousel-box .description .btn {
    -webkit-flex: 0 0 130px;
    -moz-box-flex: 0;
    flex: 0 0 130px;
    min-width: 130px;
    padding: 0;
    color: #2ed47a
}

.destinations-carousel-box .text {
    color: #fff
}

.destinations-carousel-box .text h4 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    margin: 0 0 6px
}

.destinations-carousel-box .text p {
    font-size: 16px;
    line-height: 1.75;
    color: #fafafb;
    margin: 0
}

.monlix-landing-6-about {
    padding-top: 100px;
    padding-bottom: 70px
}

.monlix-landing-6-about .heading {
    text-align: center;
    max-width: 664px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px
}

.monlix-landing-6-about .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    margin: 16px 0 0
}

.monlix-landing-6-about .content-top {
    margin-bottom: 56px
}

.monlix-landing-6-about .content .left {
    padding: 27px 36px 27px 64px
}

.monlix-landing-6-about .content .left h3 {
    padding-right: 35px;
    font-size: 2rem !important;
    line-height: 1.25 !important;
    margin-bottom: 24px
}

.monlix-landing-6-about .content .left p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 1.78em
}

.monlix-landing-6-about .content .left .c-list.w-50p {
    margin-top: 32px
}

.monlix-landing-6-about .content .left .c-list.w-50p li {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.monlix-landing-6-about .content .left .c-list.w-50p li p {
    font-size: 16px;
    line-height: 1.375;
    margin: 0
}

.monlix-landing-6-about .content .right {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.monlix-landing-6-about .content .right .features-photos {
    width: 458px;
    border-radius: .5rem
}

.monlix-landing-6-about .content .right .features-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.monlix-landing-6-about .content-bottom {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse
}

.monx-about-ill-1 img {
    border-radius: 8px
}

.monx-about-ill-1 .search {
    position: relative;
    margin: -34px 5px 0;
    font-size: 16px;
    line-height: 1.75
}

.monx-about-ill-1 .search-form {
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: inset 0 -1px 0 0 #eff3f5;
    box-shadow: inset 0 -1px 0 0 #eff3f5;
    background-color: #fff;
    line-height: 1.75;
    color: #183b56;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    padding: 12px 16px
}

.monx-about-ill-1 .search-form .fa {
    font-size: 20px;
    line-height: 1.4;
    margin-right: 12px
}

.monx-about-ill-1 .search-results {
    color: #5a7184
}

.monx-about-ill-1 .search-results li {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 8px 16px 8px 48px
}

.monx-about-ill-1 .search-results li.active {
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .05)
}

.monx-about-ill-2 {
    max-width: 360px;
    position: relative
}

.monx-about-ill-2:before {
    font-family: Font Awesome\ 5 Free;
    content: "";
    font-weight: 900;
    position: absolute;
    top: 25px;
    right: -50px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    font-size: 42px;
    color: #00b8d9;
    border-radius: 50%
}

.monx-about-ill-2 img {
    border-radius: 8px 8px 0 0
}

.monx-about-ill-2 .detail {
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    padding: 16px 24px 20px
}

.monx-about-ill-2 .detail label {
    font-size: 14px;
    line-height: 1.43;
    color: #36b37e;
    margin: 0 0 12px
}

.monx-about-ill-2 .detail h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 10px
}

.monx-about-ill-2 .detail p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #5a7184;
    margin: 0 0 24px
}

.monlix-landing-6-guarantee {
    background-color: #fafdff;
    padding: 95px 0
}

.monlix-landing-6-guarantee .description {
    padding-left: 50px;
    max-width: 440px
}

.monlix-landing-6-guarantee .description h4 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 22px
}

.monlix-landing-6-guarantee .description p {
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: normal;
    color: #5a7184
}

.monlix-landing-6-guarantee .guarantees {
    margin: 26px 0 0;
    max-width: 420px
}

.monlix-landing-6-guarantee .guarantees .card {
    background: transparent;
    border: none;
    margin: 0 0 10px;
    border-radius: 8px;
    overflow: hidden
}

.monlix-landing-6-guarantee .guarantees .card-header {
    border: none;
    padding: 20px 20px 10px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    font-size: 18px !important;
    line-height: 1.11 !important;
    letter-spacing: .23px;
    color: #183b56;
    background: rgba(179, 186, 197, .1)
}

.monlix-landing-6-guarantee .guarantees .card-header.collapsed, .monlix-landing-6-guarantee .guarantees .card-header.collapsed .indicator {
    background: transparent
}

.monlix-landing-6-guarantee .guarantees .card-header.collapsed .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.monlix-landing-6-guarantee .guarantees .card-header i {
    display: block
}

.monlix-landing-6-guarantee .guarantees .card-header i.indicator {
    width: 18px;
    height: 18px;
    border: 1px solid #36b37e;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
    background: #36b37e
}

.monlix-landing-6-guarantee .guarantees .card-header i.arrow {
    margin-left: 10px;
    font-size: 16px;
    color: #5a7184
}

.monlix-landing-6-guarantee .guarantees .show .card-body {
    background: rgba(179, 186, 197, .1)
}

.monlix-landing-6-guarantee .guarantees .card-body {
    padding: 0 32px 20px 20px
}

.monlix-landing-6-guarantee .guarantees .card-body p {
    font-size: 16px;
    line-height: 1.75;
    color: #183b56
}

.monlix-landing-6-guarantee .illustration {
    position: relative;
    margin-left: -160px
}

.monlix-landing-6-guarantee .illustration img {
    max-width: 100%;
    border-radius: 8px
}

.monlix-landing-6-guarantee .illustration .chats {
    position: absolute;
    top: 257px;
    right: -64px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.monlix-landing-6-guarantee .illustration .chats li {
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    padding: 12px 20px;
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.75;
    color: #183b56
}

.monlix-landing-6-guarantee .illustration .chats li + li {
    margin-left: 35px
}

.monlix-landing-6-guarantee .illustration .chats li + li + li {
    margin-left: 15px
}

.monlix-landing-6-customer-review {
    padding-bottom: 100px
}

.customer-review-result-section .c-customer-review {
    padding-left: 0;
    padding-right: 0
}

.customer-review-result-section .c-customer-review-body {
    margin-top: 24px
}

.customer-review-result-section .customer-review-result .left ul {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.customer-review-result-section .customer-review-result .left ul li {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 100px
}

.customer-review-result-section .customer-review-result .left ul li:first-of-type {
    margin-right: -10px;
    z-index: 11
}

.customer-review-result-section .customer-review-result .left ul li:nth-of-type(2) {
    margin-top: -10px;
    z-index: 1
}

.customer-review-result-section .customer-review-result .left ul li:nth-of-type(3) {
    margin-left: -10px
}

.customer-review-result-section .customer-review-result .left ul li img {
    width: 100%;
    height: 100%;
    border-radius: 100px
}

.customer-review-result-section .customer-review-result .middle img {
    height: 32px
}

.customer-review-result-section .customer-review-result .middle .star {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.customer-review-result-section .customer-review-result .middle .star li {
    margin-left: 2px;
    margin-right: 2px
}

.customer-review-result-section .customer-review-result .middle .star li .fas {
    color: #faad13
}

.monlix-landing-6-tips {
    padding-top: 120px;
    padding-bottom: 100px
}

.monlix-landing-6-tips .heading {
    text-align: center;
    max-width: 664px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px
}

.monlix-landing-6-tips .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important;
    margin: 16px 0
}

.monlix-landing-6-tips .heading p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin: 0 auto;
    max-width: 602px
}

.monlix-landing-6-tips .container {
    max-width: 1034px
}

.monlix-landing-6-tips .content {
    position: relative
}

.monlix-landing-6-tips .row {
    margin-left: -20px;
    margin-right: -20px
}

.monlix-landing-6-tips .row .col {
    padding-left: 20px;
    padding-right: 20px
}

.monlix-landing-6-tips .btn-container {
    position: absolute;
    right: -36px;
    bottom: 264px
}

.monlix-landing-6-tips .btn-container .btn-see-all {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -webkit-box-shadow: 0 34px 68px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 34px 68px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 20.6px;
    color: #2ed47a
}

.tips-carousel-container {
    position: relative;
    margin: -100px -497px
}

.tips-carousel-container .tips-carousel-item {
    padding: 100px 10px
}

.tips-carousel-container .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    right: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 1054px;
    margin: -36px -527px
}

.tips-carousel-container .owl-carousel .owl-nav .owl-next, .tips-carousel-container .owl-carousel .owl-nav .owl-prev {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -webkit-box-shadow: 0 34px 68px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 34px 68px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 20.6px;
    color: #2ed47a
}

.card-monx-tips {
    position: relative;
    border-radius: 16px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(15, 24, 44, .15);
    box-shadow: 0 20px 50px 0 rgba(15, 24, 44, .15);
    height: 600px;
    overflow: hidden
}

.card-monx-tips img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card-monx-tips .card-img-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 59, 86, 0)), to(#152532));
    background-image: -webkit-linear-gradient(top, rgba(24, 59, 86, 0), #152532);
    background-image: linear-gradient(180deg, rgba(24, 59, 86, 0), #152532);
    padding: 45px
}

.card-monx-tips h4 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin: 0 0 24px
}

.card-monx-tips a {
    text-decoration: none
}

.monlix-landing-6-testimonial {
    padding: 150px 0 0
}

.monx-testimonial-container {
    margin: 0 -150px
}

.monx-testimonial .box-testimonial {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
    background: transparent;
    padding: 70px 150px 100px
}

.monx-testimonial .box-testimonial .testimonial-content {
    -webkit-flex: 0 0 685px;
    -moz-box-flex: 0;
    flex: 0 0 685px;
    width: 685px;
    padding: 10px 0 0
}

.monx-testimonial .box-testimonial .testimonial-content p {
    line-height: 1.8;
    margin-bottom: 36px
}

.monx-testimonial .box-testimonial .testimonial-content p:before {
    display: none
}

.monx-testimonial .box-testimonial .meta span, .monx-testimonial .box-testimonial .meta strong {
    display: block
}

.monx-testimonial .box-testimonial .meta strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #2ed47a;
    margin: 0 0 4px
}

.monx-testimonial .box-testimonial .meta span {
    font-size: 18px;
    color: #183b56
}

.monx-testimonial .box-testimonial .testimonial-profile {
    position: relative;
    margin: 0
}

.monx-testimonial .box-testimonial .testimonial-profile:before {
    position: absolute;
    left: 0;
    bottom: -35px;
    content: "";
    font-size: 140px;
    line-height: 1em;
    color: #2ed47a;
    font-family: Font Awesome\ 5 Free;
    content: "";
    font-weight: 900
}

.monx-testimonial .box-testimonial .testimonial-profile .user {
    width: 350px;
    height: 350px;
    -webkit-box-shadow: 0 34px 68px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 34px 68px 0 rgba(0, 0, 0, .1);
    border: 12px solid #fff;
    overflow: hidden;
    border-radius: 50%
}

.monx-testimonial .box-testimonial .testimonial-profile .user img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.monx-testimonial .owl-dots {
    position: absolute;
    left: 150px;
    bottom: 70px;
    margin: 0 -16px
}

.monx-testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #b3bac5;
    border-radius: 50px;
    margin: 0 16px
}

.monx-testimonial .owl-dots button.owl-dot.active {
    background-color: #2ed47a
}

@media (max-width: 991px) {
    header.monlix-landing-6 .row-content {
        display: block;
        text-align: center
    }

    header.monlix-landing-6 .hero {
        padding-top: 30px
    }

    header.monlix-landing-6 .hero .content {
        position: static;
        margin: auto;
        padding-top: 0
    }

    header.monlix-landing-6 .content .btn-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -102px;
        display: block;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.monlix-landing-6 .form-box {
        margin: 0 auto;
        text-align: left
    }

    .monlix-landing-6-benefit {
        padding-top: 80px;
        padding-bottom: 50px
    }

    .monlix-landing-6-benefit .heading {
        margin-bottom: 36px
    }

    .box-monx-benefit {
        padding-left: 30px;
        padding-right: 30px
    }

    .monlix-landing-6-destinations {
        padding-bottom: 48px
    }

    .monlix-landing-6-destinations .destinations-carousel-container {
        margin-left: -590px;
        margin-right: -500px
    }

    .monlix-landing-6-about {
        padding-top: 80px
    }

    .monlix-landing-6-about .heading {
        margin-bottom: 54px
    }

    .monlix-landing-6-about .heading h3 {
        font-size: 32px !important;
        line-height: 1.25 !important;
        margin: 22px 0 0
    }

    .monlix-landing-6-about .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .monlix-landing-6-about .content-top {
        margin-top: 48px
    }

    .monlix-landing-6-about .content .left {
        padding: 24px 10px
    }

    .monlix-landing-6-about .content .left h3 {
        font-size: 24px !important;
        line-height: 1.33 !important;
        margin: 0 0 16px
    }

    .monlix-landing-6-about .content .left p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 1.75em
    }

    .monlix-landing-6-about .content .left .c-list.w-50p {
        margin-top: 0
    }

    .monlix-landing-6-about .content .left .c-list.w-50p li {
        margin-bottom: 16px
    }

    .monlix-landing-6-about .content .left .c-list.w-50p li p {
        font-size: 14px;
        line-height: 1.43em
    }

    .monlix-landing-6-about .col-ill {
        -webkit-flex: 0 0 314px;
        -moz-box-flex: 0;
        flex: 0 0 314px;
        max-width: 314px
    }

    .monlix-landing-6-about .col-desc {
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        flex: 1 1
    }

    .monx-about-ill-2 .detail {
        padding: 14px 22px 18px
    }

    .monx-about-ill-2 .detail h4 {
        font-size: 24px !important
    }

    .monx-about-ill-2 .detail p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .monlix-landing-6-guarantee {
        padding: 60px 0
    }

    .monlix-landing-6-guarantee .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .monlix-landing-6-guarantee .illustration {
        margin-left: 0
    }

    .monlix-landing-6-guarantee .illustration .chats {
        right: -15px
    }

    .monlix-landing-6-guarantee .illustration .img-container {
        width: 324px;
        height: 470px
    }

    .monlix-landing-6-guarantee .illustration .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .monlix-landing-6-guarantee .description {
        padding-left: 0
    }

    .monlix-landing-6-guarantee .description h4 {
        font-size: 24px !important;
        line-height: 1.33 !important;
        margin-bottom: 12px;
        max-width: 274px
    }

    .monlix-landing-6-guarantee .description p {
        font-size: 16px;
        line-height: 1.75
    }

    .monlix-landing-6-guarantee .description .guarantees {
        margin-top: 20px
    }

    .monlix-landing-6-testimonial {
        padding: 80px 0 0
    }

    .monlix-landing-6-testimonial .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .monx-testimonial-container {
        margin: 0
    }

    .monx-testimonial .box-testimonial {
        display: block;
        margin-top: 0;
        padding: 0 20px 114px
    }

    .monx-testimonial .box-testimonial .testimonial-profile {
        overflow: visible;
        overflow: initial;
        top: auto;
        left: auto;
        height: auto;
        border-radius: 0;
        border-radius: initial;
        width: 245px;
        margin: 0 auto 75px
    }

    .monx-testimonial .box-testimonial .testimonial-profile:before {
        font-size: 98px;
        bottom: -27px;
        left: 0
    }

    .monx-testimonial .box-testimonial .testimonial-profile .user {
        width: 245px;
        height: 245px
    }

    .monx-testimonial .box-testimonial .testimonial-content {
        width: auto
    }

    .monx-testimonial .box-testimonial .testimonial-content p {
        font-size: 28px;
        margin-bottom: 36px
    }

    .monx-testimonial .owl-dots {
        left: 0;
        right: 0;
        bottom: 56px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monlix-landing-6-tips {
        padding-top: 80px;
        padding-bottom: 56px
    }

    .monlix-landing-6-tips .heading {
        margin-bottom: 48px
    }

    .monlix-landing-6-tips .container {
        padding-left: 38px !important;
        padding-right: 38px !important
    }

    .monlix-landing-6-tips .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .monlix-landing-6-tips .row .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .tips-carousel-container {
        margin: -100px -392px
    }

    .tips-carousel-container .owl-carousel .owl-nav {
        width: 768px;
        margin: -36px -384px
    }

    .card-monx-tips .card-img-overlay {
        padding: 24px 42px
    }
}

@media (max-width: 767px) {
    .monlix-landing-6-about .content .left {
        text-align: center;
        padding: 40px 0 0;
        max-width: 400px;
        margin: 0 auto
    }

    .monlix-landing-6-about .content .left h3 {
        padding: 0
    }

    .monlix-landing-6-about .content .left .c-list.w-50p li {
        width: 100%;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monlix-landing-6-about .content-bottom, .monlix-landing-6-about .content-top {
        display: block
    }

    .monlix-landing-6-about .col-ill {
        margin-left: auto;
        margin-right: auto
    }

    .monlix-landing-6-destinations .heading {
        display: block;
        text-align: center
    }

    .monlix-landing-6-destinations .heading h3 {
        margin-bottom: 20px
    }

    .monlix-landing-6-destinations .destinations-carousel-box {
        height: 400px;
        text-align: center
    }

    .monlix-landing-6-destinations .destinations-carousel-box img {
        height: 100%;
        object-fit: cover
    }

    .monlix-landing-6-guarantee .description {
        padding: 40px 0 0;
        margin: 0 auto
    }

    .monlix-landing-6-tips .btn-container {
        position: relative;
        bottom: auto;
        right: auto;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .card-monx-tips {
        height: 420px;
        max-width: 500px;
        margin: 0 auto 24px
    }
}

@media (max-width: 575px) {
    header.monlix-landing-6 {
        padding-bottom: 132px
    }

    header.monlix-landing-6 .hero {
        padding-top: 16px
    }

    header.monlix-landing-6 .content h1 {
        font-size: 32px !important;
        line-height: 1.25 !important;
        margin: 0 0 16px
    }

    header.monlix-landing-6 .content p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 32px
    }

    header.monlix-landing-6 .content .btn-container {
        bottom: -84px
    }

    header.monlix-landing-6 .content .btn-container .btn {
        width: 48px;
        height: 48px;
        font-size: 16px;
        line-height: 1em
    }

    header.monlix-landing-6 .form-box {
        padding: 25px 15px;
        text-align: center;
        margin: 0 -10px
    }

    header.monlix-landing-6 .form-box .form-group {
        text-align: left
    }

    .monlix-landing-6-benefit {
        padding-top: 64px;
        padding-bottom: 40px
    }

    .monlix-landing-6-benefit .heading {
        margin-bottom: 32px
    }

    .monlix-landing-6-benefit .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin: 0 0 20px
    }

    .box-monx-benefit {
        text-align: left;
        padding: 20px 15px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        margin: 0 -5px 16px
    }

    .box-monx-benefit .ill {
        -webkit-flex: 0 0 36px;
        -moz-box-flex: 0;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        padding: 7px;
        margin: 0 10px 0 0;
        border-radius: 8px
    }

    .box-monx-benefit .ill img {
        width: 100%;
        height: 100%
    }

    .box-monx-benefit .desc {
        padding: 3px 0 0
    }

    .box-monx-benefit h4 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 6px
    }

    .monlix-landing-6-destinations {
        padding-top: 48px;
        padding-bottom: 36px
    }

    .monlix-landing-6-destinations .heading {
        margin-bottom: 36px
    }

    .monlix-landing-6-destinations .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 0
    }

    .monlix-landing-6-destinations .heading .see-all-container {
        display: none
    }

    .monlix-landing-6-destinations .see-all-footer {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        padding-top: 36px
    }

    .monlix-landing-6-destinations .destinations-carousel-container {
        margin: 0 -20px
    }

    .monlix-landing-6-destinations .destinations-carousel-item {
        padding: 0 10px
    }

    .monlix-landing-6-destinations .destinations-carousel-box {
        height: 320px
    }

    .monlix-landing-6-destinations .destinations-carousel-box .text {
        margin-bottom: 17px
    }

    .monlix-landing-6-destinations .destinations-carousel-box .text h4 {
        font-size: 24px !important;
        line-height: 1.33 !important;
        margin-bottom: 8px
    }

    .monlix-landing-6-destinations .destinations-carousel-box .text p {
        font-size: 14px;
        line-height: 1.71
    }

    .monlix-landing-6-destinations .destinations-carousel-box .description {
        padding: 20px 15px;
        display: block
    }

    .monlix-landing-6-destinations .destinations-carousel-box .description .btn {
        line-height: 38px
    }

    .monlix-landing-6-about {
        padding-top: 64px;
        padding-bottom: 64px
    }

    .monlix-landing-6-about .container {
        padding: 0 20px !important
    }

    .monlix-landing-6-about .heading {
        margin-bottom: 36px
    }

    .monlix-landing-6-about .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin: 16px 0 0
    }

    .monlix-landing-6-about .content-top {
        margin-top: 0
    }

    .monlix-landing-6-about .content .left .c-list.w-50p li {
        width: 100%;
        margin-bottom: 16px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monx-about-ill-2:before {
        width: 72px;
        height: 72px;
        font-size: 30px;
        right: -20px
    }

    .monx-about-ill-2 .detail {
        padding-left: 15px;
        padding-right: 15px
    }

    .monlix-landing-6-guarantee {
        padding: 48px 0
    }

    .monlix-landing-6-guarantee .container {
        padding: 0 20px !important
    }

    .monlix-landing-6-guarantee .illustration .img-container {
        width: 100%;
        height: 420px
    }

    .monlix-landing-6-guarantee .illustration .chats {
        left: -15px
    }

    .monlix-landing-6-guarantee .illustration .chats li {
        padding: 10px 20px
    }

    .monlix-landing-6-guarantee .description {
        text-align: center;
        padding: 85px 0 0
    }

    .monlix-landing-6-guarantee .description h4 {
        max-width: none
    }

    .monlix-landing-6-guarantee .description .guarantees {
        text-align: left;
        margin-left: -5px;
        margin-right: -5px;
        max-width: none
    }

    .monlix-landing-6-guarantee .guarantees .card-header {
        padding-right: 10px
    }

    .monlix-landing-6-guarantee .guarantees .card-header i.arrow {
        margin: 0 0 0 10px
    }

    .monlix-landing-6-guarantee .guarantees .card-body {
        padding: 0 15px 20px 20px
    }

    .monlix-landing-6-testimonial {
        padding-top: 64px
    }

    .monx-testimonial .box-testimonial {
        padding: 0 20px 70px
    }

    .monx-testimonial .box-testimonial .testimonial-profile {
        margin-bottom: 50px
    }

    .monx-testimonial .box-testimonial .testimonial-profile:before {
        font-size: 88px;
        bottom: -25px
    }

    .monx-testimonial .box-testimonial .testimonial-profile .user {
        width: 220px;
        height: 220px;
        border-width: 8px
    }

    .monx-testimonial .box-testimonial .testimonial-content p {
        font-size: 20px;
        line-height: 1.9
    }

    .monx-testimonial .box-testimonial .meta strong {
        font-size: 18px;
        line-height: 24px
    }

    .monx-testimonial .box-testimonial .meta span {
        font-size: 16px
    }

    .monx-testimonial .owl-dots {
        bottom: 36px
    }

    .monx-testimonial .owl-dots button.owl-dot {
        margin: 0 8px
    }

    .monlix-landing-6-tips {
        padding-top: 70px
    }

    .monlix-landing-6-tips .heading {
        margin-bottom: 36px
    }

    .monlix-landing-6-tips .heading h3 {
        margin: 24px 0 16px
    }

    .monlix-landing-6-tips .container {
        padding: 0 24px !important
    }

    .monlix-landing-6-tips .btn-container .btn-see-all {
        width: 52px;
        height: 52px
    }

    .card-monx-tips {
        height: 375px
    }

    .card-monx-tips .card-img-overlay {
        padding: 30px 32px 30px 20px
    }

    .card-monx-tips h4 {
        font-size: 24px !important;
        line-height: 1.33 !important;
        margin: 0 0 15px
    }

    .monlix-landing-6-customer-review {
        padding-bottom: 16px
    }

    .monlix-landing-6-customer-review .box-review-result {
        margin-bottom: 48px
    }
}

header.mon-feat {
    background-color: #fafdff;
    padding-bottom: 100px
}

header.mon-feat .content {
    -webkit-flex: 0 0 490px;
    -moz-box-flex: 0;
    flex: 0 0 490px;
    max-width: 490px
}

header.mon-feat .hero {
    position: relative;
    padding-top: 60px;
    padding-bottom: 0
}

header.mon-feat .content {
    padding-top: 60px
}

header.mon-feat .content h1 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 20px
}

header.mon-feat .content p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 48px
}

header.mon-feat .content .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

header.mon-feat .content .btn-container .btn-black {
    min-width: 245px
}

header.mon-feat .content .btn-container .btn-rounded {
    margin-top: 56px;
    padding-left: 0;
    padding-right: 0;
    width: 56px
}

header.mon-feat .illustration {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    margin-right: -150px
}

header.mon-feat .illustration img {
    position: relative;
    max-width: 100%
}

header.mon-feat .illustration .iphone {
    -webkit-flex: 0 0 220px;
    -moz-box-flex: 0;
    flex: 0 0 220px;
    width: 220px;
    margin-right: -180px;
    position: relative;
    z-index: 2
}

header.mon-feat .illustration .macbook {
    -webkit-flex: 0 0 885px;
    -moz-box-flex: 0;
    flex: 0 0 885px;
    width: 885px;
    margin-bottom: 22px;
    margin-right: -200px;
    position: relative;
    z-index: 1
}

.mon-feat-partner {
    text-align: left;
    padding-top: 100px;
    padding-bottom: 100px
}

.mon-feat-partner .heading {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    margin: 0 0 82px
}

.mon-feat-partner .heading .top {
    -webkit-flex: 0 0 420px;
    -moz-box-flex: 0;
    flex: 0 0 420px;
    width: 420px;
    margin: 0 192px 0 0
}

.mon-feat-partner .heading span {
    display: block;
    margin: 0 0 28px
}

.mon-feat-partner .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important
}

.mon-feat-partner .heading p {
    max-width: 460px;
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.mon-feat-partner .agency-partner-item {
    height: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.mon-feat-partner .agency-partner-item img {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.monlix-index-3 {
    padding: 80px 0 60px
}

.monlix-index-3 .heading {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: 0 0 56px
}

.monlix-index-3 .heading h3 {
    width: 390px;
    font-size: 36px !important;
    line-height: 1.33 !important;
    color: #183b56
}

.monlix-index-3 .heading p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.box-wwd {
    border-radius: 16px;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    padding: 22px 24px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    margin: 0 0 28px
}

.box-wwd .ill {
    -webkit-flex: 0 0 40px;
    -moz-box-flex: 0;
    flex: 0 0 40px;
    width: 40px;
    height: 40px
}

.box-wwd .ill img {
    width: 100%;
    object-fit: contain
}

.box-wwd .text {
    padding: 0 0 0 15px
}

.box-wwd h4 {
    font-size: 22px !important;
    line-height: 1.5 !important;
    color: #183b56;
    margin: 0 0 4px
}

.box-wwd p {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin: 0
}

@media (max-width: 991px) {
    .fancy-short-banner-two .bg-wrapper {
        padding: 35px 30px;
        text-align: center
    }

    .fancy-short-banner-two h2 {
        margin: 0 auto 35px
    }
}

.mon-feat-projects {
    padding: 100px 0 80px
}

.mon-feat-projects .heading {
    margin: 0 0 48px
}

.mon-feat-projects .heading span {
    display: block;
    margin: 0 0 20px
}

.mon-feat-projects .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important
}

.projects-carousel-container {
    margin: 0 -410px -40px -15px
}

.projects-carousel-container .owl-carousel .owl-nav {
    position: absolute;
    top: -100px;
    left: 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    width: 1040px
}

.projects-carousel-container .owl-carousel .owl-nav .owl-next, .projects-carousel-container .owl-carousel .owl-nav .owl-prev {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #fff;
    font-size: 18px;
    color: #959ead
}

.projects-carousel-container .owl-carousel .owl-nav .owl-next:hover, .projects-carousel-container .owl-carousel .owl-nav .owl-prev:hover {
    color: #183b56
}

.projects-carousel-item {
    padding: 0 15px 40px
}

.projects-carousel-box {
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    text-decoration: none;
    display: block
}

.projects-carousel-box:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
}

.projects-carousel-box .ill {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    border: 1px solid #dde6f4;
    border-bottom: none;
    height: 400px
}

.projects-carousel-box .ill img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.projects-carousel-box .description {
    border-radius: 0 0 8px 8px;
    border: 1px solid #dde6f4;
    padding: 24px
}

.projects-carousel-box .description h4 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    margin: 16px 0 0;
    color: #183b56
}

.mon-feat-testimonial {
    padding: 80px 0 50px
}

.mon-feat-testimonial .heading {
    margin: 0 0 50px
}

.mon-feat-testimonial .heading span {
    display: block;
    margin: 0 0 20px
}

.mon-feat-testimonial .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important
}

.mon-feat-testimonial .agency-testimonial-container {
    margin: -50px -600px
}

.owl-carousel {
    overflow-x: hidden
}

.agency-testimonial-container .owl-carousel .owl-nav {
    position: absolute;
    width: 1196px;
    left: 50%;
    margin-left: -598px;
    top: 50%;
    margin-top: -28px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.agency-testimonial-container .owl-carousel .owl-nav .owl-next, .agency-testimonial-container .owl-carousel .owl-nav .owl-prev {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #fff;
    font-size: 18px;
    color: #959ead;
    border-radius: 2000px;
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08)
}

.agency-testimonial-container .owl-carousel .owl-nav .owl-next:hover, .agency-testimonial-container .owl-carousel .owl-nav .owl-prev:hover {
    color: #183b56
}

.agency-testimonial-container .owl-carousel.owl-grab .owl-item {
    opacity: 1
}

.agency-testimonial .owl-item {
    padding: 50px 15px;
    opacity: 0
}

.agency-testimonial .owl-item.active + .active {
    opacity: 1
}

.agency-testimonial .owl-item.active + .active + .active + .active {
    opacity: 0
}

.agency-testimonial .box-testimonial {
    display: block;
    border-radius: 8px;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    padding: 40px
}

.agency-testimonial .box-testimonial:hover {
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
}

.agency-testimonial .box-testimonial .testimonial-content {
    width: auto
}

.agency-testimonial .box-testimonial .testimonial-content p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0
}

.agency-testimonial .box-testimonial .testimonial-content p:before {
    display: none
}

.agency-testimonial .box-testimonial .testimonial-profile {
    margin: 0
}

.agency-testimonial .box-testimonial .c-customer-review-meta {
    margin: 0 0 30px
}

.agency-testimonial .box-testimonial .c-customer-review-meta .user {
    width: 56px;
    height: 56px;
    border: none
}

.agency-testimonial .box-testimonial .c-customer-review-meta .meta p, .agency-testimonial .box-testimonial .c-customer-review-meta .meta span {
    display: block
}

.agency-testimonial .box-testimonial .c-customer-review-meta .meta p {
    color: #183b56;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33 !important;
    margin-bottom: 5px
}

.agency-testimonial .box-testimonial .c-customer-review-meta .meta span {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.mon-feat-social {
    padding: 50px 0 100px
}

.mon-feat-social .heading {
    text-align: center;
    margin: 0 0 60px
}

.mon-feat-social .heading span {
    display: block;
    margin: 0 0 20px
}

.mon-feat-social .heading h3 {
    font-size: 36px !important;
    line-height: 1.33 !important
}

.box-agency-social {
    text-align: center;
    margin: 0 0 20px
}

.box-agency-social .ic {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background-color: rgba(21, 101, 216, .06);
    margin: 0 auto 35px;
    font-size: 36px;
    color: #2ed47a
}

.box-agency-social .social-content h5 {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 12px
}

.box-agency-social .social-content p {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin: 0 auto 19px;
    max-width: 220px
}

.box-agency-social .social-content a {
    font-size: 18px;
    font-weight: 700;
    color: #2ed47a;
    line-height: 24px
}

.box-agency-social .social-content a i {
    font-size: 14px
}

.mon-feat-cta h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 16px
}

.mon-feat-cta p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 50px
}

.mon-feat-cta + .footer {
    padding-top: 128px
}

@media (max-width: 1199px) {
    .box-wwd .ill {
        -webkit-flex: 0 0 36px;
        -moz-box-flex: 0;
        flex: 0 0 36px;
        width: 36px
    }
}

@media (max-width: 991px) {
    header.mon-feat {
        padding-bottom: 128px
    }

    header.mon-feat .hero {
        padding-top: 30px
    }

    header.mon-feat .content {
        text-align: center;
        padding: 0;
        max-width: 515px;
        margin: 0 auto
    }

    header.mon-feat .content p {
        margin-bottom: 36px
    }

    header.mon-feat .content .btn-container {
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        margin-bottom: 64px
    }

    header.mon-feat .content .btn-container .btn-rounded {
        position: absolute;
        bottom: -92px;
        margin: 0
    }

    header.mon-feat .col, header.mon-feat .container, header.mon-feat .row {
        position: static
    }

    header.mon-feat .illustration {
        margin: 0
    }

    header.mon-feat .illustration .iphone {
        -webkit-flex: 0 0 135px;
        -moz-box-flex: 0;
        flex: 0 0 135px;
        width: 135px;
        margin-right: -135px
    }

    header.mon-feat .illustration .iphone:before {
        height: 76px;
        top: -108px
    }

    header.mon-feat .illustration .macbook {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        width: 100%;
        margin: 0
    }

    header.mon-feat .illustration .macbook:before {
        width: 378px;
        height: 378px;
        bottom: -36px;
        right: -72px
    }

    .mon-feat-partner {
        padding: 80px 0
    }

    .mon-feat-partner .heading {
        display: block;
        text-align: center;
        margin-bottom: 55px
    }

    .mon-feat-partner .heading .top {
        width: auto;
        margin: 0 auto 24px
    }

    .mon-feat-partner .heading p {
        max-width: 580px;
        margin: 0 auto
    }

    .monlix-index-3 {
        padding: 48px 0 40px
    }

    .monlix-index-3 .heading {
        display: block;
        text-align: center;
        margin-bottom: 36px
    }

    .monlix-index-3 .heading h3 {
        width: auto;
        margin: 0 auto 24px
    }

    .monlix-index-3 .heading p {
        margin: 0 auto
    }

    .monlix-index-3 .container {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .monlix-index-3 .row {
        margin-left: -8px;
        margin-right: -8px
    }

    .monlix-index-3 .col {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 16px
    }

    .box-wwd {
        margin: 0;
        height: 100%;
        padding: 22px
    }

    .mon-feat-projects {
        padding: 80px 0 40px
    }

    .mon-feat-projects .heading {
        margin: 0 0 36px
    }

    .mon-feat-projects .container {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .projects-carousel-container {
        margin-right: -54px
    }

    .projects-carousel-container .owl-carousel .owl-nav {
        top: -88px;
        width: 696px
    }

    .mon-feat-testimonial {
        padding: 40px 0
    }

    .mon-feat-testimonial .container {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .mon-feat-testimonial .heading {
        display: block;
        text-align: center;
        margin-bottom: 36px
    }

    .mon-feat-testimonial .agency-testimonial-container {
        margin-left: -543px;
        margin-right: -427px
    }

    .agency-testimonial-container .owl-carousel .owl-nav {
        left: 545px;
        margin-left: 0;
        width: 696px
    }

    .agency-testimonial .owl-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .agency-testimonial .box-testimonial {
        margin-top: 0;
        text-align: left;
        padding: 30px
    }

    .agency-testimonial .box-testimonial .testimonial-profile {
        position: relative;
        height: auto;
        left: auto;
        top: auto;
        display: block;
        border-radius: 0
    }

    .mon-feat-social {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .mon-feat-social .row {
        margin-left: -12px;
        margin-right: -12px
    }

    .mon-feat-social .col {
        padding-left: 12px;
        padding-right: 12px
    }

    .mon-feat-social .container {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .mon-feat-social .heading {
        margin-bottom: 36px
    }

    .box-agency-social .ic {
        font-size: 24px;
        width: 48px;
        height: 48px;
        margin-bottom: 15px
    }

    .box-agency-social .social-content h5 {
        margin-bottom: 8px
    }

    .box-agency-social .social-content p {
        font-size: 14px;
        line-height: 1.71;
        min-height: 5.13em;
        margin-bottom: 14px
    }

    .box-agency-social .social-content a {
        font-size: 16px;
        line-height: 22px
    }

    .mon-feat-cta {
        padding: 56px 0
    }

    .mon-feat-cta .container {
        max-width: 425px;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .mon-feat-cta h3 {
        font-size: 40px !important;
        line-height: 1.3 !important;
        margin-bottom: 16px
    }

    .mon-feat-cta .btn {
        min-width: 220px
    }
}

@media (max-width: 767px) {
    .mon-feat-partner .agency-partner-item {
        margin-bottom: 34px
    }

    .mon-feat-projects .heading {
        text-align: center;
        margin-bottom: 36px
    }

    .projects-carousel-container {
        margin: 0
    }

    .projects-carousel-container .owl-carousel .owl-nav {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        top: auto;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin: 15px 0 0
    }

    .mon-feat-testimonial .agency-testimonial-container {
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: 0
    }

    .agency-testimonial-container .owl-carousel .owl-nav {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        top: auto;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .agency-testimonial-container .owl-carousel .owl-nav .owl-next, .agency-testimonial-container .owl-carousel .owl-nav .owl-prev {
        margin: 0 10px
    }

    .agency-testimonial .owl-item {
        opacity: 1;
        padding-left: 15px;
        padding-right: 15px
    }

    .agency-testimonial .box-testimonial {
        text-align: center
    }

    .agency-testimonial .box-testimonial .c-customer-review-meta {
        display: block;
        margin-bottom: 24px
    }

    .agency-testimonial .box-testimonial .c-customer-review-meta .user {
        margin: 0 auto 16px
    }

    .box-agency-social {
        margin-bottom: 32px
    }

    .box-agency-social .social-content p {
        min-height: 0;
        min-height: auto
    }
}

@media (max-width: 575px) {
    header.mon-feat .content h1 {
        font-size: 32px !important;
        line-height: 1.25 !important
    }

    header.mon-feat .content p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 26px
    }

    header.mon-feat .content .btn-container {
        min-width: 250px;
        margin-bottom: 50px
    }

    header.mon-feat .content .btn-container .btn-black {
        min-width: 220px;
        font-size: 1rem;
        line-height: 3rem
    }

    header.mon-feat .illustration {
        margin-left: -24px;
        margin-right: -24px
    }

    header.mon-feat .illustration .iphone {
        -webkit-flex: 0 0 100px;
        -moz-box-flex: 0;
        flex: 0 0 100px;
        width: 100px;
        margin-left: -20px;
        margin-right: -100px
    }

    header.mon-feat .illustration .iphone:before {
        top: -80px
    }

    header.mon-feat .illustration .macbook {
        margin-left: 20px;
        margin-right: -80px;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: -webkit-calc(100% + 80px);
        flex-basis: calc(100% + 80px);
        width: -webkit-calc(100% + 80px);
        width: calc(100% + 80px)
    }

    header.mon-feat .illustration .macbook:before {
        width: 302px;
        height: 302px;
        bottom: -73px
    }

    .mon-feat-partner {
        padding: 64px 0 40px
    }

    .mon-feat-partner .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .mon-feat-partner .heading {
        margin-bottom: 37px
    }

    .mon-feat-partner .heading h3 {
        font-size: 28px !important;
        line-height: 36px !important
    }

    .mon-feat-partner .agency-partner-item {
        max-height: 25px;
        margin-bottom: 24px
    }

    .monlix-index-3 {
        padding: 36px 0
    }

    .monlix-index-3 .heading h3 {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 16px
    }

    .monlix-index-3 .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .box-wwd {
        padding: 18px 24px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .box-wwd .text {
        padding: 16px 0 0
    }

    .box-wwd h4 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        margin-bottom: 7px
    }

    .mon-feat-projects {
        padding: 48px 0 32px
    }

    .mon-feat-projects .heading h3 {
        font-size: 28px !important;
        line-height: 36px !important
    }

    .projects-carousel-item {
        padding: 0 8px
    }

    .projects-carousel-box .ill {
        height: 300px
    }

    .projects-carousel-box .description {
        text-align: center;
        padding: 20px
    }

    .projects-carousel-box .description h4 {
        font-size: 24px !important;
        line-height: 1.33 !important;
        margin-top: 12px
    }

    .mon-feat-testimonial {
        padding: 32px 0 36px
    }

    .mon-feat-testimonial .heading {
        max-width: 280px;
        margin: 0 auto 32px
    }

    .mon-feat-testimonial .heading h3 {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-top: 16px
    }

    .agency-testimonial-container .owl-carousel .owl-nav {
        margin: -24px 0 0
    }

    .agency-testimonial-container .owl-carousel .owl-nav .owl-prev {
        display: none
    }

    .agency-testimonial-container .owl-carousel .owl-nav .owl-next {
        width: 48px;
        height: 48px;
        font-size: 16px
    }

    .agency-testimonial .box-testimonial {
        padding: 24px 10px 36px
    }

    .agency-testimonial .box-testimonial .c-customer-review-meta .meta p {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 10px
    }

    .agency-testimonial .box-testimonial .c-customer-review-meta .meta span {
        font-size: 14px;
        line-height: 1.71
    }

    .agency-testimonial .box-testimonial .testimonial-content p {
        font-size: 16px;
        line-height: 1.75
    }

    .mon-feat-social {
        padding: 36px 0 24px
    }

    .mon-feat-social .heading h3 {
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 16px
    }

    .box-agency-social .social-content p {
        margin-bottom: 12px
    }

    .box-agency-social .social-content a {
        font-size: 14px;
        line-height: 20px
    }

    .box-agency-social .social-content a i {
        font-size: 12px
    }

    .mon-feat-cta {
        padding: 64px 0
    }

    .mon-feat-cta h3 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px
    }

    .mon-feat-cta p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 36px
    }

    .mon-feat-cta + .footer {
        padding-top: 48px
    }
}

header.landing-sub {
    padding-bottom: 60px
}

header.landing-sub .hero {
    position: relative;
    padding-top: 80px;
    padding-bottom: 0
}

header.landing-sub .content {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

header.landing-sub .content .header-text {
    -webkit-flex: 0 0 555px;
    -moz-box-flex: 0;
    flex: 0 0 555px;
    max-width: 555px
}

header.landing-sub .content h1 {
    font-size: 56px !important;
    line-height: 1.21 !important;
    margin: 0 0 20px;
    max-width: 470px
}

header.landing-sub .content p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0
}

header.landing-sub .content .btn-container .personal-socials {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 70px;
    margin: 0 -12px
}

header.landing-sub .content .btn-container .personal-socials li {
    padding: 0 12px
}

header.landing-sub .content .btn-container .personal-socials a {
    font-size: 24px;
    line-height: 1.33;
    color: #2ed47a
}

.landing-sub-header {
    background-color: #fafdff;
    padding-bottom: 375px;
    margin-bottom: -375px
}

.landing-sub-header .ill-container {
    height: 500px;
    margin: 0 -150px
}

.landing-sub-header .ill-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.landing-sub-header .content {
    border-bottom: 1px solid #e5eaf4;
    text-align: center;
    padding: 100px 80px 80px
}

.landing-sub-header blockquote {
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: .2px;
    color: #183b56
}

.landing-sub-upcoming {
    padding-top: 100px
}

.landing-sub-upcoming .heading {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 0 64px
}

.landing-sub-upcoming .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 84px 0 0
}

.landing-sub-upcoming .heading p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0;
    color: #5a7184
}

.landing-sub-upcoming .content {
    border-bottom: 1px solid #e5eaf4;
    padding: 0 0 70px
}

.personal-upcoming-container {
    margin: 0 -15px
}

.personal-upcoming-container .owl-carousel .owl-nav {
    position: absolute;
    top: -120px;
    right: 5px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.personal-upcoming-container .owl-carousel .owl-nav .owl-next, .personal-upcoming-container .owl-carousel .owl-nav .owl-prev {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 2000px;
    border: 2px solid #b3bac5;
    font-size: 16px;
    color: #959ead;
    margin: 0 10px
}

.personal-upcoming-container .owl-carousel .owl-nav .owl-next:hover, .personal-upcoming-container .owl-carousel .owl-nav .owl-prev:hover {
    color: #183b56;
    border-color: #183b56
}

.personal-upcoming-item {
    padding: 0 15px
}

.personal-upcoming-box {
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    margin: 0 0 30px
}

.personal-upcoming-box .ill {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    height: 152px
}

.personal-upcoming-box .ill img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.personal-upcoming-box .description {
    text-align: center;
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin: -22px 0 0
}

.personal-upcoming-box .description label {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    background-color: #f9fbfe;
    padding: 10px 8px;
    border-radius: 8px;
    margin: 0
}

.personal-upcoming-box .description h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    margin: 14px 0 8px;
    color: #183b56
}

.personal-upcoming-box .description p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin: 0 0 20px
}

.landing-sub-video {
    padding-top: 100px
}

.landing-sub-video .heading {
    text-align: center;
    margin: 0 0 60px
}

.landing-sub-video .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 18px
}

.landing-sub-video .heading p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin: 0
}

.landing-sub-video .content {
    border-bottom: 1px solid #e5eaf4;
    padding: 0 0 100px
}

.landing-sub-video .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-top: 50px
}

.landing-sub-video .btn-container .btn {
    margin: 0 13px
}

.box-play-music-container {
    padding: 0 0 30px
}

.box-play-music {
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.box-play-music .ill {
    height: 100%
}

.box-play-music img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.box-play-music .act-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(24, 59, 86, .4);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-flow: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.box-play-music .act-play:hover {
    background: rgba(24, 59, 86, .7)
}

.box-play-music .act-play .btn-play {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 8px solid #fff
}

.box-play-music .act-play .fa {
    font-size: 45px;
    margin-left: 10px
}

.box-play-music .act-play strong {
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: .2px;
    margin: 35px 0 0
}

.landing-sub-store {
    padding-top: 75px;
    padding-bottom: 140px
}

.landing-sub-store .container {
    position: relative
}

.landing-sub-store .heading {
    -webkit-flex: 0 0 33.333333%;
    -moz-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 25px 15px 0
}

.landing-sub-store .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 16px
}

.landing-sub-store .heading p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    max-width: 325px;
    margin: 0
}

.landing-sub-store .content {
    padding: 0 15px 0 90px;
    -webkit-flex: 0 0 66.66666%;
    -moz-box-flex: 0;
    flex: 0 0 66.66666%;
    max-width: 66.66666%
}

.monlix-about-section-container {
    margin-left: -15px;
    margin-right: -370px
}

.monlix-about-section-container .owl-carousel {
    position: static
}

.monlix-about-section-container .owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.monlix-about-section-container .owl-carousel .owl-nav .owl-next, .monlix-about-section-container .owl-carousel .owl-nav .owl-prev {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 2000px;
    border: 2px solid #b3bac5;
    font-size: 16px;
    color: #959ead;
    margin: 0 10px
}

.monlix-about-section-container .owl-carousel .owl-nav .owl-next:hover, .monlix-about-section-container .owl-carousel .owl-nav .owl-prev:hover {
    color: #183b56;
    border-color: #183b56
}

.monlix-about-section-item {
    padding: 0 15px
}

.personal-product-box {
    position: relative
}

.personal-product-box .ill {
    position: relative;
    height: 374px
}

.personal-product-box .ill img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.personal-product-box .ill:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28px;
    height: 280px;
    background-color: #f9fbfe
}

.personal-product-box .price {
    position: absolute;
    top: 42px;
    right: 46px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #fff;
    width: 76px;
    height: 76px;
    -webkit-box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    background-color: #36b37e;
    border-radius: 50%
}

.landing-sub-social {
    padding: 100px 0;
    background-color: #f9fbfe
}

.landing-sub-social .heading {
    text-align: center;
    margin: 0 0 56px
}

.landing-sub-social .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 36px
}

.social-post-filter {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.social-post-filter li {
    margin: 0 8px
}

.social-post-filter .btn-social-filter {
    border-radius: 2000px;
    border: 2px solid #b3bac5;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 700;
    color: #5a7184;
    background: transparent;
    padding: 9px 24px 11px
}

.social-post-filter .btn-social-filter:hover {
    background-color: rgba(21, 101, 216, .05)
}

.social-post-filter .btn-social-filter.is-checked {
    border-color: #2ed47a;
    color: #2ed47a
}

.social-post-grid {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.social-post-item {
    position: relative;
    width: 33.33333%;
    padding: 0 15px
}

.social-post-box {
    display: block;
    border-radius: 8px;
    background-color: #fff;
    margin: 0 0 30px;
    text-decoration: none
}

.social-post-box:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
}

.social-post-box .social-post-header {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 15px 18px 18px
}

.social-post-box .social-post-header, .social-post-box .social-post-header .account {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.social-post-box .social-post-header .account .avatar {
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 10px 0 0
}

.social-post-box .social-post-header .account .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.social-post-box .social-post-header .account strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.social-post-box .social-post-header .time {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.social-post-box .social-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.social-post-box .social-post-content {
    padding: 15px
}

.social-post-box .social-post-content p {
    font-size: 14px;
    line-height: 1.43;
    color: #5a7184;
    margin: 0
}

.social-post-box .social-post-footer {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 5px 15px 20px
}

.social-post-box .social-post-footer, .social-post-box .social-post-footer .stats, .social-post-box .social-post-footer .stats li {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.social-post-box .social-post-footer .stats li {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.social-post-box .social-post-footer .stats li img {
    font-size: 14px;
    line-height: 1.43;
    object-fit: contain
}

.social-post-box .social-post-footer .stats li span {
    font-size: 14px;
    line-height: 1.43;
    color: #959ead;
    margin: 0 0 0 3px
}

.social-post-box .social-post-footer .stats li + li {
    margin-left: 18px
}

.social-post-box .social-post-footer .social-icon {
    font-size: 18px;
    line-height: 1.11
}

.social-post-box.facebook .social-icon {
    color: #2ed47a
}

@media (max-width: 1199px) {
    .landing-sub-upcoming .heading {
        display: block
    }

    .landing-sub-upcoming .heading h3 {
        margin-bottom: 10px
    }
}

@media (max-width: 991px) {
    header.landing-sub {
        padding-bottom: 56px
    }

    header.landing-sub .hero {
        padding-top: 40px
    }

    header.landing-sub .content {
        display: block
    }

    header.landing-sub .content .btn-container {
        margin: 24px 0 0
    }

    header.landing-sub .content .btn-container .personal-socials {
        height: auto
    }

    .landing-sub-header .content {
        padding: 50px 0 56px
    }

    .landing-sub-header blockquote {
        font-size: 22px;
        line-height: 1.45;
        margin-left: -22px;
        margin-right: -22px
    }

    .landing-sub-upcoming {
        padding-top: 56px
    }

    .landing-sub-upcoming .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 700px
    }

    .landing-sub-upcoming .heading {
        display: block;
        padding-bottom: 48px;
        text-align: center
    }

    .landing-sub-upcoming .heading h3 {
        margin: 0 0 22px
    }

    .personal-upcoming-container {
        margin-left: -10px;
        margin-right: -650px
    }

    .personal-upcoming-container .owl-carousel .owl-nav {
        position: relative;
        top: auto;
        left: 0;
        right: auto;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        max-width: 700px;
        margin: 0 10px
    }

    .personal-upcoming-item {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        padding: 0 10px
    }

    .personal-upcoming-box + .personal-upcoming-box {
        margin-left: 20px
    }

    .landing-sub-video {
        padding-top: 56px
    }

    .landing-sub-video .container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .landing-sub-video .heading {
        margin-bottom: 48px
    }

    .landing-sub-video .content {
        padding-bottom: 56px
    }

    .landing-sub-video .btn-container {
        margin-top: 26px
    }

    .box-play-music {
        height: 360px
    }

    .landing-sub-store {
        padding-top: 64px;
        padding-bottom: 80px
    }

    .landing-sub-store .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-sub-store .content, .landing-sub-store .heading {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    .landing-sub-store .heading {
        display: block;
        text-align: center;
        margin: 0 0 56px
    }

    .landing-sub-store .heading h3 {
        margin: 0 0 22px
    }

    .landing-sub-store .heading p {
        max-width: 485px;
        margin-left: auto;
        margin-right: auto
    }

    .monlix-about-section-container {
        margin-left: -10px;
        margin-right: -290px
    }

    .monlix-about-section-container .owl-carousel .owl-nav {
        position: relative;
        top: auto;
        left: 0;
        right: auto;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        max-width: 700px;
        margin: 56px 10px 0
    }

    .monlix-about-section-item {
        padding: 0 10px
    }

    .landing-sub-social {
        padding-top: 64px;
        padding-bottom: 50px
    }

    .landing-sub-social .heading {
        margin-bottom: 36px
    }

    .landing-sub-social .container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .social-post-item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .monlix-about-section-container, .personal-upcoming-container {
        margin-left: 0;
        margin-right: 0
    }

    .social-post-filter li {
        margin: 0 8px 10px
    }

    .landing-sub-social .content {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }

    .social-post-item {
        width: 100%
    }
}

@media (max-width: 575px) {
    header.landing-sub {
        padding-bottom: 36px
    }

    header.landing-sub .hero {
        padding-top: 16px
    }

    header.landing-sub .content .header-text {
        text-align: center
    }

    header.landing-sub .content h1 {
        font-size: 32px !important;
        line-height: 1.25 !important
    }

    header.landing-sub .content p {
        font-size: 16px;
        line-height: 1.75
    }

    header.landing-sub .content .btn-container .personal-socials {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.landing-sub .content .btn-container .personal-socials a {
        font-size: 22px;
        line-height: 1.45
    }

    .landing-sub-header .ill-container {
        height: 400px
    }

    .landing-sub-header .content {
        padding: 48px 0
    }

    .landing-sub-header blockquote {
        margin-left: 0;
        margin-right: 0;
        font-size: 18px;
        line-height: 1.67
    }

    .landing-sub-upcoming {
        padding-top: 48px
    }

    .landing-sub-upcoming .content {
        padding-bottom: 48px
    }

    .landing-sub-upcoming .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landing-sub-upcoming .heading {
        padding-bottom: 36px
    }

    .landing-sub-upcoming .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin: 0 0 16px
    }

    .landing-sub-upcoming .heading p {
        line-height: 1.75
    }

    .personal-upcoming-container {
        margin: 0 -10px
    }

    .personal-upcoming-container .owl-carousel .owl-nav .owl-next, .personal-upcoming-container .owl-carousel .owl-nav .owl-prev {
        width: 48px;
        height: 48px;
        font-size: 16px
    }

    .personal-upcoming-item {
        display: block
    }

    .personal-upcoming-box .description {
        margin-top: -20px
    }

    .personal-upcoming-box .description label {
        font-size: 16px;
        line-height: 1.25;
        padding: 10px 15px
    }

    .personal-upcoming-box .description h4 {
        font-size: 24px;
        line-height: 1.33
    }

    .personal-upcoming-box .description p {
        margin-bottom: 16px
    }

    .personal-upcoming-box + .personal-upcoming-box {
        margin-left: 0
    }

    .landing-sub-video {
        padding-top: 48px
    }

    .landing-sub-video .content {
        padding-bottom: 48px
    }

    .landing-sub-video .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .landing-sub-video .heading {
        margin-bottom: 36px
    }

    .landing-sub-video .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 16px
    }

    .landing-sub-video .heading p {
        line-height: 1.75
    }

    .landing-sub-video .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .landing-sub-video .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .landing-sub-video .btn-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        align-items: stretch;
        margin: 14px 5px -12px
    }

    .landing-sub-video .btn-container .btn {
        margin: 12px 0
    }

    .box-play-music-container {
        padding-bottom: 10px
    }

    .box-play-music {
        height: 180px
    }

    .box-play-music .act-play .btn-play {
        width: 36px;
        height: 36px;
        border-width: 4px
    }

    .box-play-music .act-play .fa {
        font-size: 18px;
        margin-left: 5px
    }

    .box-play-music .act-play strong {
        font-size: 16px;
        line-height: 1.25;
        margin-top: 15px
    }

    .landing-sub-store {
        padding-bottom: 64px
    }

    .landing-sub-store .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landing-sub-store .heading {
        margin-bottom: 48px
    }

    .landing-sub-store .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin: 0 0 16px
    }

    .landing-sub-store .heading p {
        line-height: 1.75
    }

    .monlix-about-section-container {
        margin: 0
    }

    .monlix-about-section-container .owl-carousel .owl-nav {
        margin-top: 64px
    }

    .monlix-about-section-container .owl-carousel .owl-nav .owl-next, .monlix-about-section-container .owl-carousel .owl-nav .owl-prev {
        width: 48px;
        height: 48px;
        font-size: 16px
    }

    .personal-product-box .price {
        width: 57px;
        height: 57px;
        font-size: 18px;
        right: 30px;
        top: 30px
    }

    .personal-product-box .ill {
        height: 280px
    }

    .personal-product-box .ill:before {
        height: 210px;
        bottom: 20px
    }

    .landing-sub-social {
        padding-top: 48px
    }

    .landing-sub-social .heading {
        margin-bottom: 20px
    }

    .landing-sub-social .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 25px
    }

    .landing-sub-social .content {
        padding: 0 5px
    }

    .social-post-filter {
        margin: 0 -5px
    }

    .social-post-filter .btn-social-filter {
        font-size: 16px;
        padding: 8px 20px
    }

    .social-post-filter li {
        margin: 0 3px 5px
    }

    .social-post-item {
        padding-bottom: 20px
    }

    .social-post-box {
        margin: 0
    }
}

header.landing-cosmetics {
    background-color: rgba(54, 179, 126, .08);
    padding-bottom: 100px
}

header.landing-cosmetics .content {
    -webkit-flex: 0 0 520px;
    -moz-box-flex: 0;
    flex: 0 0 520px;
    max-width: 520px
}

header.landing-cosmetics .hero {
    position: relative;
    padding-top: 40px;
    padding-bottom: 0
}

header.landing-cosmetics .content {
    padding-top: 60px
}

header.landing-cosmetics .content .header-label {
    font-size: 18px;
    line-height: 1.33;
    font-weight: 600;
    margin-bottom: 20px;
    display: block
}

header.landing-cosmetics .content h1 {
    font-size: 56px !important;
    line-height: 1.21 !important;
    margin: 0 0 20px;
    color: #183b56
}

header.landing-cosmetics .content p {
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 48px;
    max-width: 470px;
    color: #5a7184
}

header.landing-cosmetics .content .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

header.landing-cosmetics .content .btn-container .btn-rounded {
    padding-left: 0;
    padding-right: 0;
    width: 56px
}

header.landing-cosmetics .illustration {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    margin: 0 -20px -130px
}

header.landing-cosmetics .illustration img {
    position: relative;
    max-width: 100%
}

.landing-cosmetics-store {
    padding-top: 100px
}

.landing-cosmetics-store .container {
    position: relative
}

.landing-cosmetics-store .inner-container {
    padding-bottom: 100px;
    border-bottom: 1px solid #e5efff
}

.landing-cosmetics-store .heading {
    -webkit-flex: 0 0 350px;
    -moz-box-flex: 0;
    flex: 0 0 350px;
    max-width: 350px;
    padding: 40px 35px 0 15px;
    border-right: 1px solid #eef0f2
}

.landing-cosmetics-store .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 20px
}

.landing-cosmetics-store .heading h5 {
    font-size: 20px;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #183b56;
    margin: 0 0 24px
}

.landing-cosmetics-store .heading p {
    font-size: 16px !important;
    line-height: 1.75;
    color: #183b56;
    margin: 0 0 72px
}

.landing-cosmetics-store .heading .btn {
    min-width: 167px
}

.landing-cosmetics-store .content {
    padding: 0 15px 0 50px;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1;
    max-width: -webkit-calc(100% - 350px);
    max-width: calc(100% - 350px)
}

.cosmetics-store-container {
    margin-left: -15px;
    margin-right: -235px
}

.cosmetics-store-container .owl-carousel {
    position: static
}

.cosmetics-store-container .owl-carousel .owl-dots {
    position: absolute;
    top: 0;
    left: 15px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    margin: 0 -4px
}

.cosmetics-store-container .owl-carousel .owl-dots .owl-dot {
    display: block;
    width: 10px;
    height: 10px;
    background-color: rgba(90, 113, 132, .1);
    border: 1px solid transparent;
    margin: 0 3px;
    border-radius: 50%
}

.cosmetics-store-container .owl-carousel .owl-dots .owl-dot.active {
    background-color: #fff;
    border-color: #183b56
}

.cosmetics-store-item {
    padding: 0 15px
}

.cosmetics-product-box {
    position: relative
}

.cosmetics-product-box .ill {
    position: relative;
    height: 390px
}

.cosmetics-product-box .ill img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: fill
}

.cosmetics-product-box .description {
    padding: 46px 0 0
}

.cosmetics-product-box .description h4 {
    font-size: 28px !important;
    line-height: 1.29 !important;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 8px
}

.cosmetics-product-box .description p {
    font-size: 20px;
    line-height: 1.8;
    color: #5a7184;
    margin: 0
}

.landing-cosmetics-fact {
    padding-top: 100px;
    padding-bottom: 100px
}

.landing-cosmetics-fact .heading {
    text-align: center;
    max-width: 790px;
    margin: 0 auto 70px
}

.landing-cosmetics-fact .heading h3 {
    font-size: 40px !important;
    line-height: 1.33 !important;
    margin: 0 0 18px
}

.landing-cosmetics-fact .heading p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.box-cosmetics-fact {
    text-align: center;
    margin: 0 0 20px
}

.box-cosmetics-fact .ic-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: #f2f6fd;
    border-radius: 16px;
    overflow: hidden;
    margin: 0 auto 42px
}

.box-cosmetics-fact .social-content h5 {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 10px
}

.box-cosmetics-fact .social-content p {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184;
    margin: 0 auto;
    max-width: 230px
}

.landing-cosmetics-feature {
    position: relative;
    background-color: #f9fbfe;
    padding: 90px 0
}

.landing-cosmetics-feature .heading {
    max-width: 390px
}

.landing-cosmetics-feature .heading h3 {
    font-size: 40px !important;
    line-height: 1.33 !important;
    max-width: 290px;
    margin: 0 0 20px
}

.landing-cosmetics-feature .heading p {
    font-size: 16px !important;
    line-height: 1.75;
    color: #183b56;
    margin: 0 0 1.75em
}

.landing-cosmetics-feature .heading .c-list {
    color: #183b56
}

.landing-cosmetics-feature .heading .c-list li {
    margin-bottom: 16px;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-cosmetics-feature .heading .c-list li span {
    line-height: 1.375;
    font-size: 16px
}

.landing-cosmetics-feature .heading .c-list li img {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.landing-cosmetics-feature .illustration {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.landing-cosmetics-feature .illustration img {
    position: relative;
    max-width: 100%
}

.landing-cosmetics-feature .illustration .img-1 {
    position: relative;
    -webkit-flex: 0 0 400px;
    -moz-box-flex: 0;
    flex: 0 0 400px;
    width: 400px;
    margin-right: -95px;
    z-index: 2
}

.landing-cosmetics-feature .illustration .img-2 {
    position: relative;
    -webkit-flex: 0 0 290px;
    -moz-box-flex: 0;
    flex: 0 0 290px;
    width: 290px;
    margin-top: 120px;
    z-index: 1
}

.landing-cosmetics-product-suited {
    padding-top: 120px;
    padding-bottom: 100px
}

.landing-cosmetics-product-suited .heading {
    text-align: center;
    max-width: 790px;
    margin: 0 auto 90px
}

.landing-cosmetics-product-suited .heading h3 {
    font-size: 40px !important;
    line-height: 1.33 !important;
    margin: 0 0 18px
}

.landing-cosmetics-product-suited .heading p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.landing-cosmetics-product-suited .content {
    max-width: 944px;
    margin: 0 auto
}

.cosmetics-product-package {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 92px
}

.cosmetics-product-package .product-package-item {
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.product-package-item {
    text-align: center
}

.product-package-item.package-1 {
    background-color: rgba(54, 179, 126, .08)
}

.product-package-item.package-2 {
    background-color: rgba(250, 173, 19, .08)
}

.product-package-item.package-double {
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 60px;
    background-color: rgba(24, 59, 86, .08)
}

.product-package-item.package-double .description h4 {
    font-size: 40px !important;
    line-height: 1.3 !important
}

.product-package-item .ill {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    max-width: 204px;
    margin: -90px auto 76px
}

.product-package-item .ill img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.product-package-item .description {
    padding: 0 0 60px
}

.product-package-item .description h4 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 10px
}

.product-package-item .description .pricing {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #36b37e;
    margin: 0 0 30px
}

.product-package-item .description .btn {
    min-width: 190px;
    border-radius: 2000px
}

.product-package-item .description .btn .fa {
    margin-left: 8px;
    font-size: 16px
}

.landing-cosmetics-testimonial {
    padding: 0 0 60px
}

.cosmetics-testimonial-container {
    margin: 0 -150px
}

.cosmetics-testimonial .box-testimonial-container {
    padding: 0 150px
}

.cosmetics-testimonial .box-testimonial {
    position: relative;
    padding: 100px 48px 84px 52px;
    border-radius: 0;
    background-color: #f9fbfe;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.cosmetics-testimonial .box-testimonial .quote .fa {
    font-size: 100px;
    line-height: 1;
    color: #36b37e
}

.cosmetics-testimonial .box-testimonial .testimonial-content {
    -webkit-flex: 0 0 600px;
    -moz-box-flex: 0;
    flex: 0 0 600px;
    width: 600px;
    padding: 0
}

.cosmetics-testimonial .box-testimonial .testimonial-content p {
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: .12px;
    margin: 0 0 16px;
    color: #183b56
}

.cosmetics-testimonial .box-testimonial .testimonial-content p:before {
    display: none
}

.cosmetics-testimonial .box-testimonial .testimonial-content .quote {
    float: right;
    margin-top: -16px
}

.cosmetics-testimonial .box-testimonial .meta strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #183b56
}

.cosmetics-testimonial .box-testimonial .testimonial-product {
    position: relative;
    margin: 0
}

.cosmetics-testimonial .box-testimonial .testimonial-product .ill {
    width: 313px
}

.cosmetics-testimonial .box-testimonial .testimonial-product .ill img {
    width: 100%;
    height: 100%;
    max-height: 220px;
    object-fit: contain
}

.cosmetics-testimonial .box-testimonial .testimonial-product .quote {
    display: none
}

.cosmetics-testimonial .box-testimonial .testimonial-product .description {
    position: relative;
    float: right;
    margin: -65px -30px -100px 0;
    padding: 10px 16px;
    -webkit-box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    background-color: #fff
}

.cosmetics-testimonial .box-testimonial .testimonial-product .description h4 {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.25 !important;
    letter-spacing: .2px;
    color: #183b56;
    margin: 0 0 3px
}

.cosmetics-testimonial .box-testimonial .testimonial-product .description span {
    display: block;
    font-size: 14px;
    line-height: 1.71;
    color: #36b37e
}

.cosmetics-testimonial .owl-dots {
    position: absolute;
    left: 650px;
    bottom: 90px;
    margin: 0 -4px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.cosmetics-testimonial .owl-dots .owl-dot {
    display: block;
    width: 10px;
    height: 10px;
    background-color: rgba(90, 113, 132, .1);
    border: 1px solid transparent;
    margin: 0 4px;
    border-radius: 50%
}

.cosmetics-testimonial .owl-dots .owl-dot.active {
    background-color: #fff;
    border-color: #183b56
}

@media (max-width: 1199px) {
    .cosmetics-testimonial-container {
        margin: 0
    }

    .cosmetics-testimonial .box-testimonial-container {
        padding: 0
    }

    .cosmetics-testimonial .box-testimonial {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding: 48px 38px 94px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-product {
        margin: 0 auto 56px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-product .ill {
        height: 184px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-product .quote {
        position: absolute;
        display: block;
        top: -32px;
        left: 16px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-content {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        width: 100%
    }

    .cosmetics-testimonial .box-testimonial .testimonial-content p {
        margin-bottom: 24px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-content .quote {
        display: none
    }

    .cosmetics-testimonial .owl-item {
        height: 100%
    }

    .cosmetics-testimonial .owl-dots {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        left: 0;
        right: 0;
        bottom: 57px
    }
}

@media (max-width: 991px) {
    header.landing-cosmetics .content {
        padding-top: 0;
        -webkit-flex: 0 0 630px;
        -moz-box-flex: 0;
        flex: 0 0 630px;
        max-width: 630px
    }

    header.landing-cosmetics .content h1 {
        max-width: 520px
    }

    header.landing-cosmetics .content p {
        max-width: 630px;
        margin: 0 0 36px
    }

    header.landing-cosmetics .illustration {
        max-width: 590px;
        margin-left: auto;
        margin-right: auto
    }

    .landing-cosmetics-store {
        padding-top: 120px;
        padding-bottom: 40px
    }

    .landing-cosmetics-store .container {
        max-width: 672px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-cosmetics-store .inner-container {
        border-bottom: none;
        padding: 0
    }

    .landing-cosmetics-store .content, .landing-cosmetics-store .heading {
        width: 100%;
        max-width: none;
        -webkit-flex: initial;
        -moz-box-flex: initial;
        flex: initial;
        padding-left: 15px;
        padding-right: 15px;
        border: none
    }

    .landing-cosmetics-store .heading {
        text-align: center;
        padding-top: 0;
        margin-bottom: 38px
    }

    .landing-cosmetics-store .heading h5 {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto
    }

    .landing-cosmetics-store .heading p {
        max-width: 610px;
        margin: 0 auto
    }

    .landing-cosmetics-store .heading .btn {
        display: none
    }

    .landing-cosmetics-store .footer-btn-container {
        padding-top: 35px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        width: 100%
    }

    .landing-cosmetics-store .footer-btn-container .btn {
        min-width: 167px
    }

    .cosmetics-store-container {
        margin-right: -330px
    }

    .cosmetics-store-container .owl-carousel .owl-dots {
        position: relative;
        padding-top: 50px;
        right: 15px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        padding-right: 330px
    }

    .landing-cosmetics-fact {
        padding-top: 40px;
        padding-bottom: 50px
    }

    .landing-cosmetics-fact .heading {
        margin-bottom: 56px
    }

    .box-cosmetics-fact {
        margin-bottom: 36px
    }

    .box-cosmetics-fact .social-content p {
        max-width: 300px
    }

    .landing-cosmetics-feature {
        padding-top: 48px;
        padding-bottom: 90px
    }

    .landing-cosmetics-feature .illustration .img-1 {
        -webkit-flex: 0 0 390px;
        -moz-box-flex: 0;
        flex: 0 0 390px;
        width: 390px
    }

    .landing-cosmetics-feature .illustration .img-2 {
        display: none
    }

    .landing-cosmetics-product-suited {
        padding-bottom: 80px
    }

    .landing-cosmetics-product-suited .container {
        padding: 0 20px !important
    }

    .landing-cosmetics-product-suited .heading {
        margin-bottom: 48px
    }

    .landing-cosmetics-product-suited .heading p {
        margin-left: auto;
        margin-right: auto;
        max-width: 620px
    }

    .product-package-item .ill {
        max-width: 165px;
        margin-bottom: 36px
    }

    .product-package-item .description {
        padding-bottom: 36px
    }

    .product-package-item .description .pricing {
        font-size: 20px;
        margin-bottom: 25px
    }

    .product-package-item.package-double {
        padding-top: 36px
    }

    .product-package-item.package-double .description h4 {
        font-size: 32px !important
    }

    .landing-cosmetics-testimonial {
        padding-bottom: 40px
    }

    .landing-cosmetics-testimonial .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (max-width: 767px) {
    .landing-cosmetics-store .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .cosmetics-store-container {
        margin-right: -8px;
        margin-left: -8px
    }

    .landing-cosmetics-feature:before {
        left: 50%;
        margin-left: -200px
    }

    .landing-cosmetics-feature .heading {
        text-align: center;
        margin: 0 auto 16px
    }

    .landing-cosmetics-feature .heading h3 {
        margin-left: auto;
        margin-right: auto
    }

    .landing-cosmetics-feature .heading .c-list, .landing-cosmetics-feature .heading .c-list li {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-cosmetics-feature .heading .c-list li {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .landing-cosmetics-feature .heading .c-list li img {
        margin: 0 0 8px
    }

    .landing-cosmetics-feature .heading .c-list li span, .landing-cosmetics-feature .illustration .img-1 {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%
    }

    .landing-cosmetics-feature .illustration .img-1 {
        width: 100%
    }
}

@media (max-width: 575px) {
    header.landing-cosmetics .hero {
        padding-top: 10px
    }

    header.landing-cosmetics .content {
        text-align: center
    }

    header.landing-cosmetics .content .header-label {
        font-size: 16px
    }

    header.landing-cosmetics .content h1 {
        font-size: 32px !important;
        line-height: 1.25 !important
    }

    header.landing-cosmetics .content p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 30px
    }

    header.landing-cosmetics .content .btn-container {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.landing-cosmetics .illustration {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        width: 100%;
        margin-bottom: -120px
    }

    header.landing-cosmetics .illustration img {
        width: 420px;
        max-width: none
    }

    .landing-cosmetics-store {
        padding-top: 72px
    }

    .landing-cosmetics-store .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landing-cosmetics-store .heading {
        margin-bottom: 36px
    }

    .landing-cosmetics-store .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 16px
    }

    .landing-cosmetics-store .heading h5 {
        font-size: 16px;
        margin-left: -5px;
        margin-right: -5px
    }

    .landing-cosmetics-store .heading p {
        font-size: 14px !important;
        line-height: 1.71
    }

    .landing-cosmetics-store .footer-btn-container {
        padding-top: 30px
    }

    .cosmetics-store-container {
        margin-right: -260px;
        margin-left: -8px
    }

    .cosmetics-store-container .owl-carousel .owl-dots {
        padding-right: 260px;
        padding-top: 36px
    }

    .cosmetics-store-item {
        padding: 0 8px
    }

    .cosmetics-product-box .ill {
        height: 320px
    }

    .cosmetics-product-box .description {
        padding-top: 15px
    }

    .cosmetics-product-box .description h4 {
        font-size: 22px !important;
        line-height: 1.45 !important;
        margin-bottom: 5px
    }

    .cosmetics-product-box .description p {
        font-size: 16px;
        line-height: 1.75
    }

    .landing-cosmetics-fact {
        padding-bottom: 16px
    }

    .landing-cosmetics-fact .heading {
        margin-bottom: 38px
    }

    .landing-cosmetics-fact .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 24px
    }

    .landing-cosmetics-fact .heading p {
        font-size: 16px;
        line-height: 1.75
    }

    .box-cosmetics-fact {
        margin-bottom: 32px
    }

    .box-cosmetics-fact .ic-container {
        margin-bottom: 24px
    }

    .landing-cosmetics-feature .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 24px
    }

    .landing-cosmetics-product-suited {
        padding-top: 72px;
        padding-bottom: 66px
    }

    .landing-cosmetics-product-suited .heading {
        text-align: center;
        margin-bottom: 12px
    }

    .landing-cosmetics-product-suited .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 24px
    }

    .landing-cosmetics-product-suited .heading p {
        font-size: 16px;
        line-height: 1.75
    }

    .cosmetics-product-package {
        padding-top: 0
    }

    .cosmetics-product-package .product-package-item {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .product-package-item {
        margin-top: 96px
    }

    .product-package-item .ill {
        max-width: 142px;
        margin-bottom: 24px;
        margin-top: -60px
    }

    .product-package-item .description {
        padding-bottom: 24px
    }

    .product-package-item .description h4 {
        font-size: 22px !important;
        line-height: 1.45 !important;
        margin-bottom: 6px
    }

    .product-package-item .description .pricing {
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 24px
    }

    .product-package-item.package-double {
        padding-top: 24px;
        margin-top: 36px
    }

    .product-package-item.package-double .description h4 {
        font-size: 22px !important;
        line-height: 1.45 !important;
        margin-bottom: 6px
    }

    .cosmetics-testimonial-container {
        margin-left: -20px;
        margin-right: -20px
    }

    .cosmetics-testimonial .box-testimonial {
        padding: 48px 20px 78px
    }

    .cosmetics-testimonial .box-testimonial .quote {
        left: 13px;
        top: -50px
    }

    .cosmetics-testimonial .box-testimonial .quote .fa {
        font-size: 80px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-product {
        margin-bottom: 85px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-product .ill {
        width: 100%;
        height: 150px
    }

    .cosmetics-testimonial .box-testimonial .testimonial-product .description {
        margin: -25px -10px -100px 0
    }

    .cosmetics-testimonial .box-testimonial .testimonial-content p {
        font-size: 16px;
        line-height: 1.88;
        margin-bottom: 24px
    }

    .cosmetics-testimonial .box-testimonial .meta strong {
        font-size: 16px;
        line-height: 1.25
    }

    .cosmetics-testimonial .owl-dots {
        bottom: 37px
    }
}

header.landing-about {
    background-color: #f9fbfe;
    background-image: none
}

header.landing-about .hero {
    padding-top: 80px
}

header.landing-about .hero .content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 710px;
    margin: 0 auto
}

header.landing-about .hero h1 {
    font-size: 56px !important;
    line-height: 1.21 !important;
    margin: 0 0 24px
}

header.landing-about .hero p {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin: 0 auto 56px
}

header.landing-about .illustration {
    z-index: 1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    height: 500px;
    margin: 0 auto -250px
}

header.landing-about .illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about-us-information {
    padding-top: 90px
}

.about-us-information .content {
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #e5efff
}

.about-us-information .card-f .counter {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin-bottom: 6px
}

.about-us-information .card-f p {
    font-size: 18px;
    line-height: 1.78
}

.real-estate-signup.about-us-newsletter .real-estate-signup-box {
    border-radius: 0;
    padding: 76px 60px 80px
}

.real-estate-signup.about-us-newsletter h4 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin-bottom: 14px
}

.real-estate-signup.about-us-newsletter .form-submit-email {
    margin-top: 43px
}

.real-estate-signup.about-us-newsletter .form-submit-email .input-group {
    border-radius: 8px;
    overflow: hidden;
    max-width: 430px;
    margin-bottom: 0
}

.real-estate-signup.about-us-newsletter .form-submit-email .input-group-append {
    padding: 5px
}

.real-estate-signup.about-us-newsletter .form-submit-email .input-group-append .btn {
    border-radius: 4px;
    min-width: 130px
}

.reach-more.about-user-acqusition {
    padding-top: 80px;
    padding-bottom: 60px
}

.reach-more.about-user-acqusition .content .left h3 {
    font-size: 48px !important;
    line-height: 1.25 !important
}

.reach-more.about-user-acqusition .content .left {
    padding-top: 30px
}

.reach-more.about-user-acqusition .content .left .c-list {
    margin-right: -20px;
    width: auto
}

.reach-more.about-user-acqusition .content .left .c-list li {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 20px
}

.reach-more.about-user-acqusition .content .left .c-list li span {
    font-size: 16px;
    line-height: 1.375
}

.reach-more.about-user-acqusition .content .right .features-photos {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    height: auto
}

.reach-more.about-user-acqusition .content .right .features-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reach-more.about-user-acqusition .content .right .features-photos .photo-1, .reach-more.about-user-acqusition .content .right .features-photos .photo-2, .reach-more.about-user-acqusition .content .right .features-photos .photo-3 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 8px
}

.reach-more.about-user-acqusition .content .right .features-photos .photo-1 {
    width: 407px;
    height: 450px
}

.reach-more.about-user-acqusition .content .right .features-photos .photo-2 {
    z-index: 1;
    width: 222px;
    height: 450px;
    margin-top: 160px;
    margin-left: -134px
}

.reach-more.about-user-acqusition .content .right .features-photos .photo-3 {
    width: 350px;
    height: 630px;
    margin-top: -80px
}

.reach-more.about-user-acqusition .content .content-top {
    margin-bottom: 100px
}

.reach-more.about-user-acqusition .content .content-top .right {
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start
}

.reach-more.about-user-acqusition .content .content-bottom {
    position: relative;
    padding-top: 80px
}

.reach-more.about-user-acqusition .content .content-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: -140px;
    width: 1290px;
    height: 536px;
    max-width: 100%;
    background-color: #f9fbfe
}

.reach-more.about-user-acqusition .content .content-bottom .left {
    padding: 0;
    max-width: 455px
}

.reach-more.about-user-acqusition .content .content-bottom .features-photos {
    padding-top: 20px
}

.landing-about-blog {
    padding-bottom: 60px;
    padding-top: 70px
}

.landing-about-blog .heading {
    position: relative;
    margin-bottom: 48px
}

.landing-about-blog .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important
}

.card-article-about {
    display: block;
    border: none;
    border-radius: 8px;
    background-color: #f9fbfe;
    padding: 10px;
    margin: 0 0 26px
}

.card-article-about:hover {
    text-decoration: none
}

.card-article-about .card-article-heading {
    height: 240px;
    border-radius: 8px;
    overflow: hidden
}

.card-article-about .card-article-heading img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card-article-about .card-article-body {
    padding: 18px 10px 14px
}

.card-article-about .card-article-body .category {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #959ead;
    margin: 0 0 10px
}

.card-article-about .card-article-body .title {
    color: #183b56;
    font-size: 24px !important;
    line-height: 1.33 !important;
    max-height: 2.66em;
    margin: 0 0 32px;
    overflow: hidden
}

.card-article-about .card-article-body .blog-read-more .read-more {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #2ed47a
}

@media (max-width: 1199px) {
    .reach-more.about-user-acqusition .content .left h3 {
        padding-right: 0
    }

    .reach-more.about-user-acqusition .content .left .c-list li {
        width: 50%
    }
}

@media (max-width: 991px) {
    header.landing-about .hero {
        padding-top: 44px
    }

    header.landing-about .hero p {
        max-width: 540px;
        margin-bottom: 64px
    }

    header.landing-about .illustration {
        height: 440px;
        margin: 0 auto -220px
    }

    .about-us-information {
        padding-top: 36px
    }

    .about-us-information .container {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .about-us-information .content {
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .about-us-information .card-f {
        padding-left: 0;
        padding-right: 0
    }

    .about-us-information .card-f .counter {
        font-size: 32px !important;
        margin-bottom: 8px
    }

    .about-us-information .card-f p {
        font-size: 16px;
        line-height: 1.78
    }

    .reach-more.about-user-acqusition {
        padding-top: 50px
    }

    .reach-more.about-user-acqusition .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .reach-more.about-user-acqusition .content .left h3 {
        font-size: 36px !important;
        line-height: 1.33 !important;
        margin-bottom: 20px
    }

    .reach-more.about-user-acqusition .content .left p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 1.75em
    }

    .reach-more.about-user-acqusition .content .left .c-list li {
        margin-bottom: 16px;
        width: 50%
    }

    .reach-more.about-user-acqusition .content .left .c-list li span {
        font-size: 14px;
        line-height: 1.43
    }

    .reach-more.about-user-acqusition .content .left .c-list {
        margin-top: 24px
    }

    .reach-more.about-user-acqusition .content .right .features-photos .photo-1 {
        min-width: 277px;
        width: 277px;
        height: 380px
    }

    .reach-more.about-user-acqusition .content .right .features-photos .photo-2 {
        min-width: 292px;
        width: 292px;
        height: 370px;
        margin-top: 120px;
        margin-left: -214px
    }

    .reach-more.about-user-acqusition .content .right .features-photos .photo-3 {
        min-width: 282px;
        width: 282px;
        height: 410px
    }

    .reach-more.about-user-acqusition .content .content-top {
        margin-bottom: 80px
    }

    .reach-more.about-user-acqusition .content .content-top .left {
        padding-top: 50px;
        padding-left: 25px
    }

    .reach-more.about-user-acqusition .content .content-top .right {
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .reach-more.about-user-acqusition .content .content-bottom {
        padding-top: 36px
    }

    .reach-more.about-user-acqusition .content .content-bottom:before {
        height: 400px
    }

    .reach-more.about-user-acqusition .content .content-bottom .left {
        padding-left: 25px
    }

    .reach-more.about-user-acqusition .content .content-bottom .features-photos {
        padding-top: 15px
    }

    .landing-about-blog {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .landing-about-blog .container {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .landing-about-blog .heading {
        margin-bottom: 36px
    }

    .card-article-about .card-article-body .title {
        max-height: 3.99em
    }

    .real-estate-signup.about-us-newsletter .real-estate-signup-box {
        padding: 56px 40px 64px
    }

    .real-estate-signup.about-us-newsletter h4 {
        font-size: 40px !important;
        line-height: 1.3 !important
    }

    .real-estate-signup.about-us-newsletter .form-submit-email {
        margin-top: 42px
    }
}

@media (max-width: 767px) {
    .reach-more.about-user-acqusition .content .content-bottom .left, .reach-more.about-user-acqusition .content .content-top .left {
        text-align: center;
        padding: 30px 25px 0;
        margin: 0 auto
    }

    .landing-about-blog .heading {
        text-align: center
    }

    .real-estate-signup.about-us-newsletter {
        padding-bottom: 0
    }
}

@media (max-width: 575px) {
    header.landing-about .hero {
        padding-top: 10px
    }

    header.landing-about .hero h1 {
        font-size: 32px !important;
        line-height: 1.25 !important
    }

    header.landing-about .hero p {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 36px
    }

    header.landing-about .illustration {
        height: 360px;
        margin: 0 auto -180px
    }

    .about-us-information {
        padding-top: 24px
    }

    .about-us-information .content {
        padding-bottom: 36px
    }

    .about-us-information .card-f {
        padding: 20px 0
    }

    .about-us-information .card-f .btn-ic {
        width: 36px;
        height: 36px
    }

    .about-us-information .card-f .counter {
        font-size: 20px !important;
        line-height: 1.2 !important;
        margin-bottom: 4px
    }

    .about-us-information .card-f p {
        font-size: 14px;
        line-height: 1.71
    }

    .reach-more.about-user-acqusition {
        padding-top: 56px;
        padding-bottom: 32px
    }

    .reach-more.about-user-acqusition .content .left h3 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 16px
    }

    .reach-more.about-user-acqusition .content .left .c-list {
        margin: 0 -10px
    }

    .reach-more.about-user-acqusition .content .left .c-list li {
        margin: 0 4px 12px;
        width: auto
    }

    .reach-more.about-user-acqusition .content .right .features-photos .photo-1 {
        width: 280px;
        min-width: 280px;
        height: 300px
    }

    .reach-more.about-user-acqusition .content .right .features-photos .photo-2 {
        height: 300px;
        margin-left: -160px
    }

    .reach-more.about-user-acqusition .content .right .features-photos .photo-3 {
        width: 100%;
        min-width: 100%;
        height: auto
    }

    .reach-more.about-user-acqusition .content .content-bottom .left, .reach-more.about-user-acqusition .content .content-top .left {
        padding: 0 20px
    }

    .reach-more.about-user-acqusition .content .content-bottom .right .features-photos, .reach-more.about-user-acqusition .content .content-top .right .features-photos {
        margin-bottom: 48px
    }

    .reach-more.about-user-acqusition .content .content-top {
        margin-bottom: 28px
    }

    .reach-more.about-user-acqusition .content .content-top .right .features-photos {
        padding-left: 15px;
        padding-right: 15px
    }

    .reach-more.about-user-acqusition .content .content-bottom {
        background: #f9fbfe;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse
    }

    .reach-more.about-user-acqusition .content .content-bottom .right .features-photos {
        padding: 0 20px;
        margin-top: 36px
    }

    .landing-about-blog {
        padding-top: 32px
    }

    .landing-about-blog .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landing-about-blog .heading {
        margin-bottom: 24px
    }

    .landing-about-blog .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important
    }

    .card-article-about .card-article-body {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin: 0 -5px
    }

    .card-article-about .card-article-body .title {
        font-size: 20px !important;
        line-height: 1.2 !important;
        margin-bottom: 24px
    }

    .real-estate-signup.about-us-newsletter {
        text-align: center
    }

    .real-estate-signup.about-us-newsletter h4 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 24px
    }

    .real-estate-signup.about-us-newsletter .real-estate-signup-box {
        padding: 56px 10px 48px;
        margin: 0
    }

    .real-estate-signup.about-us-newsletter .form-submit-email {
        margin-top: 36px
    }

    .real-estate-signup.about-us-newsletter .form-submit-email .input-group {
        padding: 10px
    }

    .real-estate-signup.about-us-newsletter .form-submit-email .form-control {
        height: 3rem;
        border-radius: 8px;
        border: 1px solid #c3cad9;
        padding-left: 48px
    }

    .real-estate-signup.about-us-newsletter .form-submit-email .input-group-prepend .btn {
        background: transparent;
        border: transparent;
        padding: 0 0 0 20px;
        width: 48px;
        margin-right: -48px
    }

    .real-estate-signup.about-us-newsletter .form-submit-email .input-group-append {
        padding: 10px 0 0;
        width: 100%
    }

    .real-estate-signup.about-us-newsletter .form-submit-email .input-group-append .btn {
        width: 100%
    }
}

body.landing-pricing {
    background-color: #f9fbfe
}

header.landing-pricing {
    background: #fff;
    padding-bottom: 333px;
    margin-bottom: -333px
}

header.landing-pricing .hero {
    padding-top: 80px;
    padding-bottom: 0
}

header.landing-pricing .hero .heading {
    position: relative;
    z-index: 2;
    text-align: center
}

header.landing-pricing .hero h1 {
    font-size: 56px !important;
    line-height: 1.21 !important;
    max-width: 420px;
    margin: 0 auto 28px
}

header.landing-pricing .hero p {
    font-size: 18px !important;
    line-height: 1.78;
    color: #5a7184;
    margin: 0 auto
}

.landing-pricing-boxes {
    padding: 96px 0 50px
}

.landing-pricing-boxes .content {
    padding: 20px 60px 60px
}

.landing-pricing-boxes .pricing-footer {
    text-align: center;
    padding: 0 0 100px;
    border-bottom: 1px solid #e5efff
}

.landing-pricing-boxes .pricing-footer p {
    font-size: 18px;
    line-height: 1.78;
    color: #183b56;
    max-width: 542px;
    margin: 0 auto
}

.card-pricing.card-pricing-landing {
    padding: 48px 36px 20px;
    min-height: 551px;
    background: #fff
}

.card-pricing.card-pricing-landing .price {
    padding-bottom: 24px;
    border-bottom: 1px solid #e5eaf4
}

.card-pricing.card-pricing-landing .price h2 {
    font-size: 40px !important;
    line-height: 1.15 !important;
    margin: 0 0 18px
}

.card-pricing.card-pricing-landing .price h2 span {
    font-weight: 400
}

.card-pricing.card-pricing-landing .price h4 {
    font-size: 24px !important;
    line-height: 1.33 !important;
    margin: 0 0 12px
}

.card-pricing.card-pricing-landing .price p {
    font-size: 16px;
    line-height: 1.75
}

.card-pricing.card-pricing-landing .pricing-list {
    line-height: 1.5;
    margin-top: 32px
}

.card-pricing.card-pricing-landing .pricing-list li {
    margin-bottom: 24px
}

.card-pricing.card-pricing-landing.card-pricing-with-heading {
    padding-bottom: 40px
}

.card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading {
    margin: -68px -36px 26px
}

.card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading h5 {
    font-size: 16px !important;
    line-height: 2.75 !important;
    color: #fff;
    background-color: #5a7184;
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.card-pricing.card-pricing-landing.card-pricing-landing-success .card-pricing-heading h5 {
    background-color: #36b37e
}

.card-pricing.card-pricing-landing.card-pricing-landing-success .price h2 {
    color: #36b37e
}

.card-pricing.card-pricing-landing.card-pricing-landing-primary .card-pricing-heading h5 {
    background-color: #2ed47a
}

.card-pricing.card-pricing-landing.card-pricing-landing-primary .price h2 {
    color: #2ed47a
}

.landing-pricing-features {
    padding-top: 50px
}

.landing-pricing-features .heading {
    text-align: center;
    margin: 0 0 36px
}

.landing-pricing-features .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important
}

.card-pricing-feature {
    text-align: center;
    border-radius: 16px;
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    border: 1px solid #e5eaf4;
    background-color: #fff;
    margin: 60px 0 0
}

.card-pricing-feature .ic {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #e5eaf4;
    background-color: #fff;
    margin: -32px auto 0;
    padding: 14px
}

.card-pricing-feature .ic img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.card-pricing-feature .card-body {
    padding: 12px 0 20px;
    max-width: 258px;
    margin: 0 auto
}

.card-pricing-feature .card-body h4 {
    font-size: 22px !important;
    font-weight: 600;
    line-height: 1.45 !important;
    margin: 0 -20px 4px;
    color: #183b56
}

.card-pricing-feature .card-body p {
    font-size: 16px;
    font-style: normal;
    line-height: 1.75;
    color: #5a7184;
    margin: 0
}

.landing-pricing-partner {
    padding-top: 120px;
    padding-bottom: 100px
}

.landing-pricing-partner .pricing-partner-item {
    height: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.landing-pricing-partner .pricing-partner-item img {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.landing-pricing-faq {
    background: #183b56;
    color: #fff;
    padding: 100px 0 110px
}

.landing-pricing-faq .heading {
    text-align: center;
    margin: 0 0 60px
}

.landing-pricing-faq .heading h3 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    color: #fff
}

.landing-pricing-faq .content {
    max-width: 862px;
    margin: 0 auto
}

.accordion.accordion-pricing-white .card {
    background: rgba(179, 186, 197, .1);
    border: none !important;
    color: #b3bac5
}

.accordion.accordion-pricing-white .card-header {
    background: transparent;
    cursor: pointer
}

.accordion.accordion-pricing-white .card-header h5 {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    letter-spacing: .2px;
    color: #fff;
    padding: 24px
}

.accordion.accordion-pricing-white .card-header h5[aria-expanded=true] {
    padding-bottom: 12px
}

.accordion.accordion-pricing-white .card-header h5 i {
    font-size: 14px
}

.landing-pricing-testimonial {
    padding: 20px 0 50px
}

.pricing-testimonial-container {
    margin: 0 -150px
}

.pricing-testimonial-container .owl-carousel .owl-nav {
    position: absolute;
    bottom: 100px;
    right: 212px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.pricing-testimonial-container .owl-carousel .owl-nav .owl-next, .pricing-testimonial-container .owl-carousel .owl-nav .owl-prev {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: transparent;
    font-size: 18px;
    color: #959ead
}

.pricing-testimonial-container .owl-carousel .owl-nav .owl-next:hover, .pricing-testimonial-container .owl-carousel .owl-nav .owl-prev:hover {
    color: #183b56
}

.pricing-testimonial .box-testimonial {
    background: transparent;
    padding: 100px 218px 100px 200px
}

.pricing-testimonial .box-testimonial .testimonial-content {
    -webkit-flex: 0 0 712px;
    -moz-box-flex: 0;
    flex: 0 0 712px;
    width: 712px;
    padding: 32px 0 0
}

.pricing-testimonial .box-testimonial .testimonial-content p {
    line-height: 1.44;
    margin-bottom: 36px;
    font-weight: 700;
    color: #183b56
}

.pricing-testimonial .box-testimonial .testimonial-content p:before {
    display: none
}

.pricing-testimonial .box-testimonial .meta span, .pricing-testimonial .box-testimonial .meta strong {
    display: block
}

.pricing-testimonial .box-testimonial .meta strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.66;
    color: #183b56
}

.pricing-testimonial .box-testimonial .testimonial-profile {
    position: relative;
    margin: 0
}

.pricing-testimonial .box-testimonial .testimonial-profile:before {
    position: absolute;
    z-index: 2;
    left: 28px;
    bottom: -50px;
    content: "";
    font-size: 100px;
    line-height: 1em;
    color: #183b56;
    font-family: Font Awesome\ 5 Free;
    content: "";
    font-weight: 900
}

.pricing-testimonial .box-testimonial .testimonial-profile .user {
    position: relative;
    width: 253px;
    height: 292px;
    border-radius: 8px;
    overflow: hidden
}

.pricing-testimonial .box-testimonial .testimonial-profile .user img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.landing-pricing-download {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
    text-align: center;
    color: #fff
}

.footer-bg-wrapper {
    position: relative
}

.footer-bg-wrapper:before {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.footer-bg-wrapper [class*=bubble] {
    position: absolute;
    z-index: -1;
    border-radius: 50%
}

.footer-bg-wrapper .bubble-one {
    width: 25px;
    height: 25px;
    background: #ff6cc4;
    top: 4%;
    left: 26%
}

.footer-bg-wrapper .bubble-one, .footer-bg-wrapper .bubble-two {
    -webkit-animation: scale-up-one 4s linear infinite;
    animation: scale-up-one 4s linear infinite
}

.footer-bg-wrapper .bubble-two {
    width: 14px;
    height: 14px;
    background: #ffbe50;
    top: 48%;
    left: 10%
}

.footer-bg-wrapper .bubble-three {
    width: 7px;
    height: 7px;
    background: #04e8f4;
    bottom: 18%;
    left: 20%;
    -webkit-animation: scale-up-three 4s linear infinite;
    animation: scale-up-three 4s linear infinite
}

.footer-monlix .top-footer [class*=col-] {
    margin-bottom: 30px
}

.footer-monlix .top-footer .footer-title {
    font-family: Quicksand, sans-serif;
    font-size: 20px;
    padding-bottom: 25px;
    color: #183b56
}

.footer-monlix .top-footer .footer-list ul li a {
    font-size: 16px;
    line-height: 38px;
    color: #727272;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer-monlix .top-footer .footer-list ul li a:hover {
    color: var(--blue-dark)
}

.footer-monlix .top-footer .address-list ul li a {
    font-size: 16px;
    color: #727272;
    margin-bottom: 10px
}

.footer-monlix .top-footer .address-list ul li a:hover {
    text-decoration: underline
}

.footer-monlix .top-footer .address-list ul li a.mobile-num {
    font-size: 20px;
    color: #030303
}

.footer-monlix .bottom-footer-content ul li {
    display: inline-block
}

.footer-monlix .bottom-footer-content ul li a {
    font-size: 16px;
    color: #727272;
    margin-left: 20px
}

.footer-monlix .bottom-footer-content ul li a:hover {
    color: #000
}

.footer-monlix .bottom-footer-content p {
    font-size: 15px;
    color: #6a6a6a
}

.footer-monlix .bottom-footer-content {
    padding: 26px 0 30px
}

.footer-monlix .bottom-footer-content ul {
    padding-right: 97px
}

.landing-pricing-download + .footer {
    padding-top: 240px
}

.landing-pricing-download .inner-container {
    max-width: 685px;
    margin: 0 auto
}

.landing-pricing-download h4 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    margin: 0 0 17px
}

.fancy-short-banner-two .content-wrapper {
    position: relative
}

.fancy-short-banner-two .content-wrapper:before {
    position: absolute;
    top: -117px;
    right: -117px;
    z-index: -1;
    opacity: .9;
    -webkit-animation: jumpTwo 5s linear infinite;
    animation: jumpTwo 5s linear infinite
}

.fancy-short-banner-two .bg-wrapper {
    position: relative;
    overflow: hidden;
    background: #2ed47a;
    -webkit-box-shadow: 0 20px 60px 0 rgba(70, 212, 135, .1);
    box-shadow: 0 20px 60px 0 rgba(70, 212, 135, .1);
    border-radius: 5px;
    padding: 50px 55px;
    z-index: 1
}

.fancy-short-banner-two h2 {
    font-size: 36px;
    line-height: 1.16em;
    color: #fff;
    max-width: 600px
}

.fancy-short-banner-two a {
    width: 178px;
    line-height: 54px;
    border-radius: 5px;
    color: var(--blue-dark);
    font-weight: 500;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fancy-short-banner-two a:hover {
    color: #333
}

.fancy-short-banner-two [class*=bubble] {
    position: absolute;
    z-index: -1;
    border-radius: 50%
}

.fancy-short-banner-two .bubble-one {
    width: 13px;
    height: 13px;
    background: hsla(0, 0%, 85%, .14);
    top: 27%;
    left: 60%;
    -webkit-animation: scale-up-one 4s linear infinite;
    animation: scale-up-one 4s linear infinite
}

.fancy-short-banner-two .bubble-two {
    width: 6px;
    height: 6px;
    top: 62%;
    right: 28%
}

.fancy-short-banner-two .bubble-three, .fancy-short-banner-two .bubble-two {
    background: hsla(0, 0%, 85%, .14);
    -webkit-animation: scale-up-three 4s linear infinite;
    animation: scale-up-three 4s linear infinite
}

.fancy-short-banner-two .bubble-three {
    width: 5px;
    height: 5px;
    bottom: 37%;
    right: 51%
}

.fancy-short-banner-two .bubble-four {
    width: 245px;
    height: 245px;
    top: -103px;
    right: -70px
}

.fancy-short-banner-two .bubble-five, .fancy-short-banner-two .bubble-four {
    background: hsla(0, 0%, 85%, .14);
    -webkit-animation: jello 3s linear infinite;
    animation: jello 3s linear infinite
}

.fancy-short-banner-two .bubble-five {
    width: 68px;
    height: 68px;
    bottom: -24px;
    left: -28px
}

.footer-monlix {
    position: relative
}

.landing-pricing-download p {
    font-size: 18px;
    line-height: 1.78
}

.landing-pricing-download .form-submit-email {
    max-width: 430px;
    margin: 43px auto 0
}

.landing-pricing-download .form-submit-email .input-group {
    border-radius: 8px;
    overflow: hidden
}

.landing-pricing-download .form-submit-email .form-control {
    border: none
}

.landing-pricing-download .form-submit-email .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.landing-pricing-download .form-submit-email .input-group-append {
    padding: 5px
}

.landing-pricing-download .form-submit-email .input-group-append .btn {
    border-radius: 4px;
    min-width: 130px
}

@media (max-width: 1199px) {
    .landing-pricing-boxes .content {
        padding-left: 0;
        padding-right: 0
    }

    .landing-pricing-features .content {
        max-width: 800px;
        margin: 0 auto
    }

    .pricing-testimonial-container {
        margin: 0
    }

    .pricing-testimonial-container .owl-carousel .owl-nav {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .pricing-testimonial .box-testimonial {
        position: relative;
        display: block;
        text-align: center;
        margin: 0;
        padding: 48px 25px 36px
    }

    .pricing-testimonial .box-testimonial .testimonial-profile {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        overflow: visible;
        overflow: initial;
        top: 0;
        left: 0;
        height: auto
    }

    .pricing-testimonial .box-testimonial .testimonial-profile:before {
        left: 50%;
        margin-left: -80px
    }

    .pricing-testimonial .box-testimonial .testimonial-profile .user {
        width: 200px;
        height: 230px
    }

    .pricing-testimonial .box-testimonial .testimonial-content {
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        width: 100%;
        padding-top: 80px
    }

    .pricing-testimonial .box-testimonial .testimonial-content p {
        font-size: 30px;
        line-height: 1.44;
        margin-bottom: 26px
    }
}

@media (max-width: 991px) {
    header.landing-pricing .hero {
        padding-top: 56px
    }

    header.landing-pricing .hero h1 {
        font-size: 48px !important;
        line-height: 1.25 !important;
        margin-bottom: 20px
    }

    .landing-pricing-boxes {
        padding-top: 36px;
        padding-bottom: 40px
    }

    .landing-pricing-boxes .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-pricing-boxes .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .landing-pricing-boxes .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .landing-pricing-boxes .content {
        padding: 20px 0 36px
    }

    .landing-pricing-boxes .pricing-footer {
        padding-bottom: 36px
    }

    .card-pricing.card-pricing-landing {
        padding: 24px 15px;
        min-height: 450px
    }

    .card-pricing.card-pricing-landing .price {
        padding-bottom: 16px
    }

    .card-pricing.card-pricing-landing .price h2 {
        font-size: 36px !important;
        margin-bottom: 16px
    }

    .card-pricing.card-pricing-landing .price h4 {
        font-size: 22px !important;
        line-height: 1.45 !important;
        margin-bottom: 3px
    }

    .card-pricing.card-pricing-landing .price p {
        font-size: 14px;
        line-height: 1.71
    }

    .card-pricing.card-pricing-landing .pricing-list {
        margin-top: 16px;
        font-size: 14px
    }

    .card-pricing.card-pricing-landing .pricing-list li {
        margin-bottom: 16px
    }

    .card-pricing.card-pricing-landing.card-pricing-with-heading {
        padding-top: 22px;
        padding-bottom: 24px
    }

    .card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading {
        margin: -56px -15px 22px
    }

    .card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading h5 {
        font-size: 14px !important;
        line-height: 2.43 !important
    }

    .landing-pricing-features {
        padding-top: 40px
    }

    .landing-pricing-features .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-pricing-features .heading {
        margin-bottom: 20px
    }

    .landing-pricing-partner {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .landing-pricing-partner .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-pricing-partner .row {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pricing-partner .col-company {
        min-width: 225px;
        margin-bottom: 30px
    }

    .landing-pricing-faq {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pricing-faq .heading {
        margin-bottom: 48px
    }

    .landing-pricing-faq .container {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .landing-pricing-testimonial {
        padding: 0
    }

    .landing-pricing-testimonial .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-pricing-download {
        padding-top: 48px;
        padding-bottom: 0
    }

    .landing-pricing-download .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .landing-pricing-download .landing-pricing-download-box {
        padding: 56px 44px 64px;
        margin-bottom: -170px
    }

    .landing-pricing-download h4 {
        font-size: 40px !important;
        line-height: 1.3 !important;
        margin-bottom: 14px
    }

    .landing-pricing-download .form-submit-email {
        margin-top: 37px
    }

    .landing-pricing-download + .footer {
        padding-top: 260px
    }
}

@media (max-width: 767px) {
    header.landing-pricing {
        padding-bottom: 50px;
        margin-bottom: 0
    }

    .card-pricing.card-pricing-landing {
        min-height: 0;
        min-height: auto;
        max-width: 300px;
        margin-bottom: 24px;
        margin-left: auto;
        margin-right: auto
    }

    .card-pricing.card-pricing-landing.card-pricing-with-heading .card-pricing-heading {
        margin-top: -22px;
        margin-bottom: 28px
    }

    .card-pricing-feature {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 575px) {
    header.landing-pricing {
        padding-bottom: 794px;
        margin-bottom: -794px
    }

    header.landing-pricing .hero {
        padding-top: 10px
    }

    header.landing-pricing .hero h1 {
        font-size: 32px !important;
        line-height: 1.25 !important;
        margin-bottom: 24px
    }

    header.landing-pricing .hero p {
        font-size: 16px !important;
        line-height: 1.75
    }

    .landing-pricing-boxes {
        padding-bottom: 0
    }

    .landing-pricing-boxes .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .landing-pricing-boxes .content {
        padding-top: 0;
        padding-bottom: 12px;
        max-width: 340px;
        margin: 0 auto
    }

    .landing-pricing-boxes .row {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse
    }

    .landing-pricing-boxes .pricing-footer {
        padding-bottom: 24px
    }

    .landing-pricing-boxes .pricing-footer p {
        font-size: 16px;
        line-height: 1.75
    }

    .card-pricing.card-pricing-landing .price {
        padding-bottom: 20px
    }

    .card-pricing.card-pricing-landing .price h4 {
        margin-bottom: 12px
    }

    .card-pricing.card-pricing-landing .price p {
        font-size: 16px;
        line-height: 1.75
    }

    .card-pricing.card-pricing-landing .pricing-list {
        margin-top: 24px
    }

    .card-pricing.card-pricing-landing .pricing-list li {
        margin-bottom: 20px
    }

    .card-pricing.card-pricing-landing .card-pricing-footer {
        margin-top: 16px
    }

    .landing-pricing-features {
        padding-top: 64px
    }

    .landing-pricing-features .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landing-pricing-features .heading {
        margin-bottom: 6px
    }

    .landing-pricing-features .heading h3 {
        font-size: 32px !important
    }

    .card-pricing-feature .ic {
        width: 56px;
        height: 56px;
        padding: 12px;
        margin: -28px auto 0
    }

    .card-pricing-feature .card-body {
        padding: 16px 0 17px
    }

    .card-pricing-feature .card-body h4 {
        font-size: 20px !important;
        line-height: 1.2 !important;
        margin-bottom: 6px
    }

    .card-pricing-feature .card-body p {
        font-size: 14px;
        line-height: 1.71
    }

    .landing-pricing-partner {
        padding-top: 56px;
        padding-bottom: 20px
    }

    .landing-pricing-partner .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .landing-pricing-partner .col-company {
        min-width: 50%
    }

    .landing-pricing-partner .pricing-partner-item {
        height: 32px
    }

    .landing-pricing-faq {
        padding-top: 36px;
        padding-bottom: 36px
    }

    .landing-pricing-faq .heading {
        margin-bottom: 24px
    }

    .landing-pricing-faq .heading h3 {
        font-size: 28px !important;
        line-height: 1.29 !important
    }

    .accordion.accordion-pricing-white {
        text-align: center
    }

    .accordion.accordion-pricing-white .card {
        margin-bottom: 20px
    }

    .accordion.accordion-pricing-white .card-header h5 {
        font-size: 16px !important;
        line-height: 1.25 !important;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 24px 10px
    }

    .accordion.accordion-pricing-white .card-header h5 span {
        margin: 0 0 20px
    }

    .accordion.accordion-pricing-white .card-header h5[aria-expanded=true] i {
        display: none
    }

    .accordion.accordion-pricing-white .card-body {
        padding: 6px 20px 24px
    }

    .accordion.accordion-pricing-white .card-body p {
        font-size: 14px;
        line-height: 1.71
    }

    .pricing-testimonial-container .owl-carousel .owl-nav .owl-next, .pricing-testimonial-container .owl-carousel .owl-nav .owl-prev {
        width: 48px;
        height: 48px;
        font-size: 16px
    }

    .pricing-testimonial .box-testimonial {
        padding: 48px 20px 24px
    }

    .pricing-testimonial .box-testimonial .testimonial-profile:before {
        font-size: 80px;
        bottom: -40px
    }

    .pricing-testimonial .box-testimonial .testimonial-content {
        padding-top: 76px
    }

    .pricing-testimonial .box-testimonial .testimonial-content p {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 24px
    }

    .pricing-testimonial .box-testimonial .meta strong {
        font-size: 16px;
        line-height: 1.375
    }

    .landing-pricing-download .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .landing-pricing-download .landing-pricing-download-box {
        padding: 56px 10px 48px;
        border-radius: 0
    }

    .landing-pricing-download h4 {
        font-size: 28px !important;
        line-height: 1.29 !important;
        margin-bottom: 24px
    }

    .landing-pricing-download p {
        font-size: 16px;
        line-height: 1.75
    }

    .landing-pricing-download .form-submit-email {
        margin-top: 36px
    }

    .landing-pricing-download .form-submit-email .input-group {
        padding: 10px
    }

    .landing-pricing-download .form-submit-email .form-control {
        height: 3rem;
        border-radius: 8px;
        border: 1px solid #c3cad9;
        padding-left: 48px
    }

    .landing-pricing-download .form-submit-email .input-group-prepend .btn {
        background: transparent;
        border: transparent;
        padding: 0 0 0 20px;
        width: 48px;
        margin-right: -48px
    }

    .landing-pricing-download .form-submit-email .input-group-append {
        padding: 10px 0 0;
        width: 100%
    }

    .landing-pricing-download .form-submit-email .input-group-append .btn {
        width: 100%
    }

    .landing-pricing-download + .footer {
        padding-top: 240px
    }
}

header.landing-monlix-7 .hero .row {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

header.landing-monlix-7 .hero .content {
    width: 585px;
    margin-top: 46px
}

header.landing-monlix-7 .hero .content .book-name {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    width: 492px
}

header.landing-monlix-7 .hero .content .book-name span {
    color: #faad13;
    display: block
}

header.landing-monlix-7 .hero .content .book-author {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin: 28px 0 36px
}

header.landing-monlix-7 .hero .content .book-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

header.landing-monlix-7 .hero .content .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-top: 56px
}

header.landing-monlix-7 .hero .content .btn-container .btn {
    padding-top: 5px;
    padding-bottom: 5px
}

header.landing-monlix-7 .hero .content .btn-container .btn:first-child {
    margin-right: 26px
}

header.landing-monlix-7 .hero .illustration {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 488px;
    height: 580px;
    background-color: rgba(179, 186, 197, .1)
}

header.landing-monlix-7 .hero img {
    width: 250px;
    -webkit-box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08)
}

.landing-monlix-7-book-choices .col-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 30px
}

.landing-monlix-7-book-choices .column-gap {
    grid-column-gap: 32px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

.landing-monlix-7-book-choices .recommended {
    position: relative
}

.landing-monlix-7-book-choices .recommended .row-gap {
    grid-row-gap: 32px;
    row-gap: 32px
}

.landing-monlix-7-book-choices .recommended .book-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 11px;
    border-radius: 8px;
    border: 1px solid #eceef2;
    width: 358px
}

.landing-monlix-7-book-choices .recommended .book-image {
    margin-right: 20px
}

.landing-monlix-7-book-choices .recommended .book-image img {
    height: 238px
}

.landing-monlix-7-book-choices .book-detail-name {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56
}

.landing-monlix-7-book-choices .book-detail-category {
    font-size: 16px;
    color: #183b56;
    margin: 16px 0 24px
}

.landing-monlix-7-book-choices .book-detail-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #2ed47a;
    margin-bottom: 26px
}

.landing-monlix-7-book-choices .btn-container {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.landing-monlix-7-book-choices .btn-container, .landing-monlix-7-book-choices .btn-container .btn {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-monlix-7-book-choices .btn-container .btn {
    border-radius: 2000px;
    font-weight: 600;
    line-height: unset;
    width: 101px;
    height: 36px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0
}

.landing-monlix-7-book-choices .btn-container i {
    color: #959ead;
    margin-right: 15px
}

.landing-monlix-7-book-choices .btn-primary-100 {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 72px;
    line-height: unset;
    position: absolute;
    bottom: 0
}

.landing-monlix-7-book-choices .gray-container {
    background-color: rgba(179, 186, 197, .1);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 8px 8px 0 0;
    padding: 24px 24px 26px
}

.landing-monlix-7-book-choices .best .row-gap {
    grid-row-gap: 36px;
    row-gap: 36px
}

.landing-monlix-7-book-choices .best .book-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    text-align: left;
    width: 312px
}

.landing-monlix-7-book-choices .best .book-image {
    margin-right: 26px
}

.landing-monlix-7-book-choices .best .book-image img {
    height: 178px
}

.landing-monlix-7-book-choices .custom-button {
    background-color: rgba(179, 186, 197, .1);
    color: #2ed47a;
    height: 70px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 0 0 8px 8px
}

.landing-monlix-7-book-category a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -9px;
    font-size: 18px;
    color: #183b56;
    padding: 20px;
    border-radius: 2000px;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    width: 56px;
    height: 56px;
    z-index: 99
}

.landing-monlix-7-book-category .border-solid {
    border-top-color: #eceef2;
    border-width: 1px 0 0
}

.landing-monlix-7-book-category .category {
    padding: 40px 0 30px;
    border-radius: 8px;
    border: 1px solid #eceef2;
    text-align: center
}

.landing-monlix-7-book-category .category-icon {
    width: 64px;
    height: 64px;
    margin: auto
}

.landing-monlix-7-book-category .category-name {
    margin: 40px 0 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.landing-monlix-7-book-category .category-desc {
    font-size: 16px;
    text-align: center;
    color: #5a7184
}

.landing-monlix-7-book-unreleased .landing-monlix-7-book-unreleased-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #fff
}

.landing-monlix-7-book-unreleased a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 54px;
    height: 56px;
    border-radius: 2000px;
    border: 2px solid #5a7184;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #5a7184
}

.landing-monlix-7-book-unreleased a:hover {
    color: #fff !important;
    border-color: #fff !important;
    cursor: pointer
}

.landing-monlix-7-book-unreleased .nav {
    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.landing-monlix-7-book-unreleased .unreleased-book {
    width: 204px
}

.landing-monlix-7-book-unreleased .unreleased-book img {
    width: 100%
}

.landing-monlix-7-author-story .authors {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 0 68px;
    margin-top: 30px
}

.landing-monlix-7-author-story .authors .fa-bookmark:hover {
    cursor: pointer
}

.landing-monlix-7-author-story .author-story-video .fa-play:hover {
    color: #2ed47a !important;
    cursor: pointer
}

.landing-monlix-7-author-story .author-story-video.big {
    width: 1005px;
    height: 380px;
    background-size: cover;
    margin: auto;
    font-size: 34px
}

.landing-monlix-7-author-story .author-story-video.big, .landing-monlix-7-author-story .author-story-video.big div {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.landing-monlix-7-author-story .author-story-video.big div {
    background-color: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px
}

.landing-monlix-7-author-story .author-story-video.big div:hover {
    background-color: #2ed47a;
    cursor: pointer
}

.landing-monlix-7-author-story .author-story-video.big div:hover .text-primary {
    color: #fff !important
}

.landing-monlix-7-author-story .text-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 0 68px
}

.landing-monlix-7-author-story .section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.landing-monlix-7-author-story .section-desc {
    font-size: 18px;
    line-height: 1.7;
    color: #5a7184;
    width: 390px;
    margin-bottom: 56px
}

.landing-monlix-7-author-story .author-story-video img {
    width: 100%
}

.landing-monlix-7-author-story .author-identity {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-top: 22px
}

.landing-monlix-7-author-story .author-name {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 10px
}

.landing-monlix-7-author-story .author-book {
    font-size: 16px;
    color: #5a7184
}

.landing-monlix-7-partner {
    background: #b3bac5;
    text-align: center;
    padding: 80px 0 105px
}

.landing-monlix-7-partner .brand-logo {
    width: 96px
}

.landing-monlix-7-partner .section-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    text-align: center;
    color: #fff
}

.landing-monlix-7-blog {
    padding: 100px 0
}

.landing-monlix-7-blog img {
    width: 100%
}

.landing-monlix-7-blog .section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.landing-monlix-7-blog .btn.btn-outline-primary {
    border-radius: 22px
}

.landing-monlix-7-blog .gap {
    grid-gap: 30px;
    gap: 30px
}

.landing-monlix-7-blog .article-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56;
    margin: 30px 0 16px;
    font-family: hk_grotesksemibold
}

.landing-monlix-7-blog .article-content {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.landing-monlix-7-blog a {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #1665d8
}

.landing-monlix-7-blog .article-detail {
    margin-left: 36px
}

.landing-monlix-7-blog .article-date {
    font-size: 14px;
    line-height: 1.43;
    color: #5a7184
}

.landing-monlix-7-blog .articles .article {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-bottom: 30px;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-monlix-7-blog .articles .article-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56;
    margin: 16px 0 18px;
    width: 262px
}

.landing-monlix-7-blog .articles .article-image {
    width: 250px
}

.landing-monlix-7-subscription {
    margin-bottom: 75px
}

.landing-monlix-7-subscription .container > div {
    border-radius: 12px;
    background-color: #2ed47a;
    background-repeat: no-repeat;
    background-position: -50px -50px, 450px bottom;
    padding: 60px 63px 80px 60px
}

.landing-monlix-7-subscription .section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #fff;
    width: 413px
}

.landing-monlix-7-subscription .custom-form {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 4px;
    background-color: #fff;
    border-radius: 8px;
    width: 447px;
    height: 56px;
    border: 1px solid #c3cad9;
    margin-top: 30px
}

.landing-monlix-7-subscription .custom-form, .landing-monlix-7-subscription .custom-form div {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-monlix-7-subscription .custom-form div {
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    padding-left: 16px
}

.landing-monlix-7-subscription .custom-form input {
    outline: none;
    border: none;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #959ead;
    padding-left: 12px
}

.landing-monlix-7-subscription .custom-form button {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 163px;
    height: 48px;
    border-radius: 4px;
    background-color: #faad13;
    outline: none;
    border: none;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.landing-monlix-7-subscription .form-group {
    width: 430px;
    margin-top: 30px;
    margin-bottom: 0
}

.landing-monlix-7-subscription .input-group {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0
}

.landing-monlix-7-subscription .form-control {
    border: none;
    padding: 6px 12px
}

.landing-monlix-7-subscription .form-control:focus {
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #183b56;
    outline: 0
}

.landing-monlix-7-subscription .input-group-prepend > .btn.btn-sm {
    padding-right: 0
}

.landing-monlix-7-subscription .input-group-append {
    padding: 5px
}

.landing-monlix-7-subscription .input-group-append > .btn {
    border-radius: 4px;
    min-width: 143px
}

@media (min-width: 991px) and (max-width: 1199px) {
    .landing-monlix-7-author-story .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        width: 688px;
        padding: 0;
        margin: auto auto 56px
    }

    .landing-monlix-7-author-story .text-container .section-desc {
        width: unset
    }

    .landing-monlix-7-author-story .author-story-video.big {
        width: 688px;
        height: 380px;
        background-position: 50%
    }

    .landing-monlix-7-author-story .authors {
        width: 688px;
        padding: 0;
        margin: 30px auto auto
    }

    .landing-monlix-7-author-story .author-story-video {
        width: 217px;
        height: 138px
    }

    .landing-monlix-7-book-choices .btn-primary-100, .landing-monlix-7-book-choices .recommended {
        position: unset
    }

    .landing-monlix-7-book-choices .btn-container .btn {
        width: 91px;
        height: 32px
    }

    .landing-monlix-7-book-choices .column-gap {
        grid-column-gap: 28px;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px
    }

    .landing-monlix-7-book-choices .book-detail-name {
        font-size: 20px
    }

    .landing-monlix-7-book-choices .recommended .book-container {
        width: 322px;
        padding: 10px
    }

    .landing-monlix-7-book-choices .recommended .book-image {
        margin-right: 12px
    }

    .landing-monlix-7-book-choices .recommended .book-image img {
        height: 214px
    }

    .landing-monlix-7-book-choices .btn-primary-100 {
        width: 688px;
        margin-top: 42px
    }

    .landing-monlix-7-book-choices .gray-container {
        width: 688px;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        grid-column-gap: 42px;
        -webkit-column-gap: 42px;
        -moz-column-gap: 42px;
        column-gap: 42px;
        padding: 34px 34px 48px
    }

    .landing-monlix-7-book-choices .best .book-container {
        width: 285px
    }

    .landing-monlix-7-book-choices .best .book-image img {
        height: 160px
    }

    .landing-monlix-7-book-choices .custom-button {
        width: 688px;
        height: 72px
    }

    .landing-monlix-7-blog .articles .article {
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    header.landing-monlix-7 .hero .container {
        padding: 0 16px !important
    }

    header.landing-monlix-7 .hero .illustration {
        width: 688px;
        height: 540px
    }

    .landing-monlix-7-book-choices .container {
        padding: 80px 16px !important
    }

    .landing-monlix-7-book-choices .btn-primary-100, .landing-monlix-7-book-choices .recommended {
        position: unset
    }

    .landing-monlix-7-book-choices .btn-container .btn {
        width: 91px;
        height: 32px
    }

    .landing-monlix-7-book-choices .column-gap {
        grid-column-gap: 28px;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px
    }

    .landing-monlix-7-book-choices .book-detail-name {
        font-size: 20px
    }

    .landing-monlix-7-book-choices .recommended .book-container {
        width: 322px;
        padding: 10px
    }

    .landing-monlix-7-book-choices .recommended .book-image {
        margin-right: 12px
    }

    .landing-monlix-7-book-choices .recommended .book-image img {
        height: 214px
    }

    .landing-monlix-7-book-choices .recommended .row-gap {
        grid-row-gap: 28px;
        row-gap: 28px
    }

    .landing-monlix-7-book-choices .btn-primary-100 {
        width: 688px;
        margin-top: 42px
    }

    .landing-monlix-7-book-choices .gray-container {
        width: 688px;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        grid-column-gap: 42px;
        -webkit-column-gap: 42px;
        -moz-column-gap: 42px;
        column-gap: 42px;
        padding: 34px 34px 48px
    }

    .landing-monlix-7-book-choices .best .book-container {
        width: 285px
    }

    .landing-monlix-7-book-choices .best .book-image img {
        height: 160px
    }

    .landing-monlix-7-book-choices .custom-button {
        width: 688px;
        height: 72px
    }

    .landing-monlix-7-book-category .category {
        width: 217px
    }

    .landing-monlix-7-book-category .category-icon {
        width: 53px;
        height: 53px
    }

    .landing-monlix-7-book-category .category-name {
        font-size: 18px
    }

    .landing-monlix-7-book-category .category-desc {
        font-size: 13.1px
    }

    .landing-monlix-7-book-unreleased .container {
        padding: 0 16px !important
    }

    .landing-monlix-7-book-unreleased .carousel-container {
        margin-right: -72px
    }

    .landing-monlix-7-book-unreleased .unreleased-book {
        width: 153px
    }

    .landing-monlix-7-author-story .container {
        padding: 0 !important
    }

    .landing-monlix-7-author-story .author-story-video.big {
        width: 688px;
        height: 380px;
        background-position: 50%
    }

    .landing-monlix-7-author-story .authors {
        width: 688px
    }

    .landing-monlix-7-author-story .author-story-video {
        width: 217px;
        height: 138px
    }

    .landing-monlix-7-author-story .section-desc {
        width: 600px;
        margin-top: 32px
    }

    .landing-monlix-7-partner .brand-logo {
        width: 123px
    }

    .landing-monlix-7-blog .container {
        padding: 0 !important
    }

    .landing-monlix-7-blog .article .article-title {
        width: 168px
    }

    .landing-monlix-7-blog .article .article-date, .landing-monlix-7-blog .article a {
        font-size: 10px
    }

    .landing-monlix-7-blog .articles .article-image {
        width: 150px
    }

    .landing-monlix-7-subscription .form-group {
        width: 448px
    }
}

@media (min-width: 575px) and (max-width: 767px) {
    header.landing-monlix-7 .hero .content {
        width: 540px
    }

    .landing-monlix-7-book-choices .best, .landing-monlix-7-book-choices .recommended {
        width: 100%
    }

    .landing-monlix-7-book-choices .recommended {
        position: unset
    }

    .landing-monlix-7-book-choices .recommended .book-container {
        width: 270px;
        height: 312px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 0
    }

    .landing-monlix-7-book-choices .recommended .book-image {
        margin-top: -24px;
        margin-right: 0
    }

    .landing-monlix-7-book-choices .recommended .book-image img {
        height: 137px;
        width: auto
    }

    .landing-monlix-7-book-choices .recommended .row-gap {
        grid-row-gap: unset;
        row-gap: unset
    }

    .landing-monlix-7-book-choices .best .book-detail {
        text-align: unset
    }

    .landing-monlix-7-book-choices .best .book-detail-name {
        font-size: 22px
    }

    .landing-monlix-7-book-choices .best .book-detail-category {
        font-size: 16px
    }

    .landing-monlix-7-book-choices .best .book-detail-price {
        font-size: 20px
    }

    .landing-monlix-7-book-choices .book-detail {
        text-align: center;
        margin: 20px 0
    }

    .landing-monlix-7-book-choices .book-detail-name {
        font-size: 20px
    }

    .landing-monlix-7-book-choices .book-detail-category {
        font-size: 14px;
        margin-top: 12px;
        margin-bottom: 16px
    }

    .landing-monlix-7-book-choices .book-detail-price {
        font-size: 16px
    }

    .landing-monlix-7-book-choices .btn-container {
        width: 148px;
        margin: 0 auto
    }

    .landing-monlix-7-book-choices .btn-primary-100 {
        position: unset
    }

    .landing-monlix-7-book-choices .owl-stage-outer {
        overflow: visible !important;
        overflow: initial !important
    }

    .landing-monlix-7-book-choices .owl-item {
        opacity: 0;
        -webkit-transition: opacity .75s linear;
        transition: opacity .75s linear
    }

    .landing-monlix-7-book-choices .owl-item.active {
        opacity: 1
    }

    .landing-monlix-7-book-category .category {
        padding-right: 12px;
        padding-left: 12px
    }

    .landing-monlix-7-book-category .category-icon {
        width: 36px;
        height: 36px
    }

    .landing-monlix-7-book-category .category-name {
        font-size: 16px
    }

    .landing-monlix-7-book-category .category-desc {
        font-size: 12px
    }

    .landing-monlix-7-author-story .author-story-video.big {
        width: 510px;
        height: 357px;
        background-position: 50%
    }

    .landing-monlix-7-author-story .authors {
        width: 510px;
        padding: 0
    }

    .landing-monlix-7-author-story .author-story-video {
        width: 245px;
        height: 245px;
        background-position: 50%
    }

    .landing-monlix-7-author-story .section-desc {
        width: 600px;
        margin-top: 32px
    }

    .landing-monlix-7-subscription .custom-form {
        width: 363px
    }
}

@media (max-width: 575px) {
    header.landing-monlix-7 .hero .btn {
        line-height: unset;
        width: 176px;
        height: 40px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        padding: 0;
        font-size: 14px
    }

    header.landing-monlix-7 .hero .illustration {
        width: 100%;
        height: 333px
    }

    header.landing-monlix-7 .hero img {
        width: 143px
    }

    .landing-monlix-7-book-choices .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .landing-monlix-7-book-choices .best, .landing-monlix-7-book-choices .recommended {
        width: 100%
    }

    .landing-monlix-7-book-choices .recommended {
        position: unset
    }

    .landing-monlix-7-book-choices .recommended .book-container {
        width: 270px;
        height: 312px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 0
    }

    .landing-monlix-7-book-choices .recommended .book-image {
        margin-top: -24px;
        margin-right: 0
    }

    .landing-monlix-7-book-choices .recommended .book-image img {
        height: 137px;
        width: auto
    }

    .landing-monlix-7-book-choices .recommended .row-gap {
        grid-row-gap: unset;
        row-gap: unset
    }

    .landing-monlix-7-book-choices .best .book-container {
        width: 232px
    }

    .landing-monlix-7-book-choices .best .book-image {
        margin-right: 15px
    }

    .landing-monlix-7-book-choices .best .book-image img {
        height: 142px
    }

    .landing-monlix-7-book-choices .best .book-detail {
        text-align: unset;
        margin: 0;
        width: 122px
    }

    .landing-monlix-7-book-choices .best .book-detail-category, .landing-monlix-7-book-choices .best .book-detail-name {
        font-size: 16px
    }

    .landing-monlix-7-book-choices .best .book-detail-price {
        font-size: 20px;
        margin-top: 12px;
        margin-bottom: 14px
    }

    .landing-monlix-7-book-choices .best .btn-container {
        margin: 0
    }

    .landing-monlix-7-book-choices .gray-container {
        padding: 26px 0 40px 15px
    }

    .landing-monlix-7-book-choices .custom-button {
        height: 60px
    }

    .landing-monlix-7-book-choices .col-title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 36px
    }

    .landing-monlix-7-book-choices .book-detail {
        text-align: center;
        margin: 20px 0
    }

    .landing-monlix-7-book-choices .book-detail-name {
        font-size: 20px
    }

    .landing-monlix-7-book-choices .book-detail-category {
        font-size: 14px;
        margin-top: 12px;
        margin-bottom: 16px
    }

    .landing-monlix-7-book-choices .book-detail-price {
        font-size: 16px
    }

    .landing-monlix-7-book-choices .btn-container {
        width: 148px;
        margin: 0 auto
    }

    .landing-monlix-7-book-choices .btn-primary-100 {
        position: unset;
        height: 48px;
        margin-top: 24px
    }

    .landing-monlix-7-book-choices .owl-stage-outer {
        overflow: visible !important;
        overflow: initial !important
    }

    .landing-monlix-7-book-choices .owl-item {
        opacity: 0;
        -webkit-transition: opacity .75s linear;
        transition: opacity .75s linear
    }

    .landing-monlix-7-book-choices .owl-item.active {
        opacity: 1
    }

    .landing-monlix-7-book-category .category {
        width: 140px;
        height: 182px;
        padding: 20px 0
    }

    .landing-monlix-7-book-category #category {
        grid-gap: 10px;
        gap: 10px
    }

    .landing-monlix-7-book-category .category-icon {
        width: 36px;
        height: 36px
    }

    .landing-monlix-7-book-category .category-icon img {
        width: 100%
    }

    .landing-monlix-7-book-category .category-name {
        font-size: 16px;
        margin-top: 16px;
        margin-bottom: 10px
    }

    .landing-monlix-7-book-category .category-desc {
        font-size: 12px
    }

    .landing-monlix-7-book-category .custom-nav {
        top: unset;
        bottom: 0;
        right: 50%;
        -webkit-transform: translateY(unset);
        transform: translateY(unset);
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .landing-monlix-7-book-unreleased .carousel-container {
        margin-right: -24px;
        margin-left: 13px
    }

    .landing-monlix-7-book-unreleased .unreleased-book {
        width: 206px
    }

    .landing-monlix-7-book-unreleased .nav {
        grid-column-gap: 18px;
        -webkit-column-gap: 18px;
        -moz-column-gap: 18px;
        column-gap: 18px
    }

    .landing-monlix-7-book-unreleased a {
        width: 48px;
        height: 48px
    }

    .landing-monlix-7-author-story .container {
        padding: 0 10px
    }

    .landing-monlix-7-author-story .author-story-video.big {
        width: 300px;
        height: 210px;
        background-position: 50%
    }

    .landing-monlix-7-author-story .author-story-video.big div {
        width: 56px;
        height: 56px
    }

    .landing-monlix-7-author-story .author-story-video.big i {
        font-size: 19px
    }

    .landing-monlix-7-author-story .authors {
        width: 300px;
        padding: 0;
        margin: 20px auto auto
    }

    .landing-monlix-7-author-story .authors .author {
        width: 140px
    }

    .landing-monlix-7-author-story .authors i {
        font-size: 23.5px
    }

    .landing-monlix-7-author-story .author-story-video {
        width: 140px;
        height: 138px;
        background-position: 50%;
        margin: 0
    }

    .landing-monlix-7-author-story .author-identity {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        margin-top: 16px
    }

    .landing-monlix-7-author-story .author-identity i {
        font-size: 12.4px
    }

    .landing-monlix-7-author-story .author-name {
        font-size: 16px
    }

    .landing-monlix-7-author-story .author-book {
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: 16px
    }

    .landing-monlix-7-partner .partners {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-column-gap: 39px;
        -webkit-column-gap: 39px;
        -moz-column-gap: 39px;
        column-gap: 39px;
        grid-row-gap: 26px;
        row-gap: 26px;
        padding: 0 24px
    }

    .landing-monlix-7-partner .brand-logo {
        width: 87px
    }

    .landing-monlix-7-blog .container {
        padding: 0 19px
    }

    .landing-monlix-7-blog .section-title {
        font-size: 28px
    }

    .landing-monlix-7-blog .articles .article-image {
        width: 90px;
        height: 90px
    }

    .landing-monlix-7-blog .articles .article-image img {
        height: 100%
    }

    .landing-monlix-7-blog .articles .article-title {
        font-size: 14px;
        width: unset;
        margin: 6px 0
    }

    .landing-monlix-7-blog .article-image img {
        border-radius: 4.8px;
        object-fit: cover
    }

    .landing-monlix-7-blog .article-detail {
        margin-left: 20px;
        width: 168px
    }

    .landing-monlix-7-blog .article-date, .landing-monlix-7-blog a {
        font-size: 10px
    }

    .landing-monlix-7-subscription {
        background-position: 0 0, 100% 100%
    }

    .landing-monlix-7-subscription .container {
        padding: 26px 16px 28px 24px
    }

    .landing-monlix-7-subscription .container > div {
        background: unset;
        padding: 0
    }

    .landing-monlix-7-subscription .section-title {
        width: 100%;
        font-size: 28px
    }

    .landing-monlix-7-subscription .custom-form {
        width: 100%;
        height: unset;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 12px
    }

    .landing-monlix-7-subscription .custom-form div {
        width: 100%;
        padding-top: 5px;
        padding-left: 8px;
        margin-bottom: 19px
    }

    .landing-monlix-7-subscription .custom-form button {
        width: 100%;
        height: 42px
    }
}

@media (max-width: 487px) {
    .landing-monlix-7-book-category .container {
        padding: 0 15px
    }

    .landing-monlix-7-book-category #category {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-monlix-7-book-category .category {
        padding: 20px 18px
    }
}

@media only screen and (max-width: 767px) {
    body.landing-monlix-7 #bp_mobile {
        display: block
    }
}

@media only screen and (min-width: 488px) {
    body.landing-monlix-7 #bp_desktop {
        display: block
    }
}

body.monlix-expand-ill .container > hr {
    margin-top: 100px;
    margin-bottom: 100px
}

body.monlix-expand-ill .title-container .btn {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.monlix-expand-ill .section-title {
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

body.monlix-expand-ill .section-desc {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #5a7184
}

body.monlix-expand-ill .section-title.sm {
    font-size: 28px
}

body.monlix-expand-ill .radius-22 {
    border-radius: 22px
}

body.monlix-expand-ill .ill {
    position: absolute
}

body.monlix-expand-ill .rounded-12 {
    border-radius: 12px !important
}

body.monlix-expand-ill .border-none {
    border-style: none !important
}

header.monlix-expand-ill .hero > .container {
    padding: 69px 60px 90px;
    border-radius: 12px;
    background-color: rgba(0, 185, 255, .1);
    max-width: 1260px
}

header.monlix-expand-ill .hero > .container .caption {
    font-size: 48px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    margin-top: 18px;
    margin-bottom: 36px;
    width: 524px
}

header.monlix-expand-ill .hero > .container .form-group {
    margin-bottom: 0
}

header.monlix-expand-ill .hero > .container .form-group > .input-group {
    border-radius: 12px;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    border: 1px solid #e5eaf4;
    padding: 12px
}

header.monlix-expand-ill .hero > .container .form-group > .input-group > .form-control {
    border: none;
    font-size: 18px;
    color: #5a7184;
    padding: 3px 12px
}

header.monlix-expand-ill .hero > .container .form-group > .input-group > .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

header.monlix-expand-ill .hero > .container .form-group > .input-group .btn-iris-blue {
    border-radius: 12px
}

header.monlix-expand-ill .hero > .container .form-group > .input-group .btn-iris-blue > i {
    font-size: 18px
}

header.monlix-expand-ill .hero > .container img {
    width: 100%
}

.monlix-expand-ill-deals > .container {
    padding-top: 119px;
    padding-bottom: 52px
}

.monlix-expand-ill-deals > .container .deal-card-group {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.monlix-expand-ill-deals > .container .deal-card {
    border-radius: 8px;
    background-color: rgba(179, 186, 197, .1)
}

.monlix-expand-ill-deals > .container .deals-title {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card {
    padding: 18px 36px 0 34px;
    width: 545px
}

.monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card .deals-title {
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card img {
    width: 100%
}

.monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card .btn.btn-primary {
    border-radius: 22px
}

.monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card .btn.btn-primary:hover {
    color: #fff
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:first-child {
    width: 312px;
    margin-bottom: 20px;
    padding-left: 22px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:first-child .deals-title {
    width: 83px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:first-child img {
    width: 147px;
    margin-top: 22px;
    margin-left: 40px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(2) {
    width: 312px;
    padding-right: 22px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(2) .deals-title {
    width: 103px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card:nth-child(2) img {
    width: 157px;
    margin-top: 22px;
    margin-right: 30px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) .deal-card {
    padding: 25px 21px 21px 16px;
    text-align: center;
    width: 243px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) .deal-card .deals-title {
    margin-bottom: 16px
}

.monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) .deal-card img {
    width: 100%;
    margin-top: 36px
}

.monlix-expand-ill-categories, .monlix-expand-ill-most-sold, .monlix-expand-ill-recommended {
    padding-top: 50px;
    padding-bottom: 50px
}

.monlix-expand-ill-categories #categories.owl-carousel .owl-stage {
    padding-left: 0 !important
}

.monlix-expand-ill-categories .category {
    width: 125px;
    height: 200px;
    border-radius: 8px;
    background-color: #fff;
    margin-right: 20px;
    border: 1px solid #eceef2;
    text-align: center;
    padding: 32px 0 24px
}

.monlix-expand-ill-categories .category .category-icon {
    width: 64px;
    height: 64px;
    padding: 11px;
    margin: auto
}

.monlix-expand-ill-categories .category .category-name {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin: 24px 0 12px
}

.monlix-expand-ill-categories .category .category-count {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #5a7184
}

.monlix-expand-ill-categories .category:hover, .monlix-expand-ill-categories > .category:first-child {
    -webkit-box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .08);
    border: none
}

.monlix-expand-ill-categories > .category:last-child {
    margin-right: 0
}

.monlix-expand-ill-recommended #recommended.owl-carousel .owl-stage {
    padding-left: 0 !important
}

.monlix-expand-ill-recommended .item-card {
    margin-right: 20px
}

.monlix-expand-ill-recommended .item-card > .item-image {
    width: 270px;
    height: 210px;
    padding: 22px 52px;
    border-radius: 8px;
    display: table-cell;
    vertical-align: middle
}

.monlix-expand-ill-recommended .item-card > .item-title {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin-top: 22px;
    width: 270px
}

.monlix-expand-ill-recommended .item-card:last-child {
    margin-right: 0
}

.monlix-expand-ill-why .ill {
    width: 430px
}

.monlix-expand-ill-why .row {
    width: 600px
}

.monlix-expand-ill-why .col-6 {
    padding-right: 10px;
    padding-left: 10px
}

.monlix-expand-ill-why .why-card {
    border: 1px solid #eceef2;
    width: 290px;
    text-align: left
}

.monlix-expand-ill-why .why-card > .why-icon {
    width: 56px
}

.monlix-expand-ill-why .why-card > .why-title {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin: 18px 0 12px
}

.monlix-expand-ill-why .why-card > .why-desc {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #5a7184
}

.monlix-expand-ill-most-sold {
    padding-bottom: 92px
}

.monlix-expand-ill-most-sold .items {
    margin-top: 50px;
    margin-bottom: 52px
}

.monlix-expand-ill-most-sold .item {
    padding: 18px 40px 18px 46px
}

.monlix-expand-ill-most-sold .item .item-image {
    width: 150px;
    height: 136px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-right: 50px
}

.monlix-expand-ill-most-sold .item .item-name, .monlix-expand-ill-most-sold .item .item-rating {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-ill-most-sold .item .item-rating {
    font-stretch: normal;
    font-style: normal;
    margin: 18px 0
}

.monlix-expand-ill-most-sold .item .item-review {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #5a7184
}

.monlix-expand-ill-most-sold .item .fas.fa-star {
    color: #f7b500;
    margin-right: 4px;
    font-size: 16px
}

.monlix-expand-ill-most-sold .item .fas.fa-star:first-child {
    margin-left: 16px
}

.monlix-expand-ill-most-sold .item .fas.fa-star:last-child {
    color: #dfe1e3;
    margin-right: 0
}

.monlix-expand-ill-most-sold .item .btn {
    border-radius: 22px
}

.monlix-expand-ill-most-sold .item .btn > i {
    margin-right: 6px
}

.monlix-expand-ill-most-sold .item:nth-child(2) .item-image {
    padding: 0 15px
}

.monlix-expand-ill-most-sold .item:nth-child(3) .item-image {
    padding: 0 10px
}

.monlix-expand-ill-comparison {
    background-color: #f9fbfe;
    padding-top: 82px;
    padding-bottom: 64px
}

.monlix-expand-ill-comparison .item {
    width: 270px
}

.monlix-expand-ill-comparison .item > .item-image {
    width: 230px;
    height: 126px
}

.monlix-expand-ill-comparison .item > .item-image img {
    width: -webkit-calc(100% - 64px);
    width: calc(100% - 64px)
}

.monlix-expand-ill-comparison .item > .item-name {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin: 0 35px
}

.monlix-expand-ill-comparison .item > hr {
    margin: 22.5px 0
}

.monlix-expand-ill-comparison .item .item-specification {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin: 11px 0 6px
}

.monlix-expand-ill-comparison .item .item-specification-detail {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #5a7184;
    margin-bottom: 27px
}

.monlix-expand-ill-comparison .item .mt-28:after {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #2ed47a;
    content: ""
}

.monlix-expand-ill-comparison .item .mt-28:hover:after {
    cursor: pointer;
    content: ""
}

.monlix-expand-ill-promo {
    margin-bottom: 115px
}

.monlix-expand-ill-promo > .container {
    max-width: 1260px;
    padding-top: 47px;
    padding-bottom: 59px;
    background-color: #00b8d9;
    border-radius: 12px
}

.monlix-expand-ill-promo > .container .ill {
    width: 478px;
    top: -15px;
    left: 45px
}

.monlix-expand-ill-promo > .container .caption {
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #fff
}

.monlix-expand-ill-promo > .container .desc {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #fff;
    width: 485px;
    margin-top: 22px;
    margin-bottom: 36px
}

.monlix-expand-ill-promo > .container .form-group {
    width: 415px
}

.monlix-expand-ill-promo > .container .form-control {
    padding-right: 18px;
    padding-left: 18px;
    height: unset
}

.monlix-expand-ill-promo > .container .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 1199px) {
    header.monlix-expand-ill .hero > .container {
        max-width: 960px
    }

    header.monlix-expand-ill .hero .ill img {
        width: 105%
    }

    .monlix-expand-ill-deals > .container .deal-card-group:first-child {
        width: 463.25px
    }

    .monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card {
        height: 360px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) {
        width: 265.2px;
        height: 360px
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) {
        width: 206.55px
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) .deal-card {
        height: 360px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .monlix-expand-ill-promo > .container {
        max-width: 960px
    }

    .monlix-expand-ill-promo > .container .ill {
        top: unset;
        left: 30px;
        bottom: -76px
    }
}

@media (max-width: 991px) {
    body.monlix-expand-ill .ill {
        position: static
    }

    .monlix-expand-ill-deals > .container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .monlix-expand-ill-deals > .container .deal-card-group:first-child {
        width: unset
    }

    .monlix-expand-ill-deals > .container .deal-card-group:first-child .deal-card {
        width: 436px;
        height: 288px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) {
        width: unset;
        height: unset;
        grid-gap: 28px;
        gap: 28px
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .deal-card {
        -webkit-transform: scale(1);
        transform: scale(1);
        width: 317px;
        height: 173px
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) {
        width: unset
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(3) .deal-card {
        width: 194px;
        height: 288px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .monlix-expand-ill-deals > .container .cards {
        grid-gap: 28px;
        gap: 28px
    }

    header.monlix-expand-ill .hero > .container {
        max-width: 668px
    }

    header.monlix-expand-ill .hero > .container .btn {
        border: none
    }

    .monlix-expand-ill-categories > .container, .monlix-expand-ill-recommended > .container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .monlix-expand-ill-promo > .container {
        max-width: 668px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .monlix-expand-ill-comparison .items {
        grid-gap: 30px;
        gap: 30px
    }
}

@media (min-width: 576px) and (max-width: 694px) {
    .monlix-expand-ill-deals > .container .cards {
        grid-gap: 16px;
        gap: 16px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .monlix-expand-ill-deals > .container .cards > .deal-card-group {
        grid-gap: 16px;
        gap: 16px
    }
}

@media (max-width: 575px) {
    header.monlix-expand-ill {
        background-color: rgba(0, 185, 255, .1)
    }

    .monlix-expand-ill-deals > .container {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .monlix-expand-ill-deals > .container .cards {
        grid-gap: 24px;
        gap: 24px
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) {
        grid-gap: 0;
        gap: 0
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .text-14 {
        font-size: 12px !important
    }

    .monlix-expand-ill-deals > .container .deal-card-group:nth-child(2) .text-12 {
        font-size: 10px !important
    }

    .monlix-expand-ill-categories #categories {
        grid-gap: 20px;
        gap: 20px
    }

    .monlix-expand-ill-comparison .title-container .btn {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

    .monlix-expand-ill-promo > .container {
        border-radius: 0
    }
}

@media only screen and (min-width: 576px) and (max-width: 1199px) {
    body.monlix-expand-ill #bp_tablet {
        display: block
    }
}

body.landing-saas-illustration .form-group {
    width: 415px
}

body.landing-saas-illustration .form-group .input-group {
    border-radius: 29px
}

body.landing-saas-illustration .form-group .input-group .form-control {
    padding-right: 18px;
    padding-left: 18px;
    height: unset;
    border-style: none
}

body.landing-saas-illustration .form-group .input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

body.landing-saas-illustration .form-group .input-group .input-group-append .btn.btn-success.btn-sm {
    border-radius: 2000px;
    font-size: 16px;
    font-weight: 700
}

body.landing-saas-illustration .section-title {
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #183b56
}

body.landing-saas-illustration .section-desc {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #5a7184
}

body.landing-saas-illustration .xs-w-30 {
    width: 30px
}

body.landing-saas-illustration .xs-h-30 {
    height: 30px
}

header.landing-saas-illustration .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

header.landing-saas-illustration .hero .hero-desc {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #5a7184;
    margin-bottom: 46px
}

header.landing-saas-illustration .hero .custom-form {
    width: 415px;
    height: 58px;
    background-color: #fff;
    border-radius: 29px;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    padding: 6px 6px 6px 24px
}

header.landing-saas-illustration .hero .custom-form input {
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    border: none;
    outline: none;
    font-family: OpenSans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #5a7184
}

header.landing-saas-illustration .hero .custom-form button {
    border-radius: 2000px
}

.landing-saas-illustration-help .help-card {
    padding: 10px 45px 10px 0;
    width: 467px
}

.landing-saas-illustration-help .help-card > div {
    padding-bottom: 10px;
    border-left: 2px solid transparent
}

.landing-saas-illustration-help .help-card .help-card-title {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 10px
}

.landing-saas-illustration-help .help-card .help-card-desc {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #5a7184
}

.landing-saas-illustration-help .help-card .help-ill {
    width: 606px
}

.landing-saas-illustration-help .help-card:hover {
    background-color: rgba(179, 186, 197, .1)
}

.landing-saas-illustration-help .help-card:hover > div {
    border-left: 2px solid #5a7184
}

.landing-saas-illustration-save-time {
    background-color: #f9fbfe
}

.landing-saas-illustration-save-time .flex.items-center.py-2px > div:nth-child(2) {
    width: 485px
}

.landing-saas-illustration-save-time .save-time-ill {
    margin-left: -78px;
    margin-right: 70px
}

.landing-saas-illustration-save-time .save-time-line {
    width: 454px;
    height: 1px;
    background-repeat: repeat-x;
    background-size: 9px 1px
}

.landing-saas-illustration-save-time .save-time-name {
    font-size: 16px;
    font-weight: 400;
    color: #5a7184
}

.landing-saas-illustration-save-time .save-time-name b {
    font-size: 16px;
    font-weight: 600;
    color: #183b56
}

.landing-saas-illustration-member {
    padding-bottom: 130px
}

.landing-saas-illustration-member .support-list {
    font-family: hk_grotesksemibold
}

.landing-saas-illustration-member .text-container {
    width: 485px
}

.landing-saas-illustration-member .member-ill {
    width: 646px
}

.landing-saas-illustration-member .member-ill img {
    margin-left: -150px
}

.landing-saas-illustration-member .container > .flex > div:last-child {
    width: 573px
}

.landing-saas-illustration-member .container > .flex i {
    margin-left: 10px
}

.landing-saas-illustration-customer .container {
    border-color: #e3e7ed;
    border-width: 0 0 1px
}

.landing-saas-illustration-customer img {
    width: 100%;
    max-width: 20%;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    flex: 0 0 20%;
    position: relative
}

.publishers-integration .section-desc {
    width: 583px;
    margin: 24px auto 56px
}

.publishers-integration .workflow-title {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.publishers-integration .gap {
    grid-gap: 30px;
    gap: 30px
}

.publishers-integration .workflow-card {
    width: 360px
}

.publishers-integration .workflow-card .border-2 {
    width: 56px;
    height: 56px;
    border-radius: 50%
}

.publishers-integration .workflow-card .border-primary:hover {
    border-color: rgba(21, 101, 216, .6) !important
}

.publishers-integration .workflow-card .border-success:hover {
    border-color: rgba(54, 179, 126, .6) !important
}

.publishers-integration .workflow-card .border-bright-red:hover {
    border-color: rgba(233, 84, 50, .6) !important
}

.landing-saas-illustration-subscription {
    margin-bottom: 95px
}

.landing-saas-illustration-subscription .ill-subscription {
    width: 476px
}

.landing-saas-illustration-subscription .ill-subscription img {
    margin-top: 45px;
    margin-left: -190px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .landing-saas-illustration-help .help-card {
        width: 421px
    }

    .landing-saas-illustration-save-time .save-time-ill {
        margin-right: 44px;
        margin-left: -62px
    }

    .landing-saas-illustration-save-time .save-time-ill img {
        width: 576px
    }

    .landing-saas-illustration-member .text-container {
        width: 640px
    }

    .landing-saas-illustration-member .member-ill {
        width: 768px
    }

    .landing-saas-illustration-member .member-ill img {
        margin-left: unset
    }

    .landing-saas-illustration-member .container > .flex > div:last-child {
        width: 640px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.landing-saas-illustration .form-group .input-group .form-control {
        height: 46px
    }

    header.landing-saas-illustration .hero .hero-desc {
        width: 555px
    }

    header.landing-saas-illustration .hero .form-group {
        width: 465px
    }

    .landing-saas-illustration-help .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .landing-saas-illustration-help .help-card {
        width: 225px;
        height: 280px;
        padding: 0 26px 27px
    }

    .landing-saas-illustration-help .help-card > div {
        border-top: 2px solid transparent;
        border-left: none !important;
        text-align: center;
        padding: 19px 0 0
    }

    .landing-saas-illustration-help .help-card:hover > div {
        border-top: 2px solid #5a7184
    }

    .landing-saas-illustration-member .text-container {
        width: 640px
    }

    .landing-saas-illustration-member .member-ill {
        width: 768px
    }

    .landing-saas-illustration-member .member-ill img {
        margin-left: unset
    }

    .landing-saas-illustration-customer img {
        max-width: 25%;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%
    }

    .publishers-integration .gap {
        grid-gap: 20px;
        gap: 20px;
        margin: 0 -38px
    }

    .publishers-integration .workflow-card {
        width: 220px
    }

    .publishers-integration .workflow-card .border-2 {
        width: 40px;
        height: 40px
    }

    .landing-saas-illustration-subscription .ill-subscription {
        width: unset
    }

    .landing-saas-illustration-subscription .ill-subscription img {
        margin-left: unset
    }

    .landing-saas-illustration-subscription .text-container {
        width: 482px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .publishers-integration .section-desc {
        width: unset
    }

    .landing-saas-illustration-customer img {
        max-width: 25%;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%
    }
}

@media (min-width: 0) and (max-width: 575px) {
    body.landing-saas-illustration .section-title {
        font-size: 28px
    }

    body.landing-saas-illustration .section-desc {
        font-size: 16px
    }

    header.landing-saas-illustration .hero .custom-form {
        width: 100%;
        height: auto;
        border-radius: 8px;
        padding: 16px
    }

    header.landing-saas-illustration .hero .custom-form input {
        -webkit-flex: auto;
        -moz-box-flex: 1;
        flex: auto;
        text-align: center;
        margin-bottom: 26px
    }

    header.landing-saas-illustration .hero .custom-form button {
        border-radius: 8px
    }

    .landing-saas-illustration-help .help-card {
        width: 100%;
        padding-right: 18px
    }

    .landing-saas-illustration-help .help-card .help-card-title {
        font-size: 16px
    }

    .landing-saas-illustration-help .help-card .help-card-desc {
        font-size: 14px
    }

    .landing-saas-illustration-help .help-card > div {
        padding-top: 14px;
        padding-bottom: 14px
    }

    .landing-saas-illustration-member .xs-w-126 {
        width: 126px
    }

    .landing-saas-illustration-member .xs-w-113 {
        width: 113px
    }

    .landing-saas-illustration-member .xs-w-310 {
        width: 310px
    }

    .landing-saas-illustration-customer img {
        max-width: 50%;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%
    }

    .publishers-integration .gap {
        grid-gap: 24px;
        gap: 24px
    }

    .publishers-integration .workflow-card {
        width: 260px
    }

    .publishers-integration .workflow-card .border-2 {
        width: 40px;
        height: 40px
    }
}

body.landing-healthcare .section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

body.landing-healthcare .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

header.landing-healthcare .hero {
    padding-top: 63px
}

header.landing-healthcare .hero .text-container {
    width: 555px
}

header.landing-healthcare .hero .container {
    border-bottom: 1px solid #e3e7ed
}

header.landing-healthcare .hero .container .section-information {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #183b56;
    position: relative;
    margin-top: 19px;
    margin-bottom: 34px;
    margin-left: 28px
}

header.landing-healthcare .hero .container .section-information:before {
    content: "";
    position: absolute;
    height: 2px;
    border-top: 2px solid #344563;
    top: 0;
    width: 14px;
    right: 100%;
    margin-right: 12px;
    top: 50%
}

header.landing-healthcare .hero .container .form-group {
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03)
}

header.landing-healthcare .hero .container .form-group .btn {
    border-radius: 8px
}

header.landing-healthcare .hero .container .form-group * {
    border: none
}

header.landing-healthcare .hero .container .hero-image {
    width: 524px
}

header.landing-healthcare .hero .custom-form {
    width: 555px
}

header.landing-healthcare .hero .custom-form input {
    font-family: OpenSans, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    border: none;
    outline: none;
    background-color: #fff;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    border-radius: 8px 0 0 8px;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px
}

.landing-healthcare-dashboard .container {
    border-bottom: 1px solid #e3e7ed
}

.landing-healthcare-dashboard .container > div {
    padding-right: 67px;
    padding-left: 67px
}

.landing-healthcare-dashboard .section-desc {
    margin-left: 68px;
    margin-right: 31px
}

.landing-healthcare-dashboard .dashboard-image {
    margin-top: 72px;
    margin-bottom: 55px
}

.landing-healthcare-dashboard .dashboard-image img {
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
}

.landing-healthcare-dashboard .column-gap {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.landing-healthcare-dashboard .column-gap .dashboard-card {
    border: 2px solid rgba(179, 186, 197, .1);
    padding: 16px 20px 20px 24px
}

.landing-healthcare-dashboard .column-gap .dashboard-card .dashboard-number {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #2ed47a
}

.landing-healthcare-dashboard .column-gap .dashboard-card .dashboard-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    margin-top: 12px;
    margin-bottom: 9px
}

.landing-healthcare-dashboard .column-gap .dashboard-card .dashboard-desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.landing-healthcare-protect {
    border-bottom: 1px solid #e3e7ed
}

.landing-healthcare-protect .protect-card {
    padding: 43px 70px 30px 24px
}

.landing-healthcare-protect .protect-card .protect-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 18px
}

.landing-healthcare-protect .protect-card .protect-desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.landing-healthcare-protect .col-6:first-child .protect-image {
    margin-bottom: 47px;
    margin-left: 146px
}

.landing-healthcare-protect .col-6:nth-child(2) .protect-image {
    margin-top: 25px;
    margin-bottom: 37px;
    margin-left: 104px
}

.landing-healthcare-protect .col-6:nth-child(3) .protect-image {
    margin-top: 17px;
    margin-bottom: 46px;
    margin-left: 86px
}

.landing-healthcare-protect .col-6:last-child .protect-image {
    margin-top: 23px;
    margin-bottom: 46px;
    margin-left: 146px
}

.landing-healthcare-protect .container > div {
    padding-right: 65px;
    padding-left: 165px
}

.landing-healthcare-protect .container > div .section-title {
    width: 502px
}

.landing-healthcare-modern .container > div {
    padding-right: 92px;
    padding-left: 79px
}

.landing-healthcare-modern .container > div .section-title {
    margin-left: 18px
}

.landing-healthcare-modern .container > div .modern-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.landing-healthcare-modern .container > div .modern-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #183b56
}

.landing-healthcare-modern .container > div .col-6:nth-child(2) > div {
    margin-left: 61.5px
}

.landing-healthcare-modern .container > div .col-6:nth-child(2) > div .modern-image {
    margin-top: 134px
}

.landing-healthcare-modern .container > div .col-6:last-child > div {
    margin-left: 61.5px
}

.landing-healthcare-modern .container > div .col-6:last-child > div .modern-image {
    margin-top: 126px
}

.landing-healthcare-track {
    background: -webkit-gradient(linear, left top, right top, color-stop(51%, #fff), color-stop(49%, rgba(21, 101, 216, .1)));
    background: -webkit-linear-gradient(left, #fff 51%, rgba(21, 101, 216, .1) 0);
    background: linear-gradient(90deg, #fff 51%, rgba(21, 101, 216, .1) 0);
    padding-top: 54px;
    padding-bottom: 55px
}

.landing-healthcare-track .container > .flex > div:first-child {
    width: 353px;
    margin-right: 108px
}

.landing-healthcare-track .container > .flex .track-image {
    width: 225px;
    margin-right: 30px;
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset
}

.landing-healthcare-track .container > .flex .track-image:first-child {
    width: 262px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.landing-healthcare-track .section-title {
    width: 353px;
    line-height: 1.3;
    position: relative;
    margin-top: 33px
}

.landing-healthcare-track .section-title:before {
    content: "";
    height: 5px;
    border-top: 5px solid #344563;
    width: 28px;
    position: absolute;
    top: -33px
}

.landing-healthcare-track .section-desc {
    margin-right: 7px
}

.landing-healthcare-track .btn-container {
    margin-top: 113px
}

.landing-healthcare-track .btn-container i:hover {
    color: #183b56 !important;
    border-color: #183b56 !important;
    cursor: pointer
}

.landing-healthcare-resources .container {
    border-top: 1px solid #e3e7ed
}

.landing-healthcare-resources .section-title {
    width: 540px
}

.landing-healthcare-resources .gap {
    grid-gap: 33px;
    gap: 33px
}

.landing-healthcare-resources .resources-card {
    border: 1px solid #ededed;
    width: 260px;
    padding: 48px 37px 28px
}

.landing-healthcare-resources .resources-card .resources-image {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: auto;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08)
}

.landing-healthcare-resources .resources-card .resources-title {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin-top: 42px;
    margin-bottom: 14px
}

.landing-healthcare-resources .resources-card .resources-desc {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #5a7184
}

.landing-healthcare-resources .resources-card:hover {
    background-color: rgba(179, 186, 197, .1);
    border: 1px solid rgba(179, 186, 197, .1)
}

.landing-healthcare-subscription {
    margin-bottom: 94px
}

.landing-healthcare-subscription .input-group {
    border: 1px solid #c3cad9;
    max-width: 390px
}

.landing-healthcare-subscription .input-group:hover {
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08)
}

.landing-healthcare-subscription .form-control {
    padding-left: 12px
}

.landing-healthcare-subscription .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width: 575px) {
    body.landing-healthcare #bp_mobile {
        display: block
    }
}

@media (max-width: 991px) {
    .landing-healthcare-dashboard .col-4 {
        padding-right: 10px;
        padding-left: 10px
    }

    .landing-healthcare-protect .protect-card {
        padding-top: 42px;
        padding-right: 20px;
        padding-bottom: 36px
    }

    .landing-healthcare-protect .col-6:first-child .protect-image {
        margin-bottom: 42px;
        margin-left: 77px
    }

    .landing-healthcare-protect .col-6:nth-child(2) .protect-image {
        margin-top: 0;
        margin-bottom: 54px;
        margin-left: 70px
    }

    .landing-healthcare-protect .col-6:nth-child(3) .protect-image {
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 62px
    }

    .landing-healthcare-protect .col-6:last-child .protect-image {
        margin-top: 6px;
        margin-bottom: 46px;
        margin-left: 73px
    }

    .landing-healthcare-track {
        background-image: none
    }

    .landing-healthcare-track .md-absolute {
        right: 0;
        bottom: 0;
        left: 0
    }

    .landing-healthcare-track .section-title:before {
        left: 0;
        right: 0;
        margin: auto
    }

    .landing-healthcare-track .container {
        padding: 0 !important
    }

    .landing-healthcare-track .container > .flex .track-image:first-child {
        width: 231px
    }

    .landing-healthcare-track .container > .flex .track-image {
        width: 198px
    }

    .landing-healthcare-track .container > .flex > .flex {
        background: -webkit-linear-gradient(179deg, rgba(21, 101, 216, .1) 80%, #fff 0);
        background: linear-gradient(271deg, rgba(21, 101, 216, .1) 80%, #fff 0)
    }

    .landing-healthcare-resources .row {
        grid-row-gap: 30px;
        row-gap: 30px
    }
}

@media (min-width: 575px) and (max-width: 767px) {
    .landing-healthcare-resources .resources-card {
        width: 235px
    }
}

@media (min-width: 474px) and (max-width: 575px) {
    .resources-card:last-child {
        display: none
    }
}

@media (max-width: 575px) {
    body.landing-healthcare .section-title {
        font-size: 28px
    }

    body.landing-healthcare .section-desc {
        font-size: 16px
    }

    header.landing-healthcare .section-title {
        font-size: 32px
    }

    header.landing-healthcare .hero .container .section-information:before {
        top: -12px;
        left: 50%;
        right: 0
    }

    header.landing-healthcare .hero .custom-form {
        -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
        box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
        padding: 0 8px 8px
    }

    header.landing-healthcare .hero .custom-form input {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 12px;
        padding-left: 0
    }

    .landing-healthcare-dashboard .dashboard-image img {
        height: 271px
    }

    .landing-healthcare-dashboard .column-gap {
        grid-column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }

    .landing-healthcare-dashboard .column-gap .dashboard-card {
        width: 260px
    }

    .landing-healthcare-protect .protect-image {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .landing-healthcare-modern .row-gap {
        grid-row-gap: 64px;
        row-gap: 64px
    }

    .landing-healthcare-track .owl-item:first-child .track-image {
        width: 212px !important
    }

    .landing-healthcare-track .owl-item .track-image {
        width: 181.64px !important;
        margin-right: 0 !important
    }

    .landing-healthcare-track .section-title:before {
        top: -26px
    }

    .landing-healthcare-track .container > .flex > .flex {
        background: -webkit-linear-gradient(179deg, rgba(21, 101, 216, .1) 50%, #fff 0);
        background: linear-gradient(271deg, rgba(21, 101, 216, .1) 50%, #fff 0)
    }

    .landing-healthcare-resources .gap {
        grid-gap: 15px;
        gap: 15px
    }

    .landing-healthcare-resources .resources-card {
        width: 140px;
        padding: 20px 10px
    }

    .landing-healthcare-resources .resources-card .resources-image {
        width: 42px;
        height: 42px
    }

    .landing-healthcare-resources .resources-card .resources-image img {
        width: 24px
    }
}

body.monlix-extras-1 .section-title {
    font-size: 56px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

body.monlix-extras-1 .section-desc {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #5a7184
}

header.monlix-extras-1 .hero {
    padding-top: 35px
}

header.monlix-extras-1 .hero .section-title {
    width: 448px
}

header.monlix-extras-1 .hero .form-group {
    width: 812px;
    position: relative;
    z-index: 2
}

header.monlix-extras-1 .hero .form-group .input-group {
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08)
}

header.monlix-extras-1 .hero .form-group .input-group .line {
    margin: -16px 27px -16px 0
}

header.monlix-extras-1 .hero .form-group .input-group .btn.btn-white {
    padding-right: 0;
    padding-left: 14px;
    border: none
}

header.monlix-extras-1 .hero .form-group .input-group .btn.btn-success {
    border-radius: 4px;
    margin-left: 95px;
    width: 159px
}

header.monlix-extras-1 .hero .form-group .input-group input {
    padding-right: 0;
    padding-left: 18px
}

header.monlix-extras-1 .hero .form-group .input-group .flex:first-child input {
    width: 245px
}

header.monlix-extras-1 .hero .form-group .input-group .flex:nth-child(3) input {
    width: 173px
}

header.monlix-extras-1 .hero .form-group .input-group input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

header.monlix-extras-1 .hero .hero-desc {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #5a7184
}

header.monlix-extras-1 .hero .hero-image {
    width: 509px
}

header.monlix-extras-1 .hero .items-start {
    margin-left: -275px
}

header.monlix-extras-1 .hero .items-start > img {
    margin-right: -31px
}

header.monlix-extras-1 .hero .dropdown-content {
    display: none;
    width: 343px;
    top: 88px;
    left: 293px
}

header.monlix-extras-1 .hero .dropdown-content > li {
    padding: 16px 0
}

header.monlix-extras-1 .hero .dropdown-content > li:hover {
    cursor: pointer
}

header.monlix-extras-1 .hero .show {
    display: block
}

header.monlix-extras-1 .hero input.dropbtn:hover {
    cursor: pointer
}

.monlix-extras-1-popular .btn.btn-outline-success {
    margin-top: 35px
}

.monlix-extras-1-popular .carousel-stage-padding {
    margin-left: -148px;
    margin-right: -148px
}

.monlix-extras-1-popular .carousel-margin {
    padding: 0 14px
}

.monlix-extras-1-popular .job-card {
    padding: 24px 14px 18px 24px
}

.monlix-extras-1-popular .job-card img {
    padding: 12px 11px;
    width: unset !important
}

.monlix-extras-1-popular .job-card .job-title, .monlix-extras-1-popular .job-card .jobs-desc {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-extras-1-popular .job-card .fa-arrow-right {
    padding: 20px
}

.monlix-extras-1-opened .section-title.text-48 {
    width: 339px
}

.monlix-extras-1-opened .section-desc > b:hover, .monlix-extras-1-opened .section-desc > i:hover {
    cursor: pointer
}

.monlix-extras-1-opened .bg-white.rounded-4 {
    padding: 30px 38px 30px 30px;
    width: 360px
}

.monlix-extras-1-opened .bg-transparent.rounded-4 {
    border: 1px solid #e5eaf4;
    width: 360px
}

.monlix-extras-1-opened .opened-badge {
    border-radius: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.monlix-extras-1-opened .opened-title {
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-extras-1-opened .opened-information {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #5a7184
}

.monlix-extras-1-opened .badge-title {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #183b56
}

.monlix-extras-1-opened .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.company-about header {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.company-about header .hero {
    padding-top: 96px;
    padding-bottom: 110px
}

.company-about .about {
    padding-top: 64px
}

.company-about .about-gallery-bottom, .company-about .about-gallery-top {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.company-about .about-gallery-bottom li, .company-about .about-gallery-top li {
    border-radius: .5rem
}

.company-about .about-gallery-bottom li img, .company-about .about-gallery-top li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem
}

.company-about .about-gallery-top {
    padding-top: 140px
}

.company-about .about-gallery-top li:first-of-type {
    width: 380px;
    height: 460px;
    margin-left: 70px
}

.company-about .about-gallery-top li:nth-of-type(2) {
    width: 360px;
    height: 240px;
    margin: 120px 25px 25px
}

.company-about .about-gallery-top li:nth-of-type(3) {
    width: 440px;
    height: 320px;
    position: absolute;
    right: 0;
    margin-right: -145px;
    margin-bottom: 25px;
    margin-top: 40px
}

.company-about .about-gallery-bottom li:first-of-type {
    width: 440px;
    height: 320px;
    margin-top: 25px;
    margin-left: -150px
}

.company-about .about-gallery-bottom li:nth-of-type(2) {
    width: 210px;
    height: 240px;
    margin-left: 25px;
    margin-top: 25px
}

.company-about .about-gallery-bottom li:nth-of-type(3) {
    width: 600px;
    height: 420px;
    margin-left: 25px;
    margin-top: -75px
}

.company-about .about-gallery-bottom li.pattern {
    width: 120px;
    height: 142px;
    margin-top: -80px;
    margin-left: 25px
}

.company-about .about-gallery-bottom li.pattern img {
    object-fit: unset
}

.company-about .values {
    padding-top: 200px;
    padding-bottom: 122px
}

.company-about .values .heading {
    margin-bottom: 110px
}

.company-about .team {
    padding-top: 200px;
    padding-bottom: 165px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%
}

.company-about .team .left {
    padding-right: 180px
}

.company-about .team .heading {
    margin-bottom: 40px
}

.company-about .team .team-list-bottom, .company-about .team .team-list-top {
    border-radius: 12px
}

.company-about .team .team-list-bottom img, .company-about .team .team-list-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(15, 24, 44, .25);
    box-shadow: 0 20px 50px 0 rgba(15, 24, 44, .25)
}

.company-about .team .team-list-top {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.company-about .team .team-list-top li:first-of-type {
    width: 96px;
    height: 96px;
    margin-top: 70px;
    z-index: 1
}

.company-about .team .team-list-top li:nth-of-type(2) {
    width: 64px;
    height: 64px;
    position: absolute;
    margin-left: 170px;
    margin-top: 165px
}

.company-about .team .team-list-top li:nth-of-type(3) {
    width: 160px;
    height: 180px;
    margin-top: -60px;
    position: absolute;
    right: 0;
    margin-right: 100px;
    z-index: 1
}

.company-about .team .team-list-top li.blue-circle {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background-color: #1565d8;
    position: absolute;
    right: 0;
    margin-right: 85px;
    margin-top: 100px
}

.company-about .team .team-list-top li.gray-circle {
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background-color: #e5eaf4;
    position: absolute;
    margin-top: 155px;
    margin-left: -10px
}

.company-about .team .team-list-bottom {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.company-about .team .team-list-bottom li:first-of-type {
    width: 120px;
    height: 120px;
    margin-top: 118px;
    margin-left: 90px;
    z-index: 1
}

.company-about .team .team-list-bottom li:nth-of-type(2) {
    width: 96px;
    height: 96px;
    position: absolute;
    margin-left: 350px;
    margin-top: 30px
}

.company-about .team .team-list-bottom li.pattern {
    width: 86px;
    height: 102px;
    position: absolute;
    margin-top: 90px;
    margin-left: 165px
}

.company-about .team .team-list-bottom li.pattern img {
    object-fit: unset !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.company-about .customers {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8fbff), to(rgba(250, 251, 251, 0)));
    background-image: -webkit-linear-gradient(top, #f8fbff, rgba(250, 251, 251, 0));
    background-image: linear-gradient(180deg, #f8fbff, rgba(250, 251, 251, 0));
    padding-top: 64px;
    padding-bottom: 144px
}

.company-about .customers .heading {
    margin-bottom: 64px;
    padding-right: 100px
}

.company-about .customers-list {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.company-about .customers-list li {
    margin-right: 58px
}

.company-about .customers-list li:last-child {
    margin-right: 0
}

.company-about .customers-list li img {
    height: 25px
}

.company-about .footer {
    padding-top: 128px
}

@media (max-width: 575px) {
    .company-about .divider, .company-about .relative svg {
        display: none
    }

    .company-about header .hero {
        padding-top: 40px;
        padding-bottom: 64px
    }

    .company-about .about .about-gallery-top {
        padding-top: 48px
    }

    .company-about .about .about-gallery-top li:first-of-type {
        width: 80px;
        height: 210px;
        margin-left: -40px;
        position: relative;
        margin-right: 0
    }

    .company-about .about .about-gallery-top li:nth-of-type(2) {
        width: 157px;
        height: 105px;
        margin: 75px 10px 10px
    }

    .company-about .about .about-gallery-top li:nth-of-type(3) {
        width: 200px;
        height: 140px;
        position: absolute;
        right: 0;
        margin-right: -75px;
        margin-bottom: 25px;
        margin-top: 40px
    }

    .company-about .about .about-gallery-bottom li:first-of-type, .company-about .about .about-gallery-bottom li:nth-of-type(4) {
        display: none
    }

    .company-about .about .about-gallery-bottom li:nth-of-type(2) {
        width: 70px;
        height: 105px;
        margin-left: -30px;
        margin-top: 10px;
        position: relative
    }

    .company-about .about .about-gallery-bottom li:nth-of-type(3) {
        width: 251px;
        height: 183px;
        margin-left: 10px;
        margin-top: -20px
    }

    .company-about .values {
        padding-top: 80px;
        padding-bottom: 0
    }

    .company-about .values .heading {
        margin-bottom: 48px
    }

    .company-about .team {
        padding-top: 120px;
        padding-bottom: 82px
    }

    .company-about .team .left {
        padding-right: 15px;
        text-align: center
    }

    .company-about .team-list-top li:first-of-type {
        margin-left: -76px !important;
        margin-top: 110px !important
    }

    .company-about .team-list-top li:nth-of-type(2) {
        margin-left: 80px !important;
        margin-top: 210px !important
    }

    .company-about .team-list-top li:nth-of-type(3) {
        margin-top: 22px !important;
        margin-right: -53px !important
    }

    .company-about .team-list-top li.blue-circle, .company-about .team-list-top li.gray-circle {
        display: none
    }

    .company-about .team-list-bottom li:first-of-type {
        margin-left: 10px !important
    }

    .company-about .team-list-bottom li:nth-of-type(2) {
        margin-left: 284px !important;
        margin-top: 40px !important
    }

    .company-about .team-list-bottom li.pattern {
        margin-left: 90px !important
    }

    .company-about .customers {
        padding-bottom: 0
    }

    .company-about .customers .heading {
        padding-right: 0;
        margin-bottom: 48px;
        text-align: center
    }

    .company-about .customers .content .customers-list {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .company-about .customers .content .customers-list li {
        margin-right: 0;
        margin-bottom: 53px
    }

    .company-about .customers .content .customers-list li img {
        height: 30px
    }

    .company-about .footer {
        padding-top: 80px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .company-about .divider, .company-about .relative svg {
        display: none
    }

    .company-about header .hero {
        padding-top: 40px;
        padding-bottom: 64px
    }

    .company-about .about .about-gallery-top {
        padding-top: 48px
    }

    .company-about .about .about-gallery-top li:first-of-type {
        width: 80px;
        height: 210px;
        margin-left: -40px;
        position: relative;
        margin-right: 0
    }

    .company-about .about .about-gallery-top li:nth-of-type(2) {
        width: 157px;
        height: 105px;
        margin: 75px 10px 10px
    }

    .company-about .about .about-gallery-top li:nth-of-type(3) {
        width: 200px;
        height: 140px;
        position: absolute;
        right: 0;
        margin-right: -75px;
        margin-bottom: 25px;
        margin-top: 40px
    }

    .company-about .about .about-gallery-bottom li:first-of-type, .company-about .about .about-gallery-bottom li:nth-of-type(4) {
        display: none
    }

    .company-about .about .about-gallery-bottom li:nth-of-type(2) {
        width: 70px;
        height: 105px;
        margin-left: -30px;
        margin-top: 10px;
        position: relative
    }

    .company-about .about .about-gallery-bottom li:nth-of-type(3) {
        width: 251px;
        height: 183px;
        margin-left: 10px;
        margin-top: -20px
    }

    .company-about .values {
        padding-top: 80px;
        padding-bottom: 0
    }

    .company-about .values .heading {
        margin-bottom: 48px
    }

    .company-about .team {
        padding-top: 120px;
        padding-bottom: 82px
    }

    .company-about .team .left {
        padding-right: 15px;
        text-align: center
    }

    .company-about .team-list-top li:first-of-type {
        margin-left: -76px !important;
        margin-top: 110px !important
    }

    .company-about .team-list-top li:nth-of-type(2) {
        margin-left: 80px !important;
        margin-top: 210px !important
    }

    .company-about .team-list-top li:nth-of-type(3) {
        margin-top: 22px !important;
        margin-right: -53px !important
    }

    .company-about .team-list-top li.blue-circle, .company-about .team-list-top li.gray-circle {
        display: none
    }

    .company-about .team-list-bottom li:first-of-type {
        margin-left: 10px !important
    }

    .company-about .team-list-bottom li:nth-of-type(2) {
        margin-left: 284px !important;
        margin-top: 40px !important
    }

    .company-about .team-list-bottom li.pattern {
        margin-left: 90px !important
    }

    .company-about .customers {
        padding-bottom: 0
    }

    .company-about .customers .heading {
        padding-right: 0;
        margin-bottom: 48px;
        text-align: center
    }

    .company-about .customers .content .customers-list {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .company-about .customers .content .customers-list li {
        margin-right: 0;
        margin-bottom: 53px
    }

    .company-about .customers .content .customers-list li img {
        height: 30px
    }

    .company-about .footer {
        padding-top: 80px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .company-about .about .about-gallery-top li:first-of-type {
        width: 180px !important;
        margin-left: -80px !important
    }

    .company-about .about .about-gallery-top li:nth-of-type(3) {
        margin-right: -310px !important
    }

    .company-about .about .about-gallery-bottom li.pattern, .company-about .about .about-gallery-bottom li:first-of-type {
        display: none
    }

    .company-about .about .about-gallery-bottom li:nth-of-type(2) {
        width: 256px !important;
        margin-left: -110px !important
    }

    .company-about .about .about-gallery-bottom li:nth-of-type(3) {
        width: 720px !important;
        margin-right: -100px !important
    }

    .company-about .team {
        padding-top: 120px
    }

    .company-about .team .right {
        margin-left: 200px;
        position: relative
    }

    .company-about .customers {
        padding-top: 65px;
        padding-bottom: 192px
    }

    .company-about .customers .heading {
        margin-bottom: 49px
    }

    .company-about .customers .content .customers-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .company-about .customers .content .customers-list li {
        width: -webkit-calc(100% / 5);
        width: calc(100% / 5);
        margin-right: 0
    }

    .company-about .customers .content .customers-list li .btn {
        position: absolute;
        margin-top: 40px
    }
}

.company-pricing header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 251, 251, 0)), to(#f8fbff));
    background-image: -webkit-linear-gradient(top, rgba(250, 251, 251, 0), #f8fbff);
    background-image: linear-gradient(180deg, rgba(250, 251, 251, 0), #f8fbff);
    padding-bottom: 238px
}

.company-pricing header.clip-eb {
    -webkit-clip-path: ellipse(150% 122% at 50% -30%);
    clip-path: ellipse(150% 122% at 50% -30%)
}

.company-pricing header .hero {
    padding-top: 96px;
    padding-bottom: 63px
}

.company-pricing header .hero .heading p {
    font-size: 1.25rem !important;
    line-height: 2.25rem !important
}

.company-pricing .features {
    padding-top: 64px;
    padding-bottom: 135px
}

.company-pricing .features .heading {
    margin-bottom: 64px
}

.company-pricing .faq {
    padding-top: 147px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 251, 251, 0)), to(#f8fbff));
    background-image: -webkit-linear-gradient(top, rgba(250, 251, 251, 0), #f8fbff);
    background-image: linear-gradient(180deg, rgba(250, 251, 251, 0), #f8fbff)
}

.company-pricing .faq.clip-eb {
    -webkit-clip-path: ellipse(170% 125% at 50% -30%);
    clip-path: ellipse(170% 125% at 50% -30%)
}

.company-pricing .faq .heading {
    margin-bottom: 64px
}

.company-pricing .faq-question {
    margin-top: 144px;
    padding-bottom: 48px
}

.company-pricing .footer {
    padding-top: 64px
}

@media (max-width: 575px) {
    .company-pricing header.clip-eb {
        -webkit-clip-path: none;
        clip-path: none;
        padding-bottom: 0 !important
    }

    .company-pricing header .hero {
        padding-top: 40px
    }

    .company-pricing header .hero p {
        font-size: 1rem !important;
        line-height: 28px !important
    }

    .company-pricing header .hero .card-pricing {
        margin-bottom: 24px
    }

    .company-pricing .features {
        padding-top: 96px;
        padding-bottom: 63px
    }

    .company-pricing .features .card-f {
        margin-bottom: 33px
    }

    .company-pricing .faq {
        padding-top: 96px
    }

    .company-pricing .faq.clip-eb {
        -webkit-clip-path: ellipse(300% 125% at 50% -30%);
        clip-path: ellipse(300% 125% at 50% -30%)
    }

    .company-pricing .faq .faq-question {
        margin-top: 96px
    }

    .company-pricing .faq .faq-question .card-f {
        margin-bottom: 16px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .company-pricing header.clip-eb {
        -webkit-clip-path: none;
        clip-path: none;
        padding-bottom: 0 !important
    }

    .company-pricing header .hero {
        padding-top: 40px
    }

    .company-pricing header .hero p {
        font-size: 1rem !important;
        line-height: 28px !important
    }

    .company-pricing header .hero .card-pricing {
        margin-bottom: 24px
    }

    .company-pricing .features {
        padding-top: 96px;
        padding-bottom: 63px
    }

    .company-pricing .features .card-f {
        margin-bottom: 33px
    }

    .company-pricing .faq {
        padding-top: 96px
    }

    .company-pricing .faq.clip-eb {
        -webkit-clip-path: ellipse(300% 125% at 50% -30%);
        clip-path: ellipse(300% 125% at 50% -30%)
    }

    .company-pricing .faq .faq-question {
        margin-top: 96px
    }

    .company-pricing .faq .faq-question .card-f {
        margin-bottom: 16px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .company-pricing header.clip-eb {
        -webkit-clip-path: none;
        clip-path: none;
        padding-bottom: 0 !important
    }

    .company-pricing header .hero .card-pricing {
        margin-bottom: 24px
    }

    .company-pricing .features {
        padding-top: 96px;
        padding-bottom: 63px
    }

    .company-pricing .features .card-f {
        margin-bottom: 33px
    }

    .company-pricing .faq {
        padding-top: 96px
    }

    .company-pricing .faq.clip-eb {
        -webkit-clip-path: ellipse(300% 125% at 50% -30%);
        clip-path: ellipse(300% 125% at 50% -30%)
    }

    .company-pricing .faq .faq-question {
        margin-top: 96px
    }

    .company-pricing .faq .faq-question .card-f {
        margin-bottom: 16px
    }
}

.company-faq header {
    background-position: top;
    background-size: cover
}

.company-faq header .hero {
    padding-top: 120px;
    padding-bottom: 145px
}

.company-faq .categories {
    padding-top: 46px
}

.company-faq .categories .heading {
    margin-bottom: 50px
}

.company-faq .faq {
    padding-top: 147px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 251, 251, 0)), to(#f8fbff));
    background-image: -webkit-linear-gradient(top, rgba(250, 251, 251, 0), #f8fbff);
    background-image: linear-gradient(180deg, rgba(250, 251, 251, 0), #f8fbff)
}

.company-faq .faq.clip-eb {
    -webkit-clip-path: ellipse(180% 125% at 50% -30%);
    clip-path: ellipse(180% 125% at 50% -30%)
}

.company-faq .faq .heading {
    margin-bottom: 64px
}

.company-faq .faq-question {
    margin-top: 144px;
    padding-bottom: 48px
}

@media (max-width: 575px) {
    .company-faq header .hero {
        padding-top: 40px;
        padding-bottom: 64px
    }

    .company-faq .categories .heading h3 {
        font-size: 18px !important;
        line-height: normal !important
    }

    .company-faq .categories .content .card-f {
        margin-bottom: 16px
    }

    .company-faq .faq {
        padding-top: 48px
    }

    .company-faq .faq-question {
        margin-top: 72px
    }

    .company-faq .faq-question .card-f {
        margin-bottom: 1rem
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .company-faq header .hero {
        padding-top: 40px;
        padding-bottom: 64px
    }

    .company-faq .categories .heading h3 {
        font-size: 18px !important;
        line-height: normal !important
    }

    .company-faq .categories .content .card-f {
        margin-bottom: 16px
    }

    .company-faq .faq {
        padding-top: 48px
    }

    .company-faq .faq-question {
        margin-top: 72px
    }

    .company-faq .faq-question .card-f {
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .company-faq header.clip-eb {
        -webkit-clip-path: ellipse(200% 120% at 50% -30%);
        clip-path: ellipse(200% 120% at 50% -30%)
    }

    .company-faq header .hero {
        padding-top: 40px;
        padding-bottom: 64px
    }

    .company-faq .categories .heading h3 {
        font-size: 18px !important;
        line-height: normal !important
    }

    .company-faq .categories .content .card-f {
        margin-bottom: 16px
    }

    .company-faq .faq {
        padding-top: 48px
    }

    .company-faq .faq.clip-eb {
        -webkit-clip-path: ellipse(300% 120% at 50% -30%);
        clip-path: ellipse(300% 120% at 50% -30%)
    }

    .company-faq .faq-question {
        margin-top: 72px
    }

    .company-faq .faq-question .card-f {
        margin-bottom: 1rem
    }
}

.monlix-contact header {
    background-repeat: no-repeat;
    background-size: cover
}

.monlix-contact header .hero {
    padding-top: 98px;
    padding-bottom: 175px
}

.monlix-contact .contact-form {
    margin-top: -350px
}

.monlix-contact .contact-form .content {
    -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03)
}

.monlix-contact .contact-form-detail {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 251, 251, 0)), to(#f8fbff));
    background-image: -webkit-linear-gradient(top, rgba(250, 251, 251, 0), #f8fbff);
    background-image: linear-gradient(180deg, rgba(250, 251, 251, 0), #f8fbff);
    padding-top: 142px
}

@media (max-width: 575px) {
    .monlix-contact header .hero {
        padding-top: 40px
    }

    .monlix-contact header .hero p {
        font-size: 1rem !important
    }

    .monlix-contact .contact-form .content {
        padding: 24px 20px
    }

    .monlix-contact .contact-form .content .form-row .col {
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .monlix-contact .contact-form-detail {
        padding-top: 80px
    }

    .monlix-contact .contact-form-detail .card-f {
        margin-bottom: 56px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .monlix-contact header .hero {
        padding-top: 40px
    }

    .monlix-contact header .hero p {
        font-size: 1rem !important
    }

    .monlix-contact .contact-form {
        margin-top: -180px
    }

    .monlix-contact .contact-form .content {
        padding: 24px 20px
    }

    .monlix-contact .contact-form .content .form-row .col {
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .monlix-contact .contact-form-detail {
        padding-top: 80px
    }

    .monlix-contact .contact-form-detail .card-f {
        margin-bottom: 56px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .monlix-contact header .hero {
        padding-top: 88px
    }

    .monlix-contact header .hero .heading p {
        font-size: 20px !important;
        line-height: 36px !important
    }

    .monlix-contact .contact-form-detail {
        padding-top: 120px
    }

    .monlix-contact .contact-form-detail.clip-eb {
        -webkit-clip-path: ellipse(300% 120% at 50% -30%);
        clip-path: ellipse(300% 120% at 50% -30%)
    }

    .monlix-contact .contact-form-detail .card-f {
        margin-bottom: 48px;
        padding-left: 140px;
        padding-right: 140px
    }
}

.monlix-contact-1 header {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 500px auto;
    margin-bottom: 0
}

.monlix-contact-1 header .hero {
    background-repeat: no-repeat;
    background-position: top 50px right;
    background-size: 539px auto;
    padding-bottom: 234px
}

.monlix-contact-1 header .ill-1 {
    width: 370px;
    height: 434px
}

.monlix-contact-1 header .ill-2 {
    width: 354px;
    height: 455px
}

.monlix-contact-1 .about {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 251, 251, 0)), to(#f8fbff));
    background-image: -webkit-linear-gradient(top, rgba(250, 251, 251, 0), #f8fbff);
    background-image: linear-gradient(180deg, rgba(250, 251, 251, 0), #f8fbff);
    padding-bottom: 200px
}

.monlix-contact-1 .about:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 345px;
    height: 393px;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.monlix-contact-1 .who-we-are {
    position: relative;
    z-index: 2;
    padding-bottom: 75px;
    background-size: 696px auto;
    background-repeat: no-repeat;
    background-blend-mode: screen
}

.monlix-contact-1 .who-we-are:before {
    content: "";
    position: absolute;
    left: 0;
    top: -195px;
    width: 100%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat
}

.monlix-contact-1 .who-we-are img {
    -webkit-box-shadow: 0 24px 60px 0 rgba(15, 24, 44, .15);
    box-shadow: 0 24px 60px 0 rgba(15, 24, 44, .15)
}

.monlix-contact-1 .what-we-do {
    padding-top: 75px;
    padding-bottom: 225px
}

.monlix-contact-1 .why-work-here {
    padding-top: 200px;
    padding-bottom: 130px;
    margin-top: -195px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-blend-mode: screen
}

.monlix-contact-1 .why-work-here .box-wwh {
    padding: 56px 56px 24px
}

.monlix-contact-1 .card-career {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    border: 1px solid #e5eaf4;
    padding: 20px 32px
}

.monlix-contact-1 .card-career:hover {
    text-decoration: none
}

.monlix-contact-1 .card-career .card-header {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding: 0;
    background: none;
    border: none
}

@media (max-width: 1199px) {
    .monlix-contact-1 header {
        text-align: center
    }

    .monlix-contact-1 header p {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto
    }

    .monlix-contact-1 header .hero {
        background-position: bottom 50px right -100px;
        padding-bottom: 172px
    }

    .monlix-contact-1 header .ill-1 {
        width: 252px;
        height: 296px
    }

    .monlix-contact-1 header .ill-2 {
        width: 312px;
        height: 400px
    }

    .monlix-contact-1 .about:before {
        display: none
    }

    .monlix-contact-1 .who-we-are img {
        width: 314px
    }

    .monlix-contact-1 .what-we-do img {
        width: 475px;
        height: 462px
    }
}

@media (max-width: 767px) {
    .monlix-contact-1 header .ill-1 {
        width: 175px;
        height: 205px
    }

    .monlix-contact-1 header .ill-2 {
        width: 216px;
        height: 278px
    }
}

@media (max-width: 575px) {
    .monlix-contact-1 header .hero {
        padding-bottom: 56px;
        background-size: 300px auto
    }

    .monlix-contact-1 .about {
        padding-bottom: 12px
    }

    .monlix-contact-1 .who-we-are {
        padding-top: 64px
    }

    .monlix-contact-1 .who-we-are:before {
        display: none
    }

    .monlix-contact-1 .who-we-are img {
        width: 166px
    }
}

.monlix-contact-1-detail header .hero {
    background-size: 100%;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    padding-bottom: 180px
}

.monlix-contact-1-detail .card-f-career-detail {
    border-radius: 8px;
    background-color: #fff;
    padding: 24px
}

.monlix-contact-1-detail .card-f-career-detail, .monlix-contact-1-detail .career-detail-form .content {
    -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03)
}

.monlix-contact-1-detail .career-detail-form .career-detail-form-bg {
    background-size: 100%;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    height: 1356px;
    margin-bottom: -1400px;
    margin-top: 50px
}

@media (max-width: 991px) {
    .monlix-contact-1-detail header .hero {
        padding-bottom: 152px
    }
}

header.company-styleguide .sidebar-menu {
    display: none
}

main.company-styleguide {
    padding-bottom: 80px
}

main.company-styleguide .sidebar {
    padding: 6px 12px 20px 10px;
    width: 263px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

main.company-styleguide .sidebar-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    padding-left: 14px
}

main.company-styleguide .sidebar-content > a {
    font-size: 16px;
    color: #183b56;
    display: block;
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 14px
}

main.company-styleguide .sidebar-content > a:hover {
    background-color: #fff;
    text-decoration: none
}

main.company-styleguide .sidebar-content.active > a {
    color: #1565d8;
    background-color: #fff;
    border-radius: 8px;
    font-weight: 700
}

main.company-styleguide .content {
    width: 817px
}

main.company-styleguide .content .badge {
    padding: 2px 8px
}

main.company-styleguide .content hr {
    margin-top: 56.5px;
    margin-bottom: 55.5px
}

main.company-styleguide .content .main-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .main-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

main.company-styleguide .content .content-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .content-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #183b56
}

main.company-styleguide .content .new-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #1565d8
}

main.company-styleguide .content .new-date {
    font-size: 14px;
    line-height: 1.43;
    color: #183b56;
    margin-left: 13px
}

main.company-styleguide .content .new-date:before {
    content: "\a";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b3bac5;
    display: inline-block;
    margin-right: 12px
}

main.company-styleguide .content .subcontent-logo {
    padding: 36px 35px 48px 36px
}

main.company-styleguide .content .subcontent-logo .fa-download:hover {
    opacity: .8;
    cursor: pointer
}

main.company-styleguide .content .logo-card img {
    padding: 70px 117px 58px
}

main.company-styleguide .content .logo-card.bg-black .flex {
    background-color: #2f4e67
}

main.company-styleguide .content .logo-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .illustration-card {
    height: 310px
}

main.company-styleguide .content .illustration-card img {
    padding-right: 91px;
    padding-left: 92px;
    height: 100%
}

main.company-styleguide .content .illustration-card .illustration-text {
    height: 100%;
    width: 321px;
    padding: 0 53px
}

main.company-styleguide .content .illustration-card .illustration-text .content-title {
    margin-right: 74px
}

main.company-styleguide .content .illustration-card .illustration-text .illustration-desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

main.company-styleguide .content .subcontent-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .subcontent-desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

main.company-styleguide .content .color-boxes {
    margin: -19px
}

main.company-styleguide .content .color-box-container {
    padding: 19px
}

main.company-styleguide .content .color-box {
    width: 132px;
    height: 144px;
    border-radius: 4.8px
}

main.company-styleguide .content .color-hex {
    font-size: 14.4px;
    font-weight: 700;
    color: #183b56
}

main.company-styleguide .content .color-name {
    font-size: 10.8px;
    font-weight: 600;
    color: #5a7184
}

main.company-styleguide .content .table-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .typography-category {
    width: 200px
}

main.company-styleguide .content .typography-typeface {
    width: 179px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: .18px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .typography-font {
    width: 153px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .18px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .typography-size {
    width: 128px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .18px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .typography-spacing {
    width: 153px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: .18px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .border-b {
    border: solid #e3e7ed;
    border-width: 0 0 1px
}

main.company-styleguide .content .border-r {
    border-width: 0 1px 1px 0;
    border-color: #e3e7ed;
    border-right-style: solid !important
}

main.company-styleguide .content .row-h1 {
    height: 88px
}

main.company-styleguide .content .row-h1 .typography-category {
    font-size: 56px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-h2 {
    height: 72px
}

main.company-styleguide .content .row-h2 .typography-category {
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-h3 {
    height: 60px
}

main.company-styleguide .content .row-h3 .typography-category {
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-h4 {
    height: 52px
}

main.company-styleguide .content .row-h4 .typography-category {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-h5 {
    height: 44px
}

main.company-styleguide .content .row-h5 .typography-category {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-h6 {
    height: 41px
}

main.company-styleguide .content .row-h6 .typography-category {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-p1 {
    height: 55.5px
}

main.company-styleguide .content .row-p1 .typography-category {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-p2 {
    height: 49px
}

main.company-styleguide .content .row-p2 .typography-category {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-p3 {
    height: 45px
}

main.company-styleguide .content .row-p3 .typography-category {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .row-icon {
    height: 39.5px
}

main.company-styleguide .content .row-icon .typography-category {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #183b56
}

main.company-styleguide .content .subcontent-icon .icon-name {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .subcontent-icon .senja-icon {
    width: 524px;
    height: 318px;
    padding: 9px 22px;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06)
}

main.company-styleguide .content .subcontent-icon .fa-icon {
    width: 262px;
    height: 318px;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    padding: 38px 0
}

main.company-styleguide .content .subcontent-icon img {
    width: 30px;
    height: 30px;
    margin: 15px
}

main.company-styleguide .content .varian-header {
    padding: 14px 0;
    margin-bottom: 38px
}

main.company-styleguide .content .varian-description {
    width: 507px
}

main.company-styleguide .content .varian-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

main.company-styleguide .content .varian-desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

main.company-styleguide .content .varian-button {
    width: 310px
}

main.company-styleguide .content .varian-button .btn {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 112px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

main.company-styleguide .content .varian-button .btn-extended {
    width: 129px
}

main.company-styleguide .content .form-title {
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 14px
}

main.company-styleguide .content .form-group.no-title {
    padding-top: 34px
}

main.company-styleguide .content .input-group {
    border: 1px solid #c3cad9;
    margin-bottom: 42px;
    width: 253px
}

main.company-styleguide .content .input-group > :first-child {
    padding-left: 20px
}

main.company-styleguide .content .input-group > :nth-child(2) {
    padding-left: 12px
}

main.company-styleguide .content .input-group > :last-child {
    padding-right: 20px
}

main.company-styleguide .content .form-control.font-semibold::-webkit-input-placeholder {
    font-weight: 600;
    color: #183b56
}

main.company-styleguide .content .form-control.font-semibold::-moz-placeholder {
    font-weight: 600;
    color: #183b56
}

main.company-styleguide .content .form-control.font-semibold:-ms-input-placeholder {
    font-weight: 600;
    color: #183b56
}

main.company-styleguide .content .form-control.font-semibold::placeholder {
    font-weight: 600;
    color: #183b56
}

main.company-styleguide .content .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 991px) {
    main.company-styleguide .overlay {
        display: none !important
    }

    main.company-styleguide .sidebar {
        width: 263px !important
    }
}

@media (max-width: 1199px) {
    main.company-styleguide .subcontent#form .input-group {
        width: 213px
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    main.company-styleguide .content {
        width: 688px
    }

    main.company-styleguide .content .subcontent-logo {
        padding-right: 49px;
        padding-bottom: 37px
    }

    main.company-styleguide .content .subcontent#illustration img {
        width: 418px;
        padding: 41px 77px
    }

    main.company-styleguide .content .subcontent#illustration .illustration-text {
        width: 270px
    }

    main.company-styleguide .content .subcontent-icon .senja-icon {
        width: 419px
    }

    main.company-styleguide .content .subcontent-icon .fa-icon {
        width: 210px
    }

    main.company-styleguide .content .subcontent#button .varian-button {
        width: 201px
    }

    main.company-styleguide .content .subcontent#button .varian-description {
        width: 487px
    }
}

@media (max-width: 991px) {
    header.company-styleguide .sidebar-menu {
        display: block
    }

    main.company-styleguide .md-fixed {
        top: 0;
        left: 0;
        width: 0;
        padding-right: 0;
        padding-left: 0
    }

    main.company-styleguide .md-fixed * {
        visibility: hidden
    }

    main.company-styleguide .sidebar-content.active > a {
        color: #1565d8;
        background-color: rgba(179, 186, 197, .1);
        border-radius: 8px;
        font-weight: 700
    }
}

@media (max-width: 575px) {
    main.company-styleguide .content .content-title {
        font-size: 24px
    }

    main.company-styleguide .content .content-desc {
        font-size: 14px
    }

    main.company-styleguide .content .subcontent#illustration .illustration-card > * {
        background: transparent !important
    }

    main.company-styleguide .content .subcontent#color .color-box-container {
        padding-right: 10px;
        padding-left: 10px
    }

    main.company-styleguide .content .subcontent#button .varian-button {
        width: 105px
    }

    main.company-styleguide .content .subcontent#button .varian-button .btn {
        width: 74px
    }

    main.company-styleguide .content .subcontent#button .varian-description {
        width: 175px
    }

    main.company-styleguide .content .subcontent#button .varian-description .varian-title {
        margin-left: 25px
    }

    main.company-styleguide .content .typography-table {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    main.company-styleguide .content .table-title {
        font-size: 6.3px
    }

    main.company-styleguide .content .typography-category {
        width: 78px
    }

    main.company-styleguide .content .typography-typeface {
        width: 70.7px;
        font-size: 5.5px
    }

    main.company-styleguide .content .typography-font {
        width: 59.7px;
        font-size: 5.5px
    }

    main.company-styleguide .content .typography-size {
        width: 49.7px;
        font-size: 5.5px
    }

    main.company-styleguide .content .typography-spacing {
        width: 59.7px;
        font-size: 5.5px
    }

    main.company-styleguide .content .row-h1 {
        height: 33.7px
    }

    main.company-styleguide .content .row-h1 .typography-category {
        font-size: 21.9px
    }

    main.company-styleguide .content .row-h2 {
        height: 27.7px
    }

    main.company-styleguide .content .row-h2 .typography-category {
        font-size: 15.7px
    }

    main.company-styleguide .content .row-h3 {
        height: 23.7px
    }

    main.company-styleguide .content .row-h3 .typography-category {
        font-size: 12.5px
    }

    main.company-styleguide .content .row-h4 {
        height: 19.7px
    }

    main.company-styleguide .content .row-h4 .typography-category {
        font-size: 9.4px
    }

    main.company-styleguide .content .row-h5 {
        height: 16.7px
    }

    main.company-styleguide .content .row-h5 .typography-category {
        font-size: 7.8px
    }

    main.company-styleguide .content .row-h6 {
        height: 16.7px
    }

    main.company-styleguide .content .row-h6 .typography-category {
        font-size: 6.3px
    }

    main.company-styleguide .content .row-p1 {
        height: 20.7px
    }

    main.company-styleguide .content .row-p1 .typography-category {
        font-size: 7.1px
    }

    main.company-styleguide .content .row-p2 {
        height: 18.7px
    }

    main.company-styleguide .content .row-p2 .typography-category {
        font-size: 6.3px
    }

    main.company-styleguide .content .row-p3 {
        height: 17.7px
    }

    main.company-styleguide .content .row-p3 .typography-category {
        font-size: 5.5px
    }

    main.company-styleguide .content .row-icon {
        height: 15.7px
    }

    main.company-styleguide .content .row-icon .typography-category {
        font-size: 7.1px
    }

    main.company-styleguide .content .subcontent#form .input-group {
        width: 272px
    }
}

@media only screen and (max-width: 575px) {
    #bp_xs {
        display: block
    }
}

body.company-documentation .overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 40;
    top: 0;
    left: 0;
    background-color: rgba(24, 59, 86, .3);
    overflow-x: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    display: none
}

header.company-documentation .sidebar-menu {
    display: none
}

main.company-documentation {
    padding-top: 74px;
    padding-bottom: 131px
}

main.company-documentation .sidebar {
    width: 282px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid #eceef2;
    padding: 24px 11px 16px
}

main.company-documentation .sidebar .bg-info-100 {
    padding-top: 13px;
    padding-bottom: 15px
}

main.company-documentation .sidebar li {
    font-size: 16px;
    color: #183b56;
    padding-right: 10px;
    padding-left: 13px
}

main.company-documentation .sidebar .list-child > a {
    font-size: 16px;
    color: #183b56;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-left: 1px
}

main.company-documentation .sidebar .list-child > a:hover {
    text-decoration: none
}

main.company-documentation .sidebar .list-child:hover {
    background-color: rgba(0, 184, 217, .1)
}

main.company-documentation .sidebar .btn-primary {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding-top: 13px;
    padding-right: 22px;
    padding-bottom: 13px
}

main.company-documentation .content {
    width: 818px
}

main.company-documentation .content .content-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #183b56
}

main.company-documentation .content .content-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56
}

main.company-documentation .content .greeting {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

main.company-documentation .content .btn-outline-primary {
    line-height: 1.43;
    border-radius: 2000px;
    padding: 11px 20px 9px 18px
}

main.company-documentation .content .author {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184;
    margin-top: 15px
}

main.company-documentation .content .profile-image img {
    width: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover
}

main.company-documentation .content .author-name:after {
    content: "\a";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #b3bac5;
    display: inline-block;
    margin-right: 12px
}

main.company-documentation .content .image-big {
    width: 684px
}

main.company-documentation .content .image-big.dashboard {
    width: 782px
}

@media (min-width: 991px) {
    main.company-documentation .overlay {
        display: none !important
    }

    main.company-documentation .sidebar {
        width: 282px !important
    }
}

@media (max-width: 991px) {
    header.company-documentation .sidebar-menu {
        display: block
    }

    main.company-documentation .sidebar {
        padding-right: 0;
        padding-left: 0;
        width: 0;
        top: 0;
        left: 0
    }

    main.company-documentation .sidebar * {
        visibility: hidden
    }
}

@media (max-width: 575px) {
    main.company-documentation .content .author-name:after {
        content: none
    }
}

@media only screen and (max-width: 767px) {
    #bp_sm {
        display: block
    }
}

.monlix-extras-1-opened .company-image {
    width: 40px;
    height: 40px
}

.monlix-extras-1-opened .company-name {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    margin-left: 10px;
    margin-right: 24px
}

.monlix-extras-1-opened .company-hour {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #5a7184
}

.monlix-extras-1-opened .tips-image {
    width: 360px;
    height: 420px;
    background-size: cover;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    padding: 29px 24px
}

.monlix-extras-1-opened .tips-image .btn {
    line-height: 1.43;
    padding: 8px 18px;
    border-radius: 20px
}

.monlix-extras-1-opened .btn.btn-outline-success {
    border-radius: 2000px
}

.monlix-extras-1-opened .btn-white:hover {
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    opacity: 1
}

.monlix-extras-1-companies .section-title {
    width: 521px
}

.monlix-extras-1-companies .companies-carousel-container {
    margin-top: 42px;
    margin-left: -65px
}

.monlix-extras-1-companies .btn-container {
    margin-left: 708px;
    margin-bottom: 42px
}

.monlix-extras-1-companies .btn-container i:hover {
    color: #183b56 !important;
    border-color: #183b56 !important;
    cursor: pointer
}

.monlix-extras-1-companies .companies-image {
    width: 460px;
    height: 580px
}

.monlix-extras-1-companies .companies-carousel-item {
    padding: 0 15px
}

.monlix-extras-1-companies .companies-card {
    width: 270px;
    padding: 72px 33px 72px 34px
}

.monlix-extras-1-companies .companies-card hr {
    width: 61px;
    border: 4px solid rgba(90, 113, 132, .1);
    border-radius: 2px;
    margin-top: 31px;
    margin-bottom: 38px
}

.monlix-extras-1-companies .companies-card .companies-desc {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #5a7184
}

.monlix-extras-1-article .section-title {
    width: 457px
}

.monlix-extras-1-article .section-desc {
    width: 580px;
    margin-left: -10px
}

.monlix-extras-1-article .article-card {
    width: 555px;
    height: 140px;
    padding: 30px
}

.monlix-extras-1-article .card-title {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-extras-1-article .card-author {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #3eb683
}

.monlix-extras-1-article .card-author .text-opensans {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #5a7184
}

.monlix-extras-1-search {
    padding-top: 110px;
    padding-bottom: 205px
}

.monlix-extras-1-search .section-title span {
    color: #3db582;
    text-decoration: underline
}

.monlix-extras-1-search .section-title:after {
    font-family: Font Awesome\ 5 Free;
    content: "";
    color: #3db582;
    font-size: 24px
}

.monlix-extras-1-search .btn.btn-success {
    margin-top: 51px;
    border-radius: 4px
}

@media (max-width: 1199px) {
    .monlix-extras-1-companies .btn-container {
        margin-left: 450px
    }
}

@media (max-width: 991px) {
    header.monlix-extras-1 {
        background: #dff3fa
    }

    header.monlix-extras-1 .hero .form-group {
        position: absolute;
        bottom: -231px
    }

    header.monlix-extras-1 .hero .dropdown-content {
        left: 241px
    }

    header.monlix-extras-1 .hero .hero-image img {
        width: 680px;
        height: 450px;
        object-fit: cover;
        object-position: center bottom
    }

    .monlix-extras-1-popular {
        padding-top: 311px
    }

    .monlix-extras-1-popular .carousel-margin {
        padding: 8px
    }

    .monlix-extras-1-popular .job-card {
        width: 222px;
        padding: 30px 3px 18px 20px
    }

    .monlix-extras-1-popular .md-absolute {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .monlix-extras-1-opened > .container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .monlix-extras-1-opened .bg-transparent.rounded-4, .monlix-extras-1-opened .bg-white.rounded-4 {
        width: 320px
    }

    .monlix-extras-1-article > .container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .monlix-extras-1-companies .section-title {
        width: 373px
    }

    .monlix-extras-1-companies .companies-image {
        height: 504px
    }

    .monlix-extras-1-companies .btn-container {
        margin-left: 460px
    }
}

@media (max-width: 767px) {
    .monlix-extras-1-opened .bg-transparent.rounded-4, .monlix-extras-1-opened .bg-white.rounded-4 {
        width: 360px
    }
}

@media (max-width: 575px) {
    header.monlix-extras-1 .hero .form-group {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -277px
    }

    header.monlix-extras-1 .hero .hero-image img {
        height: 281px !important;
        width: 300px !important;
        object-position: center
    }

    .monlix-extras-1-popular {
        padding-top: 277px
    }

    .monlix-extras-1-popular .job-card {
        height: 204px;
        padding: 20px 14px 14px
    }

    .monlix-extras-1-opened .bg-transparent.rounded-4, .monlix-extras-1-opened .bg-white.rounded-4 {
        width: 290px
    }

    .monlix-extras-1-opened .bg-transparent.rounded-4 {
        padding-top: 38px;
        padding-bottom: 38px
    }

    .monlix-extras-1-article .article-card {
        width: 290px;
        padding: 20px 0 20px 18px
    }

    .monlix-extras-1-companies .xs-absolute {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .monlix-extras-1-companies .companies-image {
        width: 290px;
        height: 420px
    }
}

@media only screen and (min-width: 991px) {
    body.monlix-extras-1 #bp_desktop {
        display: block
    }
}

body.landing-saas-dashboard .section-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #183b56
}

body.landing-saas-dashboard .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

header.landing-saas-dashboard .hero {
    padding-top: 78px
}

header.landing-saas-dashboard .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    width: 557px
}

header.landing-saas-dashboard .hero .section-desc {
    width: 555px
}

header.landing-saas-dashboard .hero .hero-image {
    width: 1177px
}

header.landing-saas-dashboard .hero .hero-image img {
    margin-bottom: -480px;
    margin-left: -34px
}

header.landing-saas-dashboard .hero .btn-black:hover {
    color: #fff
}

.landing-saas-dashboard-partners {
    padding-top: 562px
}

.landing-saas-dashboard-partners .container {
    border-bottom: 1px solid #e3e7ed
}

.landing-saas-dashboard-partners .flex {
    padding: 0 15px
}

.page-market-research .advantage-text-container {
    width: 485px
}

.page-market-research .advantage-text-container .section-title {
    margin-right: 95px
}

.page-market-research .advantage-text-container .flex > div {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.page-market-research .advantage-image {
    width: 520px;
    height: 401px
}

.page-market-research .advantage-big-image {
    width: 945px;
    height: 384px
}

.page-market-research .flex-row-reverse img {
    margin-left: -40px
}

.page-market-research .dashed-borders {
    width: 485px;
    height: 1px;
    background-repeat: repeat-x;
    background-size: 9px 1px
}

.page-market-research .audience-activity-left {
    width: 419px
}

.page-market-research .audience-number {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #2ed47a
}

.page-market-research .audience-activity {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.landing-saas-dashboard-hashtag .container {
    border-bottom: 1px solid #e3e7ed
}

.landing-saas-dashboard-hashtag .section-desc {
    width: 616px
}

.landing-saas-dashboard-hashtag .bg-white {
    padding-top: 34px;
    padding-bottom: 48px
}

.landing-saas-dashboard-hashtag .hashtag-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.landing-saas-dashboard-hashtag .hashtag-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.landing-saas-dashboard-hashtag .col-md-6:first-child img {
    width: 358px;
    height: 251px;
    margin-bottom: 41px
}

.landing-saas-dashboard-hashtag .col-md-6:first-child .hashtag-desc {
    width: 321px
}

.landing-saas-dashboard-hashtag .col-md-6:nth-child(2) img {
    width: 320px;
    height: 246px;
    margin-bottom: 38px
}

.landing-saas-dashboard-hashtag .col-md-6:nth-child(2) .hashtag-desc {
    width: 357px
}

.landing-saas-dashboard-hashtag .col-md-6:nth-child(3) img {
    width: 378px;
    height: 273px;
    margin-bottom: 18px
}

.landing-saas-dashboard-hashtag .col-md-6:nth-child(3) .hashtag-desc {
    width: 340px
}

.landing-saas-dashboard-hashtag .col-md-6:last-child img {
    width: 385px;
    height: 262px;
    margin-bottom: 30px
}

.landing-saas-dashboard-hashtag .col-md-6:last-child .hashtag-desc {
    width: 342px
}

.landing-saas-dashboard-reviews .carousel-container {
    margin-left: 51px;
    margin-right: -149px
}

.landing-saas-dashboard-reviews .review-card-box {
    padding: 0 15px
}

.landing-saas-dashboard-reviews .review-card {
    width: 555px;
    border: 1px solid #e5eaf4;
    -webkit-box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05)
}

.landing-saas-dashboard-reviews img {
    width: 56px !important
}

.landing-saas-dashboard-reviews .star-gray {
    color: #e0e0e0
}

.landing-saas-dashboard-reviews .review-comment {
    font-size: 20px;
    line-height: 1.8;
    color: #183b56
}

.landing-saas-dashboard-reviews .review-author {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.landing-saas-dashboard-reviews .review-position {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #5a7184
}

.landing-saas-dashboard-reviews .btn-container i:hover {
    color: #183b56 !important;
    border-color: #183b56 !important;
    cursor: pointer
}

.landing-saas-dashboard-social {
    background-position: left 184px, right 144px;
    background-repeat: no-repeat;
    padding-top: 232px;
    padding-bottom: 207px
}

.landing-saas-dashboard-social .section-title {
    width: 464px
}

@media (min-width: 1080px) {
    .landing-saas-dashboard-social {
        background-position: -5% 184px, 105% 144px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .landing-saas-dashboard-social {
        background-size: 25%;
        background-position: left 184px, right 144px
    }
}

@media (max-width: 991px) {
    .landing-saas-dashboard-social {
        background-position: -35%, 135%
    }

    .landing-saas-dashboard-partners {
        padding-top: 333px
    }

    .page-market-research .md-absolute {
        bottom: 0
    }

    .page-market-research .advantage-big-image + div .flex {
        grid-gap: 56px;
        gap: 56px
    }

    .landing-saas-dashboard-hashtag .hashtag-desc {
        font-size: 10px
    }

    .landing-saas-dashboard-reviews .review-card {
        width: 388px
    }

    .landing-saas-dashboard-reviews .fa-star {
        font-size: 14px !important
    }

    .landing-saas-dashboard-reviews img {
        width: 39px !important
    }
}

@media (max-width: 935px) {
    .landing-saas-dashboard-social {
        background-position: -40%, 140%
    }
}

@media (max-width: 910px) {
    .landing-saas-dashboard-social {
        background-position: -50%, 150%
    }
}

@media (max-width: 860px) {
    .landing-saas-dashboard-social {
        background-position: -60%, 160%
    }
}

@media (max-width: 830px) {
    .landing-saas-dashboard-social {
        background-position: -70%, 170%
    }
}

@media (max-width: 790px) {
    .landing-saas-dashboard-social {
        background-position: -80%, 180%
    }
}

@media (max-width: 767px) {
    .sm-absolute {
        bottom: 0
    }

    .landing-saas-dashboard-hashtag .row {
        grid-row-gap: 30px;
        row-gap: 30px
    }

    .landing-saas-dashboard-social {
        background-position: -100%, 200%
    }
}

@media (max-width: 710px) {
    .landing-saas-dashboard-social {
        background-position: -120%, 220%
    }
}

@media (max-width: 670px) {
    .landing-saas-dashboard-social {
        background-position: -140%, 240%
    }
}

@media (max-width: 640px) {
    .landing-saas-dashboard-social {
        background-position: -160%, 260%
    }
}

@media (max-width: 620px) {
    .landing-saas-dashboard-social {
        background-position: -180%, 280%
    }
}

@media (max-width: 600px) {
    .landing-saas-dashboard-social {
        background-position: -200%, 300%
    }
}

@media (max-width: 580px) {
    .landing-saas-dashboard-social {
        background-position: -250%, 350%
    }
}

@media (max-width: 575px) {
    header.landing-saas-dashboard .hero-image img {
        margin-bottom: -40% !important
    }

    .landing-saas-dashboard-partners {
        padding-top: 50%
    }

    .landing-saas-dashboard-partners .flex {
        grid-row-gap: 33px;
        row-gap: 33px
    }

    .page-market-research .advantage-big-image + div .flex {
        grid-gap: 0;
        gap: 0
    }
}

@media (max-width: 546px) {
    .landing-saas-dashboard-social {
        background-position: -280%, 380%
    }
}

@media (max-width: 536px) {
    .landing-saas-dashboard-social {
        background-position: -310%, 410%
    }
}

@media (max-width: 521px) {
    .landing-saas-dashboard-social {
        background-position: -340%, 470%
    }
}

@media (max-width: 506px) {
    .landing-saas-dashboard-social {
        background-position: -370%, 530%;
        background-position: -410%, 570%
    }
}

@media (max-width: 491px) {
    .landing-saas-dashboard-social {
        background-position: -460%, 630%
    }
}

@media (max-width: 481px) {
    .landing-saas-dashboard-social {
        background-position: -530%, 720%
    }
}

@media (max-width: 471px) {
    .landing-saas-dashboard-social {
        background-position: -660%, 900%
    }
}

@media (max-width: 461px) {
    .landing-saas-dashboard-social {
        background-position: -730%, 990%
    }
}

@media (max-width: 456px) {
    .landing-saas-dashboard-social {
        background-position: -800%, 1100%
    }
}

@media (max-width: 326px) {
    .landing-saas-dashboard-social {
        background-position: 430% -20%, -315% 10%
    }
}

@media (min-width: 326px) and (max-width: 455px) {
    .landing-saas-dashboard-social {
        background-image: none
    }
}

body.landing-fashion .badge {
    border-radius: 2000px
}

body.landing-fashion .section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

body.landing-fashion .section-desc {
    font-size: 20px;
    line-height: 1.8;
    color: #5a7184
}

header.landing-fashion .hero .text-container {
    background-size: cover;
    padding: 62px 42px 36px 107px;
    margin-right: -70px;
    margin-left: -70px
}

header.landing-fashion .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56;
    margin-top: 33px;
    margin-right: 633px;
    margin-bottom: 28px
}

header.landing-fashion .hero .section-desc {
    margin-right: 530px
}

header.landing-fashion .hero .btn {
    line-height: unset;
    height: 56px;
    width: 233px;
    font-size: 18px
}

header.landing-fashion .hero .btn, header.landing-fashion .hero .image {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

header.landing-fashion .hero .image {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: .8px solid rgba(21, 101, 216, .2)
}

header.landing-fashion .hero img {
    width: 22px;
    height: 22px
}

header.landing-fashion .hero .leading-normal {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -24px;
    bottom: 106px
}

.landing-fashion-collection .column-gap {
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.landing-fashion-collection .row-gap {
    grid-row-gap: 30px;
    row-gap: 30px
}

.landing-fashion-collection .text-container {
    width: 392px
}

.landing-fashion-collection .collection-image {
    width: 320px
}

.landing-fashion-trending .filter-title {
    font-size: 18px;
    font-weight: 400;
    color: #5a7184
}

.landing-fashion-trending .filter-title:hover {
    cursor: pointer
}

.landing-fashion-trending .cards {
    margin: -25px -15px
}

.landing-fashion-trending .gap {
    padding: 25px 15px
}

.landing-fashion-trending .trending-image {
    width: 260px;
    height: 350px
}

.landing-fashion-trending .text-container {
    padding: 0 10px
}

.landing-fashion-trending .text-container i {
    line-height: 1.6;
    letter-spacing: .17px
}

.landing-fashion-trending .trending-card.bg-primary {
    width: 260px;
    height: 350px
}

.landing-fashion-trending .trending-card.bg-primary div {
    width: 112px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    text-align: center;
    color: #fff
}

.landing-fashion-trending .trending-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.landing-fashion-review .container {
    border-bottom: 1px solid #e5eaf4
}

.landing-fashion-review .review-card {
    padding: 0 170px
}

.landing-fashion-review .review {
    font-size: 20px;
    line-height: 2.1;
    letter-spacing: .13px;
    color: #183b56;
    font-family: hk_groteskregular, sans-serif
}

.landing-fashion-review .review-author {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.landing-fashion-review .owl-dots {
    text-align: center;
    line-height: normal;
    margin-top: 45px
}

.landing-fashion-review .owl-dot {
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #b3bac5 !important;
    margin: 0 8px;
    line-height: normal
}

.landing-fashion-review .owl-dot.active {
    background-color: #183b56 !important
}

.landing-fashion-subscription {
    margin-bottom: 95px
}

.landing-fashion-subscription .text-container {
    width: 485px
}

.landing-fashion-subscription .subscription-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #fff;
    margin-top: 14px
}

.landing-fashion-subscription .custom-form {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 447px;
    background-color: #fff;
    border-radius: 8px;
    padding: 4px;
    margin-top: 40px
}

.landing-fashion-subscription .custom-form div {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding-left: 16px;
    background-color: #fff
}

.landing-fashion-subscription .custom-form input {
    border: none;
    outline: none;
    padding-left: 12px;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #959ead
}

.landing-fashion-subscription .custom-form button {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 4px;
    line-height: unset;
    height: 48px;
    padding: 0 27px
}

.landing-fashion-story i:hover {
    color: #183b56 !important;
    border-color: #183b56 !important;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.landing-fashion-story .slick-slide {
    outline: none
}

.landing-fashion-story .story-container {
    margin-right: -10px
}

.landing-fashion-story .title-container {
    width: 374px
}

.landing-fashion-story .section-title {
    width: 287px
}

.landing-fashion-story .stories-container {
    width: 680px !important;
    padding: 0 9px
}

.landing-fashion-story .stories {
    margin: 0 -9px;
    padding-top: 10px
}

.landing-fashion-story .gap-x {
    padding: 0 9px
}

.landing-fashion-story .story-card {
    width: 322px
}

.landing-fashion-story .story-image {
    width: 312px;
    margin-bottom: -20px
}

.landing-fashion-story .text-container {
    width: 312px;
    height: 178px;
    background-color: #fafdff;
    position: relative;
    z-index: 1;
    padding: 20px 32px 20px 20px
}

.landing-fashion-story .card-text {
    font-size: 22px;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56;
    font-family: hk_grotesksemibold, sans-serif
}

@media (min-width: 991px) and (max-width: 1199px) {
    header.landing-fashion .hero .text-container {
        background-position-x: -215px
    }

    header.landing-fashion .hero .hero-title {
        margin-right: 401px
    }

    header.landing-fashion .hero .section-desc {
        margin-right: 430px
    }

    .landing-fashion-collection .text-container {
        width: 672px
    }

    .landing-fashion-story .title-container {
        width: 510px
    }

    .landing-fashion-story .section-title {
        width: unset
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    header.landing-fashion .hero .text-container {
        background-position-x: -257px;
        margin-right: -39px;
        margin-left: -38px;
        padding-top: 36px;
        padding-right: 17px;
        padding-left: 28px
    }

    header.landing-fashion .hero .hero-title {
        margin-right: 210px
    }

    header.landing-fashion .hero .section-desc {
        margin-right: 214px
    }

    header.landing-fashion .hero .btn {
        line-height: unset;
        height: 56px
    }

    header.landing-fashion .hero .leading-normal {
        right: -42px;
        bottom: 89px
    }

    .landing-fashion-collection .container {
        padding-right: 24px !important;
        padding-left: 24px !important
    }

    .landing-fashion-collection .text-container {
        width: 672px
    }

    .landing-fashion-trending .cards {
        margin: -24px
    }

    .landing-fashion-trending .gap {
        padding: 24px
    }

    .landing-fashion-trending .trending-card.bg-primary, .landing-fashion-trending .trending-image {
        width: 280px
    }

    .landing-fashion-review .owl-dots {
        margin-top: 36px
    }

    .landing-fashion-story .container {
        padding: 0 10px !important
    }

    .landing-fashion-story .title-container {
        width: 510px;
        text-align: center;
        margin: auto
    }

    .landing-fashion-story .section-title {
        width: unset
    }

    .landing-fashion-story .stories-container {
        width: 700px !important
    }

    .landing-fashion-story .story-card {
        width: 332px
    }

    .landing-fashion-story .story-image, .landing-fashion-story .text-container {
        width: 322px
    }

    .landing-fashion-subscription {
        background-position: 0 0, 100% 100%
    }

    .landing-fashion-subscription .form-group {
        width: 447px
    }

    .landing-fashion-subscription .form-group > .input-group .input-group-append > .btn {
        min-width: 143px
    }
}

@media (min-width: 575px) and (max-width: 767px) {
    header.landing-fashion .hero .container {
        max-width: 555px;
        padding: 0
    }

    header.landing-fashion .hero .text-container {
        margin: 0;
        background-position-x: -277px;
        padding-top: 36px;
        padding-right: 17px;
        padding-left: 28px
    }

    header.landing-fashion .hero .hero-title {
        margin-right: 64px
    }

    header.landing-fashion .hero .section-desc {
        margin-right: 68px
    }

    .landing-fashion-trending .cards {
        margin: -25px -10px
    }

    .landing-fashion-trending .gap {
        padding: 25px 10px
    }

    .landing-fashion-collection .text-container {
        width: 100%;
        text-align: center
    }

    .landing-fashion-collection .collection-image {
        height: 230px;
        border-radius: 8px
    }

    .landing-fashion-collection .collection-image img {
        height: 100%;
        width: unset;
        object-fit: cover;
        border-radius: 8px
    }

    .landing-fashion-story .title-container {
        width: 510px
    }

    .landing-fashion-story .section-title {
        width: unset
    }

    .landing-fashion-subscription {
        background-position: 0 0, 100% 100%
    }
}

@media (max-width: 575px) {
    body.landing-fashion .section-title {
        font-size: 28px
    }

    header.landing-fashion .hero .text-container {
        background-size: cover;
        background-position-x: -160px;
        text-align: center;
        margin: 0;
        padding: 381px 20px 40px
    }

    header.landing-fashion .hero .hero-title, header.landing-fashion .hero .section-desc {
        margin-right: 0
    }

    header.landing-fashion .hero .leading-normal {
        top: 95px;
        bottom: unset;
        right: -46px
    }

    header.landing-fashion .hero .image {
        width: 22px;
        height: 22px
    }

    header.landing-fashion .hero img {
        width: 15px;
        height: 15px
    }

    header.landing-fashion .hero .btn {
        height: 48px
    }

    .landing-fashion-collection .text-container {
        width: unset;
        text-align: center
    }

    .landing-fashion-collection .collection-image {
        height: 230px;
        border-radius: 8px
    }

    .landing-fashion-collection .collection-image img {
        height: 100%;
        width: unset;
        object-fit: cover;
        border-radius: 8px
    }

    .landing-fashion-collection .not-owl-carousel {
        display: none
    }

    .landing-fashion-trending .gap {
        padding: 12px 5px
    }

    .landing-fashion-trending .trending-card.bg-primary, .landing-fashion-trending .trending-image {
        width: 140px;
        height: 170px
    }

    .landing-fashion-trending .trending-card {
        position: relative
    }

    .landing-fashion-trending .trending-card a {
        position: absolute;
        bottom: 0;
        left: 45px
    }

    .landing-fashion-review .container {
        padding: 0 20px
    }

    .landing-fashion-review .owl-dots {
        margin-top: 24px
    }

    .landing-fashion-story .title-container {
        width: unset;
        text-align: center
    }

    .landing-fashion-story .section-title {
        width: unset
    }

    .landing-fashion-story .stories-container {
        width: unset !important
    }

    .landing-fashion-story .story-card {
        width: 280px
    }

    .landing-fashion-story .story-image {
        width: 270px
    }

    .landing-fashion-story .text-container {
        width: 270px;
        padding-right: 20px
    }

    .landing-fashion-story .stories {
        margin: -12px 0
    }

    .landing-fashion-story .gap-x {
        padding: 12px 0
    }

    .landing-fashion-subscription {
        background: none
    }

    .landing-fashion-subscription .custom-form {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        width: 100%;
        padding: 0;
        background-color: unset;
        margin-top: 36px
    }

    .landing-fashion-subscription .custom-form div {
        height: 48px;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        border-radius: 8px;
        margin-bottom: 10px;
        padding-left: 20px
    }

    .landing-fashion-subscription .custom-form button {
        border-radius: 8px
    }
}

@media (max-width: 370px) {
    .landing-fashion-collection .container {
        padding: 0 15px
    }

    .landing-fashion-collection .not-owl-carousel {
        display: -webkit-flex;
        display: -moz-box;
        display: flex
    }

    .landing-fashion-collection .owl-carousel {
        display: none !important
    }

    .landing-fashion-collection .collection-image {
        width: 290px;
        height: 300px
    }

    .landing-fashion-collection .collection-image img {
        width: 100%
    }

    .landing-fashion-collection .collection-image.small {
        width: 138px;
        height: 97px
    }
}

body.monlix-extras-2 #ukuran {
    position: fixed;
    top: 50%;
    font-size: 36px;
    color: red;
    right: 0;
    z-index: 9999
}

body.monlix-extras-2 .h-390 {
    height: 390px
}

body.monlix-extras-2 .h-190 {
    height: 190px
}

body.monlix-extras-2 .w-571 {
    width: 571px
}

body.monlix-extras-2 .w-457 {
    width: 457px
}

body.monlix-extras-2 .w-444 {
    width: 444px
}

body.monlix-extras-2 .w-340 {
    width: 340px
}

body.monlix-extras-2 .w-323 {
    width: 323px
}

body.monlix-extras-2 .w-273 {
    width: 273px;
    object-fit: none;
    border-radius: 8px
}

body.monlix-extras-2 .w-268 {
    width: 268px
}

body.monlix-extras-2 .w-254 {
    width: 254px
}

body.monlix-extras-2 .w-207 {
    width: 207px
}

body.monlix-extras-2 .w-108 {
    width: 108px
}

body.monlix-extras-2 .w-105 {
    width: 105px
}

body.monlix-extras-2 .w-56 {
    width: 56px !important
}

body.monlix-extras-2 .rounded-2000 {
    border-radius: 2000px
}

body.user-acq .gap {
    padding: 15px
}

body.monlix-extras-2 .gap-container {
    margin: -15px
}

body.monlix-extras-2 .badge {
    border-radius: 2000px
}

body.monlix-extras-2 .section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

body.monlix-extras-2 .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

body.monlix-extras-2 .section-desc.bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

header.monlix-extras-2 .hero .hero-desc {
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    color: #5a7184;
    margin-right: 206px;
    margin-left: 207px
}

header.monlix-extras-2 .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

header.monlix-extras-2 .hero .line {
    background-color: #00b8d9;
    width: 285px;
    height: 11px;
    left: 355px;
    bottom: 0;
    z-index: -1
}

header.monlix-extras-2 .hero .fluid {
    margin: 0 -89px
}

header.monlix-extras-2 .hero .to-bottom {
    margin-bottom: -211px
}

header.monlix-extras-2 .hero .to-bottom:first-child {
    margin-bottom: -139px
}

header.monlix-extras-2 .hero .gap.self-start {
    margin-left: -70px
}

.monlix-extras-2-introducing .container {
    border-bottom: 1px solid #e5eaf4
}

.monlix-extras-2-introducing .section-title {
    width: 332px
}

.monlix-extras-2-introducing .section-desc {
    width: 610px
}

.monlix-extras-2-gallery .gap-x {
    padding: 0 6px
}

.monlix-extras-2-gallery .btn {
    border-radius: 2000px
}

.monlix-extras-2-gallery .btn-outline-gray-light {
    color: #5a7184;
    border: 2px solid #b3bac5
}

.monlix-extras-2-gallery .galleries {
    margin-left: -310px;
    margin-right: -318px
}

.monlix-extras-2-gallery .slick-slide {
    outline: none
}

.page-user-acquisition .title-container {
    width: 750px
}

.page-user-acquisition .featured-card {
    width: 360px;
    height: auto;
    opacity: .9;
    border: 1px solid #e5eaf4;
    padding: 48px 40px 42px
}

.page-user-acquisition .featured-card:hover {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03)
}

.monlix-extras-2-step {
    background: -webkit-gradient(linear, left top, right top, color-stop(94.5%, #f9fbfe), color-stop(5.5%, #fff));
    background: -webkit-linear-gradient(left, #f9fbfe 94.5%, #fff 0);
    background: linear-gradient(90deg, #f9fbfe 94.5%, #fff 0)
}

.monlix-extras-2-step .w-457 {
    margin-left: 77px
}

.monlix-extras-2-step .w-340 {
    margin-top: -196px
}

.monlix-extras-2-step .number {
    border: 1px solid rgba(21, 101, 216, .18);
    border-radius: 50%;
    padding: 6px;
    display: inline-table
}

.monlix-extras-2-step .number div {
    width: 36px;
    height: 36px;
    -webkit-box-shadow: 0 10px 15px 0 rgba(21, 37, 71, .15);
    box-shadow: 0 10px 15px 0 rgba(21, 37, 71, .15);
    background-color: rgba(21, 101, 216, .9);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .9)
}

.monlix-extras-2-review .circle {
    width: 100px;
    height: 100px;
    background-color: #faad13;
    border-radius: 50%;
    padding-top: 19px;
    padding-left: 30px
}

.monlix-extras-2-review .section-title {
    width: 390px;
    margin-top: -33px;
    margin-left: 67px
}

.monlix-extras-2-review .arrow-container {
    width: 32px;
    height: 37px
}

.monlix-extras-2-review .fa-arrow-left, .monlix-extras-2-review .fa-arrow-right {
    color: #a9b5c0
}

.monlix-extras-2-review .fa-arrow-left:hover, .monlix-extras-2-review .fa-arrow-right:hover {
    color: #183b56;
    font-size: 36px !important
}

.monlix-extras-2-review .reviews {
    margin-left: 67px
}

.monlix-extras-2-review .owl-item.active > .gap-x {
    border-right: 1px solid #ebf0f4
}

.monlix-extras-2-review .owl-item.active + .owl-item.active > .gap-x {
    border-right: none
}

.monlix-extras-2-review .review-title {
    font-size: 24px;
    line-height: 1.67;
    letter-spacing: .16px;
    color: #183b56;
    font-family: hk_groteskregular, sans-serif;
    width: 458px
}

.monlix-extras-2-review .review-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    width: 427px
}

.monlix-extras-2-review .review-author {
    font-size: 18px;
    font-weight: 700;
    color: #183b56
}

.monlix-extras-2-review .gap-x {
    padding: 0 47px
}

.monlix-extras-2-review .gap-x-container {
    margin: 0 -47px
}

.monlix-extras-2-cp {
    padding-bottom: 93px
}

.monlix-extras-2-cp .container {
    border-bottom: 1px solid #253a4a
}

.monlix-extras-2-cp .section-title {
    width: 468px
}

.monlix-extras-2-cp .btn-white {
    width: 243px
}

.monlix-extras-2-cp .btn-outline-white {
    width: 182px
}

@media (max-width: 1330px) {
    .monlix-extras-2-step {
        background: #f9fbfe
    }

    .monlix-extras-2-step .mr-100 {
        margin-right: 60px
    }

    .monlix-extras-2-step .mr-16 {
        margin-right: 54px
    }

    .monlix-extras-2-step .mr-4px {
        margin-right: 44px
    }
}

@media (max-width: 1199px) {
    .w-444 {
        width: 400px !important
    }

    .w-323 {
        width: 290px !important
    }

    .w-254 {
        width: 229px !important
    }

    .w-207 {
        width: 186px !important
    }

    .w-571 {
        width: 457px !important
    }

    .w-273 {
        width: 218px !important
    }

    .w-268 {
        width: 214px !important
    }

    .h-390 {
        height: 312px !important
    }

    .h-190 {
        height: 152px !important
    }

    header.monlix-extras-2 .hero .line {
        left: 250px
    }
}

@media (max-width: 991px) {
    header.monlix-extras-2 .gap {
        padding: 13px
    }

    header.monlix-extras-2 .gap-container {
        margin-left: -284px;
        margin-right: -340px
    }

    header.monlix-extras-2 header.monlix-extras-2 .hero .line {
        bottom: -2px;
        left: 135px
    }

    .page-user-acquisition .featured-card {
        width: 340px;
        padding: 36px 30px
    }

    .monlix-extras-2-review .gap-x {
        width: 520px
    }

    .monlix-extras-2-review .circle {
        width: 90px;
        height: 90px
    }

    .monlix-extras-2-review .section-title {
        margin-top: -40px;
        margin-left: 58px
    }
}

@media (max-width: 767px) {
    .w-457 {
        width: 411px !important
    }

    .w-340 {
        width: 306px !important
    }

    header.monlix-extras-2 .hero .line {
        top: 48px;
        bottom: unset;
        left: 207px;
        width: 227px
    }

    .monlix-extras-2-review .sm-absolute {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .monlix-extras-2-review .circle {
        width: 70px;
        height: 70px
    }

    .monlix-extras-2-review .fa-quote-left {
        font-size: 28px !important
    }
}

@media (max-width: 742px) {
    .monlix-extras-2-gallery .galleries {
        margin: 0 -50px !important
    }

    .monlix-extras-2-partner .-sm-mx-128 {
        margin: 0 -80px !important
    }
}

@media (max-width: 700px) {
    .monlix-extras-2-gallery .galleries {
        margin: 0 -25px !important
    }
}

@media (max-width: 657px) {
    .monlix-extras-2-gallery .galleries {
        margin: 0 !important
    }

    .monlix-extras-2-partner .-sm-mx-128 {
        margin: 0 -30px !important
    }
}

@media (max-width: 575px) {
    header.monlix-extras-2 .hero .w-444 {
        width: 240px !important
    }

    header.monlix-extras-2 .hero .w-207 {
        width: 112px !important
    }

    header.monlix-extras-2 .hero .hero-title {
        width: 417px
    }

    header.monlix-extras-2 .hero .line {
        width: 153px;
        height: 6px;
        top: 32px;
        bottom: unset;
        left: 90px
    }

    .monlix-extras-2-introducing .container {
        border: none
    }

    .monlix-extras-2-introducing .container > div {
        border-bottom: 1px solid #e5eaf4
    }

    .monlix-extras-2-gallery .galleries {
        margin-right: -24px !important;
        margin-left: -10px !important
    }

    .monlix-extras-2-gallery img {
        width: 274px !important;
        height: 187px !important;
        object-fit: none;
        border-radius: 8px
    }

    .page-user-acquisition .featured-card {
        height: 264px
    }

    .monlix-extras-2-step .w-457 {
        width: 261px !important
    }

    .monlix-extras-2-step .w-340 {
        width: 165px !important
    }

    .monlix-extras-2-review .owl-item.active > .gap-x {
        border-right: none
    }

    .monlix-extras-2-review .fa-arrow-left, .monlix-extras-2-review .fa-arrow-right {
        font-size: 18px !important
    }

    .monlix-extras-2-review .fa-arrow-left:hover, .monlix-extras-2-review .fa-arrow-right:hover {
        font-size: 26px !important
    }

    .monlix-extras-2-review .section-title {
        margin-top: -14px
    }

    .monlix-extras-2-partner .-sm-mx-128 {
        margin-top: -16px !important;
        margin-bottom: -16px !important
    }
}

@media (max-width: 527px) {
    header.monlix-extras-2 .hero .gap-container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media (max-width: 482px) {
    .monlix-extras-2-step .section-title {
        margin-right: 210px !important
    }
}

@media (max-width: 454px) {
    header.monlix-extras-2 .hero .hero-title {
        width: 244px
    }

    .monlix-extras-2-step .section-title {
        margin-right: 182px !important
    }
}

@media (max-width: 420px) {
    .monlix-extras-2-step .section-title {
        margin-right: 148px !important
    }
}

@media (max-width: 400px) {
    header.monlix-extras-2 .hero .gap-container {
        margin-left: -64px !important;
        margin-right: -96px !important;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    header.monlix-extras-2 .hero .gap-container .gap:first-child, header.monlix-extras-2 .hero .gap-container .gap:nth-child(4) {
        display: none
    }

    header.monlix-extras-2 .hero .gap-container .gap:nth-child(5) {
        margin-left: 0
    }
}

@media (max-width: 386px) {
    .monlix-extras-2-step .section-title {
        margin-right: 48px !important
    }
}

@media (max-width: 365px) {
    header.monlix-extras-2 .hero .gap-container {
        margin-left: -16px !important
    }
}

body.monlix-expand .section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

body.monlix-expand .section-desc {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #5a7184
}

header.monlix-expand .hero {
    padding-top: 68px;
    padding-bottom: 60px
}

header.monlix-expand .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56;
    margin-top: 32px;
    margin-bottom: 36px
}

header.monlix-expand .hero .promo-point {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

header.monlix-expand .hero .promo-point:before {
    content: "\a";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #faad13;
    display: inline-block;
    margin-right: 12px
}

header.monlix-expand .hero .row-gap {
    grid-row-gap: 20px;
    row-gap: 20px
}

header.monlix-expand .hero .column-gap {
    grid-column-gap: 48px;
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px
}

header.monlix-expand .hero .custom-form {
    width: 576px;
    height: 68px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
    background-color: #fff;
    margin-top: 48px
}

header.monlix-expand .hero input {
    padding-left: 12px;
    border: none;
    outline: none;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    font-family: Quicksand, sans-serif;
    color: #b3bac5
}

header.monlix-expand .hero button {
    width: 167px;
    height: 48px;
    border-radius: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    background-color: #36b37e;
    border: none;
    color: #fff;
    font-family: Quicksand, sans-serif
}

header.monlix-expand .hero .form-group {
    width: 576px
}

header.monlix-expand .hero .form-control {
    padding-right: 18px;
    padding-left: 18px;
    height: unset
}

header.monlix-expand .hero .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

header.monlix-expand .hero .rounded-8 {
    border-radius: 8px
}

header.monlix-expand .hero .carousel {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: 88px
}

header.monlix-expand .hero .promo-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    width: 360px;
    height: 130px;
    padding-right: 30px
}

header.monlix-expand .hero .promo-card .flex:first-child {
    width: 135px
}

header.monlix-expand .hero .promo-card .flex:last-child {
    width: 195px
}

header.monlix-expand .hero .promo-card .text-opensans {
    font-size: 16px;
    font-weight: 600;
    color: #183b56
}

header.monlix-expand .hero .promo-card img {
    width: unset
}

header.monlix-expand .hero .loadbar-container {
    width: 360px;
    height: 3px;
    margin-top: 14px;
    border-radius: 6px;
    background-color: #fff
}

header.monlix-expand .hero .loadbar-container .loadbar {
    height: 3px;
    background-color: #2ed47a
}

.monlix-expand-recommendation {
    padding-top: 100px;
    padding-bottom: 80px
}

.monlix-expand-recommendation .section-title {
    font-size: 40px !important;
    margin-bottom: 12px
}

.monlix-expand-recommendation .section-desc {
    margin-top: 2px;
    margin-bottom: 10px
}

.monlix-expand-recommendation .recommendation-card {
    width: 262px;
    height: 412px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    border-radius: 8px;
    padding: 16px 16px 20px
}

.monlix-expand-recommendation .recommendation-card > img:hover {
    cursor: pointer
}

.monlix-expand-recommendation .recommendation-card.bg-white:hover {
    background-color: rgba(54, 179, 126, .1) !important
}

.monlix-expand-recommendation .recommendation-card.bg-white:hover a {
    background-color: #36b37e !important;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.monlix-expand-recommendation .item-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin-top: 43px
}

.monlix-expand-recommendation .item-price {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-recommendation .item-price span {
    color: #959ead
}

.monlix-expand-recommendation .gap {
    grid-gap: 30px;
    gap: 30px
}

.monlix-expand-recommendation .number {
    width: 34px;
    height: 26px
}

.monlix-expand-recommendation .bg-bright-red .item-name {
    margin-top: 10px
}

.monlix-expand-recommendation .bg-bright-red .image {
    margin: 36px 0
}

.monlix-expand-recommendation a {
    line-height: unset;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 48px;
    border-radius: 4px;
    font-family: Quicksand, sans-serif;
    font-weight: 700;
    margin-right: auto;
    margin-left: auto
}

.monlix-expand-recommendation a.bg-transparent {
    width: 206px;
    color: #36b37e
}

.monlix-expand-recommendation a.bg-white {
    width: 226px;
    color: #e95432
}

.monlix-expand-hot {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #fff), color-stop(20%, rgba(54, 179, 126, .1)));
    background: -webkit-linear-gradient(bottom, #fff 80%, rgba(54, 179, 126, .1) 0);
    background: linear-gradient(0deg, #fff 80%, rgba(54, 179, 126, .1) 0);
    padding-top: 64px;
    padding-bottom: 100px
}

.monlix-expand-hot .btn {
    border-radius: 4px
}

.monlix-expand-hot .carousel-button {
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #fff
}

.monlix-expand-hot .carousel-button:hover {
    cursor: pointer
}

.monlix-expand-hot .owl-item.active > .gap-x {
    border-right: 1px solid #eceef2
}

.monlix-expand-hot .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active > .gap-x {
    border-right: none
}

.monlix-expand-hot .gap-container {
    padding: 10px 16px;
    margin: 0 -10px;
    -webkit-box-shadow: 0 20px 94px 0 rgba(69, 69, 69, .06);
    box-shadow: 0 20px 94px 0 rgba(69, 69, 69, .06);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    background-color: #fff;
    border-radius: 8px
}

.monlix-expand-hot .gap-container .gap-x {
    padding: 0 10px
}

.monlix-expand-hot .item-card {
    width: 262px;
    height: 362px;
    padding: 34px 29px 30px
}

.monlix-expand-hot .item-card .item-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.monlix-expand-hot .item-card .item-desc {
    font-size: 16px;
    text-align: center;
    color: #959ead;
    margin-top: 5px;
    margin-bottom: 22px
}

.monlix-expand-hot .item-card .item-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    color: #36b37e
}

.monlix-expand-hot .category {
    grid-gap: 30px;
    gap: 30px;
    border-top: 1px solid #e3e7ed;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 100px
}

.monlix-expand-hot .category-card {
    width: 165px;
    height: 172px;
    padding: 32px 0;
    border: 1px solid #eceef2;
    border-radius: 8px;
    text-align: center
}

.monlix-expand-hot .category-card:hover {
    background-color: rgba(179, 186, 197, .1);
    cursor: pointer;
    border-color: transparent
}

.monlix-expand-hot .category-card .text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.monlix-expand-hot .column-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-hot .most-sold {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.monlix-expand-hot .grey-card {
    width: 360px;
    height: 96px;
    background-color: rgba(179, 186, 197, .1);
    border-radius: 8px;
    margin-bottom: 20px
}

.monlix-expand-hot .grey-card, .monlix-expand-hot .grey-card .image-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.monlix-expand-hot .grey-card .image-container {
    width: 108px;
    padding-right: 22px;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.monlix-expand-hot .grey-card .item-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-hot .grey-card .fa-star {
    color: #ffc200
}

.monlix-expand-hot .grey-card .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b3bac5
}

.monlix-expand-hot .grey-card img {
    width: unset !important
}

.monlix-expand-hot .detail {
    width: 360px;
    height: 48px;
    padding: 13px 22px 13px 24px
}

.monlix-expand-hot .detail .text {
    font-size: 16px;
    font-weight: 700;
    color: #36b37e
}

.monlix-expand-hot .detail:hover {
    cursor: pointer
}

.monlix-expand-blog .container {
    border-top: 1px solid #e3e7ed;
    padding-top: 160px;
    padding-bottom: 80px
}

.monlix-expand-blog .section-title {
    margin-left: 16px
}

.monlix-expand-blog .section-desc {
    margin-top: 10px;
    margin-bottom: 56px
}

.monlix-expand-blog .blog-card {
    width: 360px;
    height: 342px;
    padding: 18px 18px 20px;
    background-color: rgba(179, 186, 197, .1);
    border-radius: 8px
}

.monlix-expand-blog .blog-card .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-expand-blog .blog-card .desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184;
    margin-top: 10px;
    margin-bottom: 22px
}

.monlix-expand-blog .blog-card .text {
    font-size: 16px;
    font-weight: 700;
    color: #36b37e
}

.monlix-expand-blog .blog-card > .flex:hover {
    cursor: pointer
}

.monlix-expand-blog .image {
    width: 324px;
    height: 156px;
    border-radius: 8px;
    padding: 16px;
    text-align: right;
    margin-bottom: 22px
}

.monlix-expand-blog .image img:hover {
    cursor: pointer
}

.monlix-expand-blog .column-gap {
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.monlix-expand-promo {
    padding-top: 40px;
    background-color: #faad13
}

.monlix-expand-promo .image {
    margin-right: 124px
}

.monlix-expand-promo .text {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 44px
}

.monlix-expand-promo .column-gap {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.monlix-expand-promo .column-gap img:hover {
    cursor: pointer
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.monlix-expand .hero {
        padding-top: 36px;
        padding-bottom: 30px
    }

    header.monlix-expand .hero .container {
        max-width: 728px;
        padding: 0 !important
    }

    header.monlix-expand .hero .hero-title {
        font-size: 48px;
        padding: 0 113px;
        margin-bottom: 30px
    }

    header.monlix-expand .hero .column-gap {
        grid-column-gap: 36px;
        -webkit-column-gap: 36px;
        -moz-column-gap: 36px;
        column-gap: 36px
    }

    header.monlix-expand .hero .custom-form {
        margin: 48px auto 64px
    }

    header.monlix-expand .hero .hero-image {
        width: 393px;
        margin: auto
    }

    header.monlix-expand .hero .carousel {
        margin-top: 64px
    }

    .monlix-expand-recommendation {
        padding-top: 80px
    }

    .monlix-expand-recommendation .container {
        max-width: 700px;
        padding: 0 !important
    }

    .monlix-expand-recommendation .section-title {
        font-size: 28px !important;
        margin-bottom: 15px
    }

    .monlix-expand-recommendation .section-desc {
        margin: 0
    }

    .monlix-expand-recommendation .gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .monlix-expand-recommendation .recommendation-card {
        width: 220px;
        height: 379px
    }

    .monlix-expand-recommendation .item-name {
        font-size: 18px;
        margin-top: 30px
    }

    .monlix-expand-recommendation .bg-bright-red {
        height: 355px;
        padding-bottom: 0
    }

    .monlix-expand-recommendation .bg-bright-red .item-name {
        margin-top: 11px;
        margin-bottom: 17px
    }

    .monlix-expand-recommendation .bg-bright-red .image {
        margin: 36px auto 47px;
        width: 148px
    }

    .monlix-expand-recommendation a.bg-transparent {
        width: 180px
    }

    .monlix-expand-recommendation a.bg-white {
        width: 176px;
        margin-bottom: -24px
    }

    .monlix-expand-hot {
        padding-top: 40px;
        padding-bottom: 56px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(82%, #fff), color-stop(18%, rgba(54, 179, 126, .1)));
        background: -webkit-linear-gradient(bottom, #fff 82%, rgba(54, 179, 126, .1) 0);
        background: linear-gradient(0deg, #fff 82%, rgba(54, 179, 126, .1) 0)
    }

    .monlix-expand-hot .container {
        max-width: 732px;
        padding: 0 !important
    }

    .monlix-expand-hot .carousel-button {
        width: 56px;
        height: 56px
    }

    .monlix-expand-hot .gap-container {
        margin: 0;
        padding: 10px
    }

    .monlix-expand-hot .item-card {
        width: 220px;
        height: 350px;
        padding-top: 59px;
        padding-right: 18px;
        padding-left: 18px
    }

    .monlix-expand-hot .item-card .item-name {
        font-size: 18px
    }

    .monlix-expand-hot .item-card .item-desc {
        margin-bottom: 26px
    }

    .monlix-expand-hot .owl-item.active + .owl-item.active + .owl-item.active > .gap-x {
        border: none
    }

    .monlix-expand-hot .category {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-column-gap: 25px;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        grid-row-gap: 20px;
        row-gap: 20px;
        margin-top: 56px;
        padding-top: 56px;
        padding-bottom: 80px
    }

    .monlix-expand-hot .category-card {
        width: 145px;
        height: 162px
    }

    .monlix-expand-hot .detail, .monlix-expand-hot .grey-card {
        width: 320px
    }

    .monlix-expand-blog .container {
        padding-top: 112px;
        padding-bottom: 64px
    }

    .monlix-expand-blog .section-desc {
        margin-bottom: 48px
    }

    .monlix-expand-blog .column-gap {
        grid-column-gap: 24px;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .monlix-expand-blog .blog-card {
        width: 340px
    }

    .monlix-expand-blog .image {
        width: 304px
    }

    .monlix-expand-promo {
        padding-top: 50px
    }

    .monlix-expand-promo .text {
        text-align: center;
        margin-top: 0;
        margin-bottom: 42px
    }

    .monlix-expand-promo .image {
        width: 450px;
        height: 247px;
        object-fit: cover;
        object-position: top;
        margin: 62px auto auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.monlix-expand .hero {
        padding-top: 36px;
        padding-bottom: 30px
    }

    header.monlix-expand .hero .container {
        max-width: 728px;
        padding: 0 !important
    }

    header.monlix-expand .hero .hero-title {
        font-size: 48px;
        padding: 0 113px;
        margin-bottom: 30px
    }

    header.monlix-expand .hero .column-gap {
        grid-column-gap: 36px;
        -webkit-column-gap: 36px;
        -moz-column-gap: 36px;
        column-gap: 36px
    }

    header.monlix-expand .hero .custom-form {
        margin: 48px auto 64px
    }

    header.monlix-expand .hero .hero-image {
        width: 393px;
        margin: auto
    }

    header.monlix-expand .hero .carousel {
        margin-top: 64px
    }

    .monlix-expand-recommendation {
        padding-top: 80px
    }

    .monlix-expand-recommendation .container {
        max-width: 700px;
        padding: 0 !important
    }

    .monlix-expand-recommendation .section-title {
        font-size: 28px !important;
        margin-bottom: 15px
    }

    .monlix-expand-recommendation .section-desc {
        margin: 0
    }

    .monlix-expand-recommendation .gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .monlix-expand-recommendation .recommendation-card {
        width: 220px;
        height: 379px
    }

    .monlix-expand-recommendation .item-name {
        font-size: 18px;
        margin-top: 30px
    }

    .monlix-expand-recommendation .bg-bright-red {
        height: 355px;
        padding-bottom: 0
    }

    .monlix-expand-recommendation .bg-bright-red .item-name {
        margin-top: 11px;
        margin-bottom: 17px
    }

    .monlix-expand-recommendation .bg-bright-red .image {
        margin: 36px auto 47px;
        width: 148px
    }

    .monlix-expand-recommendation a.bg-transparent {
        width: 180px
    }

    .monlix-expand-recommendation a.bg-white {
        width: 176px;
        margin-bottom: -24px
    }

    .monlix-expand-hot {
        padding-top: 40px;
        padding-bottom: 56px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(82%, #fff), color-stop(18%, rgba(54, 179, 126, .1)));
        background: -webkit-linear-gradient(bottom, #fff 82%, rgba(54, 179, 126, .1) 0);
        background: linear-gradient(0deg, #fff 82%, rgba(54, 179, 126, .1) 0)
    }

    .monlix-expand-hot .container {
        max-width: 732px;
        padding: 0 !important
    }

    .monlix-expand-hot .carousel-button {
        width: 56px;
        height: 56px
    }

    .monlix-expand-hot .gap-container {
        margin: 0;
        padding: 10px
    }

    .monlix-expand-hot .item-card {
        width: 220px;
        height: 350px;
        padding-top: 59px;
        padding-right: 18px;
        padding-left: 18px
    }

    .monlix-expand-hot .item-card .item-name {
        font-size: 18px
    }

    .monlix-expand-hot .item-card .item-desc {
        margin-bottom: 26px
    }

    .monlix-expand-hot .owl-item.active + .owl-item.active + .owl-item.active > .gap-x {
        border: none
    }

    .monlix-expand-hot .category {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-column-gap: 25px;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        grid-row-gap: 20px;
        row-gap: 20px;
        margin-top: 56px;
        padding-top: 56px;
        padding-bottom: 80px
    }

    .monlix-expand-hot .category-card {
        width: 145px;
        height: 162px
    }

    .monlix-expand-hot .most-sold {
        margin-left: 36px
    }

    .monlix-expand-hot .detail, .monlix-expand-hot .grey-card {
        width: 320px
    }

    .monlix-expand-blog .container {
        padding-top: 112px;
        padding-bottom: 64px
    }

    .monlix-expand-blog .section-desc {
        margin-bottom: 48px
    }

    .monlix-expand-blog .column-gap {
        grid-column-gap: 24px;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .monlix-expand-blog .blog-card {
        width: 340px
    }

    .monlix-expand-blog .image {
        width: 304px
    }

    .monlix-expand-promo {
        padding-top: 50px
    }

    .monlix-expand-promo .text {
        text-align: center;
        margin-top: 0;
        margin-bottom: 42px
    }

    .monlix-expand-promo .image {
        width: 450px;
        height: 247px;
        object-fit: cover;
        object-position: top;
        margin: 62px auto auto
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header.monlix-expand .hero {
        padding-top: 36px;
        padding-bottom: 30px
    }

    header.monlix-expand .hero .container {
        max-width: 540px;
        padding: 0 !important
    }

    header.monlix-expand .hero .hero-title {
        font-size: 48px;
        padding: 0 69px;
        margin-bottom: 30px
    }

    header.monlix-expand .hero .column-gap {
        grid-column-gap: 36px;
        -webkit-column-gap: 36px;
        -moz-column-gap: 36px;
        column-gap: 36px
    }

    header.monlix-expand .hero .custom-form {
        width: 540px;
        margin: 48px auto 64px
    }

    header.monlix-expand .hero .hero-image {
        width: 393px;
        margin: auto
    }

    header.monlix-expand .hero .carousel {
        margin-top: 64px;
        margin-left: 18px
    }

    .monlix-expand-recommendation {
        padding-top: 80px
    }

    .monlix-expand-recommendation .container {
        max-width: 540px;
        padding: 0 !important
    }

    .monlix-expand-recommendation .section-title {
        font-size: 28px !important;
        margin-bottom: 15px
    }

    .monlix-expand-recommendation .section-desc {
        margin: 0
    }

    .monlix-expand-recommendation .gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .monlix-expand-recommendation .recommendation-card {
        width: 220px;
        height: 379px
    }

    .monlix-expand-recommendation .item-name {
        font-size: 18px;
        margin-top: 30px
    }

    .monlix-expand-recommendation .bg-bright-red {
        height: 355px;
        padding-bottom: 0
    }

    .monlix-expand-recommendation .bg-bright-red .item-name {
        margin-top: 11px;
        margin-bottom: 17px
    }

    .monlix-expand-recommendation .bg-bright-red .image {
        margin: 36px auto 47px;
        width: 148px
    }

    .monlix-expand-recommendation a.bg-transparent {
        width: 180px
    }

    .monlix-expand-recommendation a.bg-white {
        width: 176px;
        margin-bottom: -24px
    }

    .monlix-expand-hot {
        padding-top: 40px;
        padding-bottom: 56px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(82%, #fff), color-stop(18%, rgba(54, 179, 126, .1)));
        background: -webkit-linear-gradient(bottom, #fff 82%, rgba(54, 179, 126, .1) 0);
        background: linear-gradient(0deg, #fff 82%, rgba(54, 179, 126, .1) 0)
    }

    .monlix-expand-hot .container {
        max-width: 536px;
        padding: 0 !important
    }

    .monlix-expand-hot .carousel-button {
        width: 56px;
        height: 56px
    }

    .monlix-expand-hot .gap-container {
        margin: 0;
        padding: 10px
    }

    .monlix-expand-hot .item-card {
        width: 220px;
        height: 350px;
        padding-top: 59px;
        padding-right: 18px;
        padding-left: 18px
    }

    .monlix-expand-hot .item-card .item-name {
        font-size: 18px
    }

    .monlix-expand-hot .item-card .item-desc {
        margin-bottom: 26px
    }

    .monlix-expand-hot .owl-item.active + .owl-item.active > .gap-x {
        border: none
    }

    .monlix-expand-hot .category {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-column-gap: 25px;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        grid-row-gap: 20px;
        row-gap: 20px;
        margin-top: 56px;
        padding-top: 56px;
        padding-bottom: 80px
    }

    .monlix-expand-hot .category-card {
        width: 145px;
        height: 162px
    }

    .monlix-expand-hot .most-sold {
        margin-left: 36px
    }

    .monlix-expand-hot .detail, .monlix-expand-hot .grey-card {
        width: 320px
    }

    .monlix-expand-blog .container {
        padding-top: 112px;
        padding-bottom: 64px
    }

    .monlix-expand-blog .section-desc {
        margin-bottom: 48px
    }

    .monlix-expand-blog .column-gap {
        grid-column-gap: 24px;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .monlix-expand-blog .blog-card {
        width: 340px
    }

    .monlix-expand-blog .image {
        width: 304px
    }

    .monlix-expand-promo {
        padding-top: 50px
    }

    .monlix-expand-promo .container {
        max-width: 540px;
        padding: 0
    }

    .monlix-expand-promo .text {
        text-align: center;
        margin-top: 0;
        margin-bottom: 42px
    }

    .monlix-expand-promo .image {
        width: 450px;
        height: 247px;
        object-fit: cover;
        object-position: top;
        margin: 62px auto auto
    }
}

@media (max-width: 575px) {
    header.monlix-expand .hero {
        padding-top: 30px;
        padding-bottom: 36px
    }

    header.monlix-expand .hero .container {
        max-width: 320px;
        padding: 0
    }

    header.monlix-expand .hero .brand {
        width: 104px
    }

    header.monlix-expand .hero .hero-title {
        font-size: 32px;
        margin-top: 24px;
        margin-bottom: 20px
    }

    header.monlix-expand .hero .column-gap, header.monlix-expand .hero .row-gap {
        grid-row-gap: 14px;
        row-gap: 14px
    }

    header.monlix-expand .hero .promo-point {
        font-size: 16px
    }

    header.monlix-expand .hero .custom-form {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        width: 280px;
        height: unset;
        padding: 8px;
        margin: 24px auto 38px
    }

    header.monlix-expand .hero input {
        width: 100%;
        padding-top: 7px;
        padding-bottom: 15px;
        padding-left: 12px
    }

    header.monlix-expand .hero button {
        width: 264px;
        height: 40px
    }

    header.monlix-expand .hero .hero-image {
        width: 280px;
        margin: auto
    }

    header.monlix-expand .hero .carousel {
        margin-top: 48px
    }

    header.monlix-expand .hero .promo-card {
        width: 270px;
        height: 100px;
        padding-right: 0
    }

    header.monlix-expand .hero .promo-card .flex:first-child {
        width: 81px
    }

    header.monlix-expand .hero .promo-card .flex:last-child {
        width: 173px
    }

    header.monlix-expand .hero .image {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    header.monlix-expand .hero .loadbar-container {
        margin-top: 10px;
        width: 270px
    }

    .monlix-expand-recommendation {
        padding-top: 65px;
        padding-bottom: 72px
    }

    .monlix-expand-recommendation .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-expand-recommendation .section-title {
        font-size: 28px !important;
        margin-bottom: 14px
    }

    .monlix-expand-recommendation .section-desc {
        margin: 0
    }

    .monlix-expand-recommendation .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .monlix-expand-recommendation .recommendation-card {
        width: 280px;
        height: 384px
    }

    .monlix-expand-recommendation .recommendation-card.bg-bright-red {
        height: 389px
    }

    .monlix-expand-recommendation .item-name {
        font-size: 18px;
        margin-top: 22px
    }

    .monlix-expand-recommendation .bg-bright-red .image {
        width: 165px;
        margin: 27px auto 37px
    }

    .monlix-expand-recommendation a {
        height: 40px
    }

    .monlix-expand-hot {
        padding-top: 32px;
        padding-bottom: 52px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(92%, #fff), color-stop(18%, rgba(54, 179, 126, .1)));
        background: -webkit-linear-gradient(bottom, #fff 92%, rgba(54, 179, 126, .1) 0);
        background: linear-gradient(0deg, #fff 92%, rgba(54, 179, 126, .1) 0)
    }

    .monlix-expand-hot .container {
        max-width: 300px;
        padding: 0
    }

    .monlix-expand-hot .gap-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 0 10px;
        margin: 0;
        background-color: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border-radius: unset
    }

    .monlix-expand-hot .gap-container .gap-x {
        padding: 10px 0;
        border-bottom: 1px solid #eceef2
    }

    .monlix-expand-hot .gap-container .gap-x:last-child {
        border-bottom: none
    }

    .monlix-expand-hot .item-card {
        width: 280px;
        height: 315px;
        padding: 36px 47px 19px 48px
    }

    .monlix-expand-hot .item-card .item-name {
        font-size: 18px
    }

    .monlix-expand-hot .item-card .item-desc {
        margin-top: 8px;
        margin-bottom: 18px
    }

    .monlix-expand-hot .carousel-button {
        top: unset;
        right: unset;
        position: unset;
        -webkit-transform: unset;
        transform: unset;
        margin-top: 5px
    }

    .monlix-expand-hot .relative {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-box-shadow: 0 20px 94px 0 rgba(69, 69, 69, .06);
        box-shadow: 0 20px 94px 0 rgba(69, 69, 69, .06);
        background-color: #fff;
        border-radius: 8px;
        padding-bottom: 36px
    }

    .monlix-expand-hot .category {
        grid-gap: 20px;
        gap: 20px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-top: 36px;
        padding: 64px 0
    }

    .monlix-expand-hot .category-card {
        width: 125px;
        height: 160px
    }

    .monlix-expand-hot .most-sold {
        margin-left: 10px
    }

    .monlix-expand-hot .grey-card {
        width: 260px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        margin-bottom: 15px;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .monlix-expand-hot .grey-card .image-container {
        width: 100%;
        height: 66px;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        padding-right: 0;
        margin-bottom: 10px
    }

    .monlix-expand-hot .detail {
        width: 260px;
        margin-top: 5px
    }

    .monlix-expand-hot .btn-success {
        width: 260px;
        margin: 36px auto auto
    }

    .monlix-expand-blog .container {
        max-width: 280px;
        padding: 100px 0 36px
    }

    .monlix-expand-blog .section-title {
        font-size: 28px !important;
        margin-left: 8px
    }

    .monlix-expand-blog .section-desc {
        margin-top: 13px;
        margin-bottom: 30px
    }

    .monlix-expand-blog .column-gap {
        grid-row-gap: 18px;
        row-gap: 18px
    }

    .monlix-expand-blog .blog-card {
        width: 280px;
        height: 303px;
        padding: 15px 15px 20px
    }

    .monlix-expand-blog .blog-card .title {
        font-size: 18px
    }

    .monlix-expand-blog .image {
        width: 250px;
        height: 126px;
        padding: 14px;
        margin-bottom: 16px
    }

    .monlix-expand-promo {
        padding-top: 36px
    }

    .monlix-expand-promo .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-expand-promo .text {
        font-size: 24px;
        text-align: center;
        margin: 0 0 20px
    }

    .monlix-expand-promo .image {
        margin: 36px 0 0
    }

    .monlix-expand-promo .column-gap {
        grid-column-gap: 13px;
        -webkit-column-gap: 13px;
        -moz-column-gap: 13px;
        column-gap: 13px
    }
}

@media (min-width: 576px) {
    body.monlix-expand #bp_desktop {
        display: block
    }
}

@media (max-width: 1199px) {
    body.monlix-expand #bp_tablet {
        display: block
    }
}

body.landing-saas1 .section-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

body.landing-saas1 .section-desc {
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #5a7184
}

header.landing-saas1 .hero .hero-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #fff
}

header.landing-saas1 .hero .hero-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #fafafb
}

header.landing-saas1 .hero .form-group {
    width: 457px
}

header.landing-saas1 .hero .form-group button, header.landing-saas1 .hero .form-group input {
    height: 46px
}

header.landing-saas1 .hero .form-group button {
    border-radius: 4px
}

.landing-saas1-solution .text-container {
    width: 690px
}

.landing-saas1-solution .gap {
    grid-gap: 140px;
    gap: 140px
}

.landing-saas1-solution .solution-card {
    width: 255px
}

.landing-saas1-solution .solution-card .image {
    height: 247px;
    text-align: center
}

.landing-saas1-solution .solution-card .image img {
    height: 100%
}

.landing-saas1-solution .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.landing-saas1-solution .desc {
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #5a7184
}

.landing-saas1-hiw > .container {
    border-top: 1px solid #e3e7ed;
    border-bottom: 1px solid #e3e7ed
}

.landing-saas1-hiw .hiw-card {
    width: 878px;
    height: 510px;
    border: 1px solid #eceef2;
    padding-top: 50px;
    padding-right: 98px;
    padding-bottom: 63px
}

.landing-saas1-hiw .image {
    width: 555px;
    height: 440px;
    margin-left: -262px
}

.landing-saas1-hiw .text-container {
    width: 427px
}

.landing-saas1-hiw .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    color: #183b56
}

.landing-saas1-hiw .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.monlix-index-1 .text-container {
    width: 690px
}

.monlix-index-1 .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-index-1 .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.monlix-index-1 .btn {
    border-radius: 0
}

.monlix-index-1 .image {
    width: 38px;
    height: 38px;
    margin-right: 25px
}

.monlix-index-1 .row-gap {
    grid-row-gap: 120px;
    row-gap: 120px
}

.monlix-index-1 .tracking-card {
    width: 533px;
    max-width: 100%;
    height: 125px;
    padding: 20px 36px 20px 25px;
    border: 1px solid #eceef2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.monlix-index-1 .tracking-card .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-index-1 .tracking-card .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.monlix-index-1 .tracking-card:hover {
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    border-color: transparent
}

.monlix-index-1 .checklist.gap {
    grid-gap: 30px;
    gap: 30px
}

.monlix-index-1 .checklist.gap > div {
    padding: 22px 20px 22px 24px;
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06)
}

.monlix-index-1 .gap {
    grid-gap: 20px;
    gap: 20px
}

.landing-saas1-review {
    height: 730px
}

.landing-saas1-review .gap {
    position: relative;
    grid-gap: 30px;
    gap: 30px;
    width: 1910px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.landing-saas1-review .review-card {
    width: 455px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 27px 30px 30px
}

.landing-saas1-review .review-card:nth-child(5), .landing-saas1-review .review-card:nth-child(6), .landing-saas1-review .review-card:nth-child(7), .landing-saas1-review .review-card:nth-child(8) {
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06)
}

.landing-saas1-review .review-card:nth-child(5) {
    margin-top: -14px
}

.landing-saas1-review .review-card:last-child {
    margin-top: -54px
}

.landing-saas1-review .name {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.landing-saas1-review .place {
    font-size: 14px;
    line-height: 1.43;
    color: #5a7184
}

.landing-saas1-review .review {
    font-size: 16px;
    line-height: 1.69;
    color: #183b56
}

.landing-saas1-book {
    padding-top: 231px
}

.landing-saas1-book .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #fff
}

.landing-saas1-book .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #fff
}

.landing-saas1-book .btn-container {
    grid-gap: 30px;
    gap: 30px
}

.landing-saas1-book .btn {
    border-radius: 2000px
}

@media (max-width: 1199px) {
    body {
        content: "aawww5"
    }
}

@media (max-width: 991px) {
    header.landing-saas1 .hero {
        padding-top: 26px;
        padding-bottom: 50px
    }

    header.landing-saas1 .hero .hero-title {
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        width: 100%
    }

    header.landing-saas1 .content {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        margin-bottom: 72px
    }

    header.landing-saas1 .content .illustration {
        max-width: 640px;
        width: 100%;
        margin: 0
    }

    header.landing-saas1 .content-text {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 72px;
        max-width: 505px;
        width: 100%
    }

    header.landing-saas1 .form-submit-email {
        margin-left: auto;
        margin-right: auto
    }

    header.landing-saas1 .logos .item {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        height: 23px;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        flex: 1 1
    }

    header.landing-saas1 .logos img {
        margin: 0 20px;
        max-width: 100%;
        max-height: 100%
    }

    .landing-saas1-solution {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .landing-saas1-solution .text-container {
        max-width: 100%
    }

    .landing-saas1-solution .text-container .section-title {
        max-width: 394px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        font-size: 32px
    }

    .landing-saas1-solution .gap {
        grid-gap: initial;
        gap: initial
    }

    .landing-saas1-solution .solution-card-list {
        margin-left: -40px;
        margin-right: -40px
    }

    .landing-saas1-solution .title {
        font-size: 20px
    }

    .landing-saas1-solution .desc {
        max-width: 185px;
        margin: auto
    }

    .landing-saas1-solution .solution-card {
        max-width: 232px
    }

    .landing-saas1-solution .solution-card .image {
        height: 180px
    }

    .landing-saas1-hiw > .container {
        padding-top: 64px;
        padding-bottom: 70px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .landing-saas1-hiw > .container {
        padding-right: 0 !important
    }
}

@media (max-width: 991px) {
    .landing-saas1-hiw .text-success {
        margin-top: 30px;
        margin-bottom: 22px
    }

    .landing-saas1-hiw .title {
        font-size: 32px;
        line-height: 1.25
    }

    .landing-saas1-hiw .desc {
        margin-top: 18px;
        margin-bottom: 24px;
        margin-right: 0;
        font-size: 16px;
        line-height: 1.75
    }

    .landing-saas1-hiw .image {
        width: 318px;
        min-width: 318px;
        height: 410px;
        border-radius: 12px;
        margin-left: -160px
    }

    .landing-saas1-hiw .hiw-card {
        width: 536px;
        min-width: 536px;
        padding-top: 30px;
        padding-right: 40px;
        padding-bottom: 20px;
        height: auto
    }

    .landing-saas1-hiw .text-container {
        margin-left: 45px
    }

    .monlix-index-1 {
        padding-top: 75px
    }

    .monlix-index-1 .title {
        font-size: 28px;
        line-height: 1.29
    }

    .monlix-index-1 .text-container {
        max-width: 100%
    }

    .monlix-index-1 .text-container .section-title {
        font-size: 32px;
        line-height: 1.25;
        max-width: 398px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0
    }

    .monlix-index-1 .text-container .section-desc {
        font-size: 16px;
        line-height: 1.75;
        max-width: 535px;
        margin: 24px auto 72px
    }

    .monlix-index-1 .illustration {
        max-width: 100%
    }

    .monlix-index-1 .monlix-why {
        grid-row-gap: 48px;
        row-gap: 48px;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse;
        text-align: center
    }

    .monlix-index-1 .monlix-why .illustration {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .monlix-index-1 .monlix-index-2 {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center
    }

    .monlix-index-1 .monlix-index-2 .inner-text {
        margin: 0
    }

    .monlix-index-1 .monlix-index-2 .tracking-cards {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 0;
        gap: 0;
        margin: 0 -10px
    }

    .monlix-index-1 .monlix-index-2 .tracking-card-col {
        width: 33.333%;
        -webkit-flex: 0 0 33.333%;
        -moz-box-flex: 0;
        flex: 0 0 33.333%;
        padding: 0 10px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .monlix-index-1 .monlix-index-2 .tracking-card {
        text-align: left;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 20px;
        gap: 20px;
        height: 100%;
        padding: 20px 30px 20px 20px
    }

    .monlix-index-1 .monlix-index-2 .tracking-card .image {
        width: 22px;
        height: 22px;
        margin: 0
    }

    .monlix-index-1 .monlix-index-2 .tracking-card .image img {
        width: 100%;
        height: 100%
    }

    .monlix-index-1 .monlix-index-2 .tracking-card .title {
        font-size: 18px
    }

    .monlix-index-1 .monlix-index-2 .tracking-card .desc {
        font-size: 14px;
        line-height: 1.71
    }

    .monlix-index-1 .saas1-tools-2-3 {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse;
        text-align: center;
        grid-gap: 56px;
        gap: 56px
    }

    .monlix-index-1 .saas1-tools-2-3 .checklist {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-gap: 12px;
        gap: 12px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .monlix-index-1 .saas1-tools-2-3 .checklist .checklist-item {
        padding: 15px
    }

    .monlix-index-1 .saas1-tools-2-3 .illustration {
        margin-left: auto;
        margin-right: auto
    }

    .landing-saas1-review {
        height: 620px
    }

    .landing-saas1-review .review-cards {
        grid-gap: 20px;
        gap: 20px;
        width: 1500px
    }

    .landing-saas1-review .review-card {
        width: 318px;
        padding: 20px
    }

    .landing-saas1-review .review-card .c-top {
        margin-bottom: 20px
    }

    .landing-saas1-review .review-card .avatar {
        width: 40px;
        height: 40px;
        margin-top: 0
    }

    .landing-saas1-review .review-card .review {
        font-size: 12px
    }

    .landing-saas1-review .review-card .username {
        margin-top: 3px
    }

    .landing-saas1-review .review-card .username .name {
        font-size: 14px;
        margin-bottom: 4px
    }

    .landing-saas1-review .review-card .username .place {
        font-size: 10px;
        line-height: 1.43
    }

    .landing-saas1-book {
        padding-top: 160px
    }

    .landing-saas1-book .title {
        font-size: 40px
    }

    .landing-saas1-book .full-bg {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .landing-saas1-book .inner-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        grid-gap: 56px;
        gap: 56px
    }
}

@media (max-width: 767px) {
    body.landing-saas1 .section-desc {
        font-size: 14px;
        line-height: 1.71;
        max-width: 100%
    }

    header.landing-saas1 .hero .hero-title {
        font-size: 32px;
        line-height: 1.25;
        margin-bottom: 16px
    }

    header.landing-saas1 .hero .form-submit-email {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 28px
    }

    header.landing-saas1 .hero .form-submit-email .input-group {
        display: block
    }

    header.landing-saas1 .hero .form-submit-email .input-group button {
        width: 100%;
        height: 40px
    }

    header.landing-saas1 .content, header.landing-saas1 .content-text {
        margin-bottom: 40px
    }

    header.landing-saas1 .logos {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-row-gap: 22px;
        row-gap: 22px
    }

    header.landing-saas1 .logos .item {
        height: 30px;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%
    }

    .landing-saas1-solution {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .landing-saas1-solution .text-container .section-title {
        font-size: 28px;
        line-height: 1.29;
        margin-bottom: 16px
    }

    .landing-saas1-solution .solution-card-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-row-gap: 50px;
        row-gap: 50px
    }

    .landing-saas1-solution .solution-card {
        max-width: 255px
    }

    .landing-saas1-solution .solution-card .desc {
        max-width: none
    }

    .landing-saas1-hiw > .container {
        padding: 56px 0 0;
        border-bottom: 0
    }

    .landing-saas1-hiw .hiw-card {
        width: auto;
        min-width: 0;
        min-width: auto;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 10px 10px 36px;
        border-radius: 0
    }

    .landing-saas1-hiw .image {
        margin: -50px 0 0;
        width: 100%;
        min-width: 0;
        min-width: auto;
        height: 180px;
        border-radius: 0;
        background-position: 50%;
        background-size: cover
    }

    .landing-saas1-hiw .btn-play {
        padding: 17px 24px
    }

    .landing-saas1-hiw .text-container {
        text-align: center;
        width: auto;
        margin: 0 10px
    }

    .landing-saas1-hiw .text-container .text-success {
        margin-bottom: 16px
    }

    .landing-saas1-hiw .text-container .title {
        font-size: 24px;
        line-height: 1.33
    }

    .landing-saas1-hiw .text-container .desc {
        margin-top: 12px
    }

    .monlix-index-1 {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .monlix-index-1 .row-gap {
        grid-row-gap: 64px;
        row-gap: 64px
    }

    .monlix-index-1 .text-container .section-title {
        font-size: 28px;
        line-height: 1.29
    }

    .monlix-index-1 .text-container .section-desc {
        font-size: 14px;
        line-height: 1.71;
        margin-top: 16px;
        margin-bottom: 64px
    }

    .monlix-index-1 .title {
        font-size: 24px;
        line-height: 1.33;
        margin-top: 22px;
        margin-bottom: 14px;
        padding: 0
    }

    .monlix-index-1 .desc {
        padding: 0;
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 20px
    }

    .monlix-index-1 .monlix-index-2 .tracking-cards {
        grid-gap: 14px;
        gap: 14px
    }

    .monlix-index-1 .monlix-index-2 .tracking-card-col {
        width: 100%;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%
    }

    .monlix-index-1 .monlix-index-2 .tracking-card {
        padding: 20px;
        grid-gap: 15px;
        gap: 15px
    }

    .monlix-index-1 .monlix-index-2 .tracking-card .title {
        font-size: 16px;
        margin-top: 0;
        -webkit-mask-box-image: 8px;
        mask-border: 8px
    }

    .monlix-index-1 .monlix-index-2 .tracking-card .desc {
        margin-bottom: 0
    }

    .monlix-index-1 .monlix-index-2 .illustration {
        margin-top: 36px
    }

    .monlix-index-1 .saas1-tools-2-3 .checklist .checklist-item {
        padding: 10px
    }

    .landing-saas1-review {
        padding-top: 48px
    }

    .landing-saas1-review .container .section-title {
        font-size: 28px;
        line-height: 1.29;
        padding: 0 10px
    }

    .landing-saas1-review .container .section-desc {
        font-size: 16px;
        margin-top: 14px;
        margin-bottom: 26px
    }

    .landing-saas1-review .btn {
        margin-bottom: 42px
    }

    .landing-saas1-book {
        padding-top: 144px
    }

    .landing-saas1-book .full-bg {
        padding-top: 36px;
        padding-bottom: 48px
    }

    .landing-saas1-book .inner-container {
        grid-gap: 28px;
        gap: 28px
    }

    .landing-saas1-book .text-container {
        max-width: 100%
    }

    .landing-saas1-book .title {
        font-size: 28px;
        line-height: 1.29;
        margin-bottom: 16px
    }

    .landing-saas1-book .desc {
        font-size: 16px;
        line-height: 1.75
    }

    .landing-saas1-book .btn-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-saas1-book .btn-container .btn {
        min-width: 240px
    }
}

body.monlix-landing .section-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 2px;
    color: #183b56
}

body.monlix-landing .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    font-family: Quicksand, sans-serif
}

body.monlix-landing .footer-desc {
    font-size: 13px;
    line-height: 1.78;
    color: #5a7184;
    font-family: Quicksand, sans-serif
}

header.monlix-landing .hero {
    padding-bottom: 100px
}

header.monlix-landing .blog {
    padding-bottom: 20px
}

header.monlix-landing .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

header.monlix-landing .hero .decor {
    position: relative
}

header.monlix-landing .hero .decor:after {
    position: absolute;
    left: 0;
    top: 25px
}

header.monlix-landing .hero .text-container {
    width: 501px
}

header.monlix-landing .hero .section-desc {
    margin-top: 26px;
    margin-bottom: 40px
}

header.monlix-landing .hero .image {
    width: 300px
}

header.monlix-landing .hero .custom-form {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    grid-gap: 14px;
    gap: 14px;
    margin-bottom: 32px
}

header.monlix-landing .hero input {
    width: 336px;
    padding-left: 24px;
    border-radius: 8px;
    border: 1px solid #e5eaf4;
    outline: none;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    color: #5a7184;
    font-weight: 400
}

header.monlix-landing .hero button, header.monlix-landing .hero input {
    height: 58px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    font-family: Quicksand, sans-serif
}

header.monlix-landing .hero button {
    width: 137px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #e95432;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    border: none
}

header.monlix-landing .hero .column-gap {
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.monlix-landing-inbox {
    height: 798px;
    background-color: rgba(179, 186, 197, .1);
    padding-top: 100px;
    margin: 0 50px
}

.monlix-landing-inbox .text-container {
    width: 597px;
    margin: auto;
    text-align: center
}

.monlix-landing-inbox .section-desc {
    margin-top: 24px;
    margin-bottom: 48px
}

.monlix-landing-inbox .gap {
    grid-gap: 38px;
    gap: 38px
}

.monlix-landing-inbox .fab, .monlix-landing-inbox .fas {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    background-color: #fff;
    font-size: 22px
}

.monlix-landing-inbox .image {
    width: 945px
}

.monlix-landing-inbox hr {
    display: none
}

.monlix-landing-capture {
    padding-top: 50px;
    padding-bottom: 60px
}

.monlix-landing-capture .text-container {
    width: 495px
}

.monlix-landing-capture .section-title {
    margin-top: 80px;
    margin-bottom: 48px
}

.monlix-landing-capture .decor {
    position: relative
}

.monlix-landing-capture .decor:after {
    position: absolute;
    left: 25px;
    top: 25px
}

.monlix-landing-capture .fa-check {
    margin-right: 15px
}

.monlix-landing-capture .gap {
    grid-gap: 34px;
    gap: 34px
}

.monlix-landing-capture .image {
    width: 521px;
    height: 504px;
    object-fit: contain
}

.monlix-landing-experience {
    padding-top: 80px;
    padding-bottom: 100px
}

.monlix-landing-experience .text-container {
    width: 440px;
    margin: auto auto 80px
}

.monlix-landing-experience .gap {
    grid-gap: 50px;
    gap: 50px
}

.monlix-landing-experience .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-landing-experience .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.monlix-landing-chatbot .container {
    border-top: 1px solid #e3e7ed;
    padding-top: 140px
}

.monlix-landing-chatbot .image {
    width: 499px
}

.monlix-landing-chatbot .text-container {
    width: 533px
}

.monlix-landing-chatbot .section-title {
    margin-right: 36px
}

.monlix-landing-chatbot span {
    background-color: #faad13;
    color: #fff;
    border-radius: 8px;
    padding: 6px
}

.monlix-landing-chatbot .chatbot-card {
    border: 1px solid #eceef2;
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
    padding: 32px 30px;
    border-radius: 12px
}

.monlix-landing-chatbot .chatbot-card:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    border-color: transparent
}

.monlix-landing-chatbot .accordion .fa-chevron-down {
    font-size: 16px;
    color: #00b8d9;
    margin-right: 26px
}

.monlix-landing-chatbot .accordion div {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-landing-chatbot .active {
    background-color: #fff;
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    border-color: transparent
}

.monlix-landing-chatbot .panel {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    margin-right: 68px;
    margin-left: 40px
}

.monlix-landing-chatbot .panel p {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin-top: 5px
}

.monlix-landing-chatbot hr {
    width: 180px;
    border-top: 2px solid rgba(90, 113, 132, .1);
    margin: 120px auto
}

.monlix-landing-data {
    padding-bottom: 120px
}

.monlix-landing-data .data-card {
    text-align: center
}

.monlix-landing-data .number {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 0;
    text-align: center;
    color: #183b56;
    margin-top: 40px;
    margin-bottom: 10px
}

.monlix-landing-data .text {
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #5a7184
}

.monlix-landing-data .image {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 143px
}

.monlix-landing-testi {
    background-color: rgba(179, 186, 197, .1);
    padding: 100px 0;
    margin-left: 50px
}

.monlix-landing-testi .container {
    max-width: 1290px;
    padding: 0;
    margin: 0 0 0 100px
}

.monlix-landing-testi .text-container {
    width: 690px;
    margin: auto;
    text-align: center
}

.monlix-landing-testi .section-desc {
    margin-top: 24px
}

.monlix-landing-testi .gap-container {
    margin: 0 -15px
}

.monlix-landing-testi .gap-x {
    padding: 0 15px
}

.monlix-landing-testi .testi-card {
    width: 325px;
    height: 229px;
    padding: 30px 30px 25px
}

.monlix-landing-testi .testi-card.big {
    width: 430px
}

.monlix-landing-testi .column-gap {
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.monlix-landing-testi .testi {
    font-size: 16px;
    line-height: 1.69;
    color: #183b56;
    height: 80px;
    margin-top: 30px;
    margin-bottom: 26px
}

.monlix-landing-testi .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: .23px;
    color: #183b56
}

.monlix-landing-testi .testi-progress {
    width: 780px;
    height: 2px;
    border-radius: 2000px;
    background-color: rgba(179, 186, 197, .1)
}

.monlix-landing-testi .testi-progress-value {
    width: 0;
    -webkit-animation: load 3s normal forwards;
    animation: load 3s normal forwards;
    background-color: #183b56
}

@-webkit-keyframes load {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes load {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.monlix-landing-testi .text {
    font-size: 14px;
    line-height: 1.43;
    color: #5a7184
}

.monlix-landing-company {
    padding-top: 80px;
    padding-bottom: 72px
}

.monlix-landing-company .container {
    max-width: 1046px;
    padding: 0
}

.monlix-landing-company .text {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.monlix-landing-company .companies {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 94px;
    -webkit-column-gap: 94px;
    -moz-column-gap: 94px;
    column-gap: 94px;
    grid-row-gap: 65px;
    row-gap: 65px;
    margin-top: 56px;
    margin-bottom: 52px
}

.monlix-landing-company img {
    width: 96px
}

.monlix-landing-support {
    background-color: #faad13;
    padding-top: 40px;
    margin-bottom: 96px
}

.monlix-landing-support .text-container {
    width: 457px
}

.monlix-landing-support .section-desc, .monlix-landing-support .section-title {
    color: #fff !important
}

.monlix-landing-support .btn {
    border-radius: 4px;
    padding-top: 18px;
    padding-bottom: 18px
}

.monlix-landing-support a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 58px;
    font-family: Quicksand, sans-serif;
    font-weight: 700
}

.monlix-landing-support a.bg-bright-red {
    color: #fff;
    width: 149px
}

.monlix-landing-support a.bg-white {
    color: #faad13;
    width: 153px
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.monlix-landing .section-title {
        font-size: 28px
    }

    body.monlix-landing .section-desc {
        font-size: 16px
    }

    header.monlix-landing .hero {
        padding-top: 64px;
        padding-bottom: 10px
    }

    header.monlix-landing .hero .container {
        max-width: 574px;
        padding: 0
    }

    header.monlix-landing .hero .text-container {
        width: unset;
        text-align: center
    }

    header.monlix-landing .hero .hero-title {
        font-size: 48px;
        line-height: 1.25
    }

    header.monlix-landing .hero .section-desc {
        font-size: 18px !important;
        padding: 0 26px;
        margin-top: 18px;
        margin-bottom: 42px
    }

    header.monlix-landing .hero .decor:after {
        position: absolute;
        left: 10px;
        top: 20px
    }

    header.monlix-landing .hero .custom-form {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-bottom: 36px
    }

    header.monlix-landing .hero .image {
        margin-top: 64px
    }

    .monlix-landing-inbox {
        height: 563px;
        padding-top: 56px;
        margin: 0
    }

    .monlix-landing-inbox .container {
        max-width: 688px;
        padding: 0
    }

    .monlix-landing-inbox .section-title {
        font-size: 36px !important
    }

    .monlix-landing-inbox .section-desc {
        font-size: 16px !important;
        margin-top: 19px;
        margin-bottom: 40px
    }

    .monlix-landing-inbox .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-inbox .fab, .monlix-landing-inbox .fas {
        width: 56px;
        height: 56px
    }

    .monlix-landing-inbox .image {
        width: 688px
    }

    .monlix-landing-capture {
        padding-top: 344px;
        padding-bottom: 0
    }

    .monlix-landing-capture .container {
        max-width: 662px;
        padding: 0
    }

    .monlix-landing-capture .text-container {
        width: unset
    }

    .monlix-landing-capture .section-title {
        margin: 0 0 38px
    }

    .monlix-landing-capture .decor:after {
        left: 8px;
        top: 16px
    }

    .monlix-landing-capture .image {
        width: 400px;
        height: 423px;
        margin: 48px auto auto
    }

    .monlix-landing-capture .items-start:first-child {
        width: 321px;
        margin-right: 41px
    }

    .monlix-landing-capture .items-start:nth-child(2) {
        width: 270px
    }

    .monlix-landing-experience {
        padding-bottom: 72px
    }

    .monlix-landing-experience .container {
        max-width: 698px;
        padding: 0
    }

    .monlix-landing-experience .text-container {
        width: unset;
        margin-bottom: 56px
    }

    .monlix-landing-experience .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-experience img {
        width: 340px
    }

    .monlix-landing-chatbot .container {
        max-width: 668px;
        padding: 78px 0 0
    }

    .monlix-landing-chatbot .text-container {
        width: unset;
        text-align: center
    }

    .monlix-landing-chatbot .section-title {
        margin-right: 0;
        text-align: center
    }

    .monlix-landing-chatbot .chatbot-card {
        padding: 20px;
        text-align: left
    }

    .monlix-landing-chatbot .accordion div {
        font-size: 18px
    }

    .monlix-landing-chatbot .image {
        width: 400px;
        margin: 58px auto auto
    }

    .monlix-landing-chatbot hr {
        margin: 80px auto
    }

    .monlix-landing-data {
        padding-bottom: 64px
    }

    .monlix-landing-data .container {
        max-width: 700px;
        padding: 0
    }

    .monlix-landing-data .data-card {
        width: 220px;
        height: 267px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monlix-landing-data .image {
        height: 101px
    }

    .monlix-landing-data img {
        width: 95px
    }

    .monlix-landing-data .number {
        font-size: 28px;
        margin-top: 26px;
        margin-bottom: 6px
    }

    .monlix-landing-data .text {
        font-size: 16px
    }

    .monlix-landing-testi {
        padding: 56px 0;
        margin-left: 0
    }

    .monlix-landing-testi .container {
        max-width: 728px;
        padding: 0;
        margin: auto
    }

    .monlix-landing-testi .text-container {
        width: 574px
    }

    .monlix-landing-testi .section-desc {
        margin-top: 20px
    }

    .monlix-landing-testi .gap-container {
        margin: 0 -10px
    }

    .monlix-landing-testi .gap-x {
        padding: 0 10px
    }

    .monlix-landing-testi .testi-card {
        height: 224px
    }

    .monlix-landing-testi .testi {
        margin-bottom: 22px
    }

    .monlix-landing-testi .testi-progress {
        width: 295px
    }

    .monlix-landing-company .container {
        max-width: 648px;
        padding: 0
    }

    .monlix-landing-company .text {
        font-size: 22px
    }

    .monlix-landing-company .companies {
        grid-column-gap: 57px;
        -webkit-column-gap: 57px;
        -moz-column-gap: 57px;
        column-gap: 57px;
        grid-row-gap: 30px;
        row-gap: 30px;
        margin-top: 52px;
        margin-bottom: 47px
    }

    .monlix-landing-company img {
        width: 119px
    }

    .monlix-landing-support {
        padding-top: 56px;
        margin-bottom: 31px
    }

    .monlix-landing-support .container {
        max-width: 601px;
        padding: 0
    }

    .monlix-landing-support .text-container {
        text-align: center
    }

    .monlix-landing-support .section-title {
        font-size: 40px !important
    }

    .monlix-landing-support .section-desc {
        font-size: 18px !important
    }

    .monlix-landing-support img {
        width: 601px;
        height: 369px;
        object-fit: cover;
        object-position: top;
        margin-top: 56px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.monlix-landing .section-title {
        font-size: 28px
    }

    body.monlix-landing .section-desc {
        font-size: 16px
    }

    header.monlix-landing .hero {
        padding-top: 64px;
        padding-bottom: 48px
    }

    header.monlix-landing .hero .container {
        max-width: 574px;
        padding: 0 !important
    }

    header.monlix-landing .hero .text-container {
        width: unset;
        text-align: center
    }

    header.monlix-landing .hero .hero-title {
        font-size: 48px;
        line-height: 1.25
    }

    header.monlix-landing .hero .section-desc {
        font-size: 18px !important;
        padding: 0 26px;
        margin-top: 18px;
        margin-bottom: 42px
    }

    header.monlix-landing .hero .decor:after {
        position: absolute;
        left: 10px;
        top: 20px
    }

    header.monlix-landing .hero .custom-form {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-bottom: 36px
    }

    header.monlix-landing .hero .image {
        margin-top: 64px
    }

    .monlix-landing-inbox {
        height: 563px;
        padding-top: 56px;
        margin: 0
    }

    .monlix-landing-inbox .container {
        max-width: 688px;
        padding: 0 !important
    }

    .monlix-landing-inbox .section-title {
        font-size: 36px !important
    }

    .monlix-landing-inbox .section-desc {
        font-size: 16px !important;
        margin-top: 19px;
        margin-bottom: 40px
    }

    .monlix-landing-inbox .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-inbox .fab, .monlix-landing-inbox .fas {
        width: 56px;
        height: 56px
    }

    .monlix-landing-inbox .image {
        width: 688px
    }

    .monlix-landing-capture {
        padding-top: 344px;
        padding-bottom: 0
    }

    .monlix-landing-capture .container {
        max-width: 662px;
        padding: 0 !important
    }

    .monlix-landing-capture .text-container {
        width: unset
    }

    .monlix-landing-capture .section-title {
        margin: 0 0 38px
    }

    .monlix-landing-capture .decor:after {
        left: 8px;
        top: 16px
    }

    .monlix-landing-capture .image {
        width: 400px;
        height: 423px;
        margin: 48px auto auto
    }

    .monlix-landing-capture .items-start:first-child {
        width: 321px;
        margin-right: 41px
    }

    .monlix-landing-capture .items-start:nth-child(2) {
        width: 270px
    }

    .monlix-landing-experience {
        padding-bottom: 72px
    }

    .monlix-landing-experience .container {
        max-width: 698px;
        padding: 0 !important
    }

    .monlix-landing-experience .text-container {
        width: unset;
        margin-bottom: 56px
    }

    .monlix-landing-experience .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-experience img {
        width: 340px
    }

    .monlix-landing-chatbot .container {
        max-width: 668px;
        padding: 78px 0 0 !important
    }

    .monlix-landing-chatbot .text-container {
        width: unset;
        text-align: center
    }

    .monlix-landing-chatbot .section-title {
        margin-right: 0;
        text-align: center
    }

    .monlix-landing-chatbot .chatbot-card {
        padding: 20px;
        text-align: left
    }

    .monlix-landing-chatbot .accordion div {
        font-size: 18px
    }

    .monlix-landing-chatbot .image {
        width: 400px;
        margin: 58px auto auto
    }

    .monlix-landing-chatbot hr {
        margin: 80px auto
    }

    .monlix-landing-data {
        padding-bottom: 64px
    }

    .monlix-landing-data .container {
        max-width: 700px;
        padding: 0 !important
    }

    .monlix-landing-data .data-card {
        width: 220px;
        height: 267px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monlix-landing-data .image {
        height: 101px
    }

    .monlix-landing-data img {
        width: 95px
    }

    .monlix-landing-data .number {
        font-size: 28px;
        margin-top: 26px;
        margin-bottom: 6px
    }

    .monlix-landing-data .text {
        font-size: 16px
    }

    .monlix-landing-testi {
        padding: 56px 0;
        margin-left: 0
    }

    .monlix-landing-testi .container {
        max-width: 728px;
        padding: 0 !important;
        margin: auto
    }

    .monlix-landing-testi .text-container {
        width: 574px
    }

    .monlix-landing-testi .section-desc {
        margin-top: 20px
    }

    .monlix-landing-testi .gap-container {
        margin: 0 -10px
    }

    .monlix-landing-testi .gap-x {
        padding: 0 10px
    }

    .monlix-landing-testi .testi-card {
        height: 224px
    }

    .monlix-landing-testi .testi {
        margin-bottom: 22px
    }

    .monlix-landing-testi .testi-progress {
        width: 295px
    }

    .monlix-landing-company .container {
        max-width: 648px;
        padding: 0 !important
    }

    .monlix-landing-company .text {
        font-size: 22px
    }

    .monlix-landing-company .companies {
        grid-column-gap: 57px;
        -webkit-column-gap: 57px;
        -moz-column-gap: 57px;
        column-gap: 57px;
        grid-row-gap: 30px;
        row-gap: 30px;
        margin-top: 52px;
        margin-bottom: 47px
    }

    .monlix-landing-company img {
        width: 119px
    }

    .monlix-landing-support {
        padding-top: 56px;
        margin-bottom: 31px
    }

    .monlix-landing-support .container {
        max-width: 601px;
        padding: 0 !important
    }

    .monlix-landing-support .text-container {
        text-align: center
    }

    .monlix-landing-support .section-title {
        font-size: 40px !important
    }

    .monlix-landing-support .section-desc {
        font-size: 18px !important
    }

    .monlix-landing-support img {
        width: 601px;
        height: 369px;
        object-fit: cover;
        object-position: top;
        margin-top: 56px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    body.monlix-landing .section-title {
        font-size: 28px
    }

    body.monlix-landing .section-desc {
        font-size: 16px
    }

    header.monlix-landing .hero {
        padding-top: 64px;
        padding-bottom: 48px
    }

    header.monlix-landing .hero .container {
        max-width: 574px;
        padding: 0 !important
    }

    header.monlix-landing .hero .text-container {
        width: unset;
        text-align: center
    }

    header.monlix-landing .hero .hero-title {
        font-size: 48px;
        line-height: 1.25
    }

    header.monlix-landing .hero .section-desc {
        font-size: 18px !important;
        padding: 0 26px;
        margin-top: 18px;
        margin-bottom: 42px
    }

    header.monlix-landing .hero .decor:after {
        position: absolute;
        left: 10px;
        top: 20px
    }

    header.monlix-landing .hero .custom-form {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        margin-bottom: 36px
    }

    header.monlix-landing .hero .image {
        margin-top: 64px
    }

    .monlix-landing-inbox {
        height: 563px;
        padding-top: 56px;
        margin: 0
    }

    .monlix-landing-inbox .container {
        max-width: 496px;
        padding: 0 !important
    }

    .monlix-landing-inbox .text-container {
        width: 496px
    }

    .monlix-landing-inbox .section-title {
        font-size: 36px !important
    }

    .monlix-landing-inbox .section-desc {
        font-size: 16px !important;
        margin-top: 19px;
        margin-bottom: 40px
    }

    .monlix-landing-inbox .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-inbox .fab, .monlix-landing-inbox .fas {
        width: 56px;
        height: 56px
    }

    .monlix-landing-inbox .image {
        width: 496px
    }

    .monlix-landing-capture {
        padding-top: 200px;
        padding-bottom: 0
    }

    .monlix-landing-capture .container {
        max-width: 100%;
        padding: 0 !important
    }

    .monlix-landing-capture .text-container {
        width: unset
    }

    .monlix-landing-capture .section-title {
        text-align: center;
        padding: 0 85px;
        margin: 0 0 38px
    }

    .monlix-landing-capture .section-desc {
        text-align: center
    }

    .monlix-landing-capture .decor:after {
        left: 8px;
        top: 16px
    }

    .monlix-landing-capture .image {
        width: 400px;
        height: 423px;
        margin: 48px auto auto
    }

    .monlix-landing-capture .items-start:first-child {
        width: 321px;
        margin-right: 0
    }

    .monlix-landing-capture .items-start:nth-child(2) {
        width: 270px
    }

    .monlix-landing-experience {
        padding-bottom: 72px
    }

    .monlix-landing-experience .container {
        max-width: 522px;
        padding: 0 !important
    }

    .monlix-landing-experience .text-container {
        width: unset;
        margin-bottom: 56px
    }

    .monlix-landing-experience .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-experience img {
        width: -webkit-calc(504px / 2);
        width: calc(504px / 2)
    }

    .monlix-landing-experience .title {
        font-size: 18px
    }

    .monlix-landing-chatbot .container {
        max-width: 536px;
        padding: 78px 0 0 !important
    }

    .monlix-landing-chatbot .text-container {
        width: unset;
        text-align: center
    }

    .monlix-landing-chatbot .section-title {
        margin-right: 0;
        text-align: center;
        padding: 0 94px
    }

    .monlix-landing-chatbot span {
        padding: 0 4px;
        border-radius: 4px
    }

    .monlix-landing-chatbot .chatbot-card {
        padding: 20px;
        text-align: left
    }

    .monlix-landing-chatbot .accordion div {
        font-size: 18px
    }

    .monlix-landing-chatbot .image {
        width: 400px;
        margin: 58px auto auto
    }

    .monlix-landing-chatbot hr {
        margin: 80px auto
    }

    .monlix-landing-data {
        padding-bottom: 64px
    }

    .monlix-landing-data .container {
        max-width: 460px;
        padding: 0 !important
    }

    .monlix-landing-data .data-card {
        width: 220px;
        height: 267px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monlix-landing-data .image {
        height: 101px
    }

    .monlix-landing-data img {
        width: 95px
    }

    .monlix-landing-data .number {
        font-size: 28px;
        margin-top: 26px;
        margin-bottom: 6px
    }

    .monlix-landing-data .text {
        font-size: 16px
    }

    .monlix-landing-testi {
        padding: 56px 0;
        margin-left: 0
    }

    .monlix-landing-testi .container {
        max-width: 536px;
        padding: 0 !important;
        margin: auto
    }

    .monlix-landing-testi .text-container {
        width: 574px
    }

    .monlix-landing-testi .section-desc {
        margin-top: 20px
    }

    .monlix-landing-testi .gap-container {
        margin: 0 -10px
    }

    .monlix-landing-testi .gap-x {
        padding: 0 10px
    }

    .monlix-landing-testi .testi-card {
        height: 224px
    }

    .monlix-landing-testi .testi {
        margin-bottom: 22px
    }

    .monlix-landing-testi .testi-progress {
        width: 295px
    }

    .monlix-landing-company .container {
        max-width: 472px;
        padding: 0 !important
    }

    .monlix-landing-company .text {
        font-size: 22px
    }

    .monlix-landing-company .companies {
        grid-column-gap: 57px;
        -webkit-column-gap: 57px;
        -moz-column-gap: 57px;
        column-gap: 57px;
        grid-row-gap: 30px;
        row-gap: 30px;
        margin-top: 52px;
        margin-bottom: 47px
    }

    .monlix-landing-company img {
        width: 119px
    }

    .monlix-landing-support {
        padding-top: 56px;
        margin-bottom: 31px
    }

    .monlix-landing-support .container {
        max-width: 576px;
        padding: 0 !important
    }

    .monlix-landing-support .text-container {
        text-align: center
    }

    .monlix-landing-support .section-title {
        font-size: 40px !important
    }

    .monlix-landing-support .section-desc {
        font-size: 18px !important
    }

    .monlix-landing-support img {
        width: 576px;
        height: 369px;
        object-fit: cover;
        object-position: top;
        margin-top: 56px
    }
}

@media (max-width: 575px) {
    body.monlix-landing .section-title {
        font-size: 28px
    }

    body.monlix-landing .section-desc {
        font-size: 14px
    }

    header.monlix-landing .hero {
        padding-top: 32px;
        padding-bottom: 48px
    }

    header.monlix-landing .hero .container {
        max-width: 300px;
        padding: 0
    }

    header.monlix-landing .hero .text-container {
        width: unset;
        text-align: center
    }

    header.monlix-landing .hero .hero-title {
        font-size: 32px;
        padding: 0 1px
    }

    header.monlix-landing .hero .section-desc {
        font-size: 16px;
        padding: 0 1px;
        margin-top: 16px
    }

    header.monlix-landing .hero .decor:after {
        left: 4px;
        top: 12px
    }

    header.monlix-landing .hero .custom-form {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 10px;
        gap: 10px;
        padding: 12px 8px;
        -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
        box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
        background-color: #fff;
        border-radius: 8px;
        margin-bottom: 9px
    }

    header.monlix-landing .hero input {
        width: 264px;
        height: 40px
    }

    header.monlix-landing .hero button {
        width: 264px;
        height: 40px;
        border-radius: 8px
    }

    header.monlix-landing .hero .column-gap {
        grid-gap: 15px;
        gap: 15px
    }

    header.monlix-landing .hero .image {
        width: 280px;
        margin-top: 48px
    }

    .monlix-landing-inbox {
        height: 508px;
        padding-top: 48px;
        margin: 0
    }

    .monlix-landing-inbox .container {
        max-width: 300px;
        padding: 0
    }

    .monlix-landing-inbox .text-container {
        width: unset
    }

    .monlix-landing-inbox .section-title {
        padding: 0 4px
    }

    .monlix-landing-inbox .section-desc {
        padding: 0 31px;
        margin-top: 16px;
        margin-bottom: 24px
    }

    .monlix-landing-inbox .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .monlix-landing-inbox .fab, .monlix-landing-inbox .fas {
        width: 48px;
        height: 48px
    }

    .monlix-landing-inbox .image {
        width: 300px
    }

    .monlix-landing-inbox hr {
        display: block;
        width: 160px;
        border-top: 2px solid rgba(179, 186, 197, .1);
        margin-top: 56px;
        margin-bottom: 0
    }

    .monlix-landing-capture {
        padding: 221px 0 0
    }

    .monlix-landing-capture .container {
        max-width: 290px;
        padding: 0
    }

    .monlix-landing-capture .text-container {
        width: unset;
        text-align: center
    }

    .monlix-landing-capture .section-title {
        margin: 0 0 34px
    }

    .monlix-landing-capture .decor:after {
        left: 4px;
        top: 12px
    }

    .monlix-landing-capture .section-desc {
        width: 250px
    }

    .monlix-landing-capture .image {
        width: 290px;
        height: auto;
        margin-top: 48px
    }

    .monlix-landing-experience {
        padding-top: 64px;
        padding-bottom: 32px
    }

    .monlix-landing-experience .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-landing-experience .text-container {
        width: unset;
        margin-bottom: 34px
    }

    .monlix-landing-experience .gap {
        grid-gap: 40px;
        gap: 40px
    }

    .monlix-landing-experience img {
        width: 280px
    }

    .monlix-landing-experience .title {
        font-size: 18px
    }

    .monlix-landing-experience .desc {
        font-size: 14px;
        padding-right: 13px
    }

    .monlix-landing-chatbot .container {
        max-width: 290px;
        padding: 64px 0 0
    }

    .monlix-landing-chatbot .text-container {
        width: unset;
        text-align: center
    }

    .monlix-landing-chatbot .section-title {
        margin-right: 0
    }

    .monlix-landing-chatbot span {
        border-radius: 4px;
        padding: 1px;
        color: #183b56
    }

    .monlix-landing-chatbot .chatbot-card {
        text-align: left;
        padding: 18px 0 18px 18px
    }

    .monlix-landing-chatbot .accordion div {
        font-size: 16px
    }

    .monlix-landing-chatbot .accordion .fa-chevron-down {
        margin-right: 15px
    }

    .monlix-landing-chatbot .panel {
        margin: 0 0 0 29px
    }

    .monlix-landing-chatbot .panel p {
        font-size: 14px;
        margin-top: 8px
    }

    .monlix-landing-chatbot .image {
        width: 290px;
        margin-top: 48px
    }

    .monlix-landing-chatbot hr {
        margin: 56px auto;
        width: 160px
    }

    .monlix-landing-data {
        padding-bottom: 56px
    }

    .monlix-landing-data .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-landing-data .data-card {
        width: 280px;
        height: 224px;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .monlix-landing-data .image {
        height: 103px
    }

    .monlix-landing-data img {
        width: 94px
    }

    .monlix-landing-data .number {
        margin-top: 15px;
        margin-bottom: 8px
    }

    .monlix-landing-data .text {
        font-size: 16px
    }

    .monlix-landing-testi {
        margin-left: 0;
        padding-top: 48px;
        padding-bottom: 36px
    }

    .monlix-landing-testi .container {
        max-width: 300px;
        padding: 0;
        margin: auto
    }

    .monlix-landing-testi .text-container {
        width: unset
    }

    .monlix-landing-testi .section-desc {
        padding: 0 8px;
        margin-top: 16px
    }

    .monlix-landing-testi .testi-card {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 20px 10px 34px 20px
    }

    .monlix-landing-testi .testi-card.big {
        width: 270px
    }

    .monlix-landing-testi .testi {
        font-size: 14px;
        margin-top: 18px;
        margin-bottom: 26.2px
    }

    .monlix-landing-testi .name {
        font-size: 16px
    }

    .monlix-landing-testi .testi-progress {
        width: 280px;
        margin-bottom: 24px
    }

    .monlix-landing-company {
        padding: 56px 0
    }

    .monlix-landing-company .container {
        max-width: 246px;
        padding: 0
    }

    .monlix-landing-company .companies {
        margin: 36px 0;
        grid-column-gap: 54px;
        -webkit-column-gap: 54px;
        -moz-column-gap: 54px;
        column-gap: 54px;
        grid-row-gap: 36px;
        row-gap: 36px
    }

    .monlix-landing-support {
        margin-bottom: 0
    }

    .monlix-landing-support .container {
        max-width: 320px;
        padding: 0
    }

    .monlix-landing-support .text-container {
        width: unset;
        text-align: center
    }

    .monlix-landing-support .section-desc {
        padding: 0 18px
    }

    .monlix-landing-support a {
        width: 160px;
        height: 48px
    }

    .monlix-landing-support img {
        width: 320px;
        height: 205px;
        object-fit: cover;
        object-position: top;
        margin-top: 41px
    }
}

body.monlix-sec-market .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    font-family: Quicksand, sans-serif
}

body.monlix-sec-market .section-title {
    font-size: 14px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.43;
    letter-spacing: 2px;
    color: #5a7184
}

body.monlix-sec-market .tagline {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

header.monlix-sec-market .hero {
    padding-top: 68px
}

header.monlix-sec-market .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

header.monlix-sec-market .hero .section-desc {
    margin-top: 18px;
    margin-bottom: 40px
}

header.monlix-sec-market .hero .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    grid-gap: 30px;
    gap: 30px
}

header.monlix-sec-market .hero a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 56px;
    padding: 0 32px;
    text-decoration: none;
    border-radius: 12px;
    font-size: 18px;
    font-family: Quicksand, sans-serif;
    font-weight: 700
}

.monlix-sec-market-partner {
    padding: 100px 0
}

.monlix-sec-market-partner .partner {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 104px;
    gap: 104px;
    margin-bottom: 100px
}

.monlix-sec-market-partner img {
    width: 116px
}

.monlix-sec-market-partner .dots {
    height: 62px
}

.monlix-sec-market-collab {
    padding-bottom: 120px
}

.monlix-sec-market-collab .tagline {
    margin-top: 28px;
    margin-bottom: 15px
}

.monlix-sec-market-collab .section-desc {
    width: 384px;
    margin-bottom: 34px
}

.monlix-sec-market-collab a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 168px;
    height: 56px;
    margin: auto;
    border-radius: 12px;
    background-color: #2ed47a;
    color: #fff;
    font-size: 18px;
    font-family: Quicksand, sans-serif;
    font-weight: 700
}

.monlix-sec-market-collab img.image {
    width: 682px;
    padding: 40px 44px 40px 36px
}

.monlix-sec-market-collab div.image img {
    height: 644px;
    object-fit: cover
}

.monlix-sec-market-collab .column-gap {
    grid-column-gap: 45px;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px
}

.monlix-sec-market-collab .gap {
    grid-gap: 50px;
    gap: 50px
}

.monlix-sec-market-collab .xl-w-544.gap {
    grid-gap: 33px;
    gap: 33px
}

.monlix-sec-market-collab .title {
    font-size: 24px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-sec-market-collab .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.monlix-sec-market-collab .collab-card {
    width: 350px;
    height: 262px;
    padding: 30px 32px 30px 30px
}

.monlix-sec-market-collab .collab-card .title {
    margin-top: 26px;
    margin-bottom: 16px
}

.monlix-sec-market-review {
    background-color: #183b56;
    margin: 0 100px;
    padding-top: 40px;
    height: 378px;
    border-radius: 16px
}

.monlix-sec-market-review .name {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #fff;
    margin-right: 10px
}

.monlix-sec-market-review .job {
    font-size: 18px;
    color: #fff
}

.monlix-sec-market-review .review {
    font-size: 28px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.71;
    letter-spacing: .19px;
    color: #fff
}

.monlix-sec-market-review img {
    width: unset !important;
    margin-right: 76px
}

.monlix-sec-market-review .owl-dots {
    position: absolute;
    top: 44px;
    right: 11px;
    line-height: 0
}

.monlix-sec-market-review .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    margin: 0 6px
}

.monlix-sec-market-review .owl-dots .owl-dot.active {
    background-color: #fff
}

.monlix-sec-market-review .btn-container {
    top: 306px;
    left: 460px;
    z-index: 2
}

.monlix-sec-market-review .btn-container a {
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    color: #959ead
}

.monlix-sec-market-review .btn-container a:hover {
    color: #183b56;
    cursor: pointer
}

.monlix-sec-market-review .column-gap {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.monlix-sec-market-integration {
    background-repeat: no-repeat;
    background-position: 0, 100%;
    padding-top: 84px;
    padding-bottom: 66px;
    margin: 212px 100px 120px
}

.monlix-sec-market-integration .tagline {
    margin: 24px 0
}

.monlix-sec-market-integration a {
    font-size: 18px
}

.monlix-sec-market-integration i {
    font-size: 16px
}

.monlix-sec-market-pricing {
    height: 902px;
    background-color: rgba(179, 186, 197, .1);
    padding-top: 80px
}

.monlix-sec-market-pricing .text-container {
    width: 610px
}

.monlix-sec-market-pricing .tagline {
    margin: 24px 0
}

.monlix-sec-market-pricing .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.monlix-sec-market-pricing .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.monlix-sec-market-pricing .switch input:checked + .slider {
    background-color: #ccc
}

.monlix-sec-market-pricing .switch input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #ccc;
    box-shadow: 0 0 1px #ccc
}

.monlix-sec-market-pricing .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}

.monlix-sec-market-pricing .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #faad13;
    border-radius: 18px;
    -webkit-transition: .4s;
    transition: .4s
}

.monlix-sec-market-pricing .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s
}

.monlix-sec-market-pricing .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 8px
}

.monlix-sec-market-pricing .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.monlix-sec-market-pricing .cards {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    grid-row-gap: 30px;
    row-gap: 30px
}

.monlix-sec-market-pricing .cards .pricing-card:last-child {
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06)
}

.monlix-sec-market-pricing .pricing-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 22px 50px
}

.monlix-sec-market-download {
    margin-top: 120px
}

.monlix-sec-market-download .container {
    border-top: 1px solid #e3e7ed;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px
}

.monlix-sec-market-download .tagline {
    font-size: 40px !important;
    font-family: hk_grotesksemibold, sans-serif;
    margin-top: 40px;
    margin-bottom: 24px
}

.monlix-sec-market-download .download-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 380px;
    height: 345px;
    background-color: rgba(54, 179, 126, .1);
    color: #5a7184;
    padding-top: 50px;
    padding-bottom: 40px
}

.monlix-sec-market-download .download-card:hover {
    background-color: #36b37e;
    color: #fff
}

.monlix-sec-market-download .download-card:hover a {
    background-color: #fff;
    color: #183b56;
    border-color: #fff;
    text-decoration: none
}

.monlix-sec-market-download .fab {
    font-size: 42px;
    margin-bottom: 48px
}

.monlix-sec-market-download .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: .2px
}

.monlix-sec-market-download .desc {
    font-size: 16px;
    line-height: 1.75;
    margin-top: 12px;
    margin-bottom: 40px
}

.monlix-sec-market-download a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 13px 45px;
    margin: auto;
    background-color: transparent;
    border-radius: 12px;
    border: 2px solid #36b37e;
    font-family: Quicksand, sans-serif;
    color: #36b37e;
    font-weight: 700
}

.monlix-sec-market-subscribe {
    margin-bottom: 44px
}

.monlix-sec-market-subscribe .container {
    border-bottom: 1px solid #e3e7ed;
    padding-top: 42px;
    padding-bottom: 62px
}

.monlix-sec-market-subscribe .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.monlix-sec-market-subscribe .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin-top: 8px
}

.monlix-sec-market-subscribe .custom-form {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 497px
}

.monlix-sec-market-subscribe input {
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    border-radius: 8px;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    border: 1px solid #e5eaf4;
    border-right: none;
    outline: none;
    font-family: Quicksand, sans-serif;
    color: #5a7184;
    padding-left: 24px
}

.monlix-sec-market-subscribe button {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 148px;
    height: 58px;
    border-radius: 4px;
    border: none;
    background-color: #183b56;
    font-family: Quicksand, sans-serif;
    color: #fff;
    font-weight: 700
}

.monlix-sec-market-subscribe .form-group {
    width: 497px;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03)
}

.monlix-sec-market-subscribe input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.monlix-sec-market-subscribe .btn {
    border-radius: 4px
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.monlix-sec-market .section-desc {
        font-size: 16px
    }

    header.monlix-sec-market .hero {
        padding-top: 26px;
        text-align: center
    }

    header.monlix-sec-market .hero .container {
        max-width: 622px;
        padding: 0
    }

    header.monlix-sec-market .hero .hero-title {
        font-size: 48px;
        padding: 0 116px
    }

    header.monlix-sec-market .hero .section-desc {
        margin-bottom: 50px;
        padding: 0 60px
    }

    header.monlix-sec-market .hero .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.monlix-sec-market .hero img {
        margin-top: 72px
    }

    .monlix-sec-market-partner {
        padding: 72px 0
    }

    .monlix-sec-market-partner .container {
        max-width: 668px;
        padding: 0
    }

    .monlix-sec-market-partner .partner {
        grid-gap: 39px;
        gap: 39px
    }

    .monlix-sec-market-partner img {
        width: 87px
    }

    .monlix-sec-market-partner .dots {
        height: 36px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .monlix-sec-market-collab {
        text-align: center;
        padding-bottom: 80px
    }

    .monlix-sec-market-collab .container {
        max-width: 700px;
        padding: 0
    }

    .monlix-sec-market-collab .section-desc {
        font-size: 18px !important;
        width: 525px
    }

    .monlix-sec-market-collab img.image {
        margin-top: 22px
    }

    .monlix-sec-market-collab .column-gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .monlix-sec-market-collab .collab-card {
        width: 220px;
        height: 235px;
        border-radius: 8px;
        border: 2px solid rgba(179, 186, 197, .1);
        padding: 22px 16px 22px 20px;
        text-align: left
    }

    .monlix-sec-market-collab .collab-card img {
        width: 44px
    }

    .monlix-sec-market-collab .collab-card .title {
        font-size: 16px;
        margin-top: 22px;
        margin-bottom: 9px
    }

    .monlix-sec-market-collab .collab-card .desc {
        font-size: 14px
    }

    .monlix-sec-market-collab .gap {
        grid-gap: 56px;
        gap: 56px
    }

    .monlix-sec-market-collab .xl-w-544.gap {
        grid-gap: 50px;
        gap: 50px
    }

    .monlix-sec-market-collab div.image img {
        width: 280px;
        height: 331px
    }

    .monlix-sec-market-review {
        height: unset;
        margin: 0;
        border-radius: unset;
        padding-top: 29px;
        padding-bottom: 21px
    }

    .monlix-sec-market-review .container {
        max-width: 678px;
        padding: 0
    }

    .monlix-sec-market-review img {
        width: 203px !important;
        margin-right: 55px
    }

    .monlix-sec-market-review .name {
        font-size: 20px
    }

    .monlix-sec-market-review .review {
        font-size: 22px;
        padding-right: 21px
    }

    .monlix-sec-market-review .btn-container {
        top: unset;
        bottom: -46px;
        left: 258px
    }

    .monlix-sec-market-integration {
        background-size: contain;
        margin: 115px 0 80px;
        padding-top: 54px;
        padding-bottom: 35px
    }

    .monlix-sec-market-integration .tagline {
        font-size: 32px !important
    }

    .monlix-sec-market-pricing {
        height: 764px;
        padding-top: 48px
    }

    .monlix-sec-market-pricing .container {
        max-width: 698px;
        padding: 0
    }

    .monlix-sec-market-pricing .tagline {
        font-size: 32px !important;
        margin-bottom: 20px
    }

    .monlix-sec-market-pricing .cards {
        grid-row-gap: 18px;
        row-gap: 18px
    }

    .monlix-sec-market-pricing .pricing-card {
        padding: 20px 30px
    }

    .monlix-sec-market-pricing .title {
        font-size: 20px
    }

    .monlix-sec-market-pricing .desc {
        font-size: 14px
    }

    .monlix-sec-market-download {
        margin-top: 130px
    }

    .monlix-sec-market-download .container {
        max-width: 708px;
        padding: 46px 0 72px
    }

    .monlix-sec-market-download .tagline {
        font-size: 32px !important;
        margin-top: 24px;
        margin-bottom: 18px
    }

    .monlix-sec-market-download a {
        padding: 13px 24px
    }

    .monlix-sec-market-download .download-card {
        width: 236px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-top: 36px;
        padding-bottom: 32px
    }

    .monlix-sec-market-download .fab {
        margin-bottom: 46px
    }

    .monlix-sec-market-download .title {
        font-size: 22px
    }

    .monlix-sec-market-download .desc {
        font-size: 14px;
        padding: 0 32px;
        margin-top: 10px;
        margin-bottom: 30px
    }

    .monlix-sec-market-subscribe {
        text-align: center
    }

    .monlix-sec-market-subscribe .container {
        max-width: 497px;
        padding: 40px 0;
        border: none
    }

    .monlix-sec-market-subscribe .desc {
        margin-bottom: 36px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.monlix-sec-market .section-desc {
        font-size: 16px
    }

    header.monlix-sec-market .hero {
        padding-top: 26px;
        text-align: center
    }

    header.monlix-sec-market .hero .container {
        max-width: 622px;
        padding: 0 !important
    }

    header.monlix-sec-market .hero .hero-title {
        font-size: 48px;
        padding: 0 116px
    }

    header.monlix-sec-market .hero .section-desc {
        margin-bottom: 50px;
        padding: 0 60px
    }

    header.monlix-sec-market .hero .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.monlix-sec-market .hero img {
        margin-top: 72px
    }

    .monlix-sec-market-partner {
        padding: 72px 0
    }

    .monlix-sec-market-partner .container {
        max-width: 668px;
        padding: 0 !important
    }

    .monlix-sec-market-partner .partner {
        grid-gap: 39px;
        gap: 39px
    }

    .monlix-sec-market-partner img {
        width: 87px
    }

    .monlix-sec-market-partner .dots {
        height: 36px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .monlix-sec-market-collab {
        text-align: center;
        padding-bottom: 80px
    }

    .monlix-sec-market-collab .container {
        max-width: 700px !important;
        padding: 0
    }

    .monlix-sec-market-collab .section-desc {
        font-size: 18px !important;
        width: 525px
    }

    .monlix-sec-market-collab img.image {
        margin-top: 22px
    }

    .monlix-sec-market-collab .column-gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .monlix-sec-market-collab .collab-card {
        width: 220px;
        height: 235px;
        border-radius: 8px;
        border: 2px solid rgba(179, 186, 197, .1);
        padding: 22px 16px 22px 20px;
        text-align: left
    }

    .monlix-sec-market-collab .collab-card img {
        width: 44px
    }

    .monlix-sec-market-collab .collab-card .title {
        font-size: 16px;
        margin-top: 22px;
        margin-bottom: 9px
    }

    .monlix-sec-market-collab .collab-card .desc {
        font-size: 14px
    }

    .monlix-sec-market-collab .gap {
        grid-gap: 56px;
        gap: 56px
    }

    .monlix-sec-market-collab .xl-w-544.gap {
        grid-gap: 50px;
        gap: 50px
    }

    .monlix-sec-market-collab div.image img {
        width: 280px;
        height: 331px
    }

    .monlix-sec-market-review {
        height: unset;
        margin: 0;
        border-radius: unset;
        padding-top: 29px;
        padding-bottom: 21px
    }

    .monlix-sec-market-review .container {
        max-width: 678px;
        padding: 0 !important
    }

    .monlix-sec-market-review img {
        width: 203px !important;
        margin-right: 55px
    }

    .monlix-sec-market-review .name {
        font-size: 20px
    }

    .monlix-sec-market-review .review {
        font-size: 22px;
        padding-right: 21px
    }

    .monlix-sec-market-review .btn-container {
        top: unset;
        bottom: -46px;
        left: 258px
    }

    .monlix-sec-market-integration {
        background-size: contain;
        margin: 115px 0 80px;
        padding-top: 54px;
        padding-bottom: 35px
    }

    .monlix-sec-market-integration .tagline {
        font-size: 32px !important
    }

    .monlix-sec-market-pricing {
        height: 764px;
        padding-top: 48px
    }

    .monlix-sec-market-pricing .container {
        max-width: 698px;
        padding: 0 !important
    }

    .monlix-sec-market-pricing .tagline {
        font-size: 32px !important;
        margin-bottom: 20px
    }

    .monlix-sec-market-pricing .cards {
        grid-row-gap: 18px;
        row-gap: 18px
    }

    .monlix-sec-market-pricing .pricing-card {
        padding: 20px 30px
    }

    .monlix-sec-market-pricing .title {
        font-size: 20px
    }

    .monlix-sec-market-pricing .desc {
        font-size: 14px
    }

    .monlix-sec-market-download {
        margin-top: 130px
    }

    .monlix-sec-market-download .container {
        max-width: 708px !important;
        padding: 46px 0 72px
    }

    .monlix-sec-market-download .tagline {
        font-size: 32px !important;
        margin-top: 24px;
        margin-bottom: 18px
    }

    .monlix-sec-market-download a {
        padding: 13px 24px
    }

    .monlix-sec-market-download .download-card {
        width: 236px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-top: 36px;
        padding-bottom: 32px
    }

    .monlix-sec-market-download .fab {
        margin-bottom: 46px
    }

    .monlix-sec-market-download .title {
        font-size: 22px
    }

    .monlix-sec-market-download .desc {
        font-size: 14px;
        padding: 0 32px;
        margin-top: 10px;
        margin-bottom: 30px
    }

    .monlix-sec-market-subscribe {
        text-align: center
    }

    .monlix-sec-market-subscribe .container {
        max-width: 497px !important;
        padding: 40px 0;
        border: none
    }

    .monlix-sec-market-subscribe .desc {
        margin-bottom: 36px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    body.monlix-sec-market .section-desc {
        font-size: 16px
    }

    header.monlix-sec-market .hero {
        padding-top: 26px;
        text-align: center
    }

    header.monlix-sec-market .hero .container {
        max-width: 576px;
        padding: 0 !important
    }

    header.monlix-sec-market .hero .hero-title {
        font-size: 48px;
        padding: 0 93px
    }

    header.monlix-sec-market .hero .section-desc {
        margin-bottom: 50px;
        padding: 0 37px
    }

    header.monlix-sec-market .hero .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.monlix-sec-market .hero img {
        margin-top: 72px
    }

    .monlix-sec-market-partner {
        padding: 72px 0
    }

    .monlix-sec-market-partner .container {
        max-width: 516 pxpx;
        padding: 0 !important
    }

    .monlix-sec-market-partner .partner {
        grid-gap: 30px;
        gap: 30px
    }

    .monlix-sec-market-partner img {
        width: -webkit-calc(396px / 5);
        width: calc(396px / 5)
    }

    .monlix-sec-market-partner .dots {
        height: 36px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .monlix-sec-market-collab {
        text-align: center;
        padding-bottom: 80px
    }

    .monlix-sec-market-collab .container {
        max-width: 576px !important;
        padding: 0
    }

    .monlix-sec-market-collab .section-desc {
        font-size: 18px !important;
        width: 525px
    }

    .monlix-sec-market-collab img.image {
        width: 556px;
        margin-top: 22px
    }

    .monlix-sec-market-collab .column-gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .monlix-sec-market-collab .collab-card {
        width: -webkit-calc(496px / 3);
        width: calc(496px / 3);
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 8px;
        border: 2px solid rgba(179, 186, 197, .1);
        padding: 15px 15px 16px;
        text-align: left
    }

    .monlix-sec-market-collab .collab-card img {
        width: 44px
    }

    .monlix-sec-market-collab .collab-card .title {
        font-size: 16px;
        margin-top: 22px;
        margin-bottom: 9px
    }

    .monlix-sec-market-collab .collab-card .desc {
        font-size: 14px
    }

    .monlix-sec-market-collab .gap {
        grid-gap: 56px;
        gap: 56px
    }

    .monlix-sec-market-collab .xl-w-544.gap {
        grid-gap: 30px;
        gap: 30px
    }

    .monlix-sec-market-collab div.image img {
        width: 240px;
        height: auto
    }

    .monlix-sec-market-review {
        height: unset;
        margin: 0;
        border-radius: unset;
        padding-top: 29px;
        padding-bottom: 21px
    }

    .monlix-sec-market-review .container {
        max-width: 556px;
        padding: 0 !important
    }

    .monlix-sec-market-review img {
        width: 203px !important;
        margin-right: 55px
    }

    .monlix-sec-market-review .name {
        font-size: 20px
    }

    .monlix-sec-market-review .review {
        font-size: 22px;
        padding-right: 0
    }

    .monlix-sec-market-review .btn-container {
        top: unset;
        bottom: -46px;
        left: 258px
    }

    .monlix-sec-market-integration {
        background-size: contain;
        background-position: -100px, 450px;
        margin: 115px 0 80px;
        padding-top: 54px;
        padding-bottom: 35px
    }

    .monlix-sec-market-integration .tagline {
        font-size: 32px !important
    }

    .monlix-sec-market-pricing {
        height: 832px;
        padding-top: 48px
    }

    .monlix-sec-market-pricing .container {
        max-width: 556px;
        padding: 0 !important
    }

    .monlix-sec-market-pricing .text-container {
        width: unset
    }

    .monlix-sec-market-pricing .tagline {
        font-size: 32px !important;
        margin-bottom: 20px
    }

    .monlix-sec-market-pricing .cards {
        grid-row-gap: 18px;
        row-gap: 18px
    }

    .monlix-sec-market-pricing .pricing-card {
        padding: 20px
    }

    .monlix-sec-market-pricing .title {
        font-size: 20px
    }

    .monlix-sec-market-pricing .desc, .monlix-sec-market-pricing .underline {
        font-size: 14px
    }

    .monlix-sec-market-download {
        margin-top: 130px
    }

    .monlix-sec-market-download .container {
        max-width: 576px !important;
        padding: 46px 0 72px
    }

    .monlix-sec-market-download .tagline {
        font-size: 32px !important;
        margin-top: 24px;
        margin-bottom: 18px
    }

    .monlix-sec-market-download a {
        padding: 13px 24px
    }

    .monlix-sec-market-download .download-card {
        width: -webkit-calc(576px / 3);
        width: calc(576px / 3);
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-top: 36px;
        padding-bottom: 32px
    }

    .monlix-sec-market-download .fab {
        margin-bottom: 46px
    }

    .monlix-sec-market-download .title {
        font-size: 22px
    }

    .monlix-sec-market-download .desc {
        font-size: 14px;
        padding: 0 32px;
        margin-top: 10px;
        margin-bottom: 30px
    }

    .monlix-sec-market-subscribe {
        text-align: center
    }

    .monlix-sec-market-subscribe .container {
        max-width: 497px !important;
        padding: 40px 0;
        border: none
    }

    .monlix-sec-market-subscribe .desc {
        margin-bottom: 36px
    }
}

@media (max-width: 575px) {
    body.monlix-sec-market #bp_mobile {
        display: block
    }

    body.monlix-sec-market .tagline {
        font-size: 28px
    }

    body.monlix-sec-market .section-desc {
        font-size: 16px
    }

    header.monlix-sec-market .hero {
        padding-top: 32px;
        text-align: center
    }

    header.monlix-sec-market .hero .container {
        max-width: 300px;
        padding: 0
    }

    header.monlix-sec-market .hero .hero-title {
        font-size: 32px
    }

    header.monlix-sec-market .hero .section-desc {
        font-size: 16px;
        padding: 0 17px;
        margin-top: 16px;
        margin-bottom: 36px
    }

    header.monlix-sec-market .hero .btn-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 0 20px;
        grid-gap: 16px;
        gap: 16px
    }

    header.monlix-sec-market .hero a {
        height: 48px;
        padding: 0;
        font-size: 16px
    }

    header.monlix-sec-market .hero img {
        margin-top: 36px
    }

    .monlix-sec-market-partner {
        padding-top: 40px;
        padding-bottom: 48px
    }

    .monlix-sec-market-partner .container {
        max-width: 268px;
        padding: 0
    }

    .monlix-sec-market-partner .partner {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-column-gap: 34px;
        -webkit-column-gap: 34px;
        -moz-column-gap: 34px;
        column-gap: 34px;
        grid-row-gap: 24px;
        row-gap: 24px;
        width: 226px;
        margin: auto auto 36px
    }

    .monlix-sec-market-partner img {
        width: 96px
    }

    .monlix-sec-market-partner .dots {
        height: 21px;
        width: 268px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .monlix-sec-market-collab {
        text-align: center
    }

    .monlix-sec-market-collab .container {
        max-width: 320px;
        padding: 0
    }

    .monlix-sec-market-collab .section-desc {
        width: 272px;
        margin-bottom: 24px
    }

    .monlix-sec-market-collab .tagline {
        margin-top: 22px;
        margin-bottom: 15px
    }

    .monlix-sec-market-collab img.image {
        width: 320px;
        padding: 19px 20px 14px 17px;
        margin-top: 30px
    }

    .monlix-sec-market-collab .owl-carousel .owl-stage-outer {
        overflow: visible
    }

    .monlix-sec-market-collab .owl-carousel .owl-item {
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }

    .monlix-sec-market-collab .owl-carousel .owl-item.active {
        opacity: 1
    }

    .monlix-sec-market-collab .collab-card {
        width: 280px;
        height: 179px;
        -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
        border-radius: 12px;
        padding: 15px 15px 16px;
        text-align: left
    }

    .monlix-sec-market-collab .collab-card img {
        width: 36px !important
    }

    .monlix-sec-market-collab .collab-card .title {
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 8px
    }

    .monlix-sec-market-collab .collab-card .desc {
        width: unset
    }

    .monlix-sec-market-collab .desc {
        font-size: 14px;
        width: 260px
    }

    .monlix-sec-market-collab .xl-w-544.gap {
        grid-gap: 26px;
        gap: 26px
    }

    .monlix-sec-market-collab div.image img {
        width: 280px;
        height: auto
    }

    .monlix-sec-market-collab .title {
        font-size: 18px;
        margin-top: 14px;
        margin-bottom: 8px
    }

    .monlix-sec-market-review {
        height: unset;
        text-align: center;
        margin: 0;
        border-radius: 0;
        padding: 0 0 46px
    }

    .monlix-sec-market-review .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-sec-market-review img {
        width: 200px !important;
        margin: -78px auto auto
    }

    .monlix-sec-market-review .name {
        font-size: 20px;
        margin-right: 0;
        margin-bottom: 8px
    }

    .monlix-sec-market-review .job {
        font-size: 14px
    }

    .monlix-sec-market-review .review {
        font-size: 20px
    }

    .monlix-sec-market-review .owl-carousel .owl-stage-outer {
        overflow: visible
    }

    .monlix-sec-market-review .owl-carousel .owl-item {
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }

    .monlix-sec-market-review .owl-carousel .owl-item.active {
        opacity: 1
    }

    .monlix-sec-market-review .btn-container, .monlix-sec-market-review .owl-dots {
        top: unset;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .monlix-sec-market-review .owl-dots {
        right: unset
    }

    .monlix-sec-market-integration {
        text-align: center;
        background: none;
        margin: 0;
        padding-top: 56;
        padding-bottom: 64px
    }

    .monlix-sec-market-integration .container {
        max-width: 320px;
        padding: 0
    }

    .monlix-sec-market-integration .text-container {
        width: 272px
    }

    .monlix-sec-market-integration .tagline {
        margin-top: 16px
    }

    .monlix-sec-market-integration img {
        width: 320px
    }

    .monlix-sec-market-pricing {
        height: 1227px;
        padding-top: 48px
    }

    .monlix-sec-market-pricing .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-sec-market-pricing .text-container {
        width: unset
    }

    .monlix-sec-market-pricing .tagline {
        margin-top: 22px;
        margin-bottom: 12px
    }

    .monlix-sec-market-pricing .switch {
        margin: 0 14px
    }

    .monlix-sec-market-pricing .cards {
        grid-row-gap: 18px;
        row-gap: 18px
    }

    .monlix-sec-market-pricing .pricing-card {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        padding: 20px
    }

    .monlix-sec-market-pricing .desc {
        font-size: 14px
    }

    .monlix-sec-market-pricing .title {
        margin-bottom: 0
    }

    .monlix-sec-market-pricing .underline {
        font-size: 12px
    }

    .monlix-sec-market-pricing .xs-py-10 {
        padding: 10px 0
    }

    .monlix-sec-market-download {
        margin-top: 169px
    }

    .monlix-sec-market-download .container {
        max-width: 280px;
        padding: 46px 0 0
    }

    .monlix-sec-market-download .tagline {
        font-size: 28px !important;
        margin-top: 24px;
        margin-bottom: 12px
    }

    .monlix-sec-market-download .flex {
        grid-gap: 20px;
        gap: 20px
    }

    .monlix-sec-market-download .download-card {
        width: 280px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-top: 24px;
        padding-bottom: 20px
    }

    .monlix-sec-market-download .fab {
        margin-bottom: 24px
    }

    .monlix-sec-market-download .title {
        font-size: 22px
    }

    .monlix-sec-market-download .desc {
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 32px
    }

    .monlix-sec-market-download a {
        width: 235px;
        height: 48px;
        padding: 0
    }

    .monlix-sec-market-subscribe {
        text-align: center;
        padding-top: 72px;
        margin-bottom: 0
    }

    .monlix-sec-market-subscribe .container {
        max-width: 280px;
        padding: 0 0 36px
    }

    .monlix-sec-market-subscribe .desc {
        font-size: 14px;
        margin-top: 14px
    }

    .monlix-sec-market-subscribe .custom-form {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        width: 100%;
        grid-gap: 10px;
        gap: 10px;
        padding: 12px 8px;
        margin-top: 40px;
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
        box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03)
    }

    .monlix-sec-market-subscribe input {
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        font-size: 14px;
        border-right: 1px solid #e5eaf4;
        height: 40px;
        padding: 0 0 0 16px
    }

    .monlix-sec-market-subscribe button {
        width: 100%;
        height: 40px;
        border-radius: 8px
    }
}

@media (min-width: 576px) and (max-width: 1199px) {
    body.monlix-sec-market #bp_tablet {
        display: block
    }
}

body.monlix-4 .section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

body.monlix-4 .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

header.monlix-4 .hero {
    padding-top: 88px
}

header.monlix-4 .hero .text-container {
    width: 541px
}

header.monlix-4 .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

header.monlix-4 .hero .section-desc {
    margin-top: 24px;
    margin-bottom: 48px
}

header.monlix-4 .hero .btn-container {
    grid-gap: 24px;
    gap: 24px
}

header.monlix-4 .hero .btn-container, header.monlix-4 .hero a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

header.monlix-4 .hero a {
    height: 56px;
    border-radius: 12px;
    font-family: Quicksand, sans-serif;
    font-size: 18px
}

header.monlix-4 .hero a.bg-black {
    width: 220px;
    color: #fff;
    font-weight: 700
}

header.monlix-4 .hero a.bg-white {
    width: 180px;
    color: #183b56;
    font-weight: 600
}

header.monlix-4 .hero .image {
    width: 1005px;
    margin-top: 80px;
    margin-bottom: -176px
}

.monlix-4-data {
    padding-top: 320px;
    padding-bottom: 64px
}

.monlix-4-data .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.monlix-4-data .data-card {
    width: 305px;
    height: 338px;
    border-radius: 8px;
    border: 1px solid #eceef2;
    padding: 64px 0;
    text-align: center
}

.monlix-4-data .section-title {
    margin-top: 40px;
    margin-bottom: 10px
}

.monlix-index-4 .text-container {
    width: 810px
}

.monlix-index-4 .section-title {
    margin-bottom: 20px
}

.monlix-index-4 .gap {
    grid-gap: 50px;
    gap: 50px
}

.monlix-index-4 .forms {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 50px;
    gap: 50px;
    margin-top: 56px;
    margin-bottom: 68px
}

.monlix-index-4 .forms .text-container {
    width: 324px
}

.monlix-index-4 .forms > div:first-child .form-card {
    background: -webkit-linear-gradient(90deg, #2ed47a 82%, #fff 0);
    background: -webkit-gradient(linear, left top, right top, color-stop(82%, #2ed47a), color-stop(18%, #fff));
    background: -webkit-linear-gradient(left, #2ed47a 82%, #fff 0);
    background: linear-gradient(90deg, #2ed47a 82%, #fff 0)
}

.monlix-index-4 .forms > div:nth-child(2) .form-card {
    padding-left: 20px;
    background: -webkit-linear-gradient(90deg, #183b56 82%, #fff 0);
    background: -webkit-gradient(linear, left top, right top, color-stop(82%, #183b56), color-stop(18%, #fff));
    background: -webkit-linear-gradient(left, #183b56 82%, #fff 0);
    background: linear-gradient(90deg, #183b56 82%, #fff 0)
}

.monlix-index-4 .forms > div:nth-child(3) .form-card {
    background: -webkit-linear-gradient(90deg, #00b8d9 82%, #fff 0);
    background: -webkit-gradient(linear, left top, right top, color-stop(82%, #00b8d9), color-stop(18%, #fff));
    background: -webkit-linear-gradient(left, #00b8d9 82%, #fff 0);
    background: linear-gradient(90deg, #00b8d9 82%, #fff 0)
}

.monlix-index-4 .forms > div:nth-child(4) .form-card {
    padding-left: 20px;
    background: -webkit-linear-gradient(90deg, #36b37e 82%, #fff 0);
    background: -webkit-gradient(linear, left top, right top, color-stop(82%, #36b37e), color-stop(18%, #fff));
    background: -webkit-linear-gradient(left, #36b37e 82%, #fff 0);
    background: linear-gradient(90deg, #36b37e 82%, #fff 0)
}

.monlix-index-4 .form-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 478px;
    height: 156px;
    border: 1px solid #eceef2;
    border-radius: 8px;
    padding-right: 64px;
    padding-left: 30px
}

.monlix-index-4 .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #fafafb
}

.monlix-index-4 .desc {
    font-family: Quicksand, sans-serif;
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.monlix-index-4 .pill {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 48px;
    height: 68px;
    border-radius: 2000px;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    background: #fff;
    font-size: 14px;
    color: #183b56
}

.monlix-index-4 .custom-form, .monlix-index-4 .pill {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.monlix-index-4 .custom-form {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    background-color: rgba(179, 186, 197, .1);
    border-radius: 12px;
    width: 918px;
    height: 66px;
    padding-right: 5px;
    padding-left: 30px
}

.monlix-index-4 a.bg-black {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 265px;
    height: 56px;
    border-radius: 12px;
    background-color: #2ed47a !important;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.publishers-steps {
    margin: 0 50px;
    padding-top: 80px;
    padding-bottom: 136px
}

.publishers-steps .container {
    padding-right: 88px;
    padding-left: 97px
}

.publishers-steps .title-container {
    width: 690px;
    margin: auto auto 84px;
    text-align: center
}

.publishers-steps .section-title {
    margin-bottom: 24px
}

.publishers-steps .text-container {
    width: 457px;
    padding-top: 60px;
    margin: auto auto 84px
}

.publishers-steps .step .line {
    margin-left: 230px
}

.publishers-steps .step:nth-child(3) .line {
    margin-left: 478px
}

.publishers-steps .image {
    width: 448px
}

.publishers-steps .badge {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 62px;
    height: 33px;
    line-height: 0;
    background-color: #faad13;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 8px;
    margin-right: 20px
}

.publishers-steps .text {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.lan-mon-feat .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #fff
}

.lan-mon-feat .text-container {
    width: 518px;
    padding-top: 112px;
    padding-bottom: 72px
}

.lan-mon-feat .section-desc {
    color: #fafafb !important;
    margin-top: 22px;
    margin-bottom: 36px
}

.lan-mon-feat a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 242px;
    height: 56px;
    border-radius: 12px;
    color: #fff
}

.lan-mon-feat i {
    margin-left: 24px
}

.lan-mon-feat .feature-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #eceef2;
    background-color: #fff
}

.lan-mon-feat .column-gap {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.lan-mon-feat .row-gap {
    grid-row-gap: 20px;
    row-gap: 20px
}

.monlix-extras-2-featured .title-container {
    width: 750px
}

.monlix-extras-2-featured .featured-card {
    width: 360px;
    height: 322px;
    opacity: .9;
    border: 1px solid #e5eaf4;
    padding: 48px 40px 42px
}

.monlix-extras-2-featured .featured-card:hover {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03)
}

.user-acq-list .text-container {
    width: 495px
}

.user-acq-list .section-title {
    margin-top: 80px;
    margin-bottom: 48px
}

.user-acq-list .decor {
    position: relative
}

.user-acq-list .fa-check {
    margin-right: 15px
}

.user-acq-list .gap {
    grid-gap: 34px;
    gap: 34px
}

.user-acq-list .image {
    width: 571px;
    height: 504px;
    object-fit: cover
}

.user-acq-reviews {
    padding-top: 120px;
    padding-bottom: 100px;
    overflow-x: hidden
}

.user-acq-reviews .testi-card {
    width: 325px;
    height: 229px;
    padding: 30px 30px 25px
}

.user-acq-reviews .testi-card.big {
    width: 430px
}

.user-acq-reviews .owl-item.active .testi-card {
    background-color: #fbfcfc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-acq-reviews .column-gap {
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.user-acq-reviews .testi {
    font-size: 16px;
    line-height: 1.69;
    color: #183b56;
    height: 80px;
    margin-bottom: 26px
}

.user-acq-reviews .name {
    font-size: 18px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.22;
    letter-spacing: 0;
    color: #183b56
}

.monlix-3-2-3 {
    background-position: 0, 100% 100%;
    background-repeat: no-repeat;
    background-color: #2ed47a;
    border-radius: 16px;
    padding: 72px 0;
    margin: 0 50px 96px
}

.monlix-3-2-3 .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    color: #fff
}

.monlix-3-2-3 .btn-container {
    grid-column-gap: 35px;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px
}

.monlix-3-2-3 .btn-container, .monlix-3-2-3 a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.monlix-3-2-3 a {
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    font-family: Quicksand, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 12px;
    height: 56px
}

.monlix-3-2-3 a.bg-warning {
    width: 202px
}

.monlix-3-2-3 a.bg-transparent {
    width: 206px;
    border: 2px solid #fff
}

.monlix-3-2-3 hr {
    border-top: 1px solid rgba(227, 231, 237, .2);
    margin: 56px 0
}

.monlix-3-2-3 .partner {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-column-gap: 94px;
    -webkit-column-gap: 94px;
    -moz-column-gap: 94px;
    column-gap: 94px
}

.monlix-3-2-3 img {
    width: 96px
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.monlix-4 .hero {
        padding-top: 26px
    }

    header.monlix-4 .hero .container {
        max-width: 698px;
        padding: 0
    }

    header.monlix-4 .hero .text-container {
        width: 464px
    }

    header.monlix-4 .hero .image {
        width: 698px;
        margin-bottom: -216px
    }

    header.monlix-4 .hero .hero-title {
        font-size: 48px
    }

    header.monlix-4 .hero .section-desc {
        font-size: 16px;
        margin-top: 18px
    }

    .monlix-4-data {
        padding: 296px 0 0
    }

    .monlix-4-data .container {
        max-width: 700px;
        padding: 0
    }

    .monlix-4-data .data-card {
        width: 220px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 48px 0
    }

    .monlix-4-data img {
        margin-bottom: 36px
    }

    .monlix-4-data .section-title {
        font-size: 28px !important;
        margin-top: 0;
        margin-bottom: 10px
    }

    .monlix-4-data .section-desc {
        font-size: 14px !important
    }

    .monlix-index-4 {
        padding: 80px 0
    }

    .monlix-index-4 .container {
        max-width: 679px;
        padding: 0
    }

    .monlix-index-4 .text-container {
        width: 546px
    }

    .monlix-index-4 .section-title {
        font-size: 32px !important;
        margin-bottom: 16px
    }

    .monlix-index-4 .section-desc {
        font-size: 16px !important
    }

    .monlix-index-4 .forms {
        grid-column-gap: 37px;
        -webkit-column-gap: 37px;
        -moz-column-gap: 37px;
        column-gap: 37px;
        grid-row-gap: 40px;
        row-gap: 40px;
        margin-top: 46px;
        margin-bottom: 48px
    }

    .monlix-index-4 .forms .text-container {
        width: 314px
    }

    .monlix-index-4 .forms > div:first-child .form-card {
        background: -webkit-linear-gradient(90deg, #2ed47a 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #2ed47a), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #2ed47a 90%, #fff 0);
        background: linear-gradient(90deg, #2ed47a 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(2) .form-card {
        background: -webkit-linear-gradient(90deg, #183b56 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #183b56), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #183b56 90%, #fff 0);
        background: linear-gradient(90deg, #183b56 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(3) .form-card {
        background: -webkit-linear-gradient(90deg, #00b8d9 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #00b8d9), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #00b8d9 90%, #fff 0);
        background: linear-gradient(90deg, #00b8d9 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(4) .form-card {
        background: -webkit-linear-gradient(90deg, #36b37e 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #36b37e), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #36b37e 90%, #fff 0);
        background: linear-gradient(90deg, #36b37e 90%, #fff 0)
    }

    .monlix-index-4 .form-card {
        width: 321px;
        height: 134px;
        padding-right: 15px;
        padding-left: 16px
    }

    .monlix-index-4 .title {
        font-size: 16px
    }

    .monlix-index-4 .pill {
        width: 32px;
        height: 48px
    }

    .monlix-index-4 .custom-form {
        width: 679px;
        padding-left: 20px
    }

    .monlix-index-4 a.bg-black {
        width: 245px
    }

    .publishers-steps {
        padding-bottom: 160px;
        margin: 0
    }

    .publishers-steps .container {
        max-width: 524px;
        padding: 0
    }

    .publishers-steps .title-container {
        width: 524px;
        margin-bottom: 38px
    }

    .publishers-steps .title-container .section-desc {
        font-size: 16px
    }

    .publishers-steps .section-title {
        font-size: 32px !important;
        margin-bottom: 20px
    }

    .publishers-steps .step {
        text-align: center
    }

    .publishers-steps .step .line2 {
        margin-left: 207px
    }

    .publishers-steps .text-container {
        width: 345px;
        padding-top: 24px;
        margin-bottom: 0
    }

    .publishers-steps .text-container .section-desc {
        font-size: 14px
    }

    .publishers-steps .badge {
        margin: 0 0 16px
    }

    .publishers-steps .text {
        font-size: 24px
    }

    .publishers-steps img {
        margin: auto
    }

    .lan-mon-feat .container {
        max-width: 768px;
        padding: 0
    }

    .lan-mon-feat .feature {
        padding: 0 40px
    }

    .lan-mon-feat .text-container {
        width: 339px;
        padding-top: 82px;
        padding-bottom: 65px
    }

    .lan-mon-feat .title {
        font-size: 32px
    }

    .lan-mon-feat .section-desc {
        font-size: 16px !important;
        margin-top: 18px;
        margin-bottom: 38px
    }

    .lan-mon-feat a {
        width: 209px;
        height: 48px
    }

    .lan-mon-feat .feature-card {
        width: 144px;
        height: 144px
    }

    .lan-mon-feat .column-gap {
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .lan-mon-feat .row-gap {
        grid-row-gap: 16px;
        row-gap: 16px
    }

    .user-acq-reviews {
        padding-top: 64px;
        padding-bottom: 80px
    }

    .user-acq-reviews .container {
        max-width: 728px;
        padding: 0
    }

    .user-acq-reviews .testi-card {
        width: unset;
        height: 240px;
        padding: 28px 20px 26px 30px
    }

    .user-acq-reviews .owl-item:first-child .testi-card {
        width: 350px
    }

    .user-acq-reviews .owl-item:nth-child(2) .testi-card {
        width: 265px
    }

    .user-acq-reviews .owl-item:nth-child(3) .testi-card, .user-acq-reviews .owl-item:nth-child(4) .testi-card {
        width: 245px
    }

    .user-acq-reviews .testi {
        height: 96px;
        margin-bottom: 30px;
        line-height: 1.5
    }

    .monlix-3-2-3 {
        margin: 0;
        padding: 56px 0;
        border-radius: 0
    }

    .monlix-3-2-3 .container {
        max-width: 688px;
        padding: 0
    }

    .monlix-3-2-3 .title {
        font-size: 40px;
        margin-bottom: 48px
    }

    .monlix-3-2-3 hr {
        margin-bottom: 48px
    }

    .monlix-3-2-3 .partner {
        grid-column-gap: 39px;
        -webkit-column-gap: 39px;
        -moz-column-gap: 39px;
        column-gap: 39px
    }

    .monlix-3-2-3 img {
        width: 87px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.monlix-4 .hero {
        padding-top: 26px
    }

    header.monlix-4 .hero .container {
        max-width: 698px;
        padding: 0 !important
    }

    header.monlix-4 .hero .text-container {
        width: 464px
    }

    header.monlix-4 .hero .image {
        width: 698px;
        margin-bottom: -216px
    }

    header.monlix-4 .hero .hero-title {
        font-size: 48px
    }

    header.monlix-4 .hero .section-desc {
        font-size: 16px;
        margin-top: 18px
    }

    .monlix-4-data {
        padding: 296px 0 0
    }

    .monlix-4-data .container {
        max-width: 700px;
        padding: 0 !important
    }

    .monlix-4-data .data-card {
        width: 220px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 48px 0
    }

    .monlix-4-data img {
        margin-bottom: 36px
    }

    .monlix-4-data .section-title {
        font-size: 28px !important;
        margin-top: 0;
        margin-bottom: 10px
    }

    .monlix-4-data .section-desc {
        font-size: 14px !important
    }

    .monlix-index-4 {
        padding: 80px 0
    }

    .monlix-index-4 .container {
        max-width: 679px;
        padding: 0 !important
    }

    .monlix-index-4 .text-container {
        width: 546px
    }

    .monlix-index-4 .section-title {
        font-size: 32px !important;
        margin-bottom: 16px
    }

    .monlix-index-4 .section-desc {
        font-size: 16px !important
    }

    .monlix-index-4 .forms {
        grid-column-gap: 37px;
        -webkit-column-gap: 37px;
        -moz-column-gap: 37px;
        column-gap: 37px;
        grid-row-gap: 40px;
        row-gap: 40px;
        margin-top: 46px;
        margin-bottom: 48px
    }

    .monlix-index-4 .forms .text-container {
        width: 314px
    }

    .monlix-index-4 .forms > div:first-child .form-card {
        background: -webkit-linear-gradient(90deg, #2ed47a 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #2ed47a), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #2ed47a 90%, #fff 0);
        background: linear-gradient(90deg, #2ed47a 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(2) .form-card {
        background: -webkit-linear-gradient(90deg, #183b56 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #183b56), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #183b56 90%, #fff 0);
        background: linear-gradient(90deg, #183b56 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(3) .form-card {
        background: -webkit-linear-gradient(90deg, #00b8d9 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #00b8d9), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #00b8d9 90%, #fff 0);
        background: linear-gradient(90deg, #00b8d9 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(4) .form-card {
        background: -webkit-linear-gradient(90deg, #36b37e 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #36b37e), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #36b37e 90%, #fff 0);
        background: linear-gradient(90deg, #36b37e 90%, #fff 0)
    }

    .monlix-index-4 .form-card {
        width: 321px;
        height: 134px;
        padding-right: 15px;
        padding-left: 16px
    }

    .monlix-index-4 .title {
        font-size: 16px
    }

    .monlix-index-4 .pill {
        width: 32px;
        height: 48px
    }

    .monlix-index-4 .custom-form {
        width: 679px;
        padding-left: 20px
    }

    .monlix-index-4 a.bg-black {
        width: 245px
    }

    .publishers-steps {
        padding-bottom: 160px;
        margin: 0
    }

    .publishers-steps .container {
        max-width: 524px;
        padding: 0 !important
    }

    .publishers-steps .title-container {
        width: 524px;
        margin-bottom: 38px
    }

    .publishers-steps .title-container .section-desc {
        font-size: 16px
    }

    .publishers-steps .section-title {
        font-size: 32px !important;
        margin-bottom: 20px
    }

    .publishers-steps .step {
        text-align: center
    }

    .publishers-steps .step .line2 {
        margin-left: 207px
    }

    .publishers-steps .text-container {
        width: 345px;
        padding-top: 24px;
        margin-bottom: 0
    }

    .publishers-steps .text-container .section-desc {
        font-size: 14px
    }

    .publishers-steps .badge {
        margin: 0 0 16px
    }

    .publishers-steps .text {
        font-size: 24px
    }

    .publishers-steps img {
        margin: auto
    }

    .lan-mon-feat .container {
        max-width: 768px;
        padding: 0 !important
    }

    .lan-mon-feat .feature {
        padding: 0 40px
    }

    .lan-mon-feat .text-container {
        width: 339px;
        padding-top: 82px;
        padding-bottom: 65px
    }

    .lan-mon-feat .title {
        font-size: 32px
    }

    .lan-mon-feat .section-desc {
        font-size: 16px !important;
        margin-top: 18px;
        margin-bottom: 38px
    }

    .lan-mon-feat a {
        width: 209px;
        height: 48px
    }

    .lan-mon-feat .feature-card {
        width: 144px;
        height: 144px
    }

    .lan-mon-feat .column-gap {
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .lan-mon-feat .row-gap {
        grid-row-gap: 16px;
        row-gap: 16px
    }

    .user-acq-reviews {
        padding-top: 64px;
        padding-bottom: 80px
    }

    .user-acq-reviews .container {
        max-width: 728px;
        padding: 0 !important
    }

    .user-acq-reviews .testi-card {
        width: unset;
        height: 240px;
        padding: 28px 20px 26px 30px
    }

    .user-acq-reviews .owl-item:first-child .testi-card {
        width: 350px
    }

    .user-acq-reviews .owl-item:nth-child(2) .testi-card {
        width: 265px
    }

    .user-acq-reviews .owl-item:nth-child(3) .testi-card, .user-acq-reviews .owl-item:nth-child(4) .testi-card {
        width: 245px
    }

    .user-acq-reviews .testi {
        height: 96px;
        margin-bottom: 30px;
        line-height: 1.5
    }

    .monlix-3-2-3 {
        margin: 0;
        padding: 56px 0;
        border-radius: 0
    }

    .monlix-3-2-3 .container {
        max-width: 688px;
        padding: 0 !important
    }

    .monlix-3-2-3 .title {
        font-size: 40px;
        margin-bottom: 48px
    }

    .monlix-3-2-3 hr {
        margin-bottom: 48px
    }

    .monlix-3-2-3 .partner {
        grid-column-gap: 39px;
        -webkit-column-gap: 39px;
        -moz-column-gap: 39px;
        column-gap: 39px
    }

    .monlix-3-2-3 img {
        width: 87px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header.monlix-4 .hero {
        padding-top: 26px
    }

    header.monlix-4 .hero .container {
        max-width: 536px;
        padding: 0 !important
    }

    header.monlix-4 .hero .text-container {
        width: 464px
    }

    header.monlix-4 .hero .image {
        width: 536px;
        margin-bottom: -216px
    }

    header.monlix-4 .hero .hero-title {
        font-size: 48px
    }

    header.monlix-4 .hero .section-desc {
        font-size: 16px;
        margin-top: 18px
    }

    .monlix-4-data {
        padding: 296px 0 0
    }

    .monlix-4-data .container {
        max-width: 556px;
        padding: 0 !important
    }

    .monlix-4-data .data-card {
        width: -webkit-calc(516px / 3);
        width: calc(516px / 3);
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 20px
    }

    .monlix-4-data img {
        margin-bottom: 16px
    }

    .monlix-4-data .section-title {
        font-size: 28px !important;
        margin-top: 0;
        margin-bottom: 8px
    }

    .monlix-4-data .section-desc {
        font-size: 14px !important
    }

    .monlix-index-4 {
        padding: 80px 0
    }

    .monlix-index-4 .container {
        max-width: 556px;
        padding: 0 !important
    }

    .monlix-index-4 .text-container {
        width: 546px
    }

    .monlix-index-4 .section-title {
        font-size: 32px !important;
        margin-bottom: 16px
    }

    .monlix-index-4 .section-desc {
        font-size: 16px !important
    }

    .monlix-index-4 .forms {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-row-gap: 40px;
        row-gap: 40px;
        margin-top: 46px;
        margin-bottom: 48px
    }

    .monlix-index-4 .forms .text-container {
        width: -webkit-calc(536px / 2);
        width: calc(536px / 2)
    }

    .monlix-index-4 .forms > div:first-child .form-card {
        background: -webkit-linear-gradient(90deg, #2ed47a 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #2ed47a), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #2ed47a 90%, #fff 0);
        background: linear-gradient(90deg, #2ed47a 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(2) .form-card {
        background: -webkit-linear-gradient(90deg, #183b56 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #183b56), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #183b56 90%, #fff 0);
        background: linear-gradient(90deg, #183b56 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(3) .form-card {
        background: -webkit-linear-gradient(90deg, #00b8d9 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #00b8d9), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #00b8d9 90%, #fff 0);
        background: linear-gradient(90deg, #00b8d9 90%, #fff 0)
    }

    .monlix-index-4 .forms > div:nth-child(4) .form-card {
        background: -webkit-linear-gradient(90deg, #36b37e 90%, #fff 0);
        background: -webkit-gradient(linear, left top, right top, color-stop(90%, #36b37e), color-stop(10%, #fff));
        background: -webkit-linear-gradient(left, #36b37e 90%, #fff 0);
        background: linear-gradient(90deg, #36b37e 90%, #fff 0)
    }

    .monlix-index-4 .form-card {
        width: -webkit-calc(536px / 2);
        width: calc(536px / 2);
        height: 134px;
        padding-right: 15px;
        padding-left: 16px
    }

    .monlix-index-4 .title {
        font-size: 16px
    }

    .monlix-index-4 .pill {
        width: 32px;
        height: 48px
    }

    .monlix-index-4 .custom-form {
        width: 280px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: unset;
        -moz-box-pack: unset;
        justify-content: unset;
        padding: 24px 10px;
        margin: auto
    }

    .monlix-index-4 .custom-form .desc {
        text-align: center;
        margin-bottom: 22px
    }

    .monlix-index-4 a.bg-black {
        width: 250px;
        height: 48px
    }

    .publishers-steps {
        padding-bottom: 160px;
        margin: 0
    }

    .publishers-steps .container {
        max-width: 524px;
        padding: 0 !important
    }

    .publishers-steps .title-container {
        width: 524px;
        margin-bottom: 38px
    }

    .publishers-steps .title-container .section-desc {
        font-size: 16px
    }

    .publishers-steps .section-title {
        font-size: 32px !important;
        margin-bottom: 20px
    }

    .publishers-steps .step {
        text-align: center
    }

    .publishers-steps .step .line2 {
        margin-left: 207px
    }

    .publishers-steps .text-container {
        width: 345px;
        padding-top: 24px;
        margin-bottom: 0
    }

    .publishers-steps .text-container .section-desc {
        font-size: 14px
    }

    .publishers-steps .badge {
        margin: 0 0 16px
    }

    .publishers-steps .text {
        font-size: 24px
    }

    .publishers-steps img {
        margin: auto
    }

    .lan-mon-feat .container {
        max-width: 767px;
        padding: 0 !important
    }

    .lan-mon-feat .feature {
        background-size: cover;
        padding: 0 40px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        height: 665px
    }

    .lan-mon-feat .text-container {
        text-align: center;
        width: 339px;
        padding-top: 82px;
        padding-bottom: 65px
    }

    .lan-mon-feat .title {
        font-size: 32px
    }

    .lan-mon-feat .section-desc {
        font-size: 16px !important;
        margin-top: 18px;
        margin-bottom: 38px
    }

    .lan-mon-feat a {
        width: 209px;
        height: 48px;
        margin: auto
    }

    .lan-mon-feat .feature-card {
        width: 144px;
        height: 144px
    }

    .lan-mon-feat .column-gap {
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .lan-mon-feat .row-gap {
        grid-row-gap: 16px;
        row-gap: 16px
    }

    .user-acq-reviews {
        padding-top: 310px;
        padding-bottom: 80px
    }

    .user-acq-reviews .container {
        max-width: 536px;
        padding: 0 !important
    }

    .user-acq-reviews .testi-card {
        width: unset;
        height: 240px;
        padding: 28px 20px 26px 30px
    }

    .user-acq-reviews .owl-item:first-child .testi-card {
        width: 350px
    }

    .user-acq-reviews .owl-item:nth-child(2) .testi-card {
        width: 265px
    }

    .user-acq-reviews .owl-item:nth-child(3) .testi-card, .user-acq-reviews .owl-item:nth-child(4) .testi-card {
        width: 245px
    }

    .user-acq-reviews .testi {
        height: 96px;
        margin-bottom: 30px;
        line-height: 1.5
    }

    .monlix-3-2-3 {
        margin: 0;
        padding: 56px 0;
        border-radius: 0
    }

    .monlix-3-2-3 .container {
        max-width: 501px;
        padding: 0 !important
    }

    .monlix-3-2-3 .title {
        font-size: 40px;
        margin-bottom: 48px
    }

    .monlix-3-2-3 hr {
        margin-bottom: 48px
    }

    .monlix-3-2-3 .partner {
        grid-column-gap: 39px;
        -webkit-column-gap: 39px;
        -moz-column-gap: 39px;
        column-gap: 39px
    }

    .monlix-3-2-3 img {
        width: 87px
    }
}

@media (max-width: 575px) {
    body.monlix-4 .section-title {
        font-size: 28px
    }

    body.monlix-4 .section-desc {
        font-size: 14px
    }

    header.monlix-4 .hero {
        padding-top: 32px
    }

    header.monlix-4 .hero .container {
        max-width: 300px;
        padding: 0
    }

    header.monlix-4 .hero .text-container {
        width: unset
    }

    header.monlix-4 .hero .hero-title {
        font-size: 32px
    }

    header.monlix-4 .hero .section-desc {
        font-size: 16px !important;
        margin-top: 16px;
        margin-bottom: 36px
    }

    header.monlix-4 .hero .btn-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 16px;
        gap: 16px
    }

    header.monlix-4 .hero a {
        height: 48px
    }

    header.monlix-4 .hero a.bg-black, header.monlix-4 .hero a.bg-white {
        width: 100%
    }

    header.monlix-4 .hero .image {
        width: 100%;
        margin-top: 48px;
        margin-bottom: -162px
    }

    .monlix-4-data {
        padding-top: 218px;
        padding-bottom: 0;
        text-align: center
    }

    .monlix-4-data .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-4-data .data-card {
        width: 280px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 25px 35px 22px 34px
    }

    .monlix-4-data img {
        width: 64px
    }

    .monlix-4-data .section-title {
        margin-top: 20px;
        margin-bottom: 12px
    }

    .monlix-index-4 {
        padding-top: 5px;
        padding-bottom: 56px
    }

    .monlix-index-4 .text-container {
        width: 262px;
        text-align: center;
        margin: auto
    }

    .monlix-index-4 .forms {
        grid-gap: 24px;
        gap: 24px;
        margin-bottom: 28px
    }

    .monlix-index-4 .forms .text-container {
        width: 260px;
        text-align: left
    }

    .monlix-index-4 .form-card {
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        width: 100%;
        height: 147px;
        padding-right: 34px;
        padding-left: 16px
    }

    .monlix-index-4 img {
        height: 24px;
        margin-top: 24px
    }

    .monlix-index-4 .title {
        font-size: 16px;
        width: 189px
    }

    .monlix-index-4 a {
        -webkit-align-self: center;
        align-self: center
    }

    .monlix-index-4 .pill {
        width: 32px;
        height: 48px
    }

    .monlix-index-4 .custom-form {
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 24px 10px;
        text-align: center
    }

    .monlix-index-4 a.bg-black {
        width: 250px;
        font-size: 14px;
        margin-top: 22px
    }

    .publishers-steps {
        padding-top: 48px;
        padding-bottom: 56px;
        margin: 0
    }

    .publishers-steps .container {
        max-width: 280px;
        padding: 0
    }

    .publishers-steps .title-container {
        width: unset;
        margin-bottom: 72px
    }

    .publishers-steps .section-title {
        margin-bottom: 16px
    }

    .publishers-steps .text-container {
        width: unset;
        padding-top: 28px;
        margin-bottom: 0
    }

    .publishers-steps .badge {
        margin: 0 0 22px
    }

    .publishers-steps .text {
        font-size: 24px
    }

    .publishers-steps .image {
        width: 100%
    }

    .lan-mon-feat {
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 36px;
        text-align: center
    }

    .lan-mon-feat .container {
        max-width: 281px;
        padding: 0
    }

    .lan-mon-feat .feature {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 0;
        background: none
    }

    .lan-mon-feat .text-container {
        width: unset;
        padding: 68px 0 0
    }

    .lan-mon-feat .title {
        font-size: 28px
    }

    .lan-mon-feat .section-desc {
        margin-top: 14px;
        margin-bottom: 30px
    }

    .lan-mon-feat a {
        width: 220px;
        height: 48px;
        margin: auto
    }

    .lan-mon-feat i {
        margin-left: 34px
    }

    .lan-mon-feat .column-gap {
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .lan-mon-feat .row-gap {
        grid-row-gap: 16px;
        row-gap: 16px
    }

    .lan-mon-feat .feature-card {
        width: 133px;
        height: 133px
    }

    .lan-mon-feat img {
        -webkit-transform: scale(.73);
        transform: scale(.73)
    }

    .user-acq-reviews {
        padding-top: 48px;
        padding-bottom: 56px
    }

    .user-acq-reviews .container {
        padding: 0
    }

    .user-acq-reviews .testi-card {
        width: 270px !important;
        height: 236px;
        padding: 21px 10px 34px 20px
    }

    .user-acq-reviews .testi {
        font-size: 14px;
        height: 101px
    }

    .user-acq-reviews .name {
        font-size: 16px
    }

    .monlix-3-2-3 {
        margin: 0;
        border-radius: 0;
        text-align: center;
        padding-top: 36px;
        padding-bottom: 42px
    }

    .monlix-3-2-3 .container {
        max-width: 280px;
        padding: 0
    }

    .monlix-3-2-3 .title {
        font-size: 28px;
        margin-bottom: 30px
    }

    .monlix-3-2-3 .btn-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-row-gap: 20px;
        row-gap: 20px
    }

    .monlix-3-2-3 a.bg-transparent, .monlix-3-2-3 a.bg-warning {
        width: 240px;
        height: 48px
    }

    .monlix-3-2-3 hr {
        margin: 36px 0
    }

    .monlix-3-2-3 .partner {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-column-gap: 39px;
        -webkit-column-gap: 39px;
        -moz-column-gap: 39px;
        column-gap: 39px;
        grid-row-gap: 22px;
        row-gap: 22px
    }

    .monlix-3-2-3 img {
        width: 87px
    }
}

body.landing-monlix-1-2 .custom-form {
    width: 487px;
    height: 58px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 8px;
    -webkit-box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    border: 1px solid #e5eaf4;
    background-color: #fff;
    padding: 6px
}

body.landing-monlix-1-2 .custom-form input {
    border: none;
    outline: none;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    flex: auto;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    padding-left: 18px
}

body.landing-monlix-1-2 .custom-form button {
    width: 169px;
    height: 46px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: unset;
    border-radius: 4px;
    border: none;
    background-color: #36b37e;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

header.landing-monlix-1-2 .hero {
    padding-top: 80px;
    padding-bottom: 136px
}

header.landing-monlix-1-2 .hero .text-container {
    width: 503px;
    margin-left: auto
}

header.landing-monlix-1-2 .hero .hero-title {
    font-size: 56px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

header.landing-monlix-1-2 .hero span {
    text-decoration: underline;
    -webkit-text-decoration-color: #faad13;
    -moz-text-decoration-color: #faad13;
    text-decoration-color: #faad13
}

header.landing-monlix-1-2 .hero .hero-desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin-top: 28px;
    margin-bottom: 52px
}

.landing-monlix-1-2-count {
    padding-top: 80px;
    padding-bottom: 100px
}

.landing-monlix-1-2-count .count {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px;
    gap: 30px
}

.landing-monlix-1-2-count .count, .landing-monlix-1-2-count .count-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.landing-monlix-1-2-count .count-card {
    width: 250px;
    height: 178px;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-monlix-1-2-count .number {
    font-size: 48px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.landing-monlix-1-2-count .text {
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #5a7184
}

.page-publishers {
    padding-top: 50px
}

.page-publishers .text-container {
    width: 487px
}

.page-publishers .survey {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    background-color: rgba(179, 186, 197, .1);
    padding-right: 48px;
    padding-bottom: 52px
}

.page-publishers .image {
    width: 555px;
    height: 430px;
    margin-top: -50px
}

.page-publishers .fa-play, .page-publishers .image {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.page-publishers .fa-play {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff
}

.page-publishers .bg-warning {
    margin-top: -24px;
    width: 160px;
    height: 48px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #fff;
    font-family: Quicksand, sans-serif;
    font-weight: 700;
    border-radius: 8px
}

.page-publishers .text {
    font-size: 28px;
    line-height: 1.64;
    letter-spacing: .2px;
    color: #183b56;
    font-family: hk_groteskmedium, sans-serif;
    margin-top: 50px;
    margin-bottom: 60px
}

.page-publishers .avatar {
    margin-right: 16px
}

.page-publishers .name {
    font-size: 20px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 10px
}

.page-publishers .position {
    font-size: 16px;
    color: #5a7184
}

.page-publishers-why {
    padding-top: 60px;
    padding-bottom: 150px
}

.page-publishers-why .why-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    background-color: rgba(179, 186, 197, .1);
    padding-top: 50px;
    padding-left: 30px
}

.page-publishers-why .text-container {
    width: 508px
}

.page-publishers-why .text-container > .title {
    font-size: 28px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.29;
    letter-spacing: .2px;
    color: #183b56
}

.page-publishers-why .text-container > .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    padding-right: 56px;
    margin-top: 12px;
    margin-bottom: 40px
}

.page-publishers-why .column-gap {
    grid-column-gap: 32px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

.page-publishers-why .row-gap {
    grid-row-gap: 32px;
    row-gap: 32px
}

.page-publishers-why .row-gap .title {
    font-size: 18px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.22;
    letter-spacing: .23px;
    color: #183b56;
    margin-bottom: 4px
}

.page-publishers-why .row-gap .desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.page-publishers-why .icon {
    margin-right: 18px
}

.page-publishers-why .image {
    margin-bottom: -50px
}

.market-research-steps .text-container {
    width: 670px;
    margin: 0 auto
}

.market-research-steps .text-container .title {
    font-size: 40px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.3;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.market-research-steps .text-container .desc {
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #5a7184;
    margin-top: 20px;
    margin-bottom: 80px
}

.market-research-steps .gap {
    grid-gap: 30px;
    gap: 30px
}

.market-research-steps .how-card {
    width: 262px;
    padding-right: 18px;
    padding-bottom: 40px;
    padding-left: 19px
}

.market-research-steps .how-card .title {
    font-size: 22px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.45;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin-top: 30px;
    margin-bottom: 10px
}

.market-research-steps .how-card .desc {
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #5a7184
}

.landing-monlix-1-2-creator {
    background-color: #36b37e;
    margin: 0 44px;
    border-radius: 4px;
    padding-top: 80px;
    padding-bottom: 68px
}

.landing-monlix-1-2-creator .text-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 68px
}

.landing-monlix-1-2-creator .title {
    font-size: 36px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #fff;
    width: 302px
}

.landing-monlix-1-2-creator .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #fff
}

.landing-monlix-1-2-creator .gap-container {
    margin: 0 -15px
}

.landing-monlix-1-2-creator .gap-x {
    padding: 0 15px
}

.landing-monlix-1-2-creator .creator-card {
    width: 262px;
    height: 300px;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 10px 10px 24px
}

.landing-monlix-1-2-creator img {
    margin-bottom: 24px
}

.landing-monlix-1-2-creator .name {
    font-size: 20px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    text-align: left;
    margin-bottom: 8px;
    margin-left: 10px
}

.landing-monlix-1-2-creator .job {
    font-size: 14px;
    line-height: 1.43;
    color: #5a7184;
    text-align: left;
    margin-left: 10px
}

.landing-monlix-1-2-creator .carousel-button {
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff
}

.landing-monlix-1-2-creator .gap {
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.landing-monlix-1-2-creator .text {
    font-size: 20px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #fff
}

.landing-monlix-1-2-company {
    padding-top: 80px
}

.landing-monlix-1-2-company .company {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 94px;
    gap: 94px;
    margin-top: 60px;
    margin-bottom: 100px
}

.landing-monlix-1-2-company img {
    width: 96px
}

.landing-monlix-1-2-company .text {
    font-size: 24px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.33;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.landing-monlix-1-2-company hr {
    width: 100px;
    height: 2px;
    opacity: .1;
    background-color: #5a7184
}

.landing-monlix-1-2-class {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(179, 186, 197, .1)));
    background-image: -webkit-linear-gradient(top, #fff, rgba(179, 186, 197, .1));
    background-image: linear-gradient(180deg, #fff, rgba(179, 186, 197, .1));
    margin-top: 44px;
    margin-bottom: 60px
}

.landing-monlix-1-2-class .text-container {
    padding-top: 88px
}

.landing-monlix-1-2-class .column-gap {
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.landing-monlix-1-2-class .fa-star.active {
    color: #f7b500
}

.landing-monlix-1-2-class .fa-star {
    color: #dfe1e3
}

.landing-monlix-1-2-class .quote {
    font-size: 24px;
    font-family: hk_groteskmedium, sans-serif;
    font-style: italic;
    line-height: 1.83;
    letter-spacing: .16px;
    color: #183b56;
    margin-top: 24px;
    margin-bottom: 36px
}

.landing-monlix-1-2-class .name {
    font-size: 20px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56;
    margin-right: 8px
}

.landing-monlix-1-2-class .job {
    font-size: 16px;
    color: #183b56
}

.landing-monlix-1-2-class a {
    background-color: rgba(54, 179, 126, .1);
    width: 142px;
    height: 46px;
    border-radius: 4px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #36b37e;
    margin-top: 68px
}

.landing-monlix-1-2-class img {
    width: 446px
}

.landing-monlix-1-2-join {
    background-color: #183b56;
    border-radius: 4px;
    padding-top: 88px;
    padding-bottom: 88px;
    margin: 0 40px 96px
}

.landing-monlix-1-2-join .title {
    font-size: 48px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #fff;
    margin-bottom: 56px
}

.landing-monlix-1-2-join .custom-form {
    margin: auto
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.landing-monlix-1-2 {
        background-position-y: -90px
    }

    header.landing-monlix-1-2 .hero {
        padding-top: 36px;
        padding-bottom: 493px
    }

    header.landing-monlix-1-2 .hero .text-container {
        margin: 0 auto;
        text-align: center
    }

    header.landing-monlix-1-2 .hero .hero-desc {
        margin-bottom: 36px
    }

    .landing-monlix-1-2-count {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-monlix-1-2-count .count {
        grid-gap: 16px;
        gap: 16px
    }

    .landing-monlix-1-2-count .count-card {
        width: 167px;
        height: 148px
    }

    .landing-monlix-1-2-count .number {
        font-size: 32px;
        margin-bottom: 8px
    }

    .landing-monlix-1-2-count .text {
        font-size: 16px
    }

    .page-publishers .container {
        max-width: 698px;
        padding: 0
    }

    .page-publishers .survey {
        padding-right: 30px;
        padding-bottom: 32px
    }

    .page-publishers .image {
        width: 335px;
        height: 378px
    }

    .page-publishers .fa-play {
        width: 64px;
        height: 64px
    }

    .page-publishers .text-container {
        width: 293px
    }

    .page-publishers .bg-warning {
        width: 118px;
        height: 38px;
        font-size: 14px;
        margin-top: -20px
    }

    .page-publishers .text {
        font-size: 22px;
        margin-top: 28px;
        margin-bottom: 40px
    }

    .page-publishers .avatar {
        width: 48px
    }

    .page-publishers .name {
        margin-bottom: 8px;
        font-size: 18px
    }

    .page-publishers-why {
        padding-top: 56px;
        padding-bottom: 102px
    }

    .page-publishers-why .container {
        max-width: 698px;
        padding: 0
    }

    .page-publishers-why .why-card {
        padding-top: 40px;
        padding-left: 30px
    }

    .page-publishers-why .text-container {
        width: 315px
    }

    .page-publishers-why .text-container > .desc {
        font-size: 16px;
        padding-right: 8px;
        margin-top: 18px;
        margin-bottom: 32px
    }

    .page-publishers-why .column-gap, .page-publishers-why .row-gap {
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .page-publishers-why .image {
        width: 315px;
        height: 540px;
        object-fit: cover;
        margin-bottom: -30px
    }

    .market-research-steps .container {
        max-width: 596px;
        padding: 72px 0 56px
    }

    .market-research-steps .text-container {
        width: unset
    }

    .market-research-steps .text-container .title {
        font-size: 32px
    }

    .market-research-steps .text-container .desc {
        margin-top: 18px;
        margin-bottom: 56px
    }

    .landing-monlix-1-2-creator {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .landing-monlix-1-2-creator .container {
        max-width: 698px;
        padding: 0
    }

    .landing-monlix-1-2-creator .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: unset;
        -moz-box-align: unset;
        align-items: unset;
        margin-bottom: 48px
    }

    .landing-monlix-1-2-creator .title {
        width: unset;
        margin-bottom: 18px
    }

    .landing-monlix-1-2-creator .desc {
        font-size: 16px
    }

    .landing-monlix-1-2-creator .creator-card {
        height: 260px
    }

    .landing-monlix-1-2-creator img {
        height: 150px;
        object-fit: cover
    }

    .landing-monlix-1-2-creator .carousel-button {
        display: none
    }

    .landing-monlix-1-2-company .container {
        max-width: 616px;
        padding: 0
    }

    .landing-monlix-1-2-company .company {
        grid-column-gap: 70px;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
        grid-row-gap: 42px;
        row-gap: 42px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 32px;
        margin-bottom: 85px
    }

    .landing-monlix-1-2-company img {
        width: 107px
    }

    .landing-monlix-1-2-class {
        margin-top: 48px;
        margin-bottom: 0
    }

    .landing-monlix-1-2-class .container {
        max-width: 652px;
        padding: 0
    }

    .landing-monlix-1-2-class .text-container {
        padding-top: 0
    }

    .landing-monlix-1-2-class .quote {
        margin-bottom: 32px
    }

    .landing-monlix-1-2-class a {
        margin: 64px auto 41px
    }

    .landing-monlix-1-2-class img {
        width: 401px;
        margin: auto
    }

    .landing-monlix-1-2-join {
        background-color: #0d2436;
        padding: 64px 0;
        margin-bottom: 31px
    }

    .landing-monlix-1-2-join .title {
        font-size: 40px;
        margin-bottom: 48px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.landing-monlix-1-2 {
        background-position-y: 0
    }

    header.landing-monlix-1-2 .hero {
        padding-top: 36px;
        padding-bottom: 493px
    }

    header.landing-monlix-1-2 .hero .text-container {
        margin: 0 auto;
        text-align: center
    }

    header.landing-monlix-1-2 .hero .hero-desc {
        margin-bottom: 36px
    }

    .landing-monlix-1-2-count {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-monlix-1-2-count .container {
        max-width: 716px;
        padding: 0 !important
    }

    .landing-monlix-1-2-count .count {
        grid-gap: 16px;
        gap: 16px
    }

    .landing-monlix-1-2-count .count-card {
        width: 167px;
        height: 148px
    }

    .landing-monlix-1-2-count .number {
        font-size: 32px;
        margin-bottom: 8px
    }

    .landing-monlix-1-2-count .text {
        font-size: 16px
    }

    .page-publishers .container {
        max-width: 698px;
        padding: 0 !important
    }

    .page-publishers .survey {
        padding-right: 30px;
        padding-bottom: 32px
    }

    .page-publishers .image {
        width: 335px;
        height: 378px
    }

    .page-publishers .fa-play {
        width: 64px;
        height: 64px
    }

    .page-publishers .text-container {
        width: 293px
    }

    .page-publishers .bg-warning {
        width: 118px;
        height: 38px;
        font-size: 14px;
        margin-top: -20px
    }

    .page-publishers .text {
        font-size: 22px;
        margin-top: 28px;
        margin-bottom: 40px
    }

    .page-publishers .avatar {
        width: 48px
    }

    .page-publishers .name {
        margin-bottom: 8px;
        font-size: 18px
    }

    .page-publishers-why {
        padding-top: 56px;
        padding-bottom: 102px
    }

    .page-publishers-why .container {
        max-width: 698px;
        padding: 0 !important
    }

    .page-publishers-why .why-card {
        padding-top: 40px;
        padding-left: 30px
    }

    .page-publishers-why .text-container {
        width: 315px
    }

    .page-publishers-why .text-container > .desc {
        font-size: 16px;
        padding-right: 8px;
        margin-top: 18px;
        margin-bottom: 32px
    }

    .page-publishers-why .column-gap, .page-publishers-why .row-gap {
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .page-publishers-why .image {
        width: 315px;
        height: 540px;
        object-fit: cover;
        margin-bottom: -30px
    }

    .market-research-steps .container {
        max-width: 596px;
        padding: 72px 0 56px !important
    }

    .market-research-steps .text-container {
        width: unset
    }

    .market-research-steps .text-container .title {
        font-size: 32px
    }

    .market-research-steps .text-container .desc {
        margin-top: 18px;
        margin-bottom: 56px
    }

    .landing-monlix-1-2-creator {
        padding-top: 50px;
        padding-bottom: 40px;
        margin-left: 35px;
        margin-right: 0
    }

    .landing-monlix-1-2-creator .container {
        max-width: 698px;
        padding: 0 !important
    }

    .landing-monlix-1-2-creator .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: unset;
        -moz-box-align: unset;
        align-items: unset;
        margin-bottom: 48px;
        margin-left: 17px
    }

    .landing-monlix-1-2-creator .title {
        width: unset;
        margin-bottom: 18px
    }

    .landing-monlix-1-2-creator .desc {
        font-size: 16px
    }

    .landing-monlix-1-2-creator #creator {
        margin-left: 17px
    }

    .landing-monlix-1-2-creator .creator-card {
        height: 260px
    }

    .landing-monlix-1-2-creator img {
        height: 150px;
        object-fit: cover
    }

    .landing-monlix-1-2-creator .carousel-button {
        display: none
    }

    .landing-monlix-1-2-company .container {
        max-width: 616px;
        padding: 0 !important
    }

    .landing-monlix-1-2-company .company {
        grid-column-gap: 70px;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
        grid-row-gap: 42px;
        row-gap: 42px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 32px;
        margin-bottom: 85px
    }

    .landing-monlix-1-2-company img {
        width: 107px
    }

    .landing-monlix-1-2-class {
        margin-top: 48px;
        margin-bottom: 0
    }

    .landing-monlix-1-2-class .container {
        max-width: 652px;
        padding: 0 !important
    }

    .landing-monlix-1-2-class .text-container {
        padding-top: 0
    }

    .landing-monlix-1-2-class .quote {
        margin-bottom: 32px
    }

    .landing-monlix-1-2-class a {
        margin: 64px auto 41px
    }

    .landing-monlix-1-2-class img {
        width: 401px;
        margin: auto
    }

    .landing-monlix-1-2-join {
        background-color: #0d2436;
        padding: 64px 0;
        margin: 0 0 31px
    }

    .landing-monlix-1-2-join .title {
        font-size: 40px;
        margin-bottom: 48px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header.landing-monlix-1-2 {
        background-position-y: 0;
        background-position-x: center
    }

    header.landing-monlix-1-2 .hero {
        padding-top: 36px;
        padding-bottom: 493px
    }

    header.landing-monlix-1-2 .hero .text-container {
        margin: 0 auto;
        text-align: center
    }

    header.landing-monlix-1-2 .hero .hero-desc {
        margin-bottom: 36px
    }

    .landing-monlix-1-2-count {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-monlix-1-2-count .count {
        grid-gap: 16px;
        gap: 16px
    }

    .landing-monlix-1-2-count .count-card {
        width: 167px;
        height: 148px
    }

    .landing-monlix-1-2-count .number {
        font-size: 32px;
        margin-bottom: 8px
    }

    .landing-monlix-1-2-count .text {
        font-size: 16px
    }

    .page-publishers .survey {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-right: 0;
        padding-bottom: 32px
    }

    .page-publishers .image {
        width: 335px;
        height: 378px;
        margin: -50px auto auto
    }

    .page-publishers .fa-play {
        width: 64px;
        height: 64px
    }

    .page-publishers .text-container {
        width: 293px;
        margin: auto
    }

    .page-publishers .bg-warning {
        width: 118px;
        height: 38px;
        font-size: 14px;
        margin: -20px auto auto
    }

    .page-publishers .text {
        font-size: 22px;
        text-align: center;
        margin-top: 28px;
        margin-bottom: 40px
    }

    .page-publishers .avatar {
        width: 48px
    }

    .page-publishers .name {
        margin-bottom: 8px;
        font-size: 18px
    }

    .page-publishers-why {
        padding-top: 86px;
        padding-bottom: 102px
    }

    .page-publishers-why .why-card {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse;
        padding: 0 0 30px
    }

    .page-publishers-why .text-container {
        width: 315px;
        margin: auto
    }

    .page-publishers-why .text-container > .desc {
        font-size: 16px;
        padding-right: 8px;
        margin-top: 18px;
        margin-bottom: 32px
    }

    .page-publishers-why .column-gap, .page-publishers-why .row-gap {
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .page-publishers-why .image {
        width: 335px;
        height: 378px;
        object-fit: cover;
        margin: -30px auto 24px
    }

    .market-research-steps .container {
        max-width: 547px;
        padding: 72px 0 56px !important
    }

    .market-research-steps .text-container {
        width: unset
    }

    .market-research-steps .text-container .title {
        font-size: 32px
    }

    .market-research-steps .text-container .desc {
        margin-top: 18px;
        margin-bottom: 56px
    }

    .market-research-steps .gap {
        grid-gap: 16px;
        gap: 16px
    }

    .landing-monlix-1-2-creator {
        padding-top: 50px;
        padding-bottom: 40px;
        margin: 0
    }

    .landing-monlix-1-2-creator .container {
        padding: 0 !important
    }

    .landing-monlix-1-2-creator .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: unset;
        -moz-box-align: unset;
        align-items: unset;
        margin-bottom: 48px
    }

    .landing-monlix-1-2-creator .title {
        width: unset;
        margin-bottom: 18px
    }

    .landing-monlix-1-2-creator .desc {
        font-size: 16px
    }

    .landing-monlix-1-2-creator .creator-card {
        height: 260px
    }

    .landing-monlix-1-2-creator img {
        height: 150px;
        object-fit: cover
    }

    .landing-monlix-1-2-creator .carousel-button {
        display: none
    }

    .landing-monlix-1-2-company .container {
        padding: 0 !important;
        max-width: 100%
    }

    .landing-monlix-1-2-company .company {
        grid-column-gap: 70px;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
        grid-row-gap: 42px;
        row-gap: 42px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 32px;
        margin-bottom: 85px
    }

    .landing-monlix-1-2-company img {
        width: 107px
    }

    .landing-monlix-1-2-class {
        margin-top: 48px;
        margin-bottom: 0
    }

    .landing-monlix-1-2-class .container {
        padding: 0 !important
    }

    .landing-monlix-1-2-class .text-container {
        padding-top: 0
    }

    .landing-monlix-1-2-class .quote {
        margin-bottom: 32px
    }

    .landing-monlix-1-2-class a {
        margin: 64px auto 41px
    }

    .landing-monlix-1-2-class img {
        width: 401px;
        margin: auto
    }

    .landing-monlix-1-2-join {
        background-color: #0d2436;
        padding: 64px 0;
        margin: 0 0 31px
    }

    .landing-monlix-1-2-join .title {
        font-size: 40px;
        margin-bottom: 48px
    }
}

@media (max-width: 575px) {
    body.landing-monlix-1-2 .custom-form {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        width: 280px;
        height: unset;
        padding: 8px;
        margin: auto
    }

    body.landing-monlix-1-2 .custom-form input {
        width: 100%;
        margin-top: 2px;
        margin-bottom: 10px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 12px
    }

    body.landing-monlix-1-2 .custom-form button {
        width: 100%;
        height: 40px;
        border-radius: 8px
    }

    header.landing-monlix-1-2 .hero {
        padding-top: 32px;
        padding-bottom: 340px
    }

    header.landing-monlix-1-2 .hero .container {
        max-width: 300px;
        padding: 0
    }

    header.landing-monlix-1-2 .hero .text-container {
        margin: auto;
        width: unset;
        text-align: center
    }

    header.landing-monlix-1-2 .hero .hero-title {
        font-size: 40px
    }

    header.landing-monlix-1-2 .hero .hero-desc {
        padding: 0 21px;
        margin-top: 16px;
        margin-bottom: 28px
    }

    .landing-monlix-1-2-count {
        padding-top: 24px;
        padding-bottom: 46px
    }

    .landing-monlix-1-2-count .container {
        max-width: 300px;
        padding: 0
    }

    .landing-monlix-1-2-count .count {
        grid-gap: 0;
        gap: 0
    }

    .landing-monlix-1-2-count .count-card {
        width: 150px;
        height: 108px
    }

    .landing-monlix-1-2-count .number {
        font-size: 28px;
        margin-bottom: 8px
    }

    .landing-monlix-1-2-count .text {
        font-size: 14px
    }

    .page-publishers {
        padding-bottom: 56px
    }

    .page-publishers .container {
        max-width: 320px;
        padding: 0
    }

    .page-publishers .survey {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding: 0 0 36px
    }

    .page-publishers .image {
        width: 300px;
        height: 180px;
        background-size: cover
    }

    .page-publishers .fa-play {
        width: 56px;
        height: 56px
    }

    .page-publishers .text-container {
        width: 280px;
        margin: auto
    }

    .page-publishers .bg-warning {
        width: 108px;
        height: 26px;
        font-size: 12px;
        margin: 30px auto auto
    }

    .user-acq-list .text-container {
        width: unset;
        text-align: center
    }

    .user-acq-list .image {
        width: 290px;
        height: auto;
        margin-top: 48px
    }

    .page-publishers .text {
        font-size: 17px;
        text-align: center;
        margin-top: 18px;
        margin-bottom: 36px
    }

    .page-publishers img {
        width: 200px !important;
        margin: 10px 20px 100px 0
    }

    .page-publishers .avatar {
        margin-right: 12px
    }

    .page-publishers .name {
        font-size: 18px;
        margin-bottom: 7px
    }

    .page-publishers .position {
        font-size: 14px
    }

    .page-publishers-why {
        padding-top: 150px;
        padding-bottom: 54px
    }

    .page-publishers-why .container {
        max-width: 320px;
        padding: 0
    }

    .page-publishers-why .why-card {
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        flex-direction: column-reverse;
        padding-top: 0;
        padding-bottom: 36px;
        padding-left: 0
    }

    .page-publishers-why .image {
        width: 300px;
        height: 180px;
        object-fit: cover;
        margin-top: -50px;
        margin-bottom: 24px;
        margin-left: auto
    }

    .page-publishers-why .text-container {
        width: 280px;
        margin: auto;
        text-align: center
    }

    .page-publishers-why .text-container > .title {
        font-size: 24px
    }

    .page-publishers-why .text-container > .desc {
        font-size: 14px;
        padding-right: 0;
        margin-top: 16px;
        margin-bottom: 24px
    }

    .page-publishers-why .icon {
        margin: auto;
        width: 50px !important
    }

    .page-publishers-why .column-gap, .page-publishers-why .row-gap {
        grid-row-gap: 20px;
        row-gap: 20px
    }

    .page-publishers-why .row-gap .desc, .page-publishers-why .row-gap .title {
        text-align: center
    }

    .market-research-steps .container {
        max-width: 280px;
        padding: 56px 0 0
    }

    .market-research-steps .text-container {
        width: unset
    }

    .market-research-steps .text-container .title {
        font-size: 28px
    }

    .market-research-steps .text-container .desc {
        font-size: 14px;
        padding: 0 5px
    }

    .market-research-steps .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .market-research-steps img {
        width: 48px
    }

    .market-research-steps .how-card {
        padding-bottom: 20px
    }

    .market-research-steps .how-card .title {
        font-size: 18px;
        margin-top: 24px;
        margin-bottom: 14px
    }

    .landing-monlix-1-2-creator {
        margin: 0;
        padding: 48px 0
    }

    .landing-monlix-1-2-creator .container {
        max-width: 280px;
        padding: 0
    }

    .landing-monlix-1-2-creator .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        margin: 0
    }

    .landing-monlix-1-2-creator .title {
        width: unset;
        font-size: 28px;
        text-align: center;
        padding: 0 22px
    }

    .landing-monlix-1-2-creator .desc {
        font-size: 16px;
        text-align: center;
        margin-top: 16px;
        margin-bottom: 20px
    }

    .landing-monlix-1-2-creator #creator {
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 15px;
        gap: 15px
    }

    .landing-monlix-1-2-creator .creator-card {
        width: 280px;
        height: 199px;
        padding-bottom: 19px
    }

    .landing-monlix-1-2-creator img {
        height: 100px;
        width: 100%;
        object-fit: cover;
        margin-bottom: 20px
    }

    .landing-monlix-1-2-creator .name {
        font-size: 18px;
        text-align: center;
        margin-left: 0
    }

    .landing-monlix-1-2-creator .job {
        text-align: center;
        margin-left: 0
    }

    .landing-monlix-1-2-creator .text {
        margin-top: 18px
    }

    .landing-monlix-1-2-creator .dot {
        width: 31px
    }

    .landing-monlix-1-2-creator .carousel-button {
        display: none
    }

    .landing-monlix-1-2-company {
        padding-top: 56px;
        padding-bottom: 48px
    }

    .landing-monlix-1-2-company .container {
        max-width: 261px;
        padding: 0
    }

    .landing-monlix-1-2-company .text {
        font-size: 20px
    }

    .landing-monlix-1-2-company .company {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 246px;
        grid-column-gap: 54px;
        -webkit-column-gap: 54px;
        -moz-column-gap: 54px;
        column-gap: 54px;
        grid-row-gap: 34px;
        row-gap: 34px;
        margin: 31px auto 0
    }

    .landing-monlix-1-2-company hr {
        display: none
    }

    .landing-monlix-1-2-class {
        margin: 0
    }

    .landing-monlix-1-2-class .container {
        max-width: 280px;
        padding: 0
    }

    .landing-monlix-1-2-class .text-container {
        padding-top: 48px
    }

    .landing-monlix-1-2-class .quote {
        font-size: 20px;
        margin-bottom: 28px
    }

    .landing-monlix-1-2-class .name {
        font-size: 18px
    }

    .landing-monlix-1-2-class .job {
        font-size: 14px
    }

    .landing-monlix-1-2-class a {
        margin: 40px auto
    }

    .landing-monlix-1-2-class img {
        width: 279px
    }

    .landing-monlix-1-2-join {
        margin: 0;
        padding-top: 36px;
        padding-bottom: 42px
    }

    .landing-monlix-1-2-join .container {
        max-width: 300px;
        padding: 0
    }

    .landing-monlix-1-2-join .title {
        font-size: 28px;
        margin-bottom: 34px
    }

    .landing-monlix-1-2-join .custom-form input {
        border-radius: 8px;
        border: 1px solid #c3cad9 !important
    }
}

@media (min-width: 576px) {
    body.landing-monlix-1-2 #bp_desktop {
        display: block
    }
}

body.landing-education2 .section-title {
    font-size: 14px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.43;
    letter-spacing: 2px;
    text-align: center
}

body.landing-education2 .section-desc {
    font-size: 40px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.3;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

header.landing-education2 {
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat
}

header.landing-education2 .hero {
    padding-top: 44px
}

header.landing-education2 .badge {
    margin-bottom: 36px
}

header.landing-education2 .hero-title {
    font-size: 56px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #fff
}

header.landing-education2 .hero-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #b3bac5;
    margin-top: 24px;
    margin-bottom: 52px
}

header.landing-education2 .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

header.landing-education2 .btn-container, header.landing-education2 .column-gap {
    grid-column-gap: 25px;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}

.landing-education2-step {
    height: 574px;
    background-color: rgba(0, 184, 217, .1);
    padding-top: 100px;
    margin-right: 50px
}

.landing-education2-step .title-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding-right: 32px;
    margin-bottom: 60px
}

.landing-education2-step .title-container .title {
    width: 504px;
    font-size: 48px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.landing-education2-step .title-container .desc {
    width: 457px;
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.landing-education2-step .fa-play {
    width: 90px;
    height: 90px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%
}

.landing-education2-step .step-card {
    width: 458px;
    height: 502px;
    background-color: #fff;
    padding-top: 40px;
    padding-left: 40px
}

.landing-education2-step .step-card > .title {
    font-size: 28px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.29;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 40px
}

.landing-education2-step .steps {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    grid-gap: 30px;
    gap: 30px
}

.landing-education2-step .step, .landing-education2-step .steps {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.landing-education2-step .step .title {
    font-size: 18px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.22;
    letter-spacing: .23px;
    color: #183b56
}

.landing-education2-step .step .desc {
    font-size: 14px;
    line-height: 1.71;
    color: #5a7184
}

.landing-education2-step .number {
    font-size: 16px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    margin-top: 18px
}

.landing-education2-step .icon {
    padding: 18px;
    border: .6px solid #eceef2;
    border-radius: 50%;
    margin-right: 22px;
    margin-left: 22px
}

.landing-education2-why {
    padding-top: 336px;
    padding-bottom: 100px
}

.landing-education2-why .gap {
    grid-gap: 45px;
    gap: 45px
}

.landing-education2-why .why-card {
    width: 350px;
    height: 423px;
    padding: 91px 32px 42px 30px;
    background-color: rgba(179, 186, 197, .1)
}

.landing-education2-why img {
    margin-bottom: 40px
}

.landing-education2-why .title {
    font-size: 28px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.29;
    letter-spacing: .2px;
    color: #183b56
}

.landing-education2-why .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184;
    margin-top: 18px;
    margin-bottom: 32px
}

.landing-education2-testimoni {
    background-color: rgba(250, 173, 19, .1);
    padding-top: 80px;
    padding-bottom: 72px;
    margin-right: 50px;
    margin-left: 50px
}

.landing-education2-testimoni .container {
    text-align: center
}

.landing-education2-testimoni .section-desc {
    margin-top: 24px;
    margin-bottom: 64px
}

.landing-education2-testimoni .testimoni {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: 72px
}

.landing-education2-testimoni .text {
    font-size: 20px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.landing-education2-testimoni img {
    -webkit-box-shadow: 0 43px 85px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 43px 85px 0 rgba(0, 0, 0, .1);
    margin-right: 16px
}

.landing-education2-testimoni .testimoni-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}

.landing-education2-testimoni .testimoni-card:first-child {
    padding-right: 23px
}

.landing-education2-testimoni .testimoni-card:nth-child(2) {
    padding-right: 17px
}

.landing-education2-testimoni .testimoni-card:nth-child(3) {
    padding-right: 31px
}

.landing-education2-testimoni .testimoni-card:nth-child(4) {
    padding-right: 37px
}

.landing-education2-testimoni .testimoni-card:nth-child(5) {
    padding-right: 31px
}

.landing-education2-testimoni .testimoni-card:nth-child(6) {
    padding-right: 24px
}

.landing-education2-testimoni .testimoni-card:nth-child(7) {
    padding-right: 23px
}

.landing-education2-testimoni .btn {
    width: 260px;
    height: 56px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    line-height: unset;
    border-radius: 0;
    margin: auto
}

.landing-education2-partner {
    padding-top: 100px;
    padding-bottom: 100px
}

.landing-education2-partner .title {
    width: 297px;
    font-size: 32px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.landing-education2-partner .partner {
    width: 760px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.landing-education2-class {
    padding-top: 80px;
    padding-bottom: 100px
}

.landing-education2-class .section-desc {
    margin-top: 24px;
    margin-bottom: 64px
}

.landing-education2-class .title {
    font-size: 20px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.2;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin-top: 20px;
    margin-bottom: 10px
}

.landing-education2-class .gap {
    grid-gap: 30px;
    gap: 30px
}

.landing-education2-class .class-card {
    width: 262px;
    height: 300px;
    border: .6px solid #eceef2;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 10px 22px
}

.landing-education2-class .fa-search {
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background-color: #fff;
    border-radius: 50%;
    margin: 60px auto
}

.landing-education2-join {
    background-color: rgba(179, 186, 197, .1);
    padding-top: 80px
}

.landing-education2-join .title {
    width: 427px;
    font-size: 40px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #183b56
}

.landing-education2-join .desc {
    width: 457px;
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184;
    margin-bottom: 18px
}

.landing-education2-join img {
    margin-left: 16px
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.landing-education2 .hero {
        padding-top: 26px
    }

    header.landing-education2 .hero .container {
        max-width: 503px;
        padding: 0
    }

    header.landing-education2 .badge {
        margin-bottom: 22px
    }

    header.landing-education2 .hero-title {
        font-size: 48px
    }

    header.landing-education2 .hero-desc {
        margin-top: 18px;
        margin-bottom: 40px
    }

    header.landing-education2 .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.landing-education2 .hero-image {
        width: 363px;
        margin: 63px auto auto
    }

    .landing-education2-step {
        height: 359px;
        margin-right: unset;
        padding-top: 72px
    }

    .landing-education2-step .container {
        max-width: 682px;
        padding: 0
    }

    .landing-education2-step .title-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-right: unset;
        margin-bottom: 36px;
        text-align: center
    }

    .landing-education2-step .title-container .title {
        font-size: 32px;
        width: unset;
        margin-bottom: 20px
    }

    .landing-education2-step .title-container .desc {
        font-size: 16px;
        width: 570px
    }

    .landing-education2-step .image {
        margin-top: unset;
        width: 682px;
        height: 270px;
        background-position: 50%
    }

    .landing-education2-step .step-card {
        width: unset;
        height: unset;
        padding-left: 30px
    }

    .landing-education2-step .steps {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 40px;
        gap: 40px
    }

    .landing-education2-step .step .desc {
        width: 185px
    }

    .landing-education2-step .icon {
        padding: 16px 15px 15px 16px;
        margin-right: 14px;
        margin-left: 20px
    }

    .landing-education2-step .icon img {
        width: 25px
    }

    .landing-education2-why {
        padding-top: 563px;
        padding-bottom: 72px
    }

    .landing-education2-why .container {
        max-width: 700px;
        padding: 0
    }

    .landing-education2-why .section-desc {
        font-size: 32px !important
    }

    .landing-education2-why .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-education2-why .why-card {
        width: 220px;
        height: 366px;
        padding: 30px 30px 30px 20px
    }

    .landing-education2-why img {
        width: 42px;
        margin-bottom: 24px
    }

    .landing-education2-why .title {
        font-size: 22px
    }

    .landing-education2-why .desc {
        font-size: 14px
    }

    .landing-education2-testimoni {
        margin: 0
    }

    .landing-education2-testimoni .container {
        max-width: 656px;
        padding: 0
    }

    .landing-education2-testimoni .section-desc {
        font-size: 32px !important;
        margin-bottom: 48px
    }

    .landing-education2-testimoni .testimoni {
        margin-bottom: 64px;
        grid-column-gap: 15px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .landing-education2-testimoni .testimoni-card {
        padding: 16px;
        padding-right: 20px !important
    }

    .landing-education2-testimoni .text {
        font-size: 18px;
        text-align: left
    }

    .landing-education2-testimoni img {
        width: 45px
    }

    .landing-education2-testimoni .testimoni-card:first-child, .landing-education2-testimoni .testimoni-card:nth-child(7) {
        width: 337px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(2) {
        width: 264px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(6) {
        width: 304px
    }

    .landing-education2-partner {
        padding-top: 80px;
        padding-bottom: 72px
    }

    .landing-education2-partner .container {
        max-width: 541px;
        padding: 0
    }

    .landing-education2-partner .title {
        width: unset;
        margin-bottom: 56px
    }

    .landing-education2-partner .partner {
        width: 460px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between
    }

    .landing-education2-partner img {
        width: 107px
    }

    .landing-education2-class {
        padding-top: 72px;
        padding-bottom: 56px
    }

    .landing-education2-class .container {
        max-width: 698px
    }

    .landing-education2-class .container .container {
        padding: 0
    }

    .landing-education2-class .gap {
        grid-gap: 19px;
        gap: 19px
    }

    .landing-education2-class .class-card {
        width: 220px;
        height: 270px;
        padding: 10px 10px 21px
    }

    .landing-education2-class img {
        width: 200px
    }

    .landing-education2-class .fa-search {
        margin-top: 46px;
        margin-bottom: 56px
    }

    .landing-education2-join {
        padding-top: 53px;
        margin-bottom: 31px
    }

    .landing-education2-join .container {
        max-width: 702px;
        padding: 0
    }

    .landing-education2-join .desc {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .landing-education2-join img {
        width: 702px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.landing-education2 .hero {
        padding-top: 26px
    }

    header.landing-education2 .hero .container {
        max-width: 503px;
        padding: 0 !important
    }

    header.landing-education2 .badge {
        margin-bottom: 22px
    }

    header.landing-education2 .hero-title {
        font-size: 48px
    }

    header.landing-education2 .hero-desc {
        margin-top: 18px;
        margin-bottom: 40px
    }

    header.landing-education2 .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.landing-education2 .hero-image {
        width: 363px;
        margin: 63px auto auto
    }

    .landing-education2-step {
        height: 359px;
        margin-right: unset;
        padding-top: 72px
    }

    .landing-education2-step .container {
        max-width: 682px;
        padding: 0 !important
    }

    .landing-education2-step .title-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-right: unset;
        margin-bottom: 36px;
        text-align: center
    }

    .landing-education2-step .title-container .title {
        font-size: 32px;
        width: unset;
        margin-bottom: 20px
    }

    .landing-education2-step .title-container .desc {
        font-size: 16px;
        width: 570px
    }

    .landing-education2-step .image {
        margin-top: unset;
        width: 682px;
        height: 270px;
        background-position: 50%
    }

    .landing-education2-step .step-card {
        width: unset;
        height: unset;
        padding-left: 30px
    }

    .landing-education2-step .steps {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 40px;
        gap: 40px
    }

    .landing-education2-step .step .desc {
        width: 185px
    }

    .landing-education2-step .icon {
        padding: 16px 15px 15px 16px;
        margin-right: 14px;
        margin-left: 20px
    }

    .landing-education2-step .icon img {
        width: 25px
    }

    .landing-education2-why {
        padding-top: 563px;
        padding-bottom: 72px
    }

    .landing-education2-why .container {
        max-width: 700px;
        padding: 0 !important
    }

    .landing-education2-why .section-desc {
        font-size: 32px !important
    }

    .landing-education2-why .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-education2-why .why-card {
        width: 220px;
        height: 366px;
        padding: 30px 30px 30px 20px
    }

    .landing-education2-why img {
        width: 42px;
        margin-bottom: 24px
    }

    .landing-education2-why .title {
        font-size: 22px
    }

    .landing-education2-why .desc {
        font-size: 14px
    }

    .landing-education2-testimoni {
        margin: 0
    }

    .landing-education2-testimoni .container {
        max-width: 656px;
        padding: 0 !important
    }

    .landing-education2-testimoni .section-desc {
        font-size: 32px !important;
        margin-bottom: 48px
    }

    .landing-education2-testimoni .testimoni {
        margin-bottom: 64px;
        grid-column-gap: 15px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .landing-education2-testimoni .testimoni-card {
        padding: 16px;
        padding-right: 20px !important
    }

    .landing-education2-testimoni .text {
        font-size: 18px;
        text-align: left
    }

    .landing-education2-testimoni img {
        width: 45px
    }

    .landing-education2-testimoni .testimoni-card:first-child, .landing-education2-testimoni .testimoni-card:nth-child(7) {
        width: 337px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(2) {
        width: 264px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(6) {
        width: 304px
    }

    .landing-education2-partner {
        padding-top: 80px;
        padding-bottom: 72px
    }

    .landing-education2-partner .container {
        max-width: 541px;
        padding: 0 !important
    }

    .landing-education2-partner .title {
        width: unset;
        margin-bottom: 56px
    }

    .landing-education2-partner .partner {
        width: 460px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between
    }

    .landing-education2-partner img {
        width: 107px
    }

    .landing-education2-class {
        padding-top: 72px;
        padding-bottom: 56px
    }

    .landing-education2-class .container {
        max-width: 698px;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .landing-education2-class .gap {
        grid-gap: 19px;
        gap: 19px
    }

    .landing-education2-class .class-card {
        width: 220px;
        height: 270px;
        padding: 10px 10px 21px
    }

    .landing-education2-class img {
        width: 200px
    }

    .landing-education2-class .fa-search {
        margin-top: 46px;
        margin-bottom: 56px
    }

    .landing-education2-join {
        padding-top: 53px;
        margin-bottom: 31px
    }

    .landing-education2-join .container {
        max-width: 702px;
        padding: 0 !important
    }

    .landing-education2-join .desc {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .landing-education2-join img {
        width: 702px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header.landing-education2 .hero {
        padding-top: 26px
    }

    header.landing-education2 .badge {
        margin-bottom: 22px
    }

    header.landing-education2 .hero-title {
        font-size: 48px
    }

    header.landing-education2 .hero-desc {
        margin-top: 18px;
        margin-bottom: 40px
    }

    header.landing-education2 .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    header.landing-education2 .hero-image {
        width: 363px;
        margin: 63px auto auto
    }

    .landing-education2-step {
        height: 359px;
        margin-right: unset;
        padding-top: 72px
    }

    .landing-education2-step .container {
        max-width: 576px;
        padding: 0
    }

    .landing-education2-step .title-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-right: unset;
        margin-bottom: 36px;
        text-align: center
    }

    .landing-education2-step .title-container .title {
        font-size: 32px;
        width: unset;
        margin-bottom: 20px;
        padding: 0 64px
    }

    .landing-education2-step .title-container .desc {
        font-size: 16px;
        width: 570px
    }

    .landing-education2-step .image {
        margin: auto;
        margin-top: unset;
        margin-bottom: 0;
        width: -webkit-calc(100% - 64px);
        width: calc(100% - 64px);
        height: 270px;
        background-position: 50%
    }

    .landing-education2-step .step-card {
        width: unset;
        height: unset;
        padding-left: 30px
    }

    .landing-education2-step .steps {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 40px;
        gap: 40px
    }

    .landing-education2-step .step .desc {
        width: 130px
    }

    .landing-education2-step .icon {
        padding: 16px 15px 15px 16px;
        margin-right: 14px;
        margin-left: 20px
    }

    .landing-education2-step .icon img {
        width: 25px
    }

    .landing-education2-why {
        padding-top: 563px;
        padding-bottom: 72px
    }

    .landing-education2-why .container {
        max-width: 100%
    }

    .landing-education2-why .section-desc {
        font-size: 32px !important
    }

    .landing-education2-why .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-education2-why .why-card {
        width: 280px;
        height: auto;
        padding: 24px 10px 26px;
        text-align: center
    }

    .landing-education2-why img {
        width: 42px;
        margin-bottom: 16px
    }

    .landing-education2-why .title {
        font-size: 18px
    }

    .landing-education2-why .desc {
        font-size: 14px;
        margin-top: 14px;
        margin-bottom: 20px
    }

    .landing-education2-testimoni {
        margin: 0
    }

    .landing-education2-testimoni .container {
        max-width: 100%
    }

    .landing-education2-testimoni .section-desc {
        font-size: 32px !important;
        margin-bottom: 48px
    }

    .landing-education2-testimoni .testimoni {
        margin-bottom: 64px;
        grid-column-gap: 15px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .landing-education2-testimoni .testimoni-card {
        padding: 16px;
        padding-right: 20px !important
    }

    .landing-education2-testimoni .text {
        font-size: 18px;
        text-align: left
    }

    .landing-education2-testimoni img {
        width: 45px
    }

    .landing-education2-testimoni .testimoni-card:first-child, .landing-education2-testimoni .testimoni-card:nth-child(7) {
        width: 337px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(2) {
        width: 264px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(6) {
        width: 304px
    }

    .landing-education2-partner {
        padding-top: 80px;
        padding-bottom: 72px
    }

    .landing-education2-partner .title {
        width: unset;
        margin-bottom: 56px
    }

    .landing-education2-partner .partner {
        width: 460px;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between
    }

    .landing-education2-partner img {
        width: 107px
    }

    .landing-education2-class {
        padding-top: 72px;
        padding-bottom: 56px
    }

    .landing-education2-class .gap {
        grid-gap: 19px;
        gap: 19px
    }

    .landing-education2-class .class-card {
        width: 220px;
        height: 270px;
        padding: 10px 10px 21px
    }

    .landing-education2-class img {
        width: 200px
    }

    .landing-education2-class .fa-search {
        margin-top: 46px;
        margin-bottom: 56px
    }

    .landing-education2-join {
        padding-top: 53px;
        margin-bottom: 31px
    }

    .landing-education2-join .desc {
        margin-top: 24px;
        margin-bottom: 24px
    }

    .landing-education2-join img {
        width: -webkit-calc(100% - 64px);
        width: calc(100% - 64px);
        margin: auto
    }
}

@media (max-width: 575px) {
    header.landing-education2 .hero {
        padding-top: 34px
    }

    header.landing-education2 .hero .container {
        max-width: 300px;
        padding: 0
    }

    header.landing-education2 .badge {
        margin-bottom: 26px
    }

    header.landing-education2 .hero-title {
        font-size: 32px
    }

    header.landing-education2 .hero-desc {
        padding: 0 15px;
        margin-top: 16px;
        margin-bottom: 28px
    }

    header.landing-education2 .btn-container {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-column-gap: 21px;
        -webkit-column-gap: 21px;
        -moz-column-gap: 21px;
        column-gap: 21px
    }

    header.landing-education2 .btn-container img {
        width: 119px
    }

    header.landing-education2 .hero-image {
        width: 228px;
        margin: 46px auto auto
    }

    .landing-education2-step {
        height: 387px;
        margin-right: 0;
        padding-top: 48px
    }

    .landing-education2-step .container {
        max-width: 300px;
        padding: 0
    }

    .landing-education2-step .title-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-right: 0;
        margin-bottom: 32px;
        text-align: center
    }

    .landing-education2-step .title-container .title {
        font-size: 28px;
        padding: 0 10px;
        margin-bottom: 16px
    }

    .landing-education2-step .title-container .desc {
        font-size: 14px;
        padding: 0 15px
    }

    .landing-education2-step .title-container .desc, .landing-education2-step .title-container .title {
        width: unset
    }

    .landing-education2-step .image {
        width: 300px;
        height: 180px;
        margin-top: 0;
        background-position: 50%;
        background-size: cover
    }

    .landing-education2-step .fa-play {
        display: none
    }

    .landing-education2-step .steps {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-education2-step .step-card {
        width: unset;
        padding-top: 36px;
        padding-left: 0
    }

    .landing-education2-step .step-card > .title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 18px
    }

    .landing-education2-step .step {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center
    }

    .landing-education2-step .number {
        margin-top: 0;
        margin-right: 5px
    }

    .landing-education2-step .icon {
        padding: 16px 15px 15px 16px;
        margin: 0
    }

    .landing-education2-step .icon img {
        width: 25px
    }

    .landing-education2-why {
        padding-top: 819px;
        padding-bottom: 48px
    }

    .landing-education2-why .container {
        max-width: 280px;
        padding: 0
    }

    .landing-education2-why .section-desc {
        font-size: 28px !important
    }

    .landing-education2-why .gap {
        grid-gap: 18px;
        gap: 18px
    }

    .landing-education2-why .why-card {
        width: 280px;
        height: 248px;
        padding: 22px 10px 26px;
        text-align: center
    }

    .landing-education2-why img {
        width: 40px;
        margin-bottom: 20px
    }

    .landing-education2-why .title {
        font-size: 18px;
        padding: 0 40px
    }

    .landing-education2-why .desc {
        font-size: 14px;
        padding: 0 8px;
        margin-top: 14px;
        margin-bottom: 20px
    }

    .landing-education2-testimoni {
        margin: 0;
        padding-top: 36px;
        padding-bottom: 40px
    }

    .landing-education2-testimoni .container {
        padding: 0;
        max-width: 320px
    }

    .landing-education2-testimoni .section-desc {
        font-size: 28px !important;
        margin-top: 18px;
        margin-bottom: 36px
    }

    .landing-education2-testimoni .testimoni {
        grid-column-gap: 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        grid-row-gap: 15px;
        row-gap: 15px;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start;
        margin-bottom: 48px
    }

    .landing-education2-testimoni .testimoni-card {
        padding: 15px !important;
        padding-left: 16px
    }

    .landing-education2-testimoni .testimoni-card:first-child {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
        width: 266px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(2) {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        width: 229px;
        margin-left: -212px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(3) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4;
        margin-left: 12px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(4) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
        width: 229px;
        margin-right: -212px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(5) {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5;
        margin-right: -141px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(6) {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6;
        width: 238px;
        margin-left: -145px
    }

    .landing-education2-testimoni .testimoni-card:nth-child(8) {
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .landing-education2-testimoni img {
        width: 34px;
        margin-right: 12px
    }

    .landing-education2-testimoni .text {
        font-size: 14px;
        text-align: left
    }

    .landing-education2-testimoni .btn {
        width: 200px;
        height: 48px
    }

    .landing-education2-partner {
        padding-top: 48px;
        padding-bottom: 0
    }

    .landing-education2-partner .title {
        width: 217px;
        font-size: 20px;
        margin-bottom: 36px
    }

    .landing-education2-partner .gap {
        grid-column-gap: 54px;
        -webkit-column-gap: 54px;
        -moz-column-gap: 54px;
        column-gap: 54px
    }

    .landing-education2-partner .partner {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        width: unset;
        -webkit-flex-wrap: unset;
        flex-wrap: unset;
        -webkit-justify-content: unset;
        -moz-box-pack: unset;
        justify-content: unset;
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .landing-education2-class {
        padding-top: 64px;
        padding-bottom: 48px
    }

    .landing-education2-class .container {
        max-width: 280px;
        padding: 0
    }

    .landing-education2-class .section-desc {
        font-size: 28px !important;
        padding: 0 2px;
        margin-top: 26px;
        margin-bottom: 28px
    }

    .landing-education2-class .gap {
        grid-gap: 16px;
        gap: 16px
    }

    .landing-education2-class .class-card {
        width: 280px;
        height: 216px;
        padding-bottom: 24px
    }

    .landing-education2-class .bg-info-100 {
        height: 178px
    }

    .landing-education2-class .bg-info-100 .title {
        margin: 0
    }

    .landing-education2-class img {
        width: 260px;
        height: 100px;
        object-fit: cover;
        border-radius: 4px
    }

    .landing-education2-class .title {
        font-size: 18px;
        margin-top: 23px;
        margin-bottom: 13px
    }

    .landing-education2-class .fa-search {
        width: 56px;
        height: 56px;
        margin-top: 18px;
        margin-bottom: 22px
    }

    .landing-education2-join {
        padding-top: 36px
    }

    .landing-education2-join .container {
        max-width: 320px;
        padding: 0
    }

    .landing-education2-join .title {
        font-size: 28px;
        width: unset;
        padding: 0 15px
    }

    .landing-education2-join .desc {
        font-size: 14px;
        width: unset;
        padding: 0 17px;
        margin-top: 16px;
        margin-bottom: 24px
    }

    .landing-education2-join img {
        margin-left: 0;
        width: 320px;
        height: 160px;
        object-fit: cover
    }
}

header.landing-pwd {
    background-size: cover;
    background-color: rgba(179, 186, 197, .1)
}

header.landing-pwd .hero .introduction {
    width: 391px;
    margin-top: 80px
}

header.landing-pwd .hero .bg-primary {
    width: 64px;
    height: 8px;
    border-radius: 4px
}

header.landing-pwd .hero .column-gap {
    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

header.landing-pwd .hero .fab {
    color: #00b8d9;
    width: 48px;
    height: 48px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 2000px;
    border: 2px solid #00b8d9;
    font-size: 18px
}

header.landing-pwd .hero .fab:hover {
    background: #00b8d9;
    color: #fff;
    cursor: pointer
}

header.landing-pwd .hero .name {
    font-size: 100px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .36px;
    color: #183b56;
    margin-top: 56px;
    margin-bottom: 64px
}

header.landing-pwd .hero .hero-image {
    width: 410px;
    height: 609px;
    position: relative;
    margin-left: -64px
}

header.landing-pwd .hero .text-container {
    width: 320px;
    margin-top: 216px;
    margin-left: 12px
}

header.landing-pwd .hero .pattern {
    width: 520px;
    position: absolute;
    top: 71px;
    left: -19.5px;
    z-index: -1
}

header.landing-pwd .hero .text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #959ead;
    margin-left: 14px
}

header.landing-pwd .hero .strip {
    width: 28px;
    height: 2px;
    border-radius: 4px;
    background-color: #b3bac5
}

header.landing-pwd .hero .job {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: .2px;
    color: #183b56;
    margin-top: 36px;
    margin-bottom: 22px
}

header.landing-pwd .hero .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.landing-pwd-partner {
    padding-top: 100px;
    padding-bottom: 100px
}

.landing-pwd-partner .partner {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.landing-pwd-detail .container {
    border-top: 1px solid #e3e7ed;
    padding-top: 100px;
    padding-bottom: 100px
}

.landing-pwd-detail .title {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pwd-detail .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.landing-pwd-detail .number {
    font-size: 48px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pwd-detail .text-primary {
    font-size: 20px
}

.landing-pwd-detail .fa-arrow-right {
    font-size: 16px;
    margin-left: 20px
}

.landing-pwd-detail .column-gap {
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.landing-pwd-detail .data-card {
    width: 129px;
    height: 164px;
    background-color: rgba(179, 186, 197, .1);
    border-radius: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding: 20px 20px 30px 24px
}

.landing-pwd-detail .detail {
    width: 555px
}

.landing-pwd-detail .detail .text {
    font-size: 16px;
    font-weight: 600;
    color: #5a7184
}

.landing-pwd-detail .detail .desc {
    margin-top: 24px;
    margin-bottom: 36px
}

.landing-pwd-detail .contact {
    width: 452px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding-top: 20px
}

.landing-pwd-detail .contact .text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #959ead;
    margin-left: 14px
}

.landing-pwd-detail .contact .strip {
    width: 28px;
    height: 2px;
    border-radius: 4px;
    background-color: #b3bac5
}

.landing-pwd-detail .contact .title {
    font-family: hk_grotesksemibold, sans-serif
}

.landing-pwd-detail .contact .desc {
    margin-top: 24px;
    margin-bottom: 64px
}

.landing-pwd-skill {
    background-color: rgba(179, 186, 197, .1);
    padding-bottom: 100px;
    margin-top: 100px
}

.landing-pwd-skill .skill {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 45px;
    gap: 45px
}

.landing-pwd-skill .skill-card {
    width: 350px;
    height: 380px;
    padding: 108px 30px 46px 32px;
    border-radius: 8px;
    margin-top: -100px
}

.landing-pwd-skill .title {
    font-size: 32px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 18px
}

.landing-pwd-skill .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #fafafb
}

.landing-pwd-work {
    padding-top: 100px;
    padding-bottom: 64px
}

.landing-pwd-work .title {
    font-size: 48px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56;
    margin-bottom: 26px
}

.landing-pwd-work .desc {
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #5a7184
}

.landing-pwd-work .gap {
    grid-gap: 28px;
    gap: 28px
}

.landing-pwd-work .category {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 8px;
    height: 56px;
    border: 1px solid #eceef2;
    font-size: 16px;
    font-family: hk_grotesksemibold, sans-serif;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    padding-right: 18px;
    padding-left: 16px
}

.landing-pwd-work .category:hover {
    border: 1px solid #183b56;
    cursor: pointer
}

.landing-pwd-work .category img {
    margin-right: 10px
}

.landing-pwd-work .work {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 70px;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    grid-row-gap: 64px;
    row-gap: 64px
}

.landing-pwd-work .work-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-pwd-work .image {
    width: 535px;
    height: 460px
}

.landing-pwd-work .caption {
    font-size: 24px;
    color: #183b56;
    width: 475px;
    height: 96px;
    border-radius: 8px;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    margin-top: -53px;
    background-color: #fff
}

.landing-pwd-work .work-card:nth-child(3), .landing-pwd-work .work-card:nth-child(4) {
    height: 401px
}

.landing-pwd-insight {
    padding-top: 104px;
    padding-bottom: 100px
}

.landing-pwd-insight .text-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px
}

.landing-pwd-insight .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pwd-insight .desc {
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

.landing-pwd-insight .gap-container {
    margin: 0 -15px
}

.landing-pwd-insight .gap-x {
    padding: 0 15px
}

.landing-pwd-insight .gap-x > div {
    height: 350px
}

.landing-pwd-insight .bg-transparent {
    width: 555px;
    padding: 20px 20px 26px
}

.landing-pwd-insight .bg-transparent .date {
    margin-top: 24px
}

.landing-pwd-insight .insight-card {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    width: 262px;
    padding: 30px 18px 24px 20px
}

.landing-pwd-insight .image, .landing-pwd-insight .insight-card {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    border-radius: 8px
}

.landing-pwd-insight .image {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    width: 515px;
    height: 219px;
    padding: 16px
}

.landing-pwd-insight .image img:hover {
    cursor: pointer
}

.landing-pwd-insight .date {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px
}

.landing-pwd-insight .text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pwd-insight .carousel-button {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.landing-pwd-insight .carousel-button:hover {
    cursor: pointer
}

.landing-pwd-review {
    padding-top: 80px;
    padding-bottom: 100px
}

.landing-pwd-review img {
    width: 100px !important;
    margin-right: 44px;
    margin-left: 28px
}

.landing-pwd-review .carousel-button {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 239px;
    right: -36px;
    z-index: 9999;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06)
}

.landing-pwd-review .carousel-button:hover {
    cursor: pointer
}

.landing-pwd-review .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 12px
}

.landing-pwd-review .job {
    font-size: 18px;
    color: #183b56
}

.landing-pwd-review .text {
    width: 938px;
    font-family: hk_groteskregular, sans-serif;
    font-size: 30px;
    line-height: 1.8;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pwd-review .fa-quote-left {
    font-size: 72px;
    color: rgba(0, 184, 217, .1)
}

.landing-pwd-collab {
    padding-top: 56px;
    padding-bottom: 64px
}

.landing-pwd-collab .text {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #fff
}

.landing-pwd-collab .btn-container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.landing-pwd-collab .bg-info {
    width: 218px;
    padding: 0 24px;
    color: #fafafb;
    margin-right: 30px
}

.landing-pwd-collab .bg-info, .landing-pwd-collab .bg-white {
    height: 60px;
    border-radius: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    line-height: unset;
    font-size: 20px
}

.landing-pwd-collab .bg-white {
    width: 238px;
    padding: 0 24px 0 26px;
    color: #183b56
}

.landing-pwd-collab .fa-skype {
    font-size: 22px;
    margin-right: 18px
}

.landing-pwd-collab .fa-envelope {
    font-size: 18px;
    margin-left: 26px
}

.footer {
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat
}

@media (min-width: 576px) {
    body.landing-pwd #bp_desktop {
        display: block
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.landing-pwd .hero .container {
        max-width: 525px;
        padding: 0
    }

    header.landing-pwd .hero .introduction {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        width: unset;
        margin-top: 50px
    }

    header.landing-pwd .hero .hero-image {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
        margin: 52px auto auto
    }

    header.landing-pwd .hero .text-container {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    header.landing-pwd .hero .bg-primary {
        height: 5px;
        margin: auto
    }

    header.landing-pwd .hero .name {
        font-size: 72px;
        text-align: center;
        margin-top: 36px;
        margin-bottom: 22px
    }

    header.landing-pwd .hero .text-container {
        width: unset;
        text-align: center;
        margin-top: 0;
        margin-left: 0
    }

    header.landing-pwd .hero .job {
        margin-top: 0;
        margin-bottom: 16px
    }

    header.landing-pwd .hero .desc {
        margin-bottom: 36px
    }

    .landing-pwd-partner {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-partner .container {
        max-width: 754px
    }

    .landing-pwd-detail .container {
        max-width: 688px;
        padding: 56px 0 72px
    }

    .landing-pwd-detail .detail {
        width: unset
    }

    .landing-pwd-detail .detail .desc {
        margin-top: 15px;
        margin-bottom: 32px;
        padding-right: 64px;
        padding-left: 64px
    }

    .landing-pwd-detail .contact {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        grid-column-gap: 42px;
        -webkit-column-gap: 42px;
        -moz-column-gap: 42px;
        column-gap: 42px;
        width: unset;
        padding-top: 102px
    }

    .landing-pwd-detail .contact .desc {
        margin-top: 16px;
        margin-bottom: 18px
    }

    .landing-pwd-detail .title {
        font-size: 32px
    }

    .landing-pwd-detail .desc {
        font-size: 16px
    }

    .landing-pwd-detail .data-card {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        width: 210px;
        height: 100px;
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding-right: 0;
        padding-bottom: 20px
    }

    .landing-pwd-detail .column-gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .landing-pwd-skill {
        padding-bottom: 64px
    }

    .landing-pwd-skill .skill {
        grid-gap: 20px;
        gap: 20px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pwd-skill .skill-card {
        width: 220px;
        height: 312px;
        padding: 50px 20px 40px
    }

    .landing-pwd-skill img {
        width: 36px
    }

    .landing-pwd-skill .title {
        font-size: 24px;
        margin-top: 32px
    }

    .landing-pwd-skill .desc {
        font-size: 14px
    }

    .landing-pwd-work {
        padding-top: 56px;
        padding-bottom: 46px
    }

    .landing-pwd-work .title {
        font-size: 36px;
        margin-bottom: 16px
    }

    .landing-pwd-work .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwd-work .work {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-gap: 30px;
        gap: 30px
    }

    .landing-pwd-work .image {
        width: 340px;
        height: 292px
    }

    .landing-pwd-work .caption {
        font-size: 15.3px;
        width: 302px;
        height: 61px;
        margin-top: -33.35px
    }

    .landing-pwd-work .work-card:nth-child(3), .landing-pwd-work .work-card:nth-child(4) {
        height: 255px
    }

    .landing-pwd-insight {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-insight .container {
        max-width: 688px;
        padding: 0
    }

    .landing-pwd-insight .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        margin-bottom: 44px
    }

    .landing-pwd-insight .title {
        font-size: 32px;
        margin-bottom: 18px
    }

    .landing-pwd-insight .gap-container {
        margin: 0 -20px
    }

    .landing-pwd-insight .gap-x {
        padding: 0 20px
    }

    .landing-pwd-insight .gap-x > div {
        height: 320px
    }

    .landing-pwd-insight .bg-transparent {
        width: 395px;
        padding: 20px 0 26px
    }

    .landing-pwd-insight .bg-transparent a {
        margin-top: -4px
    }

    .landing-pwd-insight .image {
        width: 395px;
        height: 189px
    }

    .landing-pwd-insight .insight-card {
        width: 233px;
        padding-right: 22px;
        padding-bottom: 30px
    }

    .landing-pwd-insight .carousel-button {
        width: 56px;
        height: 56px;
        right: -8px
    }

    .landing-pwd-review {
        padding-top: 56px;
        padding-bottom: 86px
    }

    .landing-pwd-review .container {
        max-width: 648px;
        padding: 0
    }

    .landing-pwd-review .text {
        width: 648px;
        font-size: 24px
    }

    .landing-pwd-review .fa-quote-left {
        font-size: 52px
    }

    .landing-pwd-review img {
        width: 80px !important;
        margin-right: 20px;
        margin-left: 24px
    }

    .landing-pwd-review .name {
        font-size: 22px;
        margin-bottom: 10px
    }

    .landing-pwd-review .job {
        font-size: 16px
    }

    .landing-pwd-review .carousel-button {
        top: 8px
    }

    .landing-pwd-collab {
        padding-top: 56px;
        padding-bottom: 64px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.landing-pwd .hero .introduction {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        width: unset;
        margin-top: 50px
    }

    header.landing-pwd .hero .hero-image {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
        margin: 52px auto auto
    }

    header.landing-pwd .hero .text-container {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    header.landing-pwd .hero .bg-primary {
        height: 5px;
        margin: auto
    }

    header.landing-pwd .hero .name {
        font-size: 72px;
        text-align: center;
        margin-top: 36px;
        margin-bottom: 22px
    }

    header.landing-pwd .hero .text-container {
        width: unset;
        text-align: center;
        margin-top: 0;
        margin-left: 0
    }

    header.landing-pwd .hero .job {
        margin-top: 0;
        margin-bottom: 16px;
        padding-right: 32px;
        padding-left: 32px
    }

    header.landing-pwd .hero .desc {
        margin-bottom: 36px;
        padding-right: 36px;
        padding-left: 36px
    }

    .landing-pwd-partner {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-detail .container {
        max-width: 688px;
        padding-top: 56px;
        padding-right: 0 !important;
        padding-bottom: 72px;
        padding-left: 0 !important
    }

    .landing-pwd-detail .detail {
        width: unset
    }

    .landing-pwd-detail .detail .desc {
        margin-top: 15px;
        margin-bottom: 32px;
        padding-right: 32px;
        padding-left: 32px
    }

    .landing-pwd-detail .contact {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        grid-column-gap: 42px;
        -webkit-column-gap: 42px;
        -moz-column-gap: 42px;
        column-gap: 42px;
        width: unset;
        padding-top: 102px
    }

    .landing-pwd-detail .contact .desc {
        margin-top: 16px;
        margin-bottom: 18px
    }

    .landing-pwd-detail .title {
        font-size: 32px
    }

    .landing-pwd-detail .desc {
        font-size: 16px
    }

    .landing-pwd-detail .data-card {
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        width: 210px;
        height: 100px;
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding-right: 0;
        padding-bottom: 20px
    }

    .landing-pwd-detail .column-gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .landing-pwd-skill {
        padding-bottom: 64px
    }

    .landing-pwd-skill .container {
        max-width: 700px;
        padding: 0 !important
    }

    .landing-pwd-skill .skill {
        grid-gap: 20px;
        gap: 20px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pwd-skill .skill-card {
        width: 220px;
        height: 312px;
        padding: 50px 20px 40px
    }

    .landing-pwd-skill img {
        width: 36px
    }

    .landing-pwd-skill .title {
        font-size: 24px;
        margin-top: 32px
    }

    .landing-pwd-skill .desc {
        font-size: 14px
    }

    .landing-pwd-work {
        padding-top: 56px;
        padding-bottom: 46px
    }

    .landing-pwd-work .container {
        max-width: 710px;
        padding: 0 !important
    }

    .landing-pwd-work .title {
        font-size: 36px;
        margin-bottom: 16px
    }

    .landing-pwd-work .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwd-work .work {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-gap: 30px;
        gap: 30px
    }

    .landing-pwd-work .image {
        width: 340px;
        height: 292px
    }

    .landing-pwd-work .caption {
        font-size: 15px;
        width: 302px;
        height: 61px;
        margin-top: -33.35px
    }

    .landing-pwd-work .work-card:nth-child(3), .landing-pwd-work .work-card:nth-child(4) {
        height: 255px
    }

    .landing-pwd-insight {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-insight .container {
        max-width: 688px;
        padding: 0 !important
    }

    .landing-pwd-insight .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        margin-bottom: 44px
    }

    .landing-pwd-insight .title {
        font-size: 32px;
        margin-bottom: 18px
    }

    .landing-pwd-insight .gap-container {
        margin: 0 -20px
    }

    .landing-pwd-insight .gap-x {
        padding: 0 20px
    }

    .landing-pwd-insight .gap-x > div {
        height: 320px
    }

    .landing-pwd-insight .bg-transparent {
        width: 395px;
        padding: 20px 0 26px
    }

    .landing-pwd-insight .bg-transparent a {
        margin-top: -4px
    }

    .landing-pwd-insight .image {
        width: 395px;
        height: 189px
    }

    .landing-pwd-insight .insight-card {
        width: 233px;
        padding-right: 22px;
        padding-bottom: 30px
    }

    .landing-pwd-insight .carousel-button {
        width: 56px;
        height: 56px;
        right: -8px
    }

    .landing-pwd-review {
        padding-top: 56px;
        padding-bottom: 86px
    }

    .landing-pwd-review .container {
        max-width: 648px;
        padding: 0 !important
    }

    .landing-pwd-review .text {
        width: 648px;
        font-size: 24px
    }

    .landing-pwd-review .fa-quote-left {
        font-size: 52px
    }

    .landing-pwd-review img {
        width: 80px !important;
        margin-right: 20px;
        margin-left: 24px
    }

    .landing-pwd-review .name {
        font-size: 22px;
        margin-bottom: 10px
    }

    .landing-pwd-review .job {
        font-size: 16px
    }

    .landing-pwd-review .carousel-button {
        top: 8px
    }

    .landing-pwd-collab {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-collab .text {
        margin-bottom: 36px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    header.landing-pwd .hero .introduction {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        width: unset;
        margin-top: 50px
    }

    header.landing-pwd .hero .hero-image {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
        margin: 52px auto auto
    }

    header.landing-pwd .hero .text-container {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    header.landing-pwd .hero .bg-primary {
        height: 5px;
        margin: auto
    }

    header.landing-pwd .hero .name {
        font-size: 72px;
        text-align: center;
        margin-top: 36px;
        margin-bottom: 22px
    }

    header.landing-pwd .hero .text-container {
        width: unset;
        text-align: center;
        margin-top: 0;
        margin-left: 0
    }

    header.landing-pwd .hero .job {
        margin-top: 0;
        margin-bottom: 16px;
        padding: 0
    }

    header.landing-pwd .hero .desc {
        margin-bottom: 36px;
        padding-right: 36px;
        padding-left: 36px
    }

    .landing-pwd-partner {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-partner img {
        width: 96px
    }

    .landing-pwd-detail .container {
        padding-top: 56px;
        padding-bottom: 72px
    }

    .landing-pwd-detail .detail {
        width: unset
    }

    .landing-pwd-detail .detail .desc {
        margin-top: 15px;
        margin-bottom: 32px;
        padding-right: 32px;
        padding-left: 32px
    }

    .landing-pwd-detail .contact {
        grid-column-gap: 42px;
        -webkit-column-gap: 42px;
        -moz-column-gap: 42px;
        column-gap: 42px;
        width: unset;
        padding-top: 102px
    }

    .landing-pwd-detail .contact .desc {
        margin-top: 16px;
        margin-bottom: 18px
    }

    .landing-pwd-detail .title {
        font-size: 32px
    }

    .landing-pwd-detail .desc {
        font-size: 16px
    }

    .landing-pwd-detail .data-card {
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        width: -webkit-calc(470px / 3);
        width: calc(470px / 3);
        height: 139px;
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding: 0
    }

    .landing-pwd-detail .column-gap {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .landing-pwd-detail .number {
        margin-bottom: 12px
    }

    .landing-pwd-skill {
        padding-bottom: 64px
    }

    .landing-pwd-skill .skill {
        grid-gap: 20px;
        gap: 20px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pwd-skill .skill-card {
        width: -webkit-calc(470px / 3);
        width: calc(470px / 3);
        height: auto;
        padding: 50px 20px 40px
    }

    .landing-pwd-skill img {
        width: 36px
    }

    .landing-pwd-skill .title {
        font-size: 24px;
        margin-top: 32px
    }

    .landing-pwd-skill .desc {
        font-size: 14px
    }

    .landing-pwd-work {
        padding-top: 56px;
        padding-bottom: 46px
    }

    .landing-pwd-work .title {
        font-size: 36px;
        margin-bottom: 16px
    }

    .landing-pwd-work .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwd-work .work {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-gap: 30px;
        gap: 30px
    }

    .landing-pwd-work .image {
        width: 240px;
        height: 292px
    }

    .landing-pwd-work .caption {
        font-size: 12px;
        width: 202px;
        height: 44px;
        margin-top: -33.35px
    }

    .landing-pwd-work .work-card:nth-child(3), .landing-pwd-work .work-card:nth-child(4) {
        height: 255px
    }

    .landing-pwd-insight {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-insight .title {
        font-size: 32px;
        margin-bottom: 18px
    }

    .landing-pwd-insight .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        margin-bottom: 44px
    }

    .landing-pwd-insight .gap-container {
        margin: 0 -20px
    }

    .landing-pwd-insight .gap-x {
        padding: 0 20px
    }

    .landing-pwd-insight .gap-x > div {
        height: 320px
    }

    .landing-pwd-insight .bg-transparent {
        width: -webkit-calc(470px * 4 / 6);
        width: calc(470px * 4 / 6);
        padding: 20px 0 26px
    }

    .landing-pwd-insight .bg-transparent a {
        margin-top: -4px
    }

    .landing-pwd-insight .image {
        width: -webkit-calc(470px * 4 / 6);
        width: calc(470px * 4 / 6);
        height: 189px
    }

    .landing-pwd-insight .insight-card {
        width: -webkit-calc(470px * 2 / 6);
        width: calc(470px * 2 / 6);
        padding-right: 22px;
        padding-bottom: 30px
    }

    .landing-pwd-insight .carousel-button {
        width: 56px;
        height: 56px;
        right: -8px
    }

    .landing-pwd-review {
        padding-top: 56px;
        padding-bottom: 86px
    }

    .landing-pwd-review .text {
        width: 510px;
        font-size: 24px
    }

    .landing-pwd-review .fa-quote-left {
        font-size: 52px
    }

    .landing-pwd-review img {
        width: 80px !important;
        margin-right: 20px;
        margin-left: 24px
    }

    .landing-pwd-review .name {
        font-size: 22px;
        margin-bottom: 10px
    }

    .landing-pwd-review .job {
        font-size: 16px
    }

    .landing-pwd-review .carousel-button {
        top: 8px
    }

    .landing-pwd-collab {
        padding-top: 56px;
        padding-bottom: 64px
    }

    .landing-pwd-collab .text {
        margin-bottom: 36px
    }
}

@media (max-width: 575px) {
    body.landing-pwd #bp_mobile {
        display: block
    }

    header.landing-pwd .hero .container {
        max-width: 281px;
        padding: 0
    }

    header.landing-pwd .hero .name {
        font-size: 48px;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 17px
    }

    header.landing-pwd .hero .introduction {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        width: unset;
        margin-top: 32px
    }

    header.landing-pwd .hero .hero-image {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
        width: 281px;
        height: 373px;
        margin-top: 41px;
        margin-right: auto;
        margin-left: auto
    }

    header.landing-pwd .hero .hero-image img {
        width: 100%;
        height: 100%
    }

    header.landing-pwd .hero .text-container {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
        width: unset;
        text-align: center;
        margin-top: 0;
        margin-left: 0
    }

    header.landing-pwd .hero .bg-primary {
        height: 4px;
        margin: auto
    }

    header.landing-pwd .hero .job {
        font-size: 20px
    }

    header.landing-pwd .hero .desc {
        margin-bottom: 32px
    }

    header.landing-pwd .hero .column-gap {
        grid-column-gap: 15px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px
    }

    header.landing-pwd .hero .pattern {
        width: 259px;
        top: unset;
        right: 12px;
        bottom: 80px;
        left: unset
    }

    .landing-pwd-partner {
        padding: 48px 0
    }

    .landing-pwd-partner .partner {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-column-gap: 54px;
        -webkit-column-gap: 54px;
        -moz-column-gap: 54px;
        column-gap: 54px;
        grid-row-gap: 32px;
        row-gap: 32px
    }

    .landing-pwd-partner img {
        width: 96px
    }

    .landing-pwd-detail .container {
        max-width: 305px;
        padding: 64px 0 48px
    }

    .landing-pwd-detail .title {
        font-size: 28px
    }

    .landing-pwd-detail .desc {
        font-size: 16px;
        padding: 0 16px
    }

    .landing-pwd-detail .column-gap {
        grid-column-gap: 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .landing-pwd-detail .data-card {
        width: 95px;
        height: 139px;
        padding: 0 16px 0 15px;
        text-align: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pwd-detail .number {
        font-size: 32px;
        margin-bottom: 15px
    }

    .landing-pwd-detail .contact, .landing-pwd-detail .detail {
        width: unset
    }

    .landing-pwd-detail .detail .desc {
        margin-top: 14px;
        margin-bottom: 32px
    }

    .landing-pwd-detail .detail .text {
        font-size: 12px
    }

    .landing-pwd-detail .contact {
        padding-top: 56px
    }

    .landing-pwd-detail .contact .title {
        text-align: center
    }

    .landing-pwd-detail .contact .desc {
        margin-top: 14px;
        margin-bottom: 26px
    }

    .landing-pwd-skill {
        padding-bottom: 64px;
        margin-top: unset;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(55%, rgba(179, 186, 197, .1)), color-stop(45%, #fff));
        background: -webkit-linear-gradient(bottom, rgba(179, 186, 197, .1) 55%, #fff 0);
        background: linear-gradient(0deg, rgba(179, 186, 197, .1) 55%, #fff 0)
    }

    .landing-pwd-skill .skill {
        grid-gap: 16px;
        gap: 16px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pwd-skill .skill-card {
        width: 280px;
        height: 178px;
        margin-top: unset;
        text-align: center;
        padding: 24px 10px 0
    }

    .landing-pwd-skill img {
        width: 36px
    }

    .landing-pwd-skill .title {
        font-size: 18px;
        line-height: unset;
        margin-top: 20px;
        margin-bottom: 12px
    }

    .landing-pwd-skill .desc {
        line-height: unset;
        font-size: 14px
    }

    .landing-pwd-work {
        padding-top: 64px;
        padding-bottom: 36px
    }

    .landing-pwd-work .container {
        max-width: 288px;
        padding: 0
    }

    .landing-pwd-work .title {
        font-size: 28px
    }

    .landing-pwd-work .desc {
        font-size: 16px
    }

    .landing-pwd-work .carousel-container {
        margin-right: -16px
    }

    .landing-pwd-work .category {
        height: 50px;
        font-size: 14px;
        padding-right: 15px;
        padding-left: 15px
    }

    .landing-pwd-work .category img {
        width: 20px !important;
        margin-right: 6px
    }

    .landing-pwd-work .work {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwd-work .image {
        width: 280px;
        height: 150px
    }

    .landing-pwd-work .caption {
        font-size: 16px;
        width: 270px;
        height: 50px;
        margin-top: -33.35px
    }

    .landing-pwd-work .work-card:nth-child(3) {
        height: unset
    }

    .landing-pwd-work .work-card:nth-child(4) {
        height: unset
    }

    .landing-pwd-insight {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .landing-pwd-insight .container {
        max-width: 286px;
        padding: 0
    }

    .landing-pwd-insight .text-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        width: 286px;
        margin: auto
    }

    .landing-pwd-insight .title {
        font-size: 28px
    }

    .landing-pwd-insight .desc {
        margin-top: 13px;
        margin-bottom: 36px
    }

    .landing-pwd-insight .gap-container {
        margin: 0;
        grid-row-gap: 20px;
        row-gap: 20px
    }

    .landing-pwd-insight .gap-x {
        padding: 0
    }

    .landing-pwd-insight .gap-x > div {
        width: 280px
    }

    .landing-pwd-insight .bg-transparent {
        padding: 0;
        height: 242px !important
    }

    .landing-pwd-insight .bg-transparent .date {
        margin-top: 20px
    }

    .landing-pwd-insight .bg-transparent .date, .landing-pwd-insight .bg-transparent .text {
        margin-left: 15px
    }

    .landing-pwd-insight .bg-transparent a {
        margin-right: 15px
    }

    .landing-pwd-insight .image {
        width: 280px;
        height: 126px;
        padding: 15px
    }

    .landing-pwd-insight .insight-card {
        height: 124px !important;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        padding: 24px 15px
    }

    .landing-pwd-insight .date {
        font-size: 14px;
        margin-bottom: 12px
    }

    .landing-pwd-insight .text {
        font-size: 18px
    }

    .landing-pwd-insight i {
        font-size: 14px
    }

    .landing-pwd-insight .carousel-button {
        display: none
    }

    .landing-pwd-review {
        padding-top: 28px;
        padding-bottom: 32px
    }

    .landing-pwd-review .fa-quote-left {
        font-size: 52px
    }

    .landing-pwd-review img {
        margin: 22px 0 18px
    }

    .landing-pwd-review .name {
        font-size: 20px;
        margin-bottom: 8px;
        text-align: center
    }

    .landing-pwd-review .job {
        font-size: 14px;
        text-align: center
    }

    .landing-pwd-review .text {
        width: 280px;
        font-size: 20px;
        text-align: center
    }

    .landing-pwd-review .carousel-button {
        top: unset;
        right: unset;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 48px;
        height: 48px
    }

    .landing-pwd-collab {
        padding-top: 36px;
        padding-bottom: 48px
    }

    .landing-pwd-collab .text {
        font-size: 28px;
        text-align: center
    }

    .landing-pwd-collab .btn-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-row-gap: 24px;
        row-gap: 24px
    }

    .landing-pwd-collab .bg-info, .landing-pwd-collab .bg-white {
        width: 240px;
        height: 48px;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        font-size: 16px
    }

    .landing-pwd-collab .fa-envelope, .landing-pwd-collab .fa-skype {
        font-size: 18px
    }

    .landing-pwd-collab .bg-info {
        margin-right: 0
    }

    .landing-pwd-collab .fa-skype {
        margin-right: 11px
    }

    .landing-pwd-collab .fa-envelope {
        margin-left: 11px
    }
}

body.landing-pwp .section-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

header.landing-pwp .hero .gap {
    grid-gap: 30px;
    gap: 30px
}

header.landing-pwp .hero a.bg-warning-100 {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 18px;
    color: #faad13
}

header.landing-pwp .hero .image {
    width: 468px;
    height: 617px;
    background-size: cover;
    position: relative
}

header.landing-pwp .hero .image img {
    width: 122px;
    position: absolute;
    right: -23px;
    bottom: 89px;
    z-index: -1
}

header.landing-pwp .hero .text-container {
    width: 505px
}

header.landing-pwp .hero .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #183b56
}

header.landing-pwp .hero .line {
    width: 36px;
    height: 2px;
    background-color: #faad13
}

header.landing-pwp .hero .hero-title {
    font-size: 72px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: .26px;
    color: #183b56
}

header.landing-pwp .hero .desc {
    font-family: OpenSans, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #5a7184
}

header.landing-pwp .hero a.bg-primary {
    width: 260px;
    height: 56px;
    padding: 0 30px 0 32px;
    font-family: OpenSans, sans-serif;
    font-size: 18px;
    color: #fff
}

header.landing-pwp .hero a.bg-primary:hover {
    text-decoration: none
}

header.landing-pwp .hero a.bg-primary-100 {
    width: 58px;
    height: 56px;
    color: #2ed47a
}

header.landing-pwp .hero a.bg-primary-100:hover {
    text-decoration: none
}

.landing-pwp-client .section-title {
    width: 425px
}

.landing-pwp-client .clients {
    width: 476px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 94px;
    -webkit-column-gap: 94px;
    -moz-column-gap: 94px;
    column-gap: 94px;
    grid-row-gap: 50px;
    row-gap: 50px
}

.landing-pwp-client .text {
    font-family: OpenSans, sans-serif;
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #5a7184;
    margin-top: 24px;
    margin-bottom: 44px
}

.landing-pwp-client img {
    width: 96px
}

.landing-pwp-about .container {
    border-top: 1px solid #e3e7ed;
    padding-top: 100px
}

.landing-pwp-about .images {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: 44px
}

.landing-pwp-about .image {
    height: 351px;
    width: 262px
}

.landing-pwp-about .image:last-child {
    height: 371px
}

.landing-pwp-about .image:first-child, .landing-pwp-about .text-container {
    width: 555px
}

.landing-pwp-about .desc {
    font-size: 18px;
    line-height: 1.78;
    color: #5a7184
}

.landing-pwp-about .cards {
    width: 468px;
    grid-gap: 30px;
    gap: 30px
}

.landing-pwp-about .about-card {
    width: 219px;
    height: 96px;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    background-color: rgba(21, 101, 216, .1);
    padding-left: 14px
}

.landing-pwp-about .about-card, .landing-pwp-about .number {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.landing-pwp-about .number {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    width: 71px;
    font-size: 48px;
    font-family: hk_groteskmedium;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #2ed47a;
    margin-right: 20px
}

.landing-pwp-about .text {
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-family: hk_grotesksemibold;
    color: #5a7184
}

.landing-pwp-form .gap {
    grid-gap: 30px;
    gap: 30px
}

.landing-pwp-form .form-group {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: unset
}

.landing-pwp-form .form {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    width: 290px;
    height: 56px;
    border-radius: 8px;
    border: 1px solid #c3cad9;
    background-color: #fff
}

.landing-pwp-form .icon {
    width: 48px;
    text-align: center
}

.landing-pwp-form input {
    width: 100%;
    border: none;
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    color: #959ead
}

.landing-pwp-form input:focus {
    outline: none
}

.landing-pwp-form a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 160px;
    height: 56px;
    border-radius: 4px;
    background-color: #faad13;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.landing-pwp-form a:hover {
    text-decoration: none
}

.landing-pwp-portofolio .tab {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-column-gap: 35px;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px
}

.landing-pwp-portofolio .text {
    font-size: 14px;
    font-family: hk_grotesksemibold;
    line-height: 1.29;
    letter-spacing: .18px;
    color: #183b56
}

.landing-pwp-portofolio .text.active {
    position: relative
}

.landing-pwp-portofolio .text.active:after {
    content: "";
    display: block;
    position: absolute;
    width: 82px;
    height: 2px;
    margin-top: 18px;
    margin-left: -5px;
    background-color: #faad13
}

.landing-pwp-portofolio .gap {
    grid-gap: 30px;
    gap: 30px
}

.landing-pwp-portofolio .image {
    height: 320px
}

.landing-pwp-portofolio a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 200px;
    height: 56px;
    border-radius: 4px;
    background-color: #2ed47a;
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.landing-pwp-portofolio a:hover {
    text-decoration: none
}

.landing-pwp-review > .container {
    padding-top: 90px;
    padding-bottom: 165px;
    border-top: 1px solid #e3e7ed
}

.landing-pwp-review .fas {
    font-size: 72px;
    color: #fef6e7;
    margin-top: -30px;
    margin-right: -142px
}

.landing-pwp-review .text-container {
    width: 705px
}

.landing-pwp-review .desc {
    font-size: 24px;
    font-family: hk_groteskmedium;
    line-height: 2;
    letter-spacing: .16px;
    color: #183b56
}

.landing-pwp-review .name {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pwp-review .company {
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #183b56
}

.landing-pwp-review .owl-stage-outer {
    padding-top: 30px
}

.landing-pwp-review .owl-dots {
    position: absolute;
    bottom: 27px;
    left: 383px;
    line-height: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    grid-column-gap: 16px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.landing-pwp-review .owl-dot {
    width: 60px;
    height: 5px;
    background-color: rgba(250, 173, 19, .1)
}

.landing-pwp-review .owl-dot.active {
    background-color: #faad13
}

@media (min-width: 992px) and (max-width: 1199px) {
    header.landing-pwp .hero .container {
        padding: 0 39px;
        max-width: 720px
    }

    .landing-pwp-client .container {
        max-width: 720px
    }

    .landing-pwp-about .container {
        max-width: 720px;
        padding-top: 72px;
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .landing-pwp-about .images {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        margin-bottom: 92px
    }

    .landing-pwp-about .image:first-child {
        width: 325px;
        height: 231px
    }

    .landing-pwp-about .image {
        width: 162px;
        height: 231px
    }

    .landing-pwp-about .image:last-child {
        width: 161px;
        height: 251px
    }

    .landing-pwp-about .section-title {
        width: 320px
    }

    .landing-pwp-about .text-container {
        width: 324px
    }

    .landing-pwp-about .cards {
        width: unset;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-about .about-card {
        width: 149px;
        height: 145px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 15px
    }

    .landing-pwp-about .about-card, .landing-pwp-about .number {
        -webkit-align-items: unset;
        -moz-box-align: unset;
        align-items: unset;
        -webkit-justify-content: unset;
        -moz-box-pack: unset;
        justify-content: unset
    }

    .landing-pwp-about .number {
        width: unset;
        margin-right: unset;
        line-height: unset;
        display: block
    }

    .landing-pwp-form {
        background-position-x: -218px;
        padding: 48px 0
    }

    .landing-pwp-form .container {
        max-width: 720px
    }

    .landing-pwp-form .form-group {
        width: 420px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-form .form-group > div:first-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .landing-pwp-form .form-group > div:nth-child(2) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .landing-pwp-form .form-group > div:nth-child(3) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .landing-pwp-form .form-group > a:nth-child(4) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .landing-pwp-form .form {
        width: 200px
    }

    .landing-pwp-portofolio .container {
        max-width: 730px;
        padding: 0 !important
    }

    .landing-pwp-portofolio .carousel-container {
        padding-left: 31px;
        margin-right: -18px
    }

    .landing-pwp-portofolio .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-portofolio .image {
        height: 220px;
        object-fit: cover
    }

    .landing-pwp-portofolio .image:first-child {
        width: 452px
    }

    .landing-pwp-portofolio .image:nth-child(2), .landing-pwp-portofolio .image:nth-child(3) {
        width: 258px
    }

    .landing-pwp-portofolio .image:nth-child(4) {
        width: 452px
    }

    .landing-pwp-portofolio .image:nth-child(5) {
        width: 730px
    }

    .landing-pwp-portofolio .image:nth-child(6), .landing-pwp-portofolio .image:nth-child(7), .landing-pwp-portofolio .image:nth-child(8) {
        width: 230px
    }

    .landing-pwp-review .container {
        padding: 0 26px !important;
        border: unset
    }

    .landing-pwp-review .image {
        width: 190px;
        height: 240px;
        background-size: cover
    }

    .landing-pwp-review .fas {
        position: relative;
        z-index: -1;
        margin-top: 173px;
        margin-right: -54px
    }

    .landing-pwp-review .text-container {
        width: 668px
    }

    .landing-pwp-review .owl-stage-outer {
        padding-top: 48px
    }

    .landing-pwp-review .owl-dots {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header.landing-pwp .hero .container {
        padding: 0 39px !important
    }

    .landing-pwp-client .clients {
        grid-row-gap: 36px;
        row-gap: 36px
    }

    .landing-pwp-about .container {
        padding-top: 72px;
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .landing-pwp-about .images {
        grid-column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        margin-bottom: 92px
    }

    .landing-pwp-about .image:first-child {
        width: 325px;
        height: 231px
    }

    .landing-pwp-about .image {
        width: 162px;
        height: 231px
    }

    .landing-pwp-about .image:last-child {
        width: 161px;
        height: 251px
    }

    .landing-pwp-about .section-title {
        width: 320px
    }

    .landing-pwp-about .text-container {
        width: 324px
    }

    .landing-pwp-about .cards {
        width: unset;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-about .about-card {
        width: 149px;
        height: 145px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        padding-left: 20px;
        padding-right: 15px
    }

    .landing-pwp-about .about-card, .landing-pwp-about .number {
        -webkit-align-items: unset;
        -moz-box-align: unset;
        align-items: unset;
        -webkit-justify-content: unset;
        -moz-box-pack: unset;
        justify-content: unset
    }

    .landing-pwp-about .number {
        width: unset;
        margin-right: unset;
        line-height: unset;
        display: block
    }

    .landing-pwp-form {
        background-position-x: -218px;
        padding: 48px 0
    }

    .landing-pwp-form .form-group {
        width: 420px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-form .form-group > div:first-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .landing-pwp-form .form-group > div:nth-child(2) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .landing-pwp-form .form-group > div:nth-child(3) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .landing-pwp-form .form-group > a:nth-child(4) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .landing-pwp-form .form {
        width: 200px
    }

    .landing-pwp-portofolio .container {
        max-width: 730px;
        padding: 0 !important
    }

    .landing-pwp-portofolio .carousel-container {
        padding-left: 31px;
        margin-right: -18px
    }

    .landing-pwp-portofolio .gap {
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-portofolio .image {
        height: 220px;
        object-fit: cover
    }

    .landing-pwp-portofolio .image:first-child {
        width: 452px
    }

    .landing-pwp-portofolio .image:nth-child(2), .landing-pwp-portofolio .image:nth-child(3) {
        width: 258px
    }

    .landing-pwp-portofolio .image:nth-child(4) {
        width: 452px
    }

    .landing-pwp-portofolio .image:nth-child(5) {
        width: 730px
    }

    .landing-pwp-portofolio .image:nth-child(6), .landing-pwp-portofolio .image:nth-child(7), .landing-pwp-portofolio .image:nth-child(8) {
        width: 230px
    }

    .landing-pwp-review .container {
        padding: 0 26px !important;
        border: unset
    }

    .landing-pwp-review .image {
        width: 190px;
        height: 240px;
        background-size: cover
    }

    .landing-pwp-review .fas {
        position: relative;
        z-index: -1;
        margin-top: 173px;
        margin-right: -54px
    }

    .landing-pwp-review .text-container {
        width: 668px
    }

    .landing-pwp-review .owl-stage-outer {
        padding-top: 48px
    }

    .landing-pwp-review .owl-dots {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .landing-pwp-client .landing-pwp-client .clients {
        grid-row-gap: 36px;
        row-gap: 36px
    }

    .landing-pwp-about .container {
        padding-top: 72px
    }

    .landing-pwp-about .images {
        grid-column-gap: 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        grid-row-gap: 20px;
        row-gap: 20px;
        margin-bottom: 92px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .landing-pwp-about .image:first-child {
        width: 510px
    }

    .landing-pwp-about .image {
        width: 250px;
        height: 351px;
        object-fit: cover
    }

    .landing-pwp-about .image:last-child {
        height: 351px
    }

    .landing-pwp-about .text-container {
        width: 510px
    }

    .landing-pwp-form {
        background-position-x: -218px;
        padding: 48px 0
    }

    .landing-pwp-form .form-group {
        width: 420px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 20px;
        gap: 20px
    }

    .landing-pwp-form .form-group > div:first-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .landing-pwp-form .form-group > div:nth-child(2) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .landing-pwp-form .form-group > div:nth-child(3) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .landing-pwp-form .form-group > a:nth-child(4) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .landing-pwp-form .form {
        width: 200px
    }

    .landing-pwp-portofolio .owl-carousel .owl-stage-outer {
        overflow: visible;
        overflow: initial
    }

    .landing-pwp-portofolio .gap {
        grid-gap: 10px;
        gap: 10px
    }

    .landing-pwp-portofolio .image {
        object-fit: cover
    }

    .landing-pwp-portofolio .image:first-child, .landing-pwp-portofolio .image:nth-child(4) {
        width: 335px
    }

    .landing-pwp-portofolio .image:nth-child(2), .landing-pwp-portofolio .image:nth-child(3) {
        width: 165px
    }

    .landing-pwp-portofolio .image:nth-child(5) {
        width: 510px
    }

    .landing-pwp-portofolio .image:nth-child(6), .landing-pwp-portofolio .image:nth-child(7), .landing-pwp-portofolio .image:nth-child(8) {
        width: -webkit-calc(490px / 3);
        width: calc(490px / 3)
    }

    .landing-pwp-review .container {
        padding-top: 0;
        padding-bottom: 0;
        border: none
    }

    .landing-pwp-review .text-container {
        width: 100%
    }

    .landing-pwp-review .owl-stage-outer {
        padding-top: 48px
    }

    .landing-pwp-review .image {
        width: 190px;
        height: 240px;
        background-size: cover
    }

    .landing-pwp-review .fas {
        position: relative;
        z-index: -1;
        margin-top: 173px;
        margin-right: -54px
    }

    .landing-pwp-review .owl-dots {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 575px) {
    body.landing-pwp .section-title {
        font-size: 28px
    }

    header.landing-pwp .hero .container {
        max-width: 300px;
        padding: 0
    }

    header.landing-pwp .hero .text-container {
        width: 100%;
        text-align: center
    }

    header.landing-pwp .hero .name {
        font-size: 20px
    }

    header.landing-pwp .hero .line {
        display: none
    }

    header.landing-pwp .hero .hero-title {
        font-size: 40px
    }

    header.landing-pwp .hero a.bg-primary {
        width: 212px;
        height: 48px
    }

    header.landing-pwp .hero a.bg-primary-100 {
        width: 52px;
        height: 48px
    }

    header.landing-pwp .hero .image {
        width: 280px;
        height: 376px;
        margin-top: 32px
    }

    header.landing-pwp .hero .image img {
        width: 110px;
        right: -29px;
        bottom: 29px
    }

    .landing-pwp-client .container {
        padding: 0;
        max-width: 280px
    }

    .landing-pwp-client .section-title {
        width: 100%
    }

    .landing-pwp-client .clients {
        width: 227px;
        grid-column-gap: 35px;
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
        grid-row-gap: 25px;
        row-gap: 25px
    }

    .landing-pwp-client img {
        width: 96px
    }

    .landing-pwp-about .container {
        padding: 48px 0 0;
        width: 296px
    }

    .landing-pwp-about .images {
        width: 296px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-column-gap: 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        grid-row-gap: 20px;
        row-gap: 20px;
        margin: auto auto 83px
    }

    .landing-pwp-about .image {
        object-fit: cover;
        width: 143px
    }

    .landing-pwp-about .image:first-child {
        width: 296px;
        height: 158px
    }

    .landing-pwp-about .image:nth-child(2) {
        height: 118px
    }

    .landing-pwp-about .image:nth-child(3) {
        height: 114px
    }

    .landing-pwp-about .about-card {
        width: 140px;
        height: 130px;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center
    }

    .landing-pwp-about .section-title {
        text-align: center
    }

    .landing-pwp-about .text-container {
        width: 100%;
        text-align: center
    }

    .landing-pwp-about .about-card {
        padding-right: 28px;
        padding-left: 28px
    }

    .landing-pwp-about .cards {
        width: 290px;
        grid-gap: 10px;
        gap: 10px
    }

    .landing-pwp-about .number {
        margin-right: 0;
        width: unset;
        font-size: 32px;
        margin-bottom: 10px
    }

    .landing-pwp-about .text {
        font-size: 14px;
        text-align: center
    }

    .landing-pwp-form .form-group {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        grid-gap: 14px;
        gap: 14px
    }

    .landing-pwp-form .form {
        width: 260px;
        height: 40px
    }

    .landing-pwp-form a {
        margin-top: 10px;
        width: 140px;
        height: 40px
    }

    .landing-pwp-portofolio .container {
        padding: 0;
        width: 320px
    }

    .landing-pwp-portofolio .desc {
        font-size: 16px;
        line-height: 1.75;
        text-align: center;
        color: #5a7184;
        margin-top: 14px;
        margin-bottom: 34px;
        padding-right: 24px;
        padding-left: 24px
    }

    .landing-pwp-portofolio .carousel-container {
        padding-left: 20px
    }

    .landing-pwp-portofolio .owl-carousel .owl-stage-outer {
        overflow: visible;
        overflow: initial
    }

    .landing-pwp-portofolio .text.active:after {
        margin-top: 8px
    }

    .landing-pwp-portofolio .gap {
        grid-gap: 10px;
        gap: 10px
    }

    .landing-pwp-portofolio .image {
        height: 180px;
        object-fit: cover
    }

    .landing-pwp-portofolio .image:first-child, .landing-pwp-portofolio .image:nth-child(4) {
        width: 190px
    }

    .landing-pwp-portofolio .image:nth-child(2), .landing-pwp-portofolio .image:nth-child(3) {
        width: 120px
    }

    .landing-pwp-portofolio .image:nth-child(5) {
        width: 320px
    }

    .landing-pwp-portofolio .image:nth-child(6), .landing-pwp-portofolio .image:nth-child(7), .landing-pwp-portofolio .image:nth-child(8) {
        width: 100px
    }

    .landing-pwp-portofolio a {
        width: 180px;
        height: 48px
    }

    .landing-pwp-review .container {
        max-width: 280px;
        padding: 0 0 48px
    }

    .landing-pwp-review .image {
        width: 260px;
        height: 180px;
        background-size: cover;
        background-position: 50%
    }

    .landing-pwp-review .fas {
        margin-top: -19px;
        margin-right: 0
    }

    .landing-pwp-review .text-container {
        width: 100%
    }

    .landing-pwp-review .desc {
        font-size: 20px;
        letter-spacing: .22px;
        line-height: 1.6
    }

    .landing-pwp-review .owl-stage-outer {
        padding-top: 55px
    }

    .landing-pwp-review .owl-dots {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 243px;
        grid-column-gap: 12px;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .landing-pwp-review .owl-dot {
        width: 52px
    }
}

@media (max-width: 767px) {
    body.landing-pwp #bp_tablet {
        display: block
    }
}

body.landing-pd .section-title {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #183b56;
    font-family: hk_groteskmedium, sans-serif
}

body.landing-pd .section-desc {
    font-size: 18px;
    line-height: 1.78;
    color: #183b56
}

body.landing-pd .badge-yellow {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 77px;
    height: 33px;
    border-radius: 8px;
    background-color: #faad13;
    color: #fff;
    font-family: Quicksand, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 41px
}

header.landing-pd .hero {
    padding-top: 60px;
    padding-bottom: 100px
}

header.landing-pd .hero .hero-title {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: .2px;
    color: #183b56
}

header.landing-pd .hero .text-container {
    width: 480px
}

header.landing-pd .hero .title {
    font-size: 18px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.22;
    letter-spacing: .23px;
    color: #183b56;
    margin-bottom: 11px
}

header.landing-pd .hero .desc {
    font-size: 16px;
    color: #5a7184
}

header.landing-pd .hero .column-gap {
    grid-column-gap: 98px;
    -webkit-column-gap: 98px;
    -moz-column-gap: 98px;
    column-gap: 98px
}

header.landing-pd .hero .fa-arrow-right {
    font-size: 14px;
    color: #2ed47a;
    margin-left: 15px
}

.landing-pd-card .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2px;
    color: #183b56
}

.landing-pd-card .desc {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.29;
    letter-spacing: .2px;
    color: #183b56;
    font-family: hk_groteskmedium, sans-serif
}

.landing-pd-card .text-container {
    width: 782px
}

.landing-pd-card .flex, .landing-pd-step1 .container {
    border-bottom: 1px solid #e3e7ed
}

.landing-pd-step1 .container {
    padding-top: 100px;
    padding-bottom: 120px
}

.landing-pd-step1 .text-container {
    width: 847px
}

.landing-pd-step1 .section-title {
    margin-bottom: 20px
}

.landing-pd-step1 .section-desc {
    margin-bottom: 60px
}

.landing-pd-step1 .image1 {
    width: 652px;
    height: 320px
}

.landing-pd-step1 .image2 {
    width: 458px;
    height: 360px
}

.landing-pd-step1 .image3 {
    width: 360px;
    height: 360px
}

.landing-pd-step1 .image4 {
    width: 750px;
    height: 320px
}

.landing-pd-step2 {
    padding: 120px 0
}

.landing-pd-step2 .text-container {
    width: 847px
}

.landing-pd-step2 .images {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.landing-pd-step2 .image {
    width: 360px;
    margin-bottom: 32px
}

.landing-pd-step2 .title {
    font-size: 18px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.22;
    letter-spacing: .23px;
    color: #183b56
}

.landing-pd-step2 .section-title {
    margin-bottom: 20px
}

.landing-pd-step2 .section-desc {
    margin-bottom: 60px
}

.landing-pd-mapping .text-container {
    width: 757px;
    text-align: center;
    margin: auto auto 72px
}

.landing-pd-mapping .owl-carousel .owl-stage-outer {
    overflow: visible
}

.landing-pd-mapping .owl-carousel .owl-item {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.landing-pd-mapping .owl-carousel .owl-item.active {
    opacity: 1
}

.landing-pd-mapping .title {
    font-size: 40px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.3;
    letter-spacing: .2px;
    color: #183b56;
    margin-bottom: 20px
}

.landing-pd-mapping .badge-info {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 84px;
    height: 33px;
    border-radius: 8px;
    background-color: #00b8d9;
    font-family: Quicksand, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin: auto auto 20px
}

.landing-pd-mapping .mapping-card {
    width: 262px;
    height: 231px;
    padding-top: 32px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 26px 40px 0 rgba(0, 0, 0, .06);
    text-align: center
}

.landing-pd-mapping .date {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: .23px;
    color: #183b56;
    margin-bottom: 27px
}

.landing-pd-mapping .text {
    font-family: Quicksand, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    color: #5a7184;
    margin-bottom: 22px
}

.landing-pd-plan {
    padding-top: 148px;
    padding-bottom: 100px
}

.landing-pd-plan .text-container:first-child {
    width: 511px
}

.landing-pd-plan .text-container:last-child {
    width: 457px
}

.landing-pd-plan .images {
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.landing-pd-plan .image {
    width: 545px
}

.landing-pd-step3 {
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 148px;
    padding-bottom: 120px
}

.landing-pd-step3 .text-container:first-child {
    width: 404px
}

.landing-pd-step3 .text-container:last-child {
    width: 585px
}

.landing-pd-step3 .images {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-top: 80px
}

.landing-pd-step3 .image {
    width: 545px;
    height: 349px
}

.landing-pd-step3 .image:first-child, .landing-pd-step3 .image:nth-child(2) {
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06)
}

.landing-pd-step3 .image:nth-child(5) {
    height: 471px
}

.landing-pd-step3 .image:nth-child(6) {
    height: 479px
}

.landing-pd-mobile {
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 160px;
    padding-bottom: 96px
}

.landing-pd-mobile .text-container {
    width: 757px;
    margin: auto;
    text-align: center
}

.landing-pd-mobile .title {
    font-size: 40px;
    font-family: hk_groteskmedium, sans-serif;
    line-height: 1.3;
    letter-spacing: .2px;
    text-align: center;
    color: #183b56
}

.landing-pd-mobile .badge-blue {
    font-family: Quicksand, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    padding: 8px 12px 7px;
    border-radius: 8px;
    background-color: #2ed47a;
    width: 134px;
    height: 33px;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: auto
}

.landing-pd-mobile .badge-blue, .landing-pd-mobile .images {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.landing-pd-mobile .images {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 40px;
    gap: 40px;
    margin-top: 80px;
    margin-bottom: 120px
}

.landing-pd-mobile .image {
    width: 252px;
    -webkit-box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 28px 32px 0 rgba(0, 0, 0, .06)
}

.landing-pd-mobile .bg-green, .landing-pd-mobile .bg-red {
    height: 310px;
    width: 50%;
    text-align: center;
    padding-top: 60px
}

.landing-pd-mobile .bg-green .title, .landing-pd-mobile .bg-red .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0;
    color: #fff
}

.landing-pd-mobile a {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    width: 54px;
    height: 64px;
    border-radius: 2000px;
    border: 2px solid #fff;
    color: #fff
}

.landing-pd-mobile .desc {
    font-size: 16px;
    color: #fff
}

.bp_checking {
    display: none
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.landing-pd .section-title {
        font-size: 32px
    }

    body.landing-pd .section-desc {
        font-size: 16px
    }

    body.landing-pd .badge-yellow {
        height: 30px
    }

    header.landing-pd .hero {
        padding-bottom: 64px
    }

    header.landing-pd .hero .container {
        max-width: 652px;
        padding: 0
    }

    header.landing-pd .hero .row-gap {
        grid-row-gap: 48px;
        row-gap: 48px
    }

    header.landing-pd .hero .column-gap:first-child {
        grid-column-gap: 64px;
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    header.landing-pd .hero .column-gap:nth-child(2) {
        grid-column-gap: 109px;
        -webkit-column-gap: 109px;
        -moz-column-gap: 109px;
        column-gap: 109px
    }

    header.landing-pd .hero .text-container {
        width: 552px;
        margin-top: 18px
    }

    .landing-pd-card .container {
        max-width: 678px;
        padding: 0
    }

    .landing-pd-card .image {
        height: 360px
    }

    .landing-pd-card .text-container {
        width: 464px
    }

    .landing-pd-card .desc {
        font-size: 20px
    }

    .landing-pd-step1 .container {
        max-width: 670px;
        padding: 64px 0
    }

    .landing-pd-step1 .text-container {
        width: 602px
    }

    .landing-pd-step1 .badge-yellow {
        margin-bottom: 30px
    }

    .landing-pd-step1 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-step1 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-step1 .image1 {
        width: 372px;
        height: 180px
    }

    .landing-pd-step1 .image2 {
        width: 278px;
        height: 200px
    }

    .landing-pd-step1 .image3 {
        width: 180px;
        height: 200px
    }

    .landing-pd-step1 .image4 {
        width: 470px;
        height: 180px
    }

    .landing-pd-step1 .image1, .landing-pd-step1 .image2, .landing-pd-step1 .image3, .landing-pd-step1 .image4 {
        object-fit: cover;
        border-radius: 16px
    }

    .landing-pd-step2 {
        padding-top: 64px;
        padding-bottom: 80px
    }

    .landing-pd-step2 .container {
        max-width: 700px;
        padding: 0
    }

    .landing-pd-step2 .text-container {
        width: 666px
    }

    .landing-pd-step2 .image {
        width: 220px;
        height: 300px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 26px
    }

    .landing-pd-step2 .badge-yellow {
        margin-bottom: 30px
    }

    .landing-pd-step2 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-step2 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-mapping .container {
        max-width: 728px;
        padding: 0
    }

    .landing-pd-mapping .title {
        font-size: 28px
    }

    .landing-pd-mapping .text-container {
        width: 540px
    }

    .landing-pd-mapping .mapping-card {
        height: 211px
    }

    .landing-pd-plan {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .landing-pd-plan .container {
        max-width: 688px;
        padding: 0
    }

    .landing-pd-plan .text-container:first-child {
        width: 293px
    }

    .landing-pd-plan .text-container:last-child {
        width: 345px
    }

    .landing-pd-plan .image {
        width: 330px
    }

    .landing-pd-step3 {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .landing-pd-step3 .container {
        max-width: 691px;
        padding: 0
    }

    .landing-pd-step3 .text-container:first-child {
        width: unset
    }

    .landing-pd-step3 .text-container:last-child {
        width: 626px
    }

    .landing-pd-step3 .images {
        margin-top: 48px
    }

    .landing-pd-step3 .image {
        width: 330px;
        height: 213px
    }

    .landing-pd-step3 .image:nth-child(5) {
        height: 288px
    }

    .landing-pd-step3 .image:nth-child(6) {
        height: 293px
    }

    .landing-pd-step3 .badge-yellow {
        margin-bottom: 30px !important
    }

    .landing-pd-step3 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-mobile {
        background-size: 100%;
        padding-top: 90px
    }

    .landing-pd-mobile .container {
        max-width: 665px;
        padding: 0
    }

    .landing-pd-mobile .text-container {
        width: 518px
    }

    .landing-pd-mobile .badge-blue {
        height: 30px
    }

    .landing-pd-mobile .images {
        grid-gap: 19px;
        gap: 19px;
        margin-top: 156px;
        margin-bottom: 64px
    }

    .landing-pd-mobile .image {
        width: 209px
    }

    .landing-pd-mobile .image:first-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .landing-pd-mobile .image:nth-child(2) {
        display: none
    }

    .landing-pd-mobile .image:nth-child(3) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .landing-pd-mobile .image:nth-child(4) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
        margin-top: -107px
    }

    .landing-pd-mobile .image:nth-child(5) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4;
        margin-top: -24px
    }

    .landing-pd-mobile .image:nth-child(6) {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5;
        margin-top: -18px
    }

    .landing-pd-mobile .image:nth-child(7) {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .landing-pd-mobile .image:nth-child(8) {
        display: none
    }

    .landing-pd-mobile .bg-green, .landing-pd-mobile .bg-red {
        height: 246px;
        padding-top: 40px
    }

    .landing-pd-mobile .bg-green .title, .landing-pd-mobile .bg-red .title {
        font-size: 28px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.landing-pd .section-title {
        font-size: 32px
    }

    body.landing-pd .section-desc {
        font-size: 16px
    }

    body.landing-pd .badge-yellow {
        height: 30px
    }

    header.landing-pd .hero {
        padding-bottom: 64px
    }

    header.landing-pd .hero .container {
        max-width: 652px;
        padding: 0 !important
    }

    header.landing-pd .hero .row-gap {
        grid-row-gap: 48px;
        row-gap: 48px
    }

    header.landing-pd .hero .column-gap:first-child {
        grid-column-gap: 64px;
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    header.landing-pd .hero .column-gap:nth-child(2) {
        grid-column-gap: 109px;
        -webkit-column-gap: 109px;
        -moz-column-gap: 109px;
        column-gap: 109px
    }

    header.landing-pd .hero .text-container {
        width: 552px;
        margin-top: 18px
    }

    .landing-pd-card .container {
        max-width: 678px;
        padding: 0 !important
    }

    .landing-pd-card .image {
        height: 360px
    }

    .landing-pd-card .text-container {
        width: 464px
    }

    .landing-pd-card .desc {
        font-size: 20px
    }

    .landing-pd-step1 .container {
        max-width: 670px;
        padding: 64px 0 !important
    }

    .landing-pd-step1 .text-container {
        width: 602px
    }

    .landing-pd-step1 .badge-yellow {
        margin-bottom: 30px
    }

    .landing-pd-step1 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-step1 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-step1 .image1 {
        width: 372px;
        height: 180px
    }

    .landing-pd-step1 .image2 {
        width: 278px;
        height: 200px
    }

    .landing-pd-step1 .image3 {
        width: 180px;
        height: 200px
    }

    .landing-pd-step1 .image4 {
        width: 470px;
        height: 180px
    }

    .landing-pd-step1 .image1, .landing-pd-step1 .image2, .landing-pd-step1 .image3, .landing-pd-step1 .image4 {
        object-fit: cover;
        border-radius: 16px
    }

    .landing-pd-step2 {
        padding-top: 64px;
        padding-bottom: 80px
    }

    .landing-pd-step2 .container {
        max-width: 700px;
        padding: 0 !important
    }

    .landing-pd-step2 .text-container {
        width: 666px
    }

    .landing-pd-step2 .image {
        width: 220px;
        height: 300px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 26px
    }

    .landing-pd-step2 .badge-yellow {
        margin-bottom: 30px
    }

    .landing-pd-step2 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-step2 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-mapping .container {
        max-width: 728px;
        padding: 0 !important
    }

    .landing-pd-mapping .title {
        font-size: 28px
    }

    .landing-pd-mapping .text-container {
        width: 540px
    }

    .landing-pd-mapping .mapping-card {
        height: 211px
    }

    .landing-pd-plan {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .landing-pd-plan .container {
        max-width: 688px;
        padding: 0 !important
    }

    .landing-pd-plan .text-container:first-child {
        width: 293px
    }

    .landing-pd-plan .text-container:last-child {
        width: 345px
    }

    .landing-pd-plan .image {
        width: 330px
    }

    .landing-pd-step3 {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .landing-pd-step3 .container {
        max-width: 691px;
        padding: 0 !important
    }

    .landing-pd-step3 .text-container:first-child {
        width: unset
    }

    .landing-pd-step3 .text-container:last-child {
        width: 626px
    }

    .landing-pd-step3 .images {
        margin-top: 48px
    }

    .landing-pd-step3 .image {
        width: 330px;
        height: 213px
    }

    .landing-pd-step3 .image:nth-child(5) {
        height: 288px
    }

    .landing-pd-step3 .image:nth-child(6) {
        height: 293px
    }

    .landing-pd-step3 .badge-yellow {
        margin-bottom: 30px !important
    }

    .landing-pd-step3 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-mobile {
        background-size: 100%;
        padding-top: 90px
    }

    .landing-pd-mobile .container {
        max-width: 665px;
        padding: 0 !important
    }

    .landing-pd-mobile .text-container {
        width: 518px
    }

    .landing-pd-mobile .badge-blue {
        height: 30px
    }

    .landing-pd-mobile .images {
        grid-gap: 19px;
        gap: 19px;
        margin-top: 156px;
        margin-bottom: 64px
    }

    .landing-pd-mobile .image {
        width: 209px
    }

    .landing-pd-mobile .image:first-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .landing-pd-mobile .image:nth-child(2) {
        display: none
    }

    .landing-pd-mobile .image:nth-child(3) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .landing-pd-mobile .image:nth-child(4) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
        margin-top: -107px
    }

    .landing-pd-mobile .image:nth-child(5) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4;
        margin-top: -24px
    }

    .landing-pd-mobile .image:nth-child(6) {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5;
        margin-top: -18px
    }

    .landing-pd-mobile .image:nth-child(7) {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .landing-pd-mobile .image:nth-child(8) {
        display: none
    }

    .landing-pd-mobile .bg-green, .landing-pd-mobile .bg-red {
        height: 246px;
        padding-top: 40px
    }

    .landing-pd-mobile .bg-green .title, .landing-pd-mobile .bg-red .title {
        font-size: 28px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    body.landing-pd .section-title {
        font-size: 32px
    }

    body.landing-pd .section-desc {
        font-size: 16px
    }

    body.landing-pd .badge-yellow {
        height: 30px
    }

    header.landing-pd .hero {
        padding-bottom: 64px
    }

    header.landing-pd .hero .container {
        max-width: 100%
    }

    header.landing-pd .hero .row-gap {
        grid-row-gap: 48px;
        row-gap: 48px
    }

    header.landing-pd .hero .column-gap:first-child {
        grid-column-gap: 64px;
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    header.landing-pd .hero .column-gap:nth-child(2) {
        grid-column-gap: 109px;
        -webkit-column-gap: 109px;
        -moz-column-gap: 109px;
        column-gap: 109px
    }

    header.landing-pd .hero .text-container {
        width: 100%;
        margin-top: 18px
    }

    .landing-pd-card .container {
        max-width: 100%
    }

    .landing-pd-card .image {
        height: 360px
    }

    .landing-pd-card .text-container {
        width: 464px
    }

    .landing-pd-card .desc {
        font-size: 20px
    }

    .landing-pd-step1 .container {
        max-width: 100%
    }

    .landing-pd-step1 .text-container {
        width: unset
    }

    .landing-pd-step1 .badge-yellow {
        margin-bottom: 30px
    }

    .landing-pd-step1 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-step1 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-step1 .images {
        width: 546px;
        margin: auto
    }

    .landing-pd-step1 .image1 {
        width: -webkit-calc(526px * 2 / 3);
        width: calc(526px * 2 / 3);
        height: 180px
    }

    .landing-pd-step1 .image2, .landing-pd-step1 .image3 {
        width: -webkit-calc(526px * 1 / 3);
        width: calc(526px * 1 / 3);
        height: 200px
    }

    .landing-pd-step1 .image4 {
        width: -webkit-calc(526px * 2 / 3);
        width: calc(526px * 2 / 3);
        height: 180px
    }

    .landing-pd-step1 .image1, .landing-pd-step1 .image2, .landing-pd-step1 .image3, .landing-pd-step1 .image4 {
        object-fit: cover;
        border-radius: 16px
    }

    .landing-pd-step2 {
        padding-top: 64px;
        padding-bottom: 80px
    }

    .landing-pd-step2 .container {
        max-width: 100%
    }

    .landing-pd-step2 .text-container {
        width: unset
    }

    .landing-pd-step2 .images {
        width: 546px;
        margin: auto
    }

    .landing-pd-step2 .image {
        width: -webkit-calc(506px / 3);
        width: calc(506px / 3);
        height: 220px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 26px
    }

    .landing-pd-step2 .badge-yellow {
        margin-bottom: 30px
    }

    .landing-pd-step2 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-step2 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-mapping .container {
        max-width: 100%
    }

    .landing-pd-mapping .title {
        font-size: 28px
    }

    .landing-pd-mapping .text-container {
        width: 540px
    }

    .landing-pd-mapping .mapping-card {
        height: 211px
    }

    .landing-pd-plan {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .landing-pd-plan .container {
        max-width: 100%
    }

    .landing-pd-plan .text-container:first-child {
        width: 293px
    }

    .landing-pd-plan .text-container:last-child {
        width: 345px
    }

    .landing-pd-plan .images {
        width: 546px;
        margin: auto
    }

    .landing-pd-plan .image {
        width: -webkit-calc(518px / 2);
        width: calc(518px / 2)
    }

    .landing-pd-step3 {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .landing-pd-step3 .container {
        max-width: 100%
    }

    .landing-pd-step3 .text-container:first-child, .landing-pd-step3 .text-container:last-child {
        width: unset
    }

    .landing-pd-step3 .images {
        margin: 48px auto auto;
        width: 546px
    }

    .landing-pd-step3 .image {
        width: -webkit-calc(518px / 2);
        width: calc(518px / 2);
        height: 100% !important
    }

    .landing-pd-step3 .badge-yellow {
        margin-bottom: 30px !important
    }

    .landing-pd-step3 .section-title {
        margin-bottom: 18px
    }

    .landing-pd-mobile {
        background-size: 100%;
        padding-top: 90px
    }

    .landing-pd-mobile .container {
        max-width: 100%
    }

    .landing-pd-mobile .text-container {
        width: 518px
    }

    .landing-pd-mobile .badge-blue {
        height: 30px
    }

    .landing-pd-mobile .images {
        width: 546px;
        grid-gap: 19px;
        gap: 19px;
        margin: 156px auto 64px
    }

    .landing-pd-mobile .image {
        width: -webkit-calc(508px / 3);
        width: calc(508px / 3)
    }

    .landing-pd-mobile .image:first-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .landing-pd-mobile .image:nth-child(2) {
        display: none
    }

    .landing-pd-mobile .image:nth-child(3) {
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .landing-pd-mobile .image:nth-child(4) {
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
        margin-top: 0
    }

    .landing-pd-mobile .image:nth-child(5) {
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4;
        margin-top: -92px !important
    }

    .landing-pd-mobile .image:nth-child(6) {
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5;
        margin-top: 0
    }

    .landing-pd-mobile .image:nth-child(7) {
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6;
        margin-top: -72px !important
    }

    .landing-pd-mobile .image:nth-child(8) {
        display: none
    }

    .landing-pd-mobile .bg-green, .landing-pd-mobile .bg-red {
        height: 246px;
        padding-top: 40px
    }

    .landing-pd-mobile .bg-green .title, .landing-pd-mobile .bg-red .title {
        font-size: 28px
    }
}

@media (max-width: 575px) {
    body.landing-pd .section-title {
        font-size: 28px
    }

    body.landing-pd .section-desc {
        font-size: 14px
    }

    body.landing-pd .badge-yellow {
        margin: auto auto 24px
    }

    body.landing-pd #bp_mobile {
        display: block
    }

    header.landing-pd .hero {
        text-align: center;
        padding-top: 19px;
        padding-bottom: 48px
    }

    header.landing-pd .hero .container {
        max-width: 280px;
        padding: 0
    }

    header.landing-pd .hero .hero-title {
        font-size: 32px;
        margin-bottom: 16px
    }

    header.landing-pd .hero .text-container {
        width: 270px
    }

    header.landing-pd .hero .section-desc {
        font-size: 16px
    }

    header.landing-pd .hero .title {
        margin-bottom: 8px;
        font-size: 16px
    }

    header.landing-pd .hero .desc {
        font-size: 14px
    }

    .landing-pd-card {
        text-align: center
    }

    .landing-pd-card .container {
        max-width: 280px;
        padding: 0
    }

    .landing-pd-card .image {
        height: 255px
    }

    .landing-pd-card .text-container {
        width: unset;
        margin-top: 16px
    }

    .landing-pd-card .desc {
        font-size: 18px;
        line-height: 1.78
    }

    .landing-pd-step1 .container {
        padding: 48px 0
    }

    .landing-pd-step1 .text-container {
        width: 280px;
        margin: auto;
        text-align: center
    }

    .landing-pd-step1 .section-title {
        margin-bottom: 14px;
        padding: 0 39px
    }

    .landing-pd-step1 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-step1 .images {
        width: 320px;
        margin: auto
    }

    .landing-pd-step1 .image1 {
        width: 183px;
        height: 90px
    }

    .landing-pd-step1 .image2 {
        width: 128px;
        height: 101px
    }

    .landing-pd-step1 .image3 {
        width: 101px;
        height: 101px
    }

    .landing-pd-step1 .image4 {
        width: 210px;
        height: 90px
    }

    .landing-pd-step1 .xs-mb-9 {
        margin-bottom: 9px
    }

    .landing-pd-step1 .xs-mr-9 {
        margin-right: 9px
    }

    .landing-pd-step2 {
        padding-top: 64px;
        padding-bottom: 56px
    }

    .landing-pd-step2 .container {
        max-width: 280px;
        padding: 0
    }

    .landing-pd-step2 .text-container {
        width: unset;
        text-align: center
    }

    .landing-pd-step2 .section-title {
        margin-bottom: 14px;
        padding: 0 8px
    }

    .landing-pd-step2 .section-desc {
        margin-bottom: 36px
    }

    .landing-pd-step2 .images {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }

    .landing-pd-step2 .image {
        width: 280px;
        height: 240px;
        object-fit: cover;
        object-position: top;
        margin-bottom: 15px
    }

    .landing-pd-step2 .title {
        text-align: center
    }

    .landing-pd-mapping .container {
        max-width: 280px;
        padding: 0
    }

    .landing-pd-mapping .text-container {
        width: unset;
        margin-bottom: 36px
    }

    .landing-pd-mapping .title {
        font-size: 24px;
        margin-bottom: 14px;
        padding: 0 37px
    }

    .landing-pd-mapping #mapping {
        grid-row-gap: 64px;
        row-gap: 64px
    }

    .landing-pd-mapping .mapping-card {
        margin: auto;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 24px 0
    }

    .landing-pd-mapping .date {
        margin-bottom: 20px
    }

    .landing-pd-mapping .text {
        margin-bottom: 12px
    }

    .landing-pd-mapping .text:last-child {
        margin-bottom: 0
    }

    .landing-pd-plan {
        padding-top: 72px;
        padding-bottom: 48px
    }

    .landing-pd-plan .container {
        padding: 0;
        max-width: 320px
    }

    .landing-pd-plan .text-container {
        width: 280px !important;
        text-align: center
    }

    .landing-pd-plan .section-title {
        margin-bottom: 14px
    }

    .landing-pd-plan .images {
        width: 310px;
        margin: auto
    }

    .landing-pd-plan .image {
        width: 150px;
        height: 113px !important;
        object-fit: cover
    }

    .landing-pd-step3 {
        padding: 72px 0;
        text-align: center
    }

    .landing-pd-step3 .container {
        max-width: 280px;
        padding: 0
    }

    .landing-pd-step3 .text-container {
        width: unset !important
    }

    .landing-pd-step3 .section-title {
        margin-bottom: 14px
    }

    .landing-pd-step3 .images {
        margin-top: 36px;
        grid-row-gap: 15px;
        row-gap: 15px
    }

    .landing-pd-step3 .image {
        width: 280px !important;
        height: 179px !important;
        object-fit: cover;
        margin-top: 0
    }

    .landing-pd-mobile {
        padding-top: 72px;
        padding-bottom: 0
    }

    .landing-pd-mobile .container {
        max-width: 300px;
        padding: 0
    }

    .landing-pd-mobile .text-container {
        width: unset
    }

    .landing-pd-mobile .title {
        font-size: 24px
    }

    .landing-pd-mobile .images {
        margin-top: 36px;
        margin-bottom: 56px;
        margin-left: 10px
    }

    .landing-pd-mobile .image {
        width: 252px !important;
        height: 260px;
        object-fit: cover;
        object-position: top;
        margin: 0
    }

    .landing-pd-mobile a {
        width: 40px;
        height: 60px
    }

    .landing-pd-mobile .desc {
        font-size: 12px
    }

    .landing-pd-mobile .bg-green, .landing-pd-mobile .bg-red {
        height: 224px;
        padding: 36px 10px 0
    }

    .landing-pd-mobile .bg-green .title, .landing-pd-mobile .bg-red .title {
        font-size: 18px
    }
}

@media (min-width: 576px) {
    body.landing-pd #bp_desktop {
        display: block
    }
}

* {
    font-family: Quicksand, sans-serif
}

h1 {
    font-size: 3.5rem !important;
    line-height: 4.25rem !important;
    color: #183b56 !important
}

h1, h2 {
    font-family: Quicksand, sans-serif;
    font-weight: 700 !important;
    letter-spacing: .2px
}

h2 {
    font-size: 2.5rem !important;
    line-height: 3.25rem !important
}

h3 {
    font-size: 2rem !important;
    line-height: 2.5rem !important
}

h3, h4 {
    font-family: Quicksand, sans-serif;
    font-weight: 700 !important;
    letter-spacing: .2px;
    color: #183b56 !important
}

h4 {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

h5 {
    font-size: 1.25rem;
    line-height: 1.5rem !important;
    letter-spacing: .2px;
    color: #183b56 !important
}

h5, h6 {
    font-weight: 700 !important
}

h6 {
    font-size: 1rem !important;
    line-height: 1.25rem !important
}

p, ul {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem
}

@media (max-width: 575px) {
    h1 {
        font-size: 32px !important;
        line-height: 40px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 48px !important
    }
}

.divider {
    border-bottom: 1px solid #e5eaf4
}

@media (max-width: 575px) {
    .container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px
    }
}

.border {
    border: 1px solid #e5eaf4 !important
}

.btn {
    font-family: Quicksand, sans-serif;
    font-weight: 700;
    display: inline-block;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0 1.5rem;
    font-size: 1rem;
    line-height: 2.875rem;
    border-radius: .5rem;
    outline: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btn.btn-outline-danger, .btn.btn-outline-gray, .btn.btn-outline-info, .btn.btn-outline-primary, .btn.btn-outline-secondary, .btn.btn-outline-success, .btn.btn-outline-warning, .btn.btn-outline-white {
    line-height: 2.75rem
}

.btn:hover {
    opacity: .8
}

.btn.focus, .btn:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn.btn-primary {
    color: #fff;
    background: #2ed47a;
    -webkit-box-shadow: 6px 6px #9becc0;
    box-shadow: 6px 6px #9becc0;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

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

.btn.btn-secondary .show > .btn-danger.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: rgba(80, 102, 144, .8);
    border-color: rgba(80, 102, 144, .8)
}

.btn.btn-gray-light {
    background-color: #b3bac5;
    color: #fff;
    border-color: #b3bac5
}

.btn.btn-gray-light .show > .btn-danger.dropdown-toggle, .btn.btn-gray-light:not(:disabled):not(.disabled).active, .btn.btn-gray-light:not(:disabled):not(.disabled):active {
    background-color: rgba(179, 186, 197, .8);
    border-color: rgba(179, 186, 197, .8)
}

.btn.btn-success {
    background-color: #36b37e;
    color: #fff;
    border-color: #36b37e
}

.btn.btn-success .show > .btn-danger.dropdown-toggle, .btn.btn-success:not(:disabled):not(.disabled).active, .btn.btn-success:not(:disabled):not(.disabled):active {
    background-color: rgba(54, 179, 126, .8);
    border-color: rgba(54, 179, 126, .8)
}

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

.btn.btn-danger .show > .btn-danger.dropdown-toggle, .btn.btn-danger:not(:disabled):not(.disabled).active, .btn.btn-danger:not(:disabled):not(.disabled):active {
    background-color: rgba(242, 96, 123, .8);
    border-color: rgba(242, 96, 123, .8)
}

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

.btn.btn-warning .show > .btn-danger.dropdown-toggle, .btn.btn-warning:not(:disabled):not(.disabled).active, .btn.btn-warning:not(:disabled):not(.disabled):active {
    background-color: rgba(250, 173, 19, .8);
    border-color: rgba(250, 173, 19, .8)
}

.btn.btn-info {
    background-color: #00b8d9;
    color: #fff;
    border-color: #00b8d9
}

.btn.btn-info .show > .btn-danger.dropdown-toggle, .btn.btn-info:not(:disabled):not(.disabled).active, .btn.btn-info:not(:disabled):not(.disabled):active {
    background-color: rgba(0, 184, 217, .8);
    border-color: rgba(0, 184, 217, .8)
}

.btn.btn-white {
    background-color: #fff;
    color: #183b56;
    border-color: #fff
}

.btn.btn-white .show > .btn-danger.dropdown-toggle, .btn.btn-white:not(:disabled):not(.disabled).active, .btn.btn-white:not(:disabled):not(.disabled):active {
    background-color: hsla(0, 0%, 100%, .8);
    border-color: hsla(0, 0%, 100%, .8)
}

.btn.btn-bright-red {
    border-color: #e95432
}

.btn.btn-bright-red .show > .btn-danger.dropdown-toggle, .btn.btn-bright-red:not(:disabled):not(.disabled).active, .btn.btn-bright-red:not(:disabled):not(.disabled):active {
    background-color: rgba(233, 84, 50, .8);
    border-color: rgba(233, 84, 50, .8)
}

.btn.btn-primary-100, .btn.btn-soft-primary {
    background-color: rgba(21, 101, 216, .1);
    color: #2ed47a
}

.btn.btn-secondary-100, .btn.btn-soft-secondary {
    background-color: rgba(80, 102, 144, .1);
    color: #506690
}

.btn.btn-soft-success, .btn.btn-success-100 {
    background-color: rgba(54, 179, 126, .1);
    color: #36b37e
}

.btn.btn-danger-100, .btn.btn-soft-danger {
    background-color: rgba(242, 96, 123, .1);
    color: #f2607b
}

.btn.btn-soft-warning, .btn.btn-warning-100 {
    background-color: rgba(250, 173, 19, .1);
    color: #faad13
}

.btn.btn-info-100, .btn.btn-soft-info {
    background-color: rgba(0, 184, 217, .1);
    color: #00b8d9
}

.btn.btn-soft-white, .btn.btn-white-100 {
    background-color: hsla(0, 0%, 100%, .1);
    color: #183b56
}

.btn.btn-black {
    background-color: #183b56;
    color: #fff
}

.btn.btn-light-blue {
    background-color: #f9fbfe;
    color: #2ed47a
}

.btn.btn-iris-blue {
    background-color: #00b8d9;
    color: #fff
}

.btn.btn-regal-blue {
    background-color: #183b56;
    color: #fff
}

.btn.btn-bright-red {
    background-color: #e95432;
    color: #fff
}

.btn.btn-light-blue-100 {
    background-color: rgba(249, 251, 254, .1);
    color: #f9fbfe
}

.btn.btn-iris-blue-100 {
    background-color: rgba(0, 184, 217, .1);
    color: #00b8d9
}

.btn.btn-bright-red-100 {
    background-color: rgba(233, 84, 50, .1);
    color: #e95432
}

.btn.btn-light-blue-40 {
    background-color: rgba(249, 251, 254, .04);
    color: #f9fbfe
}

.btn.btn-iris-blue-40 {
    background-color: rgba(0, 184, 217, .04);
    color: #00b8d9
}

.btn.btn-bright-red-40 {
    background-color: rgba(233, 84, 50, .04);
    color: #e95432
}

.btn.btn-outline-primary {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #2ed47a;
    color: #2ed47a
}

.btn.btn-outline-primary:hover, btn.btn-outline-white:hover {
    background-color: #fff
}

.btn.btn-outline-secondary {
    border: 2px solid #506690;
    color: #506690
}

.btn.btn-outline-secondary, .btn.btn-outline-success {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.btn.btn-outline-success {
    border: 2px solid #36b37e;
    color: #36b37e
}

.btn.btn-outline-danger {
    border: 2px solid #f2607b;
    color: #f2607b
}

.btn.btn-outline-danger, .btn.btn-outline-warning {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.btn.btn-outline-warning {
    border: 2px solid #faad13;
    color: #faad13
}

.btn.btn-outline-info {
    border: 2px solid #00b8d9;
    color: #00b8d9
}

.btn.btn-outline-info, .btn.btn-outline-white {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.btn.btn-outline-white {
    border: 2px solid #fff;
    color: #fff
}

.btn.btn-outline-gray {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #b3bac5;
    color: #183b56
}

.btn.btn-outline-gray:hover {
    color: #183b56;
    background: rgba(179, 186, 197, .1)
}

.btn.btn-xs {
    font-size: .875rem;
    line-height: 2rem;
    padding: 0 1.125rem;
    border-width: 1px;
    border-radius: .25rem
}

.btn.btn-xs.btn-outline-danger, .btn.btn-xs.btn-outline-gray, .btn.btn-xs.btn-outline-info, .btn.btn-xs.btn-outline-primary, .btn.btn-xs.btn-outline-secondary, .btn.btn-xs.btn-outline-success, .btn.btn-xs.btn-outline-warning, .btn.btn-xs.btn-outline-white {
    line-height: 2.25rem
}

.btn.btn-xs.btn-outline-danger:hover, .btn.btn-xs.btn-outline-gray:hover, .btn.btn-xs.btn-outline-info:hover, .btn.btn-xs.btn-outline-primary:hover, .btn.btn-xs.btn-outline-secondary:hover, .btn.btn-xs.btn-outline-success:hover, .btn.btn-xs.btn-outline-warning:hover, .btn.btn-xs.btn-outline-white:hover {
    color: #fff
}

.btn.btn-sm {
    font-size: .875rem;
    line-height: 2.375rem;
    padding: 0 1.25rem
}

.btn.btn-sm.btn-outline-danger, .btn.btn-sm.btn-outline-gray, .btn.btn-sm.btn-outline-info, .btn.btn-sm.btn-outline-primary, .btn.btn-sm.btn-outline-secondary, .btn.btn-sm.btn-outline-success, .btn.btn-sm.btn-outline-warning, .btn.btn-sm.btn-outline-white {
    line-height: 2.25rem
}

.btn.btn-sm.btn-outline-danger:hover, .btn.btn-sm.btn-outline-gray:hover, .btn.btn-sm.btn-outline-info:hover, .btn.btn-sm.btn-outline-primary:hover, .btn.btn-sm.btn-outline-secondary:hover, .btn.btn-sm.btn-outline-success:hover, .btn.btn-sm.btn-outline-warning:hover, .btn.btn-sm.btn-outline-white:hover {
    color: #fff
}

.btn.btn-lg {
    font-size: 1.125rem;
    line-height: 3.375rem;
    padding: 0 2rem
}

.btn.btn-lg.btn-outline-danger, .btn.btn-lg.btn-outline-gray, .btn.btn-lg.btn-outline-info, .btn.btn-lg.btn-outline-primary, .btn.btn-lg.btn-outline-secondary, .btn.btn-lg.btn-outline-success, .btn.btn-lg.btn-outline-warning, .btn.btn-lg.btn-outline-white {
    line-height: 3.25rem
}

.btn.btn-lg.btn-outline-danger:hover, .btn.btn-lg.btn-outline-gray:hover, .btn.btn-lg.btn-outline-info:hover, .btn.btn-lg.btn-outline-primary:hover, .btn.btn-lg.btn-outline-secondary:hover, .btn.btn-lg.btn-outline-success:hover, .btn.btn-lg.btn-outline-warning:hover, .btn.btn-lg.btn-outline-white:hover {
    color: #fff
}

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

.btn-ic {
    width: 48px;
    height: 48px;
    font-size: 14px !important;
    border-radius: .5rem;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 !important;
    border: none
}

.btn-ic-primary {
    background-color: #2ed47a
}

.btn-ic.btn-lg {
    width: 56px !important;
    height: 56px !important;
    font-size: 16px !important
}

.btn-ic.btn-sm {
    width: 40px !important;
    height: 40px !important
}

.badge {
    font-family: Quicksand, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 2rem;
    padding: 0 1rem
}

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

.badge-white-transparent {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff !important
}

.badge-primary {
    background-color: rgba(21, 101, 216, .1);
    color: #2ed47a !important
}

.badge-success {
    background-color: rgba(54, 179, 126, .1);
    color: #36b37e !important
}

.badge-danger {
    background-color: rgba(242, 96, 123, .1);
    color: #f2607b !important
}

.badge-warning {
    background-color: rgba(250, 173, 19, .1);
    color: #faad13 !important
}

.badge-twitter {
    background-color: #00b8d9;
    color: #fff !important
}

.accordion.accordion-v1 {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .03);
    border-radius: 1rem;
    padding: 1rem 2rem
}

.accordion.accordion-v1 .card {
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none !important;
    border-bottom: 1px solid #e5eaf4 !important;
    margin-bottom: 0
}

.accordion.accordion-v1 .card:last-child {
    border-bottom: none !important
}

.accordion.accordion-v1 .card-header .btn-link {
    padding: 1.5rem 0;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.accordion.accordion-v1 .card-body {
    padding-left: 0;
    padding-right: 0
}

.accordion .card {
    border-radius: .5rem !important;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .03);
    border: 1px solid #e5eaf4 !important;
    background-color: #fff;
    margin-bottom: 1rem
}

.accordion .card:last-child {
    margin-bottom: 0
}

.accordion .card-header {
    background-color: #fff;
    border-bottom: 0;
    padding: 0
}

.accordion .card-header h2 button {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .2px;
    color: #183b56;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    width: 100%;
    padding: 2rem;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    text-align: left
}

.accordion .card-header h2 button:hover {
    color: #2ed47a
}

.accordion .card-header h2 button .fas {
    font-size: .875rem
}

.accordion .card-header h2 button[aria-expanded=true] {
    color: #2ed47a;
    padding-bottom: 12px
}

.accordion .card-header h2 button[aria-expanded=true] .fas {
    font-size: .875rem
}

.accordion .card-header h2 button[aria-expanded=true] .fas:before {
    content: ""
}

.accordion .card-body {
    padding: 0 2rem 2rem;
    color: #5a7184
}

@media (max-width: 575px) {
    .accordion .card-header h2 button, .accordion .card-header h2 button[aria-expanded=true] {
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        font-size: 16px;
        padding: 24px
    }

    .accordion .card-header h2 button[aria-expanded=true] span, .accordion .card-header h2 button span {
        padding-right: 20px;
        line-height: normal !important
    }

    .accordion .card-header h2 button .fas, .accordion .card-header h2 button[aria-expanded=true] .fas {
        margin-top: 4px
    }

    .accordion .card-body {
        padding: 0 24px 24px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .accordion .card-header h2 button, .accordion .card-header h2 button[aria-expanded=true] {
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        font-size: 16px;
        padding: 24px
    }

    .accordion .card-header h2 button[aria-expanded=true] span, .accordion .card-header h2 button span {
        padding-right: 20px;
        line-height: normal !important
    }

    .accordion .card-header h2 button .fas, .accordion .card-header h2 button[aria-expanded=true] .fas {
        margin-top: 4px
    }

    .accordion .card-body {
        padding: 0 24px 24px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .accordion .card-header h2 button, .accordion .card-header h2 button[aria-expanded=true] {
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        font-size: 20px;
        padding: 24px
    }

    .accordion .card-header h2 button[aria-expanded=true] span, .accordion .card-header h2 button span {
        padding-right: 20px;
        line-height: 36px !important
    }

    .accordion .card-header h2 button .fas, .accordion .card-header h2 button[aria-expanded=true] .fas {
        margin-top: 12px
    }

    .accordion .card-body {
        padding: 0 24px 24px
    }
}

.modal {
    background-color: rgba(0, 0, 0, .8)
}

.modal.modal-images .modal-content {
    padding: 0
}

.modal.modal-images .modal-content .close {
    margin-right: 24px
}

.modal-content, .modal.modal-images .modal-content .modal-body {
    padding: 48px 64px
}

.modal-content {
    border-radius: 12px;
    border: none
}

.modal-content .modal-body, .modal-content .modal-footer, .modal-content .modal-header {
    padding: 0
}

.modal-content .close {
    outline: none;
    position: absolute;
    right: 0;
    margin-right: -40px;
    margin-top: -35px
}

.custom-switch {
    padding-left: 5.5rem
}

.custom-switch .custom-control-label {
    padding-top: 10px
}

.custom-switch .custom-control-label:before {
    width: 64px;
    height: 36px;
    border-radius: 18px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(20, 45, 65, .08);
    box-shadow: 0 10px 20px 0 rgba(20, 45, 65, .08);
    border: 1px solid #fff;
    left: -5.5rem
}

.custom-switch .custom-control-label:before:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #fff;
    border: 1px solid #fff
}

.custom-switch .custom-control-label:after {
    top: -webkit-calc(.4rem + 2px);
    top: calc(.4rem + 2px);
    left: -webkit-calc(-5.3rem + 2px);
    left: calc(-5.3rem + 2px);
    width: 26px;
    height: 26px;
    border-radius: 100px
}

.custom-switch .custom-control-label:after:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    left: -webkit-calc(-4.3rem + 2px);
    left: calc(-4.3rem + 2px)
}

.custom-switch-success .custom-control-input:checked ~ .custom-control-label:after {
    background-color: #36b37e
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important
}

.bootstrap-select .btn-light {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    background-color: transparent !important;
    height: 48px;
    border-radius: .5rem;
    border: 1px solid #e5eaf4;
    outline: none;
    color: #183b56;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px
}

.bootstrap-select .btn-light:after {
    font-family: Font Awesome\ 5 Free;
    content: "";
    border: none;
    height: 16px;
    width: 10px;
    margin-top: -25px
}

.bootstrap-select .dropdown-menu .dropdown-item.active {
    background-color: #e5eaf4
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.slick-slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.blog-post-img-holder {
    width: 100%;
    height: 700px;
    position: relative
}

.blog-post-img-holder .blog-post-img-holder-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    background-size: cover
}

.blog-post-img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-post-img-holder .blog-post-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%);
    max-width: 800px;
    width: 90%
}

.blog-post-img-holder .blog-post-title h1 {
    margin: 0 !important;
    font-size: 55px !important;
    text-align: center !important;
    line-height: 80px !important;
    color: #fff !important
}

@media handheld, only screen and (max-width: 900px) {
    h1 {
        line-height: 60px;
        font-size: 40px
    }
}

.blog-post-line {
    width: 100px;
    height: 10px;
    background-color: #fff;
    margin: 20px auto 0
}

.blog-position {
    max-width: 820px;
    margin-top: -170px;
    background-color: #fff;
    padding: 50px 80px;
    border-radius: 5px 5px 0 0;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media handheld, only screen and (max-width: 900px) {
    .blog-position {
        padding: 20px 30px;
        border-radius: 0
    }
}

.blog-content li, .blog-content p, a {
    font-size: 18px;
    color: #444
}

.blog-content pre code {
    font-size: 14px !important
}

.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5 {
    margin-top: 30px;
    color: #333
}

.blog-content h1 {
    font-size: 46px
}

.blog-content h2 {
    font-size: 36px
}

.blog-content h3 {
    font-size: 28px
}

.blog-content h4 {
    font-size: 22px
}

.blog-content h5 {
    font-size: 18px
}

.blog-content h6 {
    font-size: 16px
}

.blog-content ol, .blog-content ul, li {
    line-height: 30px;
    color: #474747;
    font-weight: 400;
    font-style: normal
}

.blog-content p {
    line-height: 33px;
    margin-top: 10px;
    font-size: 18px;
    color: #444
}

.blog-content p a {
    line-height: 0;
    color: #0056b3
}

.blog-content img {
    max-width: 100%;
    margin: 40px 0
}

.privacy-policy {
    padding-bottom: 100px;
    max-width: 1150px;
    margin: 0 auto
}

.privacy-policy h1 {
    font-size: 40px !important;
    color: #334d6e !important;
    margin-bottom: 20px !important;
    margin-top: 50px
}

.privacy-policy h2 {
    font-size: 24px !important;
    color: #334d6e !important;
    margin-bottom: 10px !important;
    margin-top: 40px !important;
    line-height: 1.2 !important
}

.privacy-policy p {
    font-size: 18px !important;
    color: #555 !important;
    margin: 0 !important;
    line-height: 24px !important
}

.terms-and-conditions {
    padding-bottom: 100px;
    max-width: 1150px;
    margin: 0 auto
}

.terms-and-conditions h1 {
    font-size: 40px !important;
    color: #334d6e !important;
    margin-bottom: 20px !important;
    margin-top: 50px
}

.terms-and-conditions h2 {
    font-size: 24px !important;
    color: #334d6e !important;
    margin-bottom: 10px !important;
    margin-top: 40px !important;
    line-height: 1.2 !important
}

.terms-and-conditions p {
    font-size: 18px !important;
    color: #555 !important;
    margin: 0 !important;
    line-height: 24px !important
}

.qc-cmp-button.qc-cmp-secondary-button:hover {
    background-color: #368bd6 !important;
    border-color: transparent !important;
}

.qc-cmp-button.qc-cmp-secondary-button:hover {
    color: #ffffff !important;
}

.qc-cmp-button.qc-cmp-secondary-button {
    color: #368bd6 !important;
}

.qc-cmp-button.qc-cmp-secondary-button {
    background-color: #eee !important;
    border-color: transparent !important;
}