:root {
    --navy-hex: #00313f;
    --navy-rgb: 0, 49, 63;
    --navy-dark-hex: #062732;
    --navy-dark-rgb: 6, 39, 50;
    --navy-hover-hex: #1f6c86;
    --navy-hover-rgb: 31, 108, 134;
    --navy-active-hex: #165e77;
    --navy-active-rgb: 22, 94, 119;
    --navy-disabled-hex: #919497;
    --navy-disabled-rgb: 145, 148, 151;
    --navy-disabled-text-hex: #b8babd;
    --navy-disabled-text-rgb: 184, 186, 189;
    --navy-bg-subtle: #c2e7fd;
    --navy-subtle-hex: #00444f;
    --navy-subtle-rgb: 0, 68, 79;
    --navy-subtle-hover-hex: #017284;
    --navy-subtle-hover-rgb: 1, 114, 132;
    --navy-subtle-active-hex: #035d6c;
    --navy-subtle-active-rgb: 3, 93, 108;
    --navy-subtle-disabled-hex: #919497;
    --navy-subtle-disabled-rgb: 145, 148, 151;
    --navy-subtle-disabled-text-hex: #b8babd;
    --navy-subtle-disabled-text-rgb: 184, 186, 189;
    --skobeloff-hex: #006e69;
    --skobeloff-rgb: 0, 110, 105;
    --skobeloff-hover-hex: #005854;
    --skobeloff-hover-rgb: 0, 88, 84;
    --skobeloff-active-hex: #00847e;
    --skobeloff-active-rgb: 0 132, 136;
    --skobeloff-disabled-hex: #a7acac;
    --skobeloff-disabled-rgb: 167, 172, 172;
    --skobeloff-disabled-text-hex: #cdd3d3;
    --skobeloff-disabled-text-rgb: 205, 211, 211;
    --skobeloff-bg-subtle: #b0fff9;
    --skobeloff-subtle-hex: #15807e;
    --skobeloff-subtle-rgb: 21, 128, 126;
    --skobeloff-subtle-hover-hex: #0a6d6b;
    --skobeloff-subtle-hover-rgb: 10, 109, 107;
    --skobeloff-subtle-active-hex: #136765;
    --skobeloff-subtle-active-rgb: 19, 103, 101;
    --skobeloff-subtle-disabled-hex: #a7acac;
    --skobeloff-subtle-disabled-rgb: 167, 172, 172;
    --skobeloff-subtle-disabled-text-hex: #cdd3d3;
    --skobeloff-subtle-disabled-text-rgb: 205, 211, 211;
    --teal-hex: #2eb5b2;
    --teal-rgb: 46, 181, 178;
    --teal-hover-hex: #25918e;
    --teal-hover-rgb: 37, 145, 142;
    --teal-active-hex: #42cfcc;
    --teal-active-rgb: 66, 207, 204;
    --teal-disabled-hex: #a0a4a4;
    --teal-disabled-rgb: 160, 164, 164;
    --teal-disabled-text-hex: #c6cbcb;
    --teal-disabled-text-rgb: 198, 203, 203;
    --teal-bg-subtle: #def9f9;
    --teal-subtle-hex: #b9f2f2;
    --teal-subtle-rgb: 185, 242, 242;
    --teal-subtle-hover-hex: #dff2f2;
    --teal-subtle-hover-rgb: 223, 242, 242;
    --teal-subtle-active-hex: #92cccb;
    --teal-subtle-active-rgb: 146, 204, 203;
    --teal-subtle-disabled-hex: #a0a4a4;
    --teal-subtle-disabled-rgb: 160, 164, 164;
    --teal-subtle-disabled-text-hex: #c6cbcb;
    --teal-subtle-disabled-text-rgb: 198, 203, 203;
    --dg-colour-l: #216bb2;
    --dg-colour-r: #175087;
    --outline-colour: #3cc8f8;
    --outline-colour-rgb: 60, 200, 248;
    /* neutral */
    --black-hex: #191919;
    --black-rgb: 25, 25, 25;
    --dark-hex: #424242;
    --dark-rgb: 66, 66, 66;
    --grey-hex: #9d9d9d;
    --grey-rgb: 157, 157, 157;
    --light-hex: #e3e3e3;
    --light-rgb: 227, 227, 227;
    --white-hex: #ffffff;
    --white-rgb: 255, 255, 255;
    --text-black-hex: #191919;
    --text-black-rgb: 25, 25, 25;
    --text-grey-hex: #9d9d9d;
    --text-grey-rgb: 157, 157, 157;
    --text-white-hex: #ffffff;
    --text-white-rgb: 255, 255, 255;
    --text-light-hex: #e3e3e3;
    --text-light-rgb: 227, 227, 227;
    /* border radius */
    --radius: 0.313rem;
    --border-radius: 0.25rem;
    --border-radius-sm: 0.2rem;
    --border-radius-md: 0.4rem;
    --border-radius-lg: 0.75rem;
    --border-radius-xl: 1rem;
    --border-radius-2xl: 2rem;
    --border-radius-pill: 50rem;
    --border-radius-circle: 50%;
    --bs-border-radius: 0.313rem;
    /* shadows */
    --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --card-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    --card-shadow-hover: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    --mega-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
    --admin-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    --footer-shadow: 0 10px 60px rgba(var(--navy-rgb, 8, 49, 63), 0.4);
    /* swiper */
    --swiper-theme-color: #2eb5b2;
}

@font-face {
    font-family: 'FSAldrinIconsWeb-Regular';
    src: url('/font/fonts/FSAldrinIconsWeb-Regular.woff2') format('woff2'), url('/fonts/FSAldrinIconsWeb-Regular.woff') format('woff');
}

@font-face {
    font-family: 'FSAldrinWeb-Thin';
    font-weight: 100;
    src: url('/fonts/FSAldrinWeb-Thin.woff2') format('woff2'), url('/fonts/FSAldrinWeb-Thin.woff') format('woff');
}

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

@font-face {
    font-family: 'FSAldrinWeb-Light';
    font-weight: 300;
    src: url('/fonts/FSAldrinWeb-Light.woff2') format('woff2'), url('/fonts/FSAldrinWeb-Light.woff') format('woff');
}

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

@font-face {
    font-family: 'FSAldrinWeb-Regular';
    font-weight: 400;
    src: url('/fonts/FSAldrinWeb-Regular.woff2') format('woff2'), url('/fonts/FSAldrinWeb-Regular.woff') format('woff');
}

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

@font-face {
    font-family: 'FSAldrinWeb-Medium';
    font-weight: 500;
    src: url('/fonts/FSAldrinWeb-Medium.woff2') format('woff2'), url('/fonts/FSAldrinWeb-Medium.woff') format('woff');
}

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

@font-face {
    font-family: 'FSAldrinWeb-Bold';
    font-weight: 700;
    src: url('/fonts/FSAldrinWeb-Bold.woff2') format('woff2'), url('/fonts/FSAldrinWeb-Bold.woff') format('woff');
}

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

@font-face {
    font-family: 'FSAldrinWeb-Heavy';
    font-weight: 900;
    src: url('/fonts/FSAldrinWeb-Heavy.woff2') format('woff2'), url('/fonts/FSAldrinWeb-Heavy.woff') format('woff');
}

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

/* ----------------------------------
Bootstrap overrides index:
    01. Dependency imports
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Border
    07. Background image
    08. Margin
    09. Padding
    10. Display
    11. Position
    12. Width
    13. Width
    14. Responsive Media Query
    15. Tooltip
------------------------------------- */

/* ----------------------------------
    Dependency imports
------------------------------------- */
@import url('/css/animate-3.6.0.css');

/* ----------------------------------
    Reset
------------------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'FSAldrinWeb-Regular';
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1rem;
    letter-spacing: 0.031rem;
    color: var(--text-black-hex, #191919);
    font-weight: normal;
    line-height: 1.7;
}

body, html {
    -moz-osx-font-smoothing: grayscale;
}

/* page loader */
.is-loading {
    width: 100%;
    height: 100%;
    background-color: var(--skobeloff-hex, #006e69);
    position: fixed;
    z-index: 1000;
}

.spinner-container {
    width: 278px;
}

.spinner-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1031;
}

#etujttwdyzmc3 {
    animation: strokeOffset1 1s linear forwards;
}

@keyframes strokeOffset1 {
    0% {
        opacity: 0;
        fill: none;
        stroke-dashoffset: 221.58;
    }

    100% {
        opacity: 1;
        fill: none;
        stroke-dashoffset: 0;
    }
}

#etujttwdyzmc4 {
    animation: strokeOffset2 1s linear forwards;
}

@keyframes strokeOffset2 {
    0% {
        opacity: 0;
        fill: none;
        stroke-dashoffset: 189.33;
    }

    100% {
        opacity: 1;
        fill: none;
        stroke-dashoffset: 0;
    }
}

#etujttwdyzmc5_to {
    animation: etujttwdyzmc5_to__to 1s linear 1s normal forwards;
}

@keyframes etujttwdyzmc5_to__to {
    0% {
        transform: translate(134.334619px, 18.968766px)
    }

    10% {
        transform: translate(134.334619px, 18.968766px)
    }

    20% {
        transform: translate(189.654820px, 18.968766px)
    }

    100% {
        transform: translate(189.654820px, 18.968766px)
    }
}

#etujttwdyzmc5 {
    animation: etujttwdyzmc5_c_o 1s linear 1s normal forwards;
}

@keyframes etujttwdyzmc5_c_o {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

#etujttwdyzmc10_to {
    animation: etujttwdyzmc10_to__to 1s linear 1s normal forwards;
}

@keyframes etujttwdyzmc10_to__to {
    0% {
        transform: translate(61.148232px, 20.549292px)
    }

    13.333333% {
        transform: translate(61.148232px, 20.549292px)
    }

    23.333333% {
        transform: translate(81.148233px, 20.195736px)
    }

    100% {
        transform: translate(81.148233px, 20.195736px)
    }
}

#etujttwdyzmc10 {
    animation: etujttwdyzmc10_c_o 1s linear 1s normal forwards;
}

@keyframes etujttwdyzmc10_c_o {
    0% {
        opacity: 0
    }

    13.333333% {
        opacity: 0
    }

    23.333333% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}
/* end-of: page loader */

a, a:active, a:focus {
    color: var(--teal-hex, #2eb5b2);
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

    a:hover, a:active {
        color: var(--teal-hover-hex, #25918E);
        text-decoration: none;
    }

    a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: none;
        box-shadow: none;
    }

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.form-control {
    border: 1px solid rgba(var(--grey-rgb, 117, 117, 117), 0.3);
    border-radius: var(--radius, 0.313rem) !important;
}

    .form-control:focus {
        box-shadow: 0 0 10px rgba(var(--black-rgb, 25, 25, 25),0.1);
        border-color: var(--navy-active-hex, #165e77);
    }

    .form-control::-webkit-input-placeholder {
        color: rgba(var(--grey-rgb, 117, 117, 117),0.7);
    }

    .form-control::-moz-placeholder {
        color: rgba(var(--grey-rgb, 117, 117, 117),0.7);
    }

    .form-control:-ms-input-placeholder {
        color: rgba(var(--grey-rgb, 117, 117, 117),0.7);
    }

    .form-control::-ms-input-placeholder {
        color: rgba(var(--grey-rgb, 117, 117, 117),0.7);
    }

    .form-control::placeholder {
        color: rgba(var(--grey-rgb, 117, 117, 117),0.7);
    }

input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {
    -webkit-appearance: none;
    outline: none;
}

    input:focus, textarea:focus {
        border-color: var(--dark-hex, #424242);
        outline: none;
    }

    input[type="button"]:focus {
        outline: none;
    }

select::-ms-expand {
    display: none;
}

iframe {
    border: 0;
    vertical-align: top;
}

p {
    margin: 0 0 20px;
}

.height-50 {
    height: 50%;
}

.white-space {
    white-space: normal;
}

.word-wrap {
    word-wrap: break-word;
}

.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.transition-hover {
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

    .transition-hover:hover, .transition-hover:focus {
        transform: translateY(-8px);
    }

::selection {
    color: var(--black-hex, #191919);
    background: var(--light-hex, #e3e3e3);
}

::-moz-selection {
    color: var(--black-hex, #191919);
    background: var(--light-hex, #e3e3e3);
}

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

.media-body {
    -ms-flex: 1;
    flex: 1;
    word-break: break-word;
}

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

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

.container-about:after {
    right: 0;
    background: -moz-linear-gradient(right, var(--white-hex, #ffffff) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(right, var(--white-hex, #ffffff) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left, var(--white-hex, #ffffff) 0%, rgba(255, 255, 255, 0) 100%);
}

_:-ms-lang(x), .container, _:-ms-lang(x), .container-fluid, _:-ms-lang(x), .container-lg, _:-ms-lang(x), .container-md, _:-ms-lang(x), .container-sm, _:-ms-lang(x), .container-xl, _:-ms-lang(x), .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}

_:-ms-lang(x), .row.g-0 {
    margin-right: 0;
    margin-left: 0;
}

    _:-ms-lang(x), .row.g-0 > * {
        padding-right: 0;
        padding-left: 0;
    }

_:-ms-lang(x), .row {
    margin-right: -15px;
    margin-left: -15px;
}

    _:-ms-lang(x), .row > * {
        padding-right: 15px;
        padding-left: 15px;
    }

.capitalise-span {
    display: inline-block;
    text-transform: lowercase;
}

    .capitalise-span::first-letter {
        text-transform: uppercase;
    }

.z-index--1 {
    z-index: -1 !important;
}

.z-index--2 {
    z-index: -2 !important;
}

.z-index--3 {
    z-index: -3 !important;
}

.z-index--4 {
    z-index: -4 !important;
}

.z-index--5 {
    z-index: -5 !important;
}

.z-index--6 {
    z-index: -6 !important;
}

.z-index--7 {
    z-index: -7 !important;
}

.z-index--8 {
    z-index: -8 !important;
}

.z-index--9 {
    z-index: -9 !important;
}

.z-index--10 {
    z-index: -10 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-6 {
    z-index: 6 !important;
}

.z-index-7 {
    z-index: 7 !important;
}

.z-index-8 {
    z-index: 8 !important;
}

.z-index-9 {
    z-index: 9 !important;
}

.z-index-10 {
    z-index: 10 !important;
}

/* ----------------------------------
    Typography
------------------------------------- */

/* font family */
.alt-font {
    font-family: 'FSAldrinWeb-Regular';
}

.main-font {
    font-family: 'FSAldrinWeb-Regular';
}

/* heading */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'FSAldrinWeb-Medium';
    color: var(--skobeloff-hex, #006e69);
    letter-spacing: -0.01em;
    font-weight: 500;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
        font-family: 'FSAldrinWeb-Regular';
        color: var(--skobeloff-hex, #006e69);
    }


/* font size */
.display-7 {
    font-size: 3.2rem;
}

.display-8 {
    font-size: 3.1rem;
}

.display-9 {
    font-size: 3.0rem;
}

.display-10 {
    font-size: 2.9rem;
}

.display-11 {
    font-size: 2.8rem;
}

.display-12 {
    font-size: 2.7rem;
}

.display-13 {
    font-size: 2.6rem;
}

.display-14 {
    font-size: 2.5rem;
}

.display-15 {
    font-size: 2.4rem;
}

.display-16 {
    font-size: 2.3rem;
}

.display-17 {
    font-size: 2.2rem;
}

.display-18 {
    font-size: 2.1rem;
}

.display-19 {
    font-size: 2.0rem;
}

.display-20 {
    font-size: 1.9rem;
}

.display-21 {
    font-size: 1.8rem;
}

.display-22 {
    font-size: 1.7rem;
}

.display-23 {
    font-size: 1.6rem;
}

.display-24 {
    font-size: 1.5rem;
}

.display-25 {
    font-size: 1.4rem;
}

.display-26 {
    font-size: 1.3rem;
}

.display-27 {
    font-size: 1.2rem;
}

.display-28 {
    font-size: 1.1rem;
}

.display-29 {
    font-size: 1.0rem;
}

.display-30 {
    font-size: 0.9rem;
}

.display-31 {
    font-size: 0.8rem;
}

.display-32 {
    font-size: 0.7rem;
}

.display-33 {
    font-size: 0.6rem;
}

.display-34 {
    font-size: 0.5rem;
}

/* text color */
.text-black {
    color: #000;
}

.text-extra-dark-gray {
    color: #1e2022;
}

.text-dark-gray {
    color: #626262;
}

.text-extra-medium-gray {
    color: #757575;
}

.text-medium-gray {
    color: #939393;
}

.text-extra-light-gray {
    color: #b7b7b7;
}

.text-light-gray {
    color: #d6d5d5;
}

.text-very-light-gray {
    color: #ededed;
}

.text-default-color {
    color: #6f6f6f;
}

/* letter spacing */
.no-letter-spacing {
    letter-spacing: 0px;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.letter-spacing-3 {
    letter-spacing: 3px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}

.letter-spacing-5 {
    letter-spacing: 5px;
}

/* font weight */
.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

/* ----------------------------------
    Background color
------------------------------------- */
.bg-light {
    background-color: var(--light-hex, #e3e3e3) !important;
}

.bg-teal-subtle,
.bg-light-teal-1,
.bg-light-teal-3 {
    background-color: var(--teal-bg-subtle, #def9f9) !important;
}

.bg-light-teal-5 {
    background-color: rgba(46, 181, 178, 0.5) !important;
}

.bg-light-teal-7 {
    background-color: rgba(46, 181, 178, 0.7) !important;
}

.bg-skobeloff-subtle {
    background-color: var(--skobeloff-bg-subtle, #b0fff9) !important;
}

.bg-light-skobeloff-1 {
    background-color: rgba(0, 110, 105, 0.125) !important;
}

.bg-light-skobeloff-3 {
    background-color: rgba(0, 110, 105, 0.375) !important;
}

.bg-light-skobeloff-5 {
    background-color: rgba(0, 110, 105, 0.525) !important;
}

.bg-light-skobeloff-7 {
    background-color: rgba(0, 110, 105, 0.785) !important;
}

.bg-navy-subtle {
    background-color: var(--navy-bg-subtle, #c2e7fd) !important;
}

.bg-transparent {
    background-color: transparent;
}

.bg-black {
    background-color: #000;
}

.bg-extra-dark-gray {
    background-color: #1f2732;
}

.bg-dark-gray {
    background-color: #757575;
}

.bg-extra-medium-gray {
    background-color: #939393;
}

.bg-medium-gray {
    background-color: #dbdbdb;
}

.bg-extra-light-gray {
    background-color: #e0e0e0;
}

.bg-medium-light-gray {
    background-color: #ededed;
}

.bg-light-gray {
    background-color: #f1f7ff;
}

.bg-very-light-gray {
    background-color: #fafafa;
}

.bg-grey {
    background-color: #f9f9f9;
}

.bg-red {
    background-color: #ed1b24;
}

.bg-dark-theme {
    background: #1e2022;
}

.bg-transparent-white {
    background-color: rgba(255,255,255,0.3);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.bg-transparent-black {
    background-color: rgba(0,0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.bg-white-opacity {
    background-color: rgba(255, 255, 255, 0.85);
}

.bg-black-opacity {
    background-color: rgba(0, 0, 0, 0.85);
}

.bg-black-opacity-light {
    background-color: rgba(0, 0, 0, 0.5);
}

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

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

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

.badge:empty {
    display: none;
}

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

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

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

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

.badge:empty {
    display: none;
}

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

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

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

section {
    /*padding: 120px 0;*/
    padding: 65px 0;
    overflow: hidden;
    background: #fff;
    position: relative;
}

    section.md {
        /*padding: 90px 0;*/
        padding: 45px 0;
    }

.big-input, .big-textarea, .big-select select {
    padding: 18px 25px;
    font-size: 14px;
    border-radius: 0;
}

.medium-input, .medium-textarea, .medium-select select {
    padding: 12px 20px;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;
}

.small-input, .small-textarea {
    padding: 12px 15px;
    font-size: 11px;
    line-height: normal;
}

.small-select select {
    padding: 15px 15px;
    line-height: normal;
}

.medium-input-light, .medium-textarea-light, .medium-select-light select {
    padding: 12px 25px;
    font-size: 12px;
    line-height: normal;
}

/* data overlay */
[data-overlay-dark], [data-overlay-light],
[linear-overlay-light], [linear-overlay-skobeloff],
[linear-overlay-dark] {
    position: relative;
}

    [data-overlay-dark] .position-unset, [data-overlay-light] .position-unset,
    [linear-overlay-light] .position-unset, [linear-overlay-skobeloff] .position-unset,
    [linear-overlay-dark] .position-unset {
        position: unset !important;
    }

    [data-overlay-dark] .container, [data-overlay-light] .container,
    [linear-overlay-light] container, [linear-overlay-skobeloff] container,
    [linear-overlay-dark] container {
        position: relative;
        z-index: 2;
    }

    [data-overlay-dark]:before, [data-overlay-light]:before,
    [linear-overlay-light]:before, [linear-overlay-skobeloff]:before,
    [linear-overlay-dark]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    [data-overlay-dark]:before {
        background: #000;
    }

    [data-overlay-light]:before {
        background: #fff;
    }

    [linear-overlay-light]:before {
        /* ltr */
        background: -moz-linear-gradient(left, var(--light-hex, #e3e3e3) 50%, rgba(227, 227, 227, 0) 65%);
        background: -webkit-linear-gradient(left, var(--light-hex, #e3e3e3) 50%, rgba(227, 227, 227, 0) 65%);
        background: linear-gradient(to right, var(--light-hex, #e3e3e3) 50%, rgba(227, 227, 227, 0) 65%);
    }

    [linear-overlay-skobeloff]:before {
        /* ltr */
        background: -moz-linear-gradient(left, var(--skobeloff-hex, #006e69) 50%, rgba(227, 227, 227, 0) 75%);
        background: -webkit-linear-gradient(left, var(--skobeloff-hex, #006e69) 50%, rgba(227, 227, 227, 0) 75%);
        background: linear-gradient(to right, var(--skobeloff-hex, #006e69) 50%,rgba(0, 110, 105,0) 75%);
    }

    [linear-overlay-dark]:before {
        /* ltr */
        background: -moz-linear-gradient(left, var(--black-hex, #191919) 0%, rgba(var(--black-rgb, 25, 25, 25), 0) 100%);
        background: -webkit-linear-gradient(left, var(--black-hex, #191919) 0%, rgba(var(--black-rgb, 25, 25, 25), 0) 100%);
        background: linear-gradient(to right, var(--black-hex, #191919) 0%, rgba(var(--black-rgb, 25, 25, 25), 0) 100%);
    }

    [data-overlay-dark="0"]:before,
    [data-overlay-light="0"]:before,
    [linear-overlay-light="0"]:before,
    [linear-overlay-skobeloff="0"]:before,
    [linear-overlay-dark="0"]:before {
        opacity: 0;
    }

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before,
[linear-overlay-light="1"]:before,
[linear-overlay-skobeloff="1"]:before,
[linear-overlay-dark="1"]:before {
    opacity: 0.1;
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before,
[linear-overlay-light="2"]:before,
[linear-overlay-skobeloff="2"]:before,
[linear-overlay-dark="2"]:before {
    opacity: 0.2;
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before,
[linear-overlay-light="3"]:before,
[linear-overlay-skobeloff="3"]:before,
[linear-overlay-dark="3"]:before {
    opacity: 0.3;
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before,
[linear-overlay-light="4"]:before,
[linear-overlay-skobeloff="4"]:before,
[linear-overlay-dark="4"]:before {
    opacity: 0.4;
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before,
[linear-overlay-light="5"]:before,
[linear-overlay-skobeloff="5"]:before,
[linear-overlay-dark="5"]:before {
    opacity: 0.5;
}

[data-overlay-dark="55"]:before,
[data-overlay-light="55"]:before,
[linear-overlay-light="55"]:before,
[linear-overlay-skobeloff="55"]:before,
[linear-overlay-dark="55"]:before {
    opacity: 0.55;
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before,
[linear-overlay-light="6"]:before,
[linear-overlay-skobeloff="6"]:before,
[linear-overlay-dark="6"]:before {
    opacity: 0.6;
}

[data-overlay-dark="65"]:before,
[data-overlay-light="65"]:before,
[linear-overlay-light="65"]:before,
[linear-overlay-skobeloff="65"]:before,
[linear-overlay-dark="65"]:before {
    opacity: 0.65;
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before,
[linear-overlay-light="7"]:before,
[linear-overlay-skobeloff="7"]:before,
[linear-overlay-dark="7"]:before {
    opacity: 0.7;
}

[data-overlay-dark="75"]:before,
[data-overlay-light="75"]:before,
[linear-overlay-light="75"]:before,
[linear-overlay-skobeloff="75"]:before,
[linear-overlay-dark="75"]:before {
    opacity: 0.75;
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before,
[linear-overlay-light="8"]:before,
[linear-overlay-skobeloff="8"]:before,
[linear-overlay-dark="8"]:before {
    opacity: 0.8;
}

[data-overlay-dark="85"]:before,
[data-overlay-light="85"]:before,
[linear-overlay-light="85"]:before,
[linear-overlay-skobeloff="85"]:before,
[linear-overlay-dark="85"]:before {
    opacity: 0.85;
}

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[linear-overlay-light="9"]:before,
[linear-overlay-skobeloff="9"]:before,
[linear-overlay-dark="9"]:before {
    opacity: 0.9;
}

[data-overlay-dark="91"]:before,
[data-overlay-light="91"]:before,
[linear-overlay-light="91"]:before,
[linear-overlay-skobeloff="91"]:before,
[linear-overlay-dark="91"]:before {
    opacity: 0.91;
}

[data-overlay-dark="92"]:before,
[data-overlay-light="92"]:before,
[linear-overlay-light="92"]:before,
[linear-overlay-skobeloff="92"]:before,
[linear-overlay-dark="92"]:before {
    opacity: 0.92;
}

[data-overlay-dark="93"]:before,
[data-overlay-light="93"]:before,
[linear-overlay-light="93"]:before,
[linear-overlay-skobeloff="93"]:before,
[linear-overlay-dark="93"]:before {
    opacity: 0.93;
}

[data-overlay-dark="94"]:before,
[data-overlay-light="94"]:before,
[linear-overlay-light="94"]:before,
[linear-overlay-skobeloff="94"]:before,
[linear-overlay-dark="94"]:before {
    opacity: 0.94;
}

[data-overlay-dark="95"]:before,
[data-overlay-light="95"]:before,
[linear-overlay-light="95"]:before,
[linear-overlay-skobeloff="95"]:before,
[linear-overlay-dark="95"]:before {
    opacity: 0.95;
}

[data-overlay-dark="96"]:before,
[data-overlay-light="96"]:before,
[linear-overlay-light="96"]:before,
[linear-overlay-skobeloff="96"]:before,
[linear-overlay-dark="96"]:before {
    opacity: 0.96;
}

[data-overlay-dark="97"]:before,
[data-overlay-light="97"]:before,
[linear-overlay-light="97"]:before,
[linear-overlay-skobeloff="97"]:before,
[linear-overlay-dark="97"]:before {
    opacity: 0.97;
}

[data-overlay-dark="98"]:before,
[data-overlay-light="98"]:before,
[linear-overlay-light="98"]:before,
[linear-overlay-skobeloff="98"]:before,
[linear-overlay-dark="98"]:before {
    opacity: 0.98;
}

[data-overlay-dark="99"]:before,
[data-overlay-light="99"]:before,
[linear-overlay-light="99"]:before,
[linear-overlay-skobeloff="99"]:before,
[linear-overlay-dark="99"]:before {
    opacity: 0.99;
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before,
[linear-overlay-light="10"]:before,
[linear-overlay-skobeloff="10"]:before,
[linear-overlay-dark="10"]:before {
    opacity: 1;
}

/* separator */
.separator-line-verticle-extra-small {
    width: 1px;
    height: 8px;
}

.separator-line-verticle-small-thick {
    width: 17px;
    height: 3px;
}

.separator-line-verticle-small {
    width: 1px;
    height: 13px;
}

.separator-line-verticle-small-thick2 {
    width: 64px;
    height: 7px;
}

.separator-line-verticle-large {
    width: 1px;
    height: 20px;
}

.separator-line-verticle-extra-large {
    width: 1px;
    height: 30px;
}

.separator-line-verticle-medium-thick-full {
    width: 8px;
    height: 40px;
}

.separator-line-verticle-large-thick {
    width: 109px;
    height: 11px;
}

.separator-line-horrizontal-medium-light {
    width: 36px;
    height: 3px;
}

.separator-line-horrizontal-medium-light2 {
    width: 50px;
    height: 1px;
}

.separator-line-horrizontal-medium-light3 {
    width: 18%;
    height: 1px;
}

.separator-line-horrizontal-medium-thick {
    width: 50px;
    height: 5px;
}

.separator-line-horrizontal-full {
    width: 100%;
    height: 1px;
}

/* divider */
.divider-full {
    width: 100%;
    height: 1px;
    display: inline-block
}

/* opacity */
.opacity-very-light {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.2;
    top: 0;
    left: 0;
}

.opacity-light {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    top: 0;
    left: 0;
}

.opacity-extra-medium {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.opacity-medium {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.75;
    top: 0;
    left: 0;
}

.opacity-full {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    top: 0;
    left: 0;
}

.opacity-full-dark {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    top: 0;
    left: 0;
}

.opacity01 {
    opacity: .01;
}

.opacity02 {
    opacity: .02;
}

.opacity03 {
    opacity: .03;
}

.opacity04 {
    opacity: .04;
}

.opacity05 {
    opacity: .05;
}

.opacity06 {
    opacity: .06;
}

.opacity07 {
    opacity: .07;
}

.opacity08 {
    opacity: .08;
}

.opacity09 {
    opacity: .09;
}

.opacity1 {
    opacity: .1;
}

.opacity2 {
    opacity: .2;
}

.opacity3 {
    opacity: .3;
}

.opacity4 {
    opacity: .4;
}

.opacity5 {
    opacity: .5;
}

.opacity6 {
    opacity: .6;
}

.opacity7 {
    opacity: .7;
}

.opacity8 {
    opacity: .8;
}

.opacity9 {
    opacity: .9;
}

/* box-shadow */
.box-shadow-light {
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.box-shadow {
    box-shadow: 0 0 3px rgba(0,0,0, .2);
}

.box-shadow-dark {
    box-shadow: 0 0 4px rgba(0,0,0,.4);
}

.box-shadow-large {
    box-shadow: 0 0 12px rgba(0,0,0,.1);
}

.box-shadow-primary {
    -webkit-box-shadow: 0 18px 38px rgba(0,0,0,.2);
    box-shadow: 0 18px 38px rgba(0,0,0,.2);
}

.box-shadow-none {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* text-shadow */
.text-shadow-light {
    text-shadow: 0 0 3px rgba(0,0,0,.1);
}

.text-shadow {
    text-shadow: 0 0 3px rgba(0,0,0, .2);
}

.text-shadow-dark {
    text-shadow: 0 0 4px rgba(0,0,0,.4);
}

.text-shadow-large {
    text-shadow: 0 0 12px rgba(0,0,0,.1);
}

.text-shadow-primary {
    text-shadow: 0 18px 38px rgba(0,0,0,.2);
}

.text-shadow-none {
    text-shadow: none !important;
}

/* z-index */
.z-index-1111 {
    z-index: 1111;
}

.z-index-111 {
    z-index: 111;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.z-index-9 {
    z-index: 9;
}

.z-index-99 {
    z-index: 99;
}

.z-index-0 {
    z-index: 0;
}

.z-index-minus2 {
    z-index: -2;
}

/* verticle align */
.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.clear-both {
    clear: both;
}

.line-break {
    display: block;
}

.no-transition * {
    transition-timing-function: none !important;
    -moz-transition-timing-function: none !important;
    -webkit-transition-timing-function: none !important;
    -o-transition-timing-function: none !important;
    -ms-transition-timing-function: none !important;
    transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    -ms-transition-duration: 0s !important;
}

/* ----------------------------------
    Border
------------------------------------- */
/* border */
.border-skobeloff-0 {
    border-color: var(--skobeloff-hex, #006e69);
    opacity: 1;
}

.border-skobeloff-1 {
    border: 1px solid var(--skobeloff-hex, #006e69);
    opacity: 1;
}

.borders-top {
    border-top: 1px solid;
}

.borders-end {
    border-right: 1px solid;
}

.borders-bottom {
    border-bottom: 1px solid;
}

.borders-start {
    border-left: 1px solid;
}

.borders-top-0 {
    border-top: none;
}

.borders-end-0 {
    border-right: none;
}

.borders-bottom-0 {
    border-bottom: none;
}

.borders-start-0 {
    border-left: none;
}

/* boder width */
.border-width-1 {
    border-width: 1px !important;
}

.border-width-2 {
    border-width: 2px !important;
}

.border-width-3 {
    border-width: 3px !important;
}

.border-width-4 {
    border-width: 4px !important;
}

.border-width-5 {
    border-width: 5px !important;
}

.border-width-6 {
    border-width: 6px !important;
}

.border-width-7 {
    border-width: 7px !important;
}

.border-width-8 {
    border-width: 8px !important;
}

.border-width-9 {
    border-width: 9px !important;
}

.border-width-10 {
    border-width: 10px !important;
}

.border-width-20 {
    border-width: 20px !important;
}

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

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

.border-color-extra-dark-gray {
    border-color: #1e2022 !important;
}

.border-color-medium-dark-gray {
    border-color: #363636 !important;
}

.border-color-dark-gray {
    border-color: #939393 !important;
}

.border-color-extra-medium-gray {
    border-color: #dbdbdb !important;
}

.border-color-medium-gray {
    border-color: #e4e4e4 !important;
}

.border-color-extra-light-gray {
    border-color: #ededed !important;
}

.border-color-light-gray {
    border-color: #f5f5f5 !important;
}

.border-color-light-white {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-color-light-white-4 {
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.border-color-light-black {
    border-color: rgba(0, 0, 0, 0.085) !important;
}

/* boder style */
.border-dotted {
    border-style: dotted !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-solid {
    border-style: solid !important;
}

.border-double {
    border-style: double !important;
}

.border-groove {
    border-style: groove !important;
}

.border-ridge {
    border-style: ridge !important;
}

.border-inset {
    border-style: inset !important;
}

.border-outset {
    border-style: outset !important;
}

.border-none {
    border-style: none !important;
}

.border-hidden {
    border-style: hidden !important;
}

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

/* border radius */
.border-radius-c {
    border-radius: var(--radius, 0.313rem);
}

.border-radius-d {
    border-radius: var(--border-radius);
}

.border-radius-1 {
    border-radius: 1px;
}

.border-radius-2 {
    border-radius: 2px;
}

.border-radius-3 {
    border-radius: 3px;
}

.border-radius-4 {
    border-radius: 4px;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-6 {
    border-radius: 6px;
}

.border-radius-7 {
    border-radius: 7px;
}

.border-radius-8 {
    border-radius: 8px;
}

.border-radius-9 {
    border-radius: 9px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-50 {
    border-radius: 50%;
}

.border-radius-100 {
    border-radius: 100%;
}

.border-radius-none {
    border-radius: 0 !important;
}

.border-radius-end-none {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

/* ----------------------------------
    Background image
------------------------------------- */

.parallax {
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.fix-background {
    position: relative;
    background-size: cover;
    animation-duration: 0s;
    animation-fill-mode: none;
    -webkit-animation-duration: 0s;
    -webkit-animation-fill-mode: none;
    -moz-animation-duration: 0s;
    -moz-animation-fill-mode: none;
    -ms-animation-duration: 0s;
    -ms-animation-fill-mode: none;
    -o-animation-fill-mode: none;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-cover,
.cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.background-size-inherit {
    background-size: inherit;
}

.background-attachment-inherit {
    background-attachment: inherit;
}

.background-position-left {
    background-position: left center;
}

.background-position-left-bottom {
    background-position: left bottom;
}

.background-position-right {
    background-position: right center;
}

.background-position-top {
    background-position: center top !important;
}

.up-down-ani {
    display: table;
    position: relative;
    -webkit-animation-name: up-down-animation;
    -webkit-animation-duration: .7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-name: up-down-animation;
    -moz-animation-duration: .7s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: .7s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: up-down-animation;
    -ms-animation-duration: .7s;
    -ms-animation-timing-function: linear;
    -ms-animation-delay: .7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    -o-animation-name: up-down-animation;
    -o-animation-duration: .7s;
    -o-animation-timing-function: linear;
    -o-animation-delay: .7s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    animation-name: up-down-animation;
    animation-duration: .7s;
    animation-timing-function: linear;
    animation-delay: .7s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    margin: 0 auto;
}

.background-position-x-50 {
    background-position-x: 50% !important;
}

.background-size-contain {
    background-size: contain;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

/*------------------------------
    Margin
-------------------------------- */
/* negative margin */
.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

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

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

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

.mt-n6 {
    margin-top: -3.5rem;
}

.mt-n7 {
    margin-top: -4rem;
}

.mt-n8 {
    margin-top: -4.5rem;
}

.mt-n9 {
    margin-top: -5rem;
}

.mt-n10 {
    margin-top: -5.5rem;
}

.mt-n1-6 {
    margin-top: -1.6rem !important;
}

.mt-n1-9 {
    margin-top: -1.9rem !important;
}

.mt-n2-2 {
    margin-top: -2.2rem !important;
}

.mt-n2-6 {
    margin-top: -2.6rem !important;
}

.mt-n2-9 {
    margin-top: -2.9rem !important;
}

/* custom margin */
.m-1-6 {
    margin: 1.6rem;
}

.m-1-7 {
    margin: 1.7rem;
}

.m-1-8 {
    margin: 1.8rem;
}

.m-1-9 {
    margin: 1.9rem;
}

.m-2-0 {
    margin: 2.0rem;
}

.m-2-1 {
    margin: 2.1rem;
}

.m-2-2 {
    margin: 2.2rem;
}

.m-2-3 {
    margin: 2.3rem;
}

.m-2-4 {
    margin: 2.4rem;
}

.m-2-5 {
    margin: 2.5rem;
}

.m-2-6 {
    margin: 2.6rem;
}

.m-2-7 {
    margin: 2.7rem;
}

.m-2-8 {
    margin: 2.8rem;
}

.m-2-9 {
    margin: 2.9rem;
}

/* margin all */
.m-6 {
    margin: 3.5rem;
}

.m-7 {
    margin: 4rem;
}

.m-8 {
    margin: 4.5rem;
}

.m-9 {
    margin: 5rem;
}

.m-10 {
    margin: 5.5rem;
}

.m-11 {
    margin: 6rem;
}

.m-12 {
    margin: 6.5rem;
}

.m-13 {
    margin: 7rem;
}

.m-14 {
    margin: 7.5rem;
}

.m-15 {
    margin: 8rem;
}

.m-16 {
    margin: 8.5rem;
}

.m-17 {
    margin: 9rem;
}

.m-18 {
    margin: 9.5rem;
}

.m-19 {
    margin: 10rem;
}

.m-20 {
    margin: 10.5rem;
}

.m-21 {
    margin: 11rem;
}

.m-22 {
    margin: 11.5rem;
}

.m-23 {
    margin: 12rem;
}

.m-24 {
    margin: 12.5rem;
}

/* margin top */
.mt-1-6, .my-1-6 {
    margin-top: 1.6rem;
}

.mt-1-7, .my-1-7 {
    margin-top: 1.7rem;
}

.mt-1-8, .my-1-8 {
    margin-top: 1.8rem;
}

.mt-1-9, .my-1-9 {
    margin-top: 1.9rem;
}

.mt-2-0, .my-2-0 {
    margin-top: 2.0rem;
}

.mt-2-1, .my-2-1 {
    margin-top: 2.1rem;
}

.mt-2-2, .my-2-2 {
    margin-top: 2.2rem;
}

.mt-2-3, .my-2-3 {
    margin-top: 2.3rem;
}

.mt-2-4, .my-2-4 {
    margin-top: 2.4rem;
}

.mt-2-5, .my-2-5 {
    margin-top: 2.5rem;
}

.mt-2-6, .my-2-6 {
    margin-top: 2.6rem;
}

.mt-2-7, .my-2-7 {
    margin-top: 2.7rem;
}

.mt-2-8, .my-2-8 {
    margin-top: 2.8rem;
}

.mt-2-9, .my-2-9 {
    margin-top: 2.9rem;
}

.mt-6, .my-6 {
    margin-top: 3.5rem;
}

.mt-7, .my-7 {
    margin-top: 4rem;
}

.mt-8, .my-8 {
    margin-top: 4.5rem;
}

.mt-9, .my-9 {
    margin-top: 5rem;
}

.mt-10, .my-10 {
    margin-top: 5.5rem;
}

.mt-11, .my-11 {
    margin-top: 6rem;
}

.mt-12, .my-12 {
    margin-top: 6.5rem;
}

.mt-13, .my-13 {
    margin-top: 7rem;
}

.mt-14, .my-14 {
    margin-top: 7.5rem;
}

.mt-15, .my-15 {
    margin-top: 8rem;
}

.mt-16, .my-16 {
    margin-top: 8.5rem;
}

.mt-17, .my-17 {
    margin-top: 9rem;
}

.mt-18, .my-18 {
    margin-top: 9.5rem;
}

.mt-19, .my-19 {
    margin-top: 10rem;
}

.mt-20, .my-20 {
    margin-top: 10.5rem;
}

.mt-21, .my-21 {
    margin-top: 11rem;
}

.mt-22, .my-22 {
    margin-top: 11.5rem;
}

.mt-23, .my-23 {
    margin-top: 12rem;
}

.mt-24, .my-24 {
    margin-top: 12.5rem;
}

/* margin bottom */
.mb-1-6, .my-1-6 {
    margin-bottom: 1.6rem;
}

.mb-1-7, .my-1-7 {
    margin-bottom: 1.7rem;
}

.mb-1-8, .my-1-8 {
    margin-bottom: 1.8rem;
}

.mb-1-9, .my-1-9 {
    margin-bottom: 1.9rem;
}

.mb-2-0, .my-2-0 {
    margin-bottom: 2.0rem;
}

.mb-2-1, .my-2-1 {
    margin-bottom: 2.1rem;
}

.mb-2-2, .my-2-2 {
    margin-bottom: 2.2rem;
}

.mb-2-3, .my-2-3 {
    margin-bottom: 2.3rem;
}

.mb-2-4, .my-2-4 {
    margin-bottom: 2.4rem;
}

.mb-2-5, .my-2-5 {
    margin-bottom: 2.5rem;
}

.mb-2-6, .my-2-6 {
    margin-bottom: 2.6rem;
}

.mb-2-7, .my-2-7 {
    margin-bottom: 2.7rem;
}

.mb-2-8, .my-2-8 {
    margin-bottom: 2.8rem;
}

.mb-2-9, .my-2-9 {
    margin-bottom: 2.9rem;
}

.mb-6, .my-6 {
    margin-bottom: 3.5rem;
}

.mb-7, .my-7 {
    margin-bottom: 4rem;
}

.mb-8, .my-8 {
    margin-bottom: 4.5rem;
}

.mb-9, .my-9 {
    margin-bottom: 5rem;
}

.mb-10, .my-10 {
    margin-bottom: 5.5rem;
}

.mb-11, .my-11 {
    margin-bottom: 6rem;
}

.mb-12, .my-12 {
    margin-bottom: 6.5rem;
}

.mb-13, .my-13 {
    margin-bottom: 7rem;
}

.mb-14, .my-14 {
    margin-bottom: 7.5rem;
}

.mb-15, .my-15 {
    margin-bottom: 8rem;
}

.mb-16, .my-16 {
    margin-bottom: 8.5rem;
}

.mb-17, .my-17 {
    margin-bottom: 9rem;
}

.mb-18, .my-18 {
    margin-bottom: 9.5rem;
}

.mb-19, .my-19 {
    margin-bottom: 10rem;
}

.mb-20, .my-20 {
    margin-bottom: 10.5rem;
}

.mb-21, .my-21 {
    margin-bottom: 11rem;
}

.mb-22, .my-22 {
    margin-bottom: 11.5rem;
}

.mb-23, .my-23 {
    margin-bottom: 12rem;
}

.mb-24, .my-24 {
    margin-bottom: 12.5rem;
}

/* margin left */
.ms-1-6, .mx-1-6 {
    margin-left: 1.6rem;
}

.ms-1-7, .mx-1-7 {
    margin-left: 1.7rem;
}

.ms-1-8, .mx-1-8 {
    margin-left: 1.8rem;
}

.ms-1-9, .mx-1-9 {
    margin-left: 1.9rem;
}

.ms-2-0, .mx-2-0 {
    margin-left: 2.0rem;
}

.ms-2-1, .mx-2-1 {
    margin-left: 2.1rem;
}

.ms-2-2, .mx-2-2 {
    margin-left: 2.2rem;
}

.ms-2-3, .mx-2-3 {
    margin-left: 2.3rem;
}

.ms-2-4, .mx-2-4 {
    margin-left: 2.4rem;
}

.ms-2-5, .mx-2-5 {
    margin-left: 2.5rem;
}

.ms-2-6, .mx-2-6 {
    margin-left: 2.6rem;
}

.ms-2-7, .mx-2-7 {
    margin-left: 2.7rem;
}

.ms-2-8, .mx-2-8 {
    margin-left: 2.8rem;
}

.ms-2-9, .mx-2-9 {
    margin-left: 2.9rem;
}

.ms-6, .mx-6 {
    margin-left: 3.5rem;
}

.ms-7, .mx-7 {
    margin-left: 4rem;
}

.ms-8, .mx-8 {
    margin-left: 4.5rem;
}

.ms-9, .mx-9 {
    margin-left: 5rem;
}

.ms-10, .mx-10 {
    margin-left: 5.5rem;
}

.ms-11, .mx-11 {
    margin-left: 6rem;
}

.ms-12, .mx-12 {
    margin-left: 6.5rem;
}

.ms-13, .mx-13 {
    margin-left: 7rem;
}

.ms-14, .mx-14 {
    margin-left: 7.5rem;
}

.ms-15, .mx-15 {
    margin-left: 8rem;
}

.ms-16, .mx-16 {
    margin-left: 8.5rem;
}

.ms-17, .mx-17 {
    margin-left: 9rem;
}

.ms-18, .mx-18 {
    margin-left: 9.5rem;
}

.ms-19, .mx-19 {
    margin-left: 10rem;
}

.ms-20, .mx-20 {
    margin-left: 10.5rem;
}

.ms-21, .mx-21 {
    margin-left: 11rem;
}

.ms-22, .mx-22 {
    margin-left: 11.5rem;
}

.ms-23, .mx-23 {
    margin-left: 12rem;
}

.ms-24, .mx-24 {
    margin-left: 12.5rem;
}

/* margin right */
.me-1-6, .mx-1-6 {
    margin-right: 1.6rem;
}

.me-1-7, .mx-1-7 {
    margin-right: 1.7rem;
}

.me-1-8, .mx-1-8 {
    margin-right: 1.8rem;
}

.me-1-9, .mx-1-9 {
    margin-right: 1.9rem;
}

.me-2-0, .mx-2-0 {
    margin-right: 2.0rem;
}

.me-2-1, .mx-2-1 {
    margin-right: 2.1rem;
}

.me-2-2, .mx-2-2 {
    margin-right: 2.2rem;
}

.me-2-3, .mx-2-3 {
    margin-right: 2.3rem;
}

.me-2-4, .mx-2-4 {
    margin-right: 2.4rem;
}

.me-2-5, .mx-2-5 {
    margin-right: 2.5rem;
}

.me-2-6, .mx-2-6 {
    margin-right: 2.6rem;
}

.me-2-7, .mx-2-7 {
    margin-right: 2.7rem;
}

.me-2-8, .mx-2-8 {
    margin-right: 2.8rem;
}

.me-2-9, .mx-2-9 {
    margin-right: 2.9rem;
}

.me-6, .mx-6 {
    margin-right: 3.5rem;
}

.me-7, .mx-7 {
    margin-right: 4rem;
}

.me-8, .mx-8 {
    margin-right: 4.5rem;
}

.me-9, .mx-9 {
    margin-right: 5rem;
}

.me-10, .mx-10 {
    margin-right: 5.5rem;
}

.me-11, .mx-11 {
    margin-right: 6rem;
}

.me-12, .mx-12 {
    margin-right: 6.5rem;
}

.me-13, .mx-13 {
    margin-right: 7rem;
}

.me-14, .mx-14 {
    margin-right: 7.5rem;
}

.me-15, .mx-15 {
    margin-right: 8rem;
}

.me-16, .mx-16 {
    margin-right: 8.5rem;
}

.me-17, .mx-17 {
    margin-right: 9rem;
}

.me-18, .mx-18 {
    margin-right: 9.5rem;
}

.me-19, .mx-19 {
    margin-right: 10rem;
}

.me-20, .mx-20 {
    margin-right: 10.5rem;
}

.me-21, .mx-21 {
    margin-right: 11rem;
}

.me-22, .mx-22 {
    margin-right: 11.5rem;
}

.me-23, .mx-23 {
    margin-right: 12rem;
}

.me-24, .mx-24 {
    margin-right: 12.5rem;
}


/*-------------------------------
    Padding
--------------------------------- */
/* padding all */
/* custom padding */
.p-1-6 {
    padding: 1.6rem;
}

.p-1-7 {
    padding: 1.7rem;
}

.p-1-8 {
    padding: 1.8rem;
}

.p-1-9 {
    padding: 1.9rem;
}

.p-2-0 {
    padding: 2.0rem;
}

.p-2-1 {
    padding: 2.1rem;
}

.p-2-2 {
    padding: 2.2rem;
}

.p-2-3 {
    padding: 2.3rem;
}

.p-2-4 {
    padding: 2.4rem;
}

.p-2-5 {
    padding: 2.5rem;
}

.p-2-6 {
    padding: 2.6rem;
}

.p-2-7 {
    padding: 2.7rem;
}

.p-2-8 {
    padding: 2.8rem;
}

.p-2-9 {
    padding: 2.9rem;
}

.p-6 {
    padding: 3.5rem;
}

.p-7 {
    padding: 4rem;
}

.p-8 {
    padding: 4.5rem;
}

.p-9 {
    padding: 5rem;
}

.p-10 {
    padding: 5.5rem;
}

.p-11 {
    padding: 6rem;
}

.p-12 {
    padding: 6.5rem;
}

.p-13 {
    padding: 7rem;
}

.p-14 {
    padding: 7.5rem;
}

.p-15 {
    padding: 8rem;
}

.p-16 {
    padding: 8.5rem;
}

.p-17 {
    padding: 9rem;
}

.p-18 {
    padding: 9.5rem;
}

.p-19 {
    padding: 10rem;
}

.p-20 {
    padding: 10.5rem;
}

.p-21 {
    padding: 11rem;
}

.p-22 {
    padding: 11.5rem;
}

.p-23 {
    padding: 12rem;
}

.p-24 {
    padding: 12.5rem;
}

/* padding top */
.pt-1-6, .py-1-6 {
    padding-top: 1.6rem;
}

.pt-1-7, .py-1-7 {
    padding-top: 1.7rem;
}

.pt-1-8, .py-1-8 {
    padding-top: 1.8rem;
}

.pt-1-9, .py-1-9 {
    padding-top: 1.9rem;
}

.pt-2-0, .py-2-0 {
    padding-top: 2.0rem;
}

.pt-2-1, .py-2-1 {
    padding-top: 2.1rem;
}

.pt-2-2, .py-2-2 {
    padding-top: 2.2rem;
}

.pt-2-3, .py-2-3 {
    padding-top: 2.3rem;
}

.pt-2-4, .py-2-4 {
    padding-top: 2.4rem;
}

.pt-2-5, .py-2-5 {
    padding-top: 2.5rem;
}

.pt-2-6, .py-2-6 {
    padding-top: 2.6rem;
}

.pt-2-7, .py-2-7 {
    padding-top: 2.7rem;
}

.pt-2-8, .py-2-8 {
    padding-top: 2.8rem;
}

.pt-2-9, .py-2-9 {
    padding-top: 2.9rem;
}

.pt-6, .py-6 {
    padding-top: 3.5rem;
}

.pt-7, .py-7 {
    padding-top: 4rem;
}

.pt-8, .py-8 {
    padding-top: 4.5rem;
}

.pt-9, .py-9 {
    padding-top: 5rem;
}

.pt-10, .py-10 {
    padding-top: 5.5rem;
}

.pt-11, .py-11 {
    padding-top: 6rem;
}

.pt-12, .py-12 {
    padding-top: 6.5rem;
}

.pt-13, .py-13 {
    padding-top: 7rem;
}

.pt-14, .py-14 {
    padding-top: 7.5rem;
}

.pt-15, .py-15 {
    padding-top: 8rem;
}

.pt-16, .py-16 {
    padding-top: 8.5rem;
}

.pt-17, .py-17 {
    padding-top: 9rem;
}

.pt-18, .py-18 {
    padding-top: 9.5rem;
}

.pt-19, .py-19 {
    padding-top: 10rem;
}

.pt-20, .py-20 {
    padding-top: 10.5rem;
}

.pt-21, .py-21 {
    padding-top: 11rem;
}

.pt-22, .py-22 {
    padding-top: 11.5rem;
}

.pt-23, .py-23 {
    padding-top: 12rem;
}

.pt-24, .py-24 {
    padding-top: 12.5rem;
}

/* padding bottom */
.pb-1-6, .py-1-6 {
    padding-bottom: 1.6rem;
}

.pb-1-7, .py-1-7 {
    padding-bottom: 1.7rem;
}

.pb-1-8, .py-1-8 {
    padding-bottom: 1.8rem;
}

.pb-1-9, .py-1-9 {
    padding-bottom: 1.9rem;
}

.pb-2-0, .py-2-0 {
    padding-bottom: 2.0rem;
}

.pb-2-1, .py-2-1 {
    padding-bottom: 2.1rem;
}

.pb-2-2, .py-2-2 {
    padding-bottom: 2.2rem;
}

.pb-2-3, .py-2-3 {
    padding-bottom: 2.3rem;
}

.pb-2-4, .py-2-4 {
    padding-bottom: 2.4rem;
}

.pb-2-5, .py-2-5 {
    padding-bottom: 2.5rem;
}

.pb-2-6, .py-2-6 {
    padding-bottom: 2.6rem;
}

.pb-2-7, .py-2-7 {
    padding-bottom: 2.7rem;
}

.pb-2-8, .py-2-8 {
    padding-bottom: 2.8rem;
}

.pb-2-9, .py-2-9 {
    padding-bottom: 2.9rem;
}

.pb-6, .py-6 {
    padding-bottom: 3.5rem;
}

.pb-7, .py-7 {
    padding-bottom: 4rem;
}

.pb-8, .py-8 {
    padding-bottom: 4.5rem;
}

.pb-9, .py-9 {
    padding-bottom: 5rem;
}

.pb-10, .py-10 {
    padding-bottom: 5.5rem;
}

.pb-11, .py-11 {
    padding-bottom: 6rem;
}

.pb-12, .py-12 {
    padding-bottom: 6.5rem;
}

.pb-13, .py-13 {
    padding-bottom: 7rem;
}

.pb-14, .py-14 {
    padding-bottom: 7.5rem;
}

.pb-15, .py-15 {
    padding-bottom: 8rem;
}

.pb-16, .py-16 {
    padding-bottom: 8.5rem;
}

.pb-17, .py-17 {
    padding-bottom: 9rem;
}

.pb-18, .py-18 {
    padding-bottom: 9.5rem;
}

.pb-19, .py-19 {
    padding-bottom: 10rem;
}

.pb-20, .py-20 {
    padding-bottom: 10.5rem;
}

.pb-21, .py-21 {
    padding-bottom: 11rem;
}

.pb-22, .py-22 {
    padding-bottom: 11.5rem;
}

.pb-23, .py-23 {
    padding-bottom: 12rem;
}

.pb-24, .py-24 {
    padding-bottom: 12.5rem;
}

/* padding left */
.ps-1-6, .px-1-6 {
    padding-left: 1.6rem;
}

.ps-1-7, .px-1-7 {
    padding-left: 1.7rem;
}

.ps-1-8, .px-1-8 {
    padding-left: 1.8rem;
}

.ps-1-9, .px-1-9 {
    padding-left: 1.9rem;
}

.ps-2-0, .px-2-0 {
    padding-left: 2.0rem;
}

.ps-2-1, .px-2-1 {
    padding-left: 2.1rem;
}

.ps-2-2, .px-2-2 {
    padding-left: 2.2rem;
}

.ps-2-3, .px-2-3 {
    padding-left: 2.3rem;
}

.ps-2-4, .px-2-4 {
    padding-left: 2.4rem;
}

.ps-2-5, .px-2-5 {
    padding-left: 2.5rem;
}

.ps-2-6, .px-2-6 {
    padding-left: 2.6rem;
}

.ps-2-7, .px-2-7 {
    padding-left: 2.7rem;
}

.ps-2-8, .px-2-8 {
    padding-left: 2.8rem;
}

.ps-2-9, .px-2-9 {
    padding-left: 2.9rem;
}

.ps-6, .px-6 {
    padding-left: 3.5rem;
}

.ps-7, .px-7 {
    padding-left: 4rem;
}

.ps-8, .px-8 {
    padding-left: 4.5rem;
}

.ps-9, .px-9 {
    padding-left: 5rem;
}

.ps-10, .px-10 {
    padding-left: 5.5rem;
}

.ps-11, .px-11 {
    padding-left: 6rem;
}

.ps-12, .px-12 {
    padding-left: 6.5rem;
}

.ps-13, .px-13 {
    padding-left: 7rem;
}

.ps-14, .px-14 {
    padding-left: 7.5rem;
}

.ps-15, .px-15 {
    padding-left: 8rem;
}

.ps-16, .px-16 {
    padding-left: 8.5rem;
}

.ps-17, .px-17 {
    padding-left: 9rem;
}

.ps-18, .px-18 {
    padding-left: 9.5rem;
}

.ps-19, .px-19 {
    padding-left: 10rem;
}

.ps-20, .px-20 {
    padding-left: 10.5rem;
}

.ps-21, .px-21 {
    padding-left: 11rem;
}

.ps-22, .px-22 {
    padding-left: 11.5rem;
}

.ps-23, .px-23 {
    padding-left: 12rem;
}

.ps-24, .px-24 {
    padding-left: 12.5rem;
}

/* padding right */
.pe-1-6, .px-1-6 {
    padding-right: 1.6rem;
}

.pe-1-7, .px-1-7 {
    padding-right: 1.7rem;
}

.pe-1-8, .px-1-8 {
    padding-right: 1.8rem;
}

.pe-1-9, .px-1-9 {
    padding-right: 1.9rem;
}

.pe-2-0, .px-2-0 {
    padding-right: 2.0rem;
}

.pe-2-1, .px-2-1 {
    padding-right: 2.1rem;
}

.pe-2-2, .px-2-2 {
    padding-right: 2.2rem;
}

.pe-2-3, .px-2-3 {
    padding-right: 2.3rem;
}

.pe-2-4, .px-2-4 {
    padding-right: 2.4rem;
}

.pe-2-5, .px-2-5 {
    padding-right: 2.5rem;
}

.pe-2-6, .px-2-6 {
    padding-right: 2.6rem;
}

.pe-2-7, .px-2-7 {
    padding-right: 2.7rem;
}

.pe-2-8, .px-2-8 {
    padding-right: 2.8rem;
}

.pe-2-9, .px-2-9 {
    padding-right: 2.9rem;
}

.pe-6, .px-6 {
    padding-right: 3.5rem;
}

.pe-7, .px-7 {
    padding-right: 4rem;
}

.pe-8, .px-8 {
    padding-right: 4.5rem;
}

.pe-9, .px-9 {
    padding-right: 5rem;
}

.pe-10, .px-10 {
    padding-right: 5.5rem;
}

.pe-11, .px-11 {
    padding-right: 6rem;
}

.pe-12, .px-12 {
    padding-right: 6.5rem;
}

.pe-13, .px-13 {
    padding-right: 7rem;
}

.pe-14, .px-14 {
    padding-right: 7.5rem;
}

.pe-15, .px-15 {
    padding-right: 8rem;
}

.pe-16, .px-16 {
    padding-right: 8.5rem;
}

.pe-17, .px-17 {
    padding-right: 9rem;
}

.pe-18, .px-18 {
    padding-right: 9.5rem;
}

.pe-19, .px-19 {
    padding-right: 10rem;
}

.pe-20, .px-20 {
    padding-right: 10.5rem;
}

.pe-21, .px-21 {
    padding-right: 11rem;
}

.pe-22, .px-22 {
    padding-right: 11.5rem;
}

.pe-23, .px-23 {
    padding-right: 12rem;
}

.pe-24, .px-24 {
    padding-right: 12.5rem;
}

/*--------------------------------
    Display
---------------------------------- */

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-auto {
    overflow: auto !important;
}

/*-------------------------------
    Position
--------------------------------- */
.top-position {
    margin-top: -95px;
}

.top-position1 {
    margin-top: -96px;
}

.position-inherit {
    position: inherit !important;
}

.right {
    right: 0;
}

.right-1 {
    right: -1px;
}

.left {
    left: 0;
}

.left-1 {
    left: -1px;
}

.top {
    top: 0;
}

.top-1 {
    top: -1px;
}

.bottom {
    bottom: 0;
}

.bottom-1 {
    bottom: -1px;
}

.top-5 {
    top: 5%;
    bottom: inherit;
}

.top-10 {
    top: 10%;
    bottom: inherit;
}

.top-15 {
    top: 15%;
    bottom: inherit;
}

.top-20 {
    top: 20%;
    bottom: inherit;
}

.top-25 {
    top: 25%;
    bottom: inherit;
}

.top-30 {
    top: 30%;
    bottom: inherit;
}

.top-35 {
    top: 35%;
    bottom: inherit;
}

.top-40 {
    top: 40%;
    bottom: inherit;
}

.top-45 {
    top: 45%;
    bottom: inherit;
}

.top-50 {
    top: 50%;
    bottom: inherit;
}

.top-55 {
    top: 55%;
    bottom: inherit;
}

.top-60 {
    top: 60%;
    bottom: inherit;
}

.top-65 {
    top: 65%;
    bottom: inherit;
}

.top-70 {
    top: 70%;
    bottom: inherit;
}

.top-75 {
    top: 75%;
    bottom: inherit;
}

.top-80 {
    top: 80%;
    bottom: inherit;
}

.top-85 {
    top: 85%;
    bottom: inherit;
}

.top-90 {
    top: 90%;
    bottom: inherit;
}

.top-95 {
    top: 95%;
    bottom: inherit;
}

.top-100 {
    top: 100%;
    bottom: inherit;
}

.top-n5 {
    top: -5%;
    bottom: inherit;
}

.top-n10 {
    top: -10%;
    bottom: inherit;
}

.top-n15 {
    top: -15%;
    bottom: inherit;
}

.top-n20 {
    top: -20%;
    bottom: inherit;
}

.top-n25 {
    top: -25%;
    bottom: inherit;
}

.top-n30 {
    top: -30%;
    bottom: inherit;
}

.top-n35 {
    top: -35%;
    bottom: inherit;
}

.top-n40 {
    top: -40%;
    bottom: inherit;
}

.top-n45 {
    top: -45%;
    bottom: inherit;
}

.top-n50 {
    top: -50%;
    bottom: inherit;
}

.top-n55 {
    top: -55%;
    bottom: inherit;
}

.top-n60 {
    top: -60%;
    bottom: inherit;
}

.top-n65 {
    top: -65%;
    bottom: inherit;
}

.top-n70 {
    top: -70%;
    bottom: inherit;
}

.top-n75 {
    top: -75%;
    bottom: inherit;
}

.top-n80 {
    top: -80%;
    bottom: inherit;
}

.top-n85 {
    top: -85%;
    bottom: inherit;
}

.top-n90 {
    top: -90%;
    bottom: inherit;
}

.top-n95 {
    top: -95%;
    bottom: inherit;
}

.top-n100 {
    top: -100%;
    bottom: inherit;
}

.bottom-5 {
    bottom: 5%;
    top: inherit;
}

.bottom-10 {
    bottom: 10%;
    top: inherit;
}

.bottom-15 {
    bottom: 15%;
    top: inherit;
}

.bottom-20 {
    bottom: 20%;
    top: inherit;
}

.bottom-25 {
    bottom: 25%;
    top: inherit;
}

.bottom-30 {
    bottom: 30%;
    top: inherit;
}

.bottom-35 {
    bottom: 35%;
    top: inherit;
}

.bottom-40 {
    bottom: 40%;
    top: inherit;
}

.bottom-45 {
    bottom: 45%;
    top: inherit;
}

.bottom-50 {
    bottom: 50%;
    top: inherit;
}

.bottom-55 {
    bottom: 55%;
    top: inherit;
}

.bottom-60 {
    bottom: 60%;
    top: inherit;
}

.bottom-65 {
    bottom: 65%;
    top: inherit;
}

.bottom-70 {
    bottom: 70%;
    top: inherit;
}

.bottom-75 {
    bottom: 75%;
    top: inherit;
}

.bottom-80 {
    bottom: 80%;
    top: inherit;
}

.bottom-85 {
    bottom: 85%;
    top: inherit;
}

.bottom-90 {
    bottom: 90%;
    top: inherit;
}

.bottom-95 {
    bottom: 95%;
    top: inherit;
}

.bottom-100 {
    bottom: 100%;
    top: inherit;
}

.bottom-n5 {
    bottom: -5%;
    top: inherit;
}

.bottom-n10 {
    bottom: -10%;
    top: inherit;
}

.bottom-n15 {
    bottom: -15%;
    top: inherit;
}

.bottom-n20 {
    bottom: -20%;
    top: inherit;
}

.bottom-n25 {
    bottom: -25%;
    top: inherit;
}

.bottom-n30 {
    bottom: -30%;
    top: inherit;
}

.bottom-n35 {
    bottom: -35%;
    top: inherit;
}

.bottom-n40 {
    bottom: -40%;
    top: inherit;
}

.bottom-n45 {
    bottom: -45%;
    top: inherit;
}

.bottom-n50 {
    bottom: -50%;
    top: inherit;
}

.bottom-n55 {
    bottom: -55%;
    top: inherit;
}

.bottom-n60 {
    bottom: -60%;
    top: inherit;
}

.bottom-n65 {
    bottom: -65%;
    top: inherit;
}

.bottom-n70 {
    bottom: -70%;
    top: inherit;
}

.bottom-n75 {
    bottom: -75%;
    top: inherit;
}

.bottom-n80 {
    bottom: -80%;
    top: inherit;
}

.bottom-n85 {
    bottom: -85%;
    top: inherit;
}

.bottom-n90 {
    bottom: -90%;
    top: inherit;
}

.bottom-n95 {
    bottom: -95%;
    top: inherit;
}

.bottom-n100 {
    bottom: -100%;
    top: inherit;
}

.left-5 {
    left: 5%;
    right: inherit;
}

.left-10 {
    left: 10%;
    right: inherit;
}

.left-15 {
    left: 15%;
    right: inherit;
}

.left-20 {
    left: 20%;
    right: inherit;
}

.left-25 {
    left: 25%;
    right: inherit;
}

.left-30 {
    left: 30%;
    right: inherit;
}

.left-35 {
    left: 35%;
    right: inherit;
}

.left-40 {
    left: 40%;
    right: inherit;
}

.left-45 {
    left: 45%;
    right: inherit;
}

.left-50 {
    left: 50%;
    right: inherit;
}

.left-55 {
    left: 55%;
    right: inherit;
}

.left-60 {
    left: 60%;
    right: inherit;
}

.left-65 {
    left: 65%;
    right: inherit;
}

.left-70 {
    left: 70%;
    right: inherit;
}

.left-75 {
    left: 75%;
    right: inherit;
}

.left-80 {
    left: 80%;
    right: inherit;
}

.left-85 {
    left: 85%;
    right: inherit;
}

.left-90 {
    left: 90%;
    right: inherit;
}

.left-95 {
    left: 95%;
    right: inherit;
}

.left-100 {
    left: 100%;
    right: inherit;
}

.left-n5 {
    left: -5%;
    right: inherit;
}

.left-n10 {
    left: -10%;
    right: inherit;
}

.left-n15 {
    left: -15%;
    right: inherit;
}

.left-n20 {
    left: -20%;
    right: inherit;
}

.left-n25 {
    left: -25%;
    right: inherit;
}

.left-n30 {
    left: -30%;
    right: inherit;
}

.left-n35 {
    left: -35%;
    right: inherit;
}

.left-n40 {
    left: -40%;
    right: inherit;
}

.left-n45 {
    left: -45%;
    right: inherit;
}

.left-n50 {
    left: -50%;
    right: inherit;
}

.left-n55 {
    left: -55%;
    right: inherit;
}

.left-n60 {
    left: -60%;
    right: inherit;
}

.left-n65 {
    left: -65%;
    right: inherit;
}

.left-n70 {
    left: -70%;
    right: inherit;
}

.left-n75 {
    left: -75%;
    right: inherit;
}

.left-n80 {
    left: -80%;
    right: inherit;
}

.left-n85 {
    left: -85%;
    right: inherit;
}

.left-n90 {
    left: -90%;
    right: inherit;
}

.left-n95 {
    left: -95%;
    right: inherit;
}

.left-n100 {
    left: -100%;
    right: inherit;
}

.right-5 {
    right: 5%;
    left: inherit;
}

.right-10 {
    right: 10%;
    left: inherit;
}

.right-15 {
    right: 15%;
    left: inherit;
}

.right-20 {
    right: 20%;
    left: inherit;
}

.right-25 {
    right: 25%;
    left: inherit;
}

.right-30 {
    right: 30%;
    left: inherit;
}

.right-35 {
    right: 35%;
    left: inherit;
}

.right-40 {
    right: 40%;
    left: inherit;
}

.right-45 {
    right: 45%;
    left: inherit;
}

.right-50 {
    right: 50%;
    left: inherit;
}

.right-55 {
    right: 55%;
    left: inherit;
}

.right-60 {
    right: 60%;
    left: inherit;
}

.right-65 {
    right: 65%;
    left: inherit;
}

.right-70 {
    right: 70%;
    left: inherit;
}

.right-75 {
    right: 75%;
    left: inherit;
}

.right-80 {
    right: 80%;
    left: inherit;
}

.right-85 {
    right: 85%;
    left: inherit;
}

.right-90 {
    right: 90%;
    left: inherit;
}

.right-95 {
    right: 95%;
    left: inherit;
}

.right-100 {
    right: 100%;
    left: inherit;
}

.right-n5 {
    right: -5%;
    left: inherit;
}

.right-n10 {
    right: -10%;
    left: inherit;
}

.right-n15 {
    right: -15%;
    left: inherit;
}

.right-n20 {
    right: -20%;
    left: inherit;
}

.right-n25 {
    right: -25%;
    left: inherit;
}

.right-n30 {
    right: -30%;
    left: inherit;
}

.right-n35 {
    right: -35%;
    left: inherit;
}

.right-n40 {
    right: -40%;
    left: inherit;
}

.right-n45 {
    right: -45%;
    left: inherit;
}

.right-n50 {
    right: -50%;
    left: inherit;
}

.right-n55 {
    right: -55%;
    left: inherit;
}

.right-n60 {
    right: -60%;
    left: inherit;
}

.right-n65 {
    right: -65%;
    left: inherit;
}

.right-n70 {
    right: -70%;
    left: inherit;
}

.right-n75 {
    right: -75%;
    left: inherit;
}

.right-n80 {
    right: -80%;
    left: inherit;
}

.right-n85 {
    right: -85%;
    left: inherit;
}

.right-n90 {
    right: -90%;
    left: inherit;
}

.right-n95 {
    right: -95%;
    left: inherit;
}

.right-n100 {
    right: -100%;
    left: inherit;
}

/*-------------------------------
    12. Height
--------------------------------- */
.min-vh-50 {
    min-height: 50vh !important;
}

.min-vh-55 {
    min-height: 55vh !important;
}

.min-vh-60 {
    min-height: 60vh !important;
}

.min-vh-65 {
    min-height: 65vh !important;
}

.min-vh-70 {
    min-height: 70vh !important;
}

.min-vh-75 {
    min-height: 75vh !important;
}

.min-vh-80 {
    min-height: 80vh !important;
}

.min-vh-85 {
    min-height: 85vh !important;
}

.min-vh-90 {
    min-height: 90vh !important;
}

.min-vh-95 {
    min-height: 95vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}
/*-------------------------------
    13. Width
--------------------------------- */

.w-1px {
    width: 1px;
}

.w-2px {
    width: 2px;
}

.w-3px {
    width: 3px;
}

.w-4px {
    width: 4px;
}

.w-5px {
    width: 5px;
}

.w-6px {
    width: 6px;
}

.w-7px {
    width: 7px;
}

.w-8px {
    width: 8px;
}

.w-9px {
    width: 9px;
}

.w-10px {
    width: 10px;
}

.w-15px {
    width: 15px;
}

.w-20px {
    width: 20px;
}

.w-25px {
    width: 25px;
}

.w-30px {
    width: 30px;
}

.w-35px {
    width: 35px;
}

.w-40px {
    width: 40px;
}

.w-45px {
    width: 45px !important;
}

.w-50px {
    width: 50px;
}

.w-55px {
    width: 55px;
}

.w-60px {
    width: 60px;
}

.w-65px {
    width: 65px;
}

.w-70px {
    width: 70px;
}

.w-75px {
    width: 75px;
}

.w-80px {
    width: 80px;
}

.w-85px {
    width: 85px;
}

.w-90px {
    width: 90px;
}

.w-100px {
    width: 100px;
}

.w-1 {
    width: 1%;
}

.w-2 {
    width: 2%;
}

.w-3 {
    width: 3%;
}

.w-4 {
    width: 4%;
}

.w-5 {
    width: 5%;
}

.w-6 {
    width: 6%;
}

.w-7 {
    width: 7%;
}

.w-8 {
    width: 8%;
}

.w-9 {
    width: 9%;
}

.w-10 {
    width: 10%;
}

.w-11 {
    width: 11%;
}

.w-12 {
    width: 12%;
}

.w-13 {
    width: 13%;
}

.w-14 {
    width: 14%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

/*------------------------------
    14. Responsive Media Query
-------------------------------- */
@media screen and (min-width: 576px) {

    /* width */
    .w-sm-1px {
        width: 1px;
    }

    .w-sm-2px {
        width: 2px;
    }

    .w-sm-3px {
        width: 3px;
    }

    .w-sm-4px {
        width: 4px;
    }

    .w-sm-5px {
        width: 5px;
    }

    .w-sm-6px {
        width: 6px;
    }

    .w-sm-7px {
        width: 7px;
    }

    .w-sm-8px {
        width: 8px;
    }

    .w-sm-9px {
        width: 9px;
    }

    .w-sm-10px {
        width: 10px;
    }

    .w-sm-15px {
        width: 15px;
    }

    .w-sm-20px {
        width: 20px;
    }

    .w-sm-25px {
        width: 25px;
    }

    .w-sm-30px {
        width: 30px;
    }

    .w-sm-35px {
        width: 35px;
    }

    .w-sm-40px {
        width: 40px;
    }

    .w-sm-50px {
        width: 50px;
    }

    .w-sm-55px {
        width: 55px;
    }

    .w-sm-60px {
        width: 60px;
    }

    .w-sm-65px {
        width: 65px;
    }

    .w-sm-70px {
        width: 70px;
    }

    .w-sm-75px {
        width: 75px;
    }

    .w-sm-80px {
        width: 80px;
    }

    .w-sm-85px {
        width: 85px;
    }

    .w-sm-90px {
        width: 90px;
    }

    .w-sm-100px {
        width: 100px;
    }

    .w-sm-1 {
        width: 1%;
    }

    .w-sm-2 {
        width: 2%;
    }

    .w-sm-3 {
        width: 3%;
    }

    .w-sm-4 {
        width: 4%;
    }

    .w-sm-5 {
        width: 5%;
    }

    .w-sm-6 {
        width: 6%;
    }

    .w-sm-7 {
        width: 7%;
    }

    .w-sm-8 {
        width: 8%;
    }

    .w-sm-9 {
        width: 9%;
    }

    .w-sm-10 {
        width: 10%;
    }

    .w-sm-11 {
        width: 11%;
    }

    .w-sm-12 {
        width: 12%;
    }

    .w-sm-13 {
        width: 13%;
    }

    .w-sm-14 {
        width: 14%;
    }

    .w-sm-15 {
        width: 15%;
    }

    .w-sm-20 {
        width: 20%;
    }

    .w-sm-25 {
        width: 25%;
    }

    .w-sm-30 {
        width: 30%;
    }

    .w-sm-35 {
        width: 35%;
    }

    .w-sm-40 {
        width: 40%;
    }

    .w-sm-45 {
        width: 45%;
    }

    .w-sm-50 {
        width: 50%;
    }

    .w-sm-55 {
        width: 55%;
    }

    .w-sm-60 {
        width: 60%;
    }

    .w-sm-65 {
        width: 65%;
    }

    .w-sm-70 {
        width: 70%;
    }

    .w-sm-75 {
        width: 75%;
    }

    .w-sm-80 {
        width: 80%;
    }

    .w-sm-85 {
        width: 85%;
    }

    .w-sm-90 {
        width: 90%;
    }

    .w-sm-95 {
        width: 95%;
    }

    .w-sm-100 {
        width: 100%;
    }

    .w-sm-auto {
        width: auto;
    }

    /* font size */
    .display-sm-1 {
        font-size: 6rem;
    }

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

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

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

    .display-sm-5 {
        font-size: 3.4rem;
    }

    .display-sm-6 {
        font-size: 3.3rem;
    }

    .display-sm-7 {
        font-size: 3.2rem;
    }

    .display-sm-8 {
        font-size: 3.1rem;
    }

    .display-sm-9 {
        font-size: 3.0rem;
    }

    .display-sm-10 {
        font-size: 2.9rem;
    }

    .display-sm-11 {
        font-size: 2.8rem;
    }

    .display-sm-12 {
        font-size: 2.7rem;
    }

    .display-sm-13 {
        font-size: 2.6rem;
    }

    .display-sm-14 {
        font-size: 2.5rem;
    }

    .display-sm-15 {
        font-size: 2.4rem;
    }

    .display-sm-16 {
        font-size: 2.3rem;
    }

    .display-sm-17 {
        font-size: 2.2rem;
    }

    .display-sm-18 {
        font-size: 2.1rem;
    }

    .display-sm-19 {
        font-size: 2.0rem;
    }

    .display-sm-20 {
        font-size: 1.9rem;
    }

    .display-sm-21 {
        font-size: 1.8rem;
    }

    .display-sm-22 {
        font-size: 1.7rem;
    }

    .display-sm-23 {
        font-size: 1.6rem;
    }

    .display-sm-24 {
        font-size: 1.5rem;
    }

    .display-sm-25 {
        font-size: 1.4rem;
    }

    .display-sm-26 {
        font-size: 1.3rem;
    }

    .display-sm-27 {
        font-size: 1.2rem;
    }

    .display-sm-28 {
        font-size: 1.1rem;
    }

    .display-sm-29 {
        font-size: 1.0rem;
    }

    .display-sm-30 {
        font-size: 0.9rem;
    }

    .display-sm-31 {
        font-size: 0.8rem;
    }

    .display-sm-32 {
        font-size: 0.7rem;
    }

    .display-sm-33 {
        font-size: 0.6rem;
    }

    .display-sm-34 {
        font-size: 0.5rem;
    }

    /* border */
    .border-sm-0 {
        border: none;
    }

    .border-sm {
        border: 1px solid #dee2e6;
    }

    .border-sm-top {
        border-top: 1px solid #dee2e6;
    }

    .border-sm-end {
        border-right: 1px solid #dee2e6;
    }

    .border-sm-bottom {
        border-bottom: 1px solid #dee2e6;
    }

    .border-sm-start {
        border-left: 1px solid #dee2e6;
    }

    .border-sm-top-0 {
        border-top: none;
    }

    .border-sm-end-0 {
        border-right: none;
    }

    .border-sm-bottom-0 {
        border-bottom: none;
    }

    .border-sm-start-0 {
        border-left: none;
    }

    .border-sm-color-light-white {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    /* rounded */
    .rounded {
        border-radius: 0.313rem !important;
    }
    .rounded-sm {
        border-radius: .25rem;
    }

    /* position */
    .top-sm-5 {
        top: 5%;
        bottom: inherit;
    }

    .top-sm-10 {
        top: 10%;
        bottom: inherit;
    }

    .top-sm-15 {
        top: 15%;
        bottom: inherit;
    }

    .top-sm-20 {
        top: 20%;
        bottom: inherit;
    }

    .top-sm-25 {
        top: 25%;
        bottom: inherit;
    }

    .top-sm-30 {
        top: 30%;
        bottom: inherit;
    }

    .top-sm-35 {
        top: 35%;
        bottom: inherit;
    }

    .top-sm-40 {
        top: 40%;
        bottom: inherit;
    }

    .top-sm-45 {
        top: 45%;
        bottom: inherit;
    }

    .top-sm-50 {
        top: 50%;
        bottom: inherit;
    }

    .top-sm-55 {
        top: 55%;
        bottom: inherit;
    }

    .top-sm-60 {
        top: 60%;
        bottom: inherit;
    }

    .top-sm-65 {
        top: 65%;
        bottom: inherit;
    }

    .top-sm-70 {
        top: 70%;
        bottom: inherit;
    }

    .top-sm-75 {
        top: 75%;
        bottom: inherit;
    }

    .top-sm-80 {
        top: 80%;
        bottom: inherit;
    }

    .top-sm-85 {
        top: 85%;
        bottom: inherit;
    }

    .top-sm-90 {
        top: 90%;
        bottom: inherit;
    }

    .top-sm-95 {
        top: 95%;
        bottom: inherit;
    }

    .top-sm-100 {
        top: 100%;
        bottom: inherit;
    }

    .top-sm-n5 {
        top: -5%;
        bottom: inherit;
    }

    .top-sm-n10 {
        top: -10%;
        bottom: inherit;
    }

    .top-sm-n15 {
        top: -15%;
        bottom: inherit;
    }

    .top-sm-n20 {
        top: -20%;
        bottom: inherit;
    }

    .top-sm-n25 {
        top: -25%;
        bottom: inherit;
    }

    .top-sm-n30 {
        top: -30%;
        bottom: inherit;
    }

    .top-sm-n35 {
        top: -35%;
        bottom: inherit;
    }

    .top-sm-n40 {
        top: -40%;
        bottom: inherit;
    }

    .top-sm-n45 {
        top: -45%;
        bottom: inherit;
    }

    .top-sm-n50 {
        top: -50%;
        bottom: inherit;
    }

    .top-sm-n55 {
        top: -55%;
        bottom: inherit;
    }

    .top-sm-n60 {
        top: -60%;
        bottom: inherit;
    }

    .top-sm-n65 {
        top: -65%;
        bottom: inherit;
    }

    .top-sm-n70 {
        top: -70%;
        bottom: inherit;
    }

    .top-sm-n75 {
        top: -75%;
        bottom: inherit;
    }

    .top-sm-n80 {
        top: -80%;
        bottom: inherit;
    }

    .top-sm-n85 {
        top: -85%;
        bottom: inherit;
    }

    .top-sm-n90 {
        top: -90%;
        bottom: inherit;
    }

    .top-sm-n95 {
        top: -95%;
        bottom: inherit;
    }

    .top-sm-n100 {
        top: -100%;
        bottom: inherit;
    }

    .bottom-sm-5 {
        bottom: 5%;
        top: inherit;
    }

    .bottom-sm-10 {
        bottom: 10%;
        top: inherit;
    }

    .bottom-sm-15 {
        bottom: 15%;
        top: inherit;
    }

    .bottom-sm-20 {
        bottom: 20%;
        top: inherit;
    }

    .bottom-sm-25 {
        bottom: 25%;
        top: inherit;
    }

    .bottom-sm-30 {
        bottom: 30%;
        top: inherit;
    }

    .bottom-sm-35 {
        bottom: 35%;
        top: inherit;
    }

    .bottom-sm-40 {
        bottom: 40%;
        top: inherit;
    }

    .bottom-sm-45 {
        bottom: 45%;
        top: inherit;
    }

    .bottom-sm-50 {
        bottom: 50%;
        top: inherit;
    }

    .bottom-sm-55 {
        bottom: 55%;
        top: inherit;
    }

    .bottom-sm-60 {
        bottom: 60%;
        top: inherit;
    }

    .bottom-sm-65 {
        bottom: 65%;
        top: inherit;
    }

    .bottom-sm-70 {
        bottom: 70%;
        top: inherit;
    }

    .bottom-sm-75 {
        bottom: 75%;
        top: inherit;
    }

    .bottom-sm-80 {
        bottom: 80%;
        top: inherit;
    }

    .bottom-sm-85 {
        bottom: 85%;
        top: inherit;
    }

    .bottom-sm-90 {
        bottom: 90%;
        top: inherit;
    }

    .bottom-sm-95 {
        bottom: 95%;
        top: inherit;
    }

    .bottom-sm-100 {
        bottom: 100%;
        top: inherit;
    }

    .bottom-sm-n5 {
        bottom: -5%;
        top: inherit;
    }

    .bottom-sm-n10 {
        bottom: -10%;
        top: inherit;
    }

    .bottom-sm-n15 {
        bottom: -15%;
        top: inherit;
    }

    .bottom-sm-n20 {
        bottom: -20%;
        top: inherit;
    }

    .bottom-sm-n25 {
        bottom: -25%;
        top: inherit;
    }

    .bottom-sm-n30 {
        bottom: -30%;
        top: inherit;
    }

    .bottom-sm-n35 {
        bottom: -35%;
        top: inherit;
    }

    .bottom-sm-n40 {
        bottom: -40%;
        top: inherit;
    }

    .bottom-sm-n45 {
        bottom: -45%;
        top: inherit;
    }

    .bottom-sm-n50 {
        bottom: -50%;
        top: inherit;
    }

    .bottom-sm-n55 {
        bottom: -55%;
        top: inherit;
    }

    .bottom-sm-n60 {
        bottom: -60%;
        top: inherit;
    }

    .bottom-sm-n65 {
        bottom: -65%;
        top: inherit;
    }

    .bottom-sm-n70 {
        bottom: -70%;
        top: inherit;
    }

    .bottom-sm-n75 {
        bottom: -75%;
        top: inherit;
    }

    .bottom-sm-n80 {
        bottom: -80%;
        top: inherit;
    }

    .bottom-sm-n85 {
        bottom: -85%;
        top: inherit;
    }

    .bottom-sm-n90 {
        bottom: -90%;
        top: inherit;
    }

    .bottom-sm-n95 {
        bottom: -95%;
        top: inherit;
    }

    .bottom-sm-n100 {
        bottom: -100%;
        top: inherit;
    }

    .left-sm-5 {
        left: 5%;
        right: inherit;
    }

    .left-sm-10 {
        left: 10%;
        right: inherit;
    }

    .left-sm-15 {
        left: 15%;
        right: inherit;
    }

    .left-sm-20 {
        left: 20%;
        right: inherit;
    }

    .left-sm-25 {
        left: 25%;
        right: inherit;
    }

    .left-sm-30 {
        left: 30%;
        right: inherit;
    }

    .left-sm-35 {
        left: 35%;
        right: inherit;
    }

    .left-sm-40 {
        left: 40%;
        right: inherit;
    }

    .left-sm-45 {
        left: 45%;
        right: inherit;
    }

    .left-sm-50 {
        left: 50%;
        right: inherit;
    }

    .left-sm-55 {
        left: 55%;
        right: inherit;
    }

    .left-sm-60 {
        left: 60%;
        right: inherit;
    }

    .left-sm-65 {
        left: 65%;
        right: inherit;
    }

    .left-sm-70 {
        left: 70%;
        right: inherit;
    }

    .left-sm-75 {
        left: 75%;
        right: inherit;
    }

    .left-sm-80 {
        left: 80%;
        right: inherit;
    }

    .left-sm-85 {
        left: 85%;
        right: inherit;
    }

    .left-sm-90 {
        left: 90%;
        right: inherit;
    }

    .left-sm-95 {
        left: 95%;
        right: inherit;
    }

    .left-sm-100 {
        left: 100%;
        right: inherit;
    }

    .left-sm-n5 {
        left: -5%;
        right: inherit;
    }

    .left-sm-n10 {
        left: -10%;
        right: inherit;
    }

    .left-sm-n15 {
        left: -15%;
        right: inherit;
    }

    .left-sm-n20 {
        left: -20%;
        right: inherit;
    }

    .left-sm-n25 {
        left: -25%;
        right: inherit;
    }

    .left-sm-n30 {
        left: -30%;
        right: inherit;
    }

    .left-sm-n35 {
        left: -35%;
        right: inherit;
    }

    .left-sm-n40 {
        left: -40%;
        right: inherit;
    }

    .left-sm-n45 {
        left: -45%;
        right: inherit;
    }

    .left-sm-n50 {
        left: -50%;
        right: inherit;
    }

    .left-sm-n55 {
        left: -55%;
        right: inherit;
    }

    .left-sm-n60 {
        left: -60%;
        right: inherit;
    }

    .left-sm-n65 {
        left: -65%;
        right: inherit;
    }

    .left-sm-n70 {
        left: -70%;
        right: inherit;
    }

    .left-sm-n75 {
        left: -75%;
        right: inherit;
    }

    .left-sm-n80 {
        left: -80%;
        right: inherit;
    }

    .left-sm-n85 {
        left: -85%;
        right: inherit;
    }

    .left-sm-n90 {
        left: -90%;
        right: inherit;
    }

    .left-sm-n95 {
        left: -95%;
        right: inherit;
    }

    .left-sm-n100 {
        left: -100%;
        right: inherit;
    }

    .right-sm-5 {
        right: 5%;
        left: inherit;
    }

    .right-sm-10 {
        right: 10%;
        left: inherit;
    }

    .right-sm-15 {
        right: 15%;
        left: inherit;
    }

    .right-sm-20 {
        right: 20%;
        left: inherit;
    }

    .right-sm-25 {
        right: 25%;
        left: inherit;
    }

    .right-sm-30 {
        right: 30%;
        left: inherit;
    }

    .right-sm-35 {
        right: 35%;
        left: inherit;
    }

    .right-sm-40 {
        right: 40%;
        left: inherit;
    }

    .right-sm-45 {
        right: 45%;
        left: inherit;
    }

    .right-sm-50 {
        right: 50%;
        left: inherit;
    }

    .right-sm-55 {
        right: 55%;
        left: inherit;
    }

    .right-sm-60 {
        right: 60%;
        left: inherit;
    }

    .right-sm-65 {
        right: 65%;
        left: inherit;
    }

    .right-sm-70 {
        right: 70%;
        left: inherit;
    }

    .right-sm-75 {
        right: 75%;
        left: inherit;
    }

    .right-sm-80 {
        right: 80%;
        left: inherit;
    }

    .right-sm-85 {
        right: 85%;
        left: inherit;
    }

    .right-sm-90 {
        right: 90%;
        left: inherit;
    }

    .right-sm-95 {
        right: 95%;
        left: inherit;
    }

    .right-sm-100 {
        right: 100%;
        left: inherit;
    }

    .right-sm-n5 {
        right: -5%;
        left: inherit;
    }

    .right-sm-n10 {
        right: -10%;
        left: inherit;
    }

    .right-sm-n15 {
        right: -15%;
        left: inherit;
    }

    .right-sm-n20 {
        right: -20%;
        left: inherit;
    }

    .right-sm-n25 {
        right: -25%;
        left: inherit;
    }

    .right-sm-n30 {
        right: -30%;
        left: inherit;
    }

    .right-sm-n35 {
        right: -35%;
        left: inherit;
    }

    .right-sm-n40 {
        right: -40%;
        left: inherit;
    }

    .right-sm-n45 {
        right: -45%;
        left: inherit;
    }

    .right-sm-n50 {
        right: -50%;
        left: inherit;
    }

    .right-sm-n55 {
        right: -55%;
        left: inherit;
    }

    .right-sm-n60 {
        right: -60%;
        left: inherit;
    }

    .right-sm-n65 {
        right: -65%;
        left: inherit;
    }

    .right-sm-n70 {
        right: -70%;
        left: inherit;
    }

    .right-sm-n75 {
        right: -75%;
        left: inherit;
    }

    .right-sm-n80 {
        right: -80%;
        left: inherit;
    }

    .right-sm-n85 {
        right: -85%;
        left: inherit;
    }

    .right-sm-n90 {
        right: -90%;
        left: inherit;
    }

    .right-sm-n95 {
        right: -95%;
        left: inherit;
    }

    .right-sm-n100 {
        right: -100%;
        left: inherit;
    }


    /* margin */

    /* margin all */
    .m-sm-1-6 {
        margin: 1.6rem;
    }

    .m-sm-1-7 {
        margin: 1.7rem;
    }

    .m-sm-1-8 {
        margin: 1.8rem;
    }

    .m-sm-1-9 {
        margin: 1.9rem;
    }

    .m-sm-2-0 {
        margin: 2.0rem;
    }

    .m-sm-2-1 {
        margin: 2.1rem;
    }

    .m-sm-2-2 {
        margin: 2.2rem;
    }

    .m-sm-2-3 {
        margin: 2.3rem;
    }

    .m-sm-2-4 {
        margin: 2.4rem;
    }

    .m-sm-2-5 {
        margin: 2.5rem;
    }

    .m-sm-2-6 {
        margin: 2.6rem;
    }

    .m-sm-2-7 {
        margin: 2.7rem;
    }

    .m-sm-2-8 {
        margin: 2.8rem;
    }

    .m-sm-2-9 {
        margin: 2.9rem;
    }

    .m-sm-6 {
        margin: 3.5rem;
    }

    .m-sm-7 {
        margin: 4rem;
    }

    .m-sm-8 {
        margin: 4.5rem;
    }

    .m-sm-9 {
        margin: 5rem;
    }

    .m-sm-10 {
        margin: 5.5rem;
    }

    .m-sm-11 {
        margin: 6rem;
    }

    .m-sm-12 {
        margin: 6.5rem;
    }

    .m-sm-13 {
        margin: 7rem;
    }

    .m-sm-14 {
        margin: 7.5rem;
    }

    .m-sm-15 {
        margin: 8rem;
    }

    .m-sm-16 {
        margin: 8.5rem;
    }

    .m-sm-17 {
        margin: 9rem;
    }

    .m-sm-18 {
        margin: 9.5rem;
    }

    .m-sm-19 {
        margin: 10rem;
    }

    .m-sm-20 {
        margin: 10.5rem;
    }

    .m-sm-21 {
        margin: 11rem;
    }

    .m-sm-22 {
        margin: 11.5rem;
    }

    .m-sm-23 {
        margin: 12rem;
    }

    .m-sm-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-sm-1-6, .my-sm-1-6 {
        margin-top: 1.6rem;
    }

    .mt-sm-1-7, .my-sm-1-7 {
        margin-top: 1.7rem;
    }

    .mt-sm-1-8, .my-sm-1-8 {
        margin-top: 1.8rem;
    }

    .mt-sm-1-9, .my-sm-1-9 {
        margin-top: 1.9rem;
    }

    .mt-sm-2-0, .my-sm-2-0 {
        margin-top: 2.0rem;
    }

    .mt-sm-2-1, .my-sm-2-1 {
        margin-top: 2.1rem;
    }

    .mt-sm-2-2, .my-sm-2-2 {
        margin-top: 2.2rem;
    }

    .mt-sm-2-3, .my-sm-2-3 {
        margin-top: 2.3rem;
    }

    .mt-sm-2-4, .my-sm-2-4 {
        margin-top: 2.4rem;
    }

    .mt-sm-2-5, .my-sm-2-5 {
        margin-top: 2.5rem;
    }

    .mt-sm-2-6, .my-sm-2-6 {
        margin-top: 2.6rem;
    }

    .mt-sm-2-7, .my-sm-2-7 {
        margin-top: 2.7rem;
    }

    .mt-sm-2-8, .my-sm-2-8 {
        margin-top: 2.8rem;
    }

    .mt-sm-2-9, .my-sm-2-9 {
        margin-top: 2.9rem;
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 3.5rem;
    }

    .mt-sm-7, .my-sm-7 {
        margin-top: 4rem;
    }

    .mt-sm-8, .my-sm-8 {
        margin-top: 4.5rem;
    }

    .mt-sm-9, .my-sm-9 {
        margin-top: 5rem;
    }

    .mt-sm-10, .my-sm-10 {
        margin-top: 5.5rem;
    }

    .mt-sm-11, .my-sm-11 {
        margin-top: 6rem;
    }

    .mt-sm-12, .my-sm-12 {
        margin-top: 6.5rem;
    }

    .mt-sm-13, .my-sm-13 {
        margin-top: 7rem;
    }

    .mt-sm-14, .my-sm-14 {
        margin-top: 7.5rem;
    }

    .mt-sm-15, .my-sm-15 {
        margin-top: 8rem;
    }

    .mt-sm-16, .my-sm-16 {
        margin-top: 8.5rem;
    }

    .mt-sm-17, .my-sm-17 {
        margin-top: 9rem;
    }

    .mt-sm-18, .my-sm-18 {
        margin-top: 9.5rem;
    }

    .mt-sm-19, .my-sm-19 {
        margin-top: 10rem;
    }

    .mt-sm-20, .my-sm-20 {
        margin-top: 10.5rem;
    }

    .mt-sm-21, .my-sm-21 {
        margin-top: 11rem;
    }

    .mt-sm-22, .my-sm-22 {
        margin-top: 11.5rem;
    }

    .mt-sm-23, .my-sm-23 {
        margin-top: 12rem;
    }

    .mt-sm-24, .my-sm-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-sm-1-6, .my-sm-1-6 {
        margin-bottom: 1.6rem;
    }

    .mb-sm-1-7, .my-sm-1-7 {
        margin-bottom: 1.7rem;
    }

    .mb-sm-1-8, .my-sm-1-8 {
        margin-bottom: 1.8rem;
    }

    .mb-sm-1-9, .my-sm-1-9 {
        margin-bottom: 1.9rem;
    }

    .mb-sm-2-0, .my-sm-2-0 {
        margin-bottom: 2.0rem;
    }

    .mb-sm-2-1, .my-sm-2-1 {
        margin-bottom: 2.1rem;
    }

    .mb-sm-2-2, .my-sm-2-2 {
        margin-bottom: 2.2rem;
    }

    .mb-sm-2-3, .my-sm-2-3 {
        margin-bottom: 2.3rem;
    }

    .mb-sm-2-4, .my-sm-2-4 {
        margin-bottom: 2.4rem;
    }

    .mb-sm-2-5, .my-sm-2-5 {
        margin-bottom: 2.5rem;
    }

    .mb-sm-2-6, .my-sm-2-6 {
        margin-bottom: 2.6rem;
    }

    .mb-sm-2-7, .my-sm-2-7 {
        margin-bottom: 2.7rem;
    }

    .mb-sm-2-8, .my-sm-2-8 {
        margin-bottom: 2.8rem;
    }

    .mb-sm-2-9, .my-sm-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 3.5rem;
    }

    .mb-sm-7, .my-sm-7 {
        margin-bottom: 4rem;
    }

    .mb-sm-8, .my-sm-8 {
        margin-bottom: 4.5rem;
    }

    .mb-sm-9, .my-sm-9 {
        margin-bottom: 5rem;
    }

    .mb-sm-10, .my-sm-10 {
        margin-bottom: 5.5rem;
    }

    .mb-sm-11, .my-sm-11 {
        margin-bottom: 6rem;
    }

    .mb-sm-12, .my-sm-12 {
        margin-bottom: 6.5rem;
    }

    .mb-sm-13, .my-sm-13 {
        margin-bottom: 7rem;
    }

    .mb-sm-14, .my-sm-14 {
        margin-bottom: 7.5rem;
    }

    .mb-sm-15, .my-sm-15 {
        margin-bottom: 8rem;
    }

    .mb-sm-16, .my-sm-16 {
        margin-bottom: 8.5rem;
    }

    .mb-sm-17, .my-sm-17 {
        margin-bottom: 9rem;
    }

    .mb-sm-18, .my-sm-18 {
        margin-bottom: 9.5rem;
    }

    .mb-sm-19, .my-sm-19 {
        margin-bottom: 10rem;
    }

    .mb-sm-20, .my-sm-20 {
        margin-bottom: 10.5rem;
    }

    .mb-sm-21, .my-sm-21 {
        margin-bottom: 11rem;
    }

    .mb-sm-22, .my-sm-22 {
        margin-bottom: 11.5rem;
    }

    .mb-sm-23, .my-sm-23 {
        margin-bottom: 12rem;
    }

    .mb-sm-24, .my-sm-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-sm-1-6, .mx-sm-1-6 {
        margin-left: 1.6rem;
    }

    .ms-sm-1-7, .mx-sm-1-7 {
        margin-left: 1.7rem;
    }

    .ms-sm-1-8, .mx-sm-1-8 {
        margin-left: 1.8rem;
    }

    .ms-sm-1-9, .mx-sm-1-9 {
        margin-left: 1.9rem;
    }

    .ms-sm-2-0, .mx-sm-2-0 {
        margin-left: 2.0rem;
    }

    .ms-sm-2-1, .mx-sm-2-1 {
        margin-left: 2.1rem;
    }

    .ms-sm-2-2, .mx-sm-2-2 {
        margin-left: 2.2rem;
    }

    .ms-sm-2-3, .mx-sm-2-3 {
        margin-left: 2.3rem;
    }

    .ms-sm-2-4, .mx-sm-2-4 {
        margin-left: 2.4rem;
    }

    .ms-sm-2-5, .mx-sm-2-5 {
        margin-left: 2.5rem;
    }

    .ms-sm-2-6, .mx-sm-2-6 {
        margin-left: 2.6rem;
    }

    .ms-sm-2-7, .mx-sm-2-7 {
        margin-left: 2.7rem;
    }

    .ms-sm-2-8, .mx-sm-2-8 {
        margin-left: 2.8rem;
    }

    .ms-sm-2-9, .mx-sm-2-9 {
        margin-left: 2.9rem;
    }

    .ms-sm-6, .mx-sm-6 {
        margin-left: 3.5rem;
    }

    .ms-sm-7, .mx-sm-7 {
        margin-left: 4rem;
    }

    .ms-sm-8, .mx-sm-8 {
        margin-left: 4.5rem;
    }

    .ms-sm-9, .mx-sm-9 {
        margin-left: 5rem;
    }

    .ms-sm-10, .mx-sm-10 {
        margin-left: 5.5rem;
    }

    .ms-sm-11, .mx-sm-11 {
        margin-left: 6rem;
    }

    .ms-sm-12, .mx-sm-12 {
        margin-left: 6.5rem;
    }

    .ms-sm-13, .mx-sm-13 {
        margin-left: 7rem;
    }

    .ms-sm-14, .mx-sm-14 {
        margin-left: 7.5rem;
    }

    .ms-sm-15, .mx-sm-15 {
        margin-left: 8rem;
    }

    .ms-sm-16, .mx-sm-16 {
        margin-left: 8.5rem;
    }

    .ms-sm-17, .mx-sm-17 {
        margin-left: 9rem;
    }

    .ms-sm-18, .mx-sm-18 {
        margin-left: 9.5rem;
    }

    .ms-sm-19, .mx-sm-19 {
        margin-left: 10rem;
    }

    .ms-sm-20, .mx-sm-20 {
        margin-left: 10.5rem;
    }

    .ms-sm-21, .mx-sm-21 {
        margin-left: 11rem;
    }

    .ms-sm-22, .mx-sm-22 {
        margin-left: 11.5rem;
    }

    .ms-sm-23, .mx-sm-23 {
        margin-left: 12rem;
    }

    .ms-sm-24, .mx-sm-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-sm-1-6, .mx-sm-1-6 {
        margin-right: 1.6rem;
    }

    .me-sm-1-7, .mx-sm-1-7 {
        margin-right: 1.7rem;
    }

    .me-sm-1-8, .mx-sm-1-8 {
        margin-right: 1.8rem;
    }

    .me-sm-1-9, .mx-sm-1-9 {
        margin-right: 1.9rem;
    }

    .me-sm-2-0, .mx-sm-2-0 {
        margin-right: 2.0rem;
    }

    .me-sm-2-1, .mx-sm-2-1 {
        margin-right: 2.1rem;
    }

    .me-sm-2-2, .mx-sm-2-2 {
        margin-right: 2.2rem;
    }

    .me-sm-2-3, .mx-sm-2-3 {
        margin-right: 2.3rem;
    }

    .me-sm-2-4, .mx-sm-2-4 {
        margin-right: 2.4rem;
    }

    .me-sm-2-5, .mx-sm-2-5 {
        margin-right: 2.5rem;
    }

    .me-sm-2-6, .mx-sm-2-6 {
        margin-right: 2.6rem;
    }

    .me-sm-2-7, .mx-sm-2-7 {
        margin-right: 2.7rem;
    }

    .me-sm-2-8, .mx-sm-2-8 {
        margin-right: 2.8rem;
    }

    .me-sm-2-9, .mx-sm-2-9 {
        margin-right: 2.9rem;
    }

    .me-sm-6, .mx-sm-6 {
        margin-right: 3.5rem;
    }

    .me-sm-7, .mx-sm-7 {
        margin-right: 4rem;
    }

    .me-sm-8, .mx-sm-8 {
        margin-right: 4.5rem;
    }

    .me-sm-9, .mx-sm-9 {
        margin-right: 5rem;
    }

    .me-sm-10, .mx-sm-10 {
        margin-right: 5.5rem;
    }

    .me-sm-11, .mx-sm-11 {
        margin-right: 6rem;
    }

    .me-sm-12, .mx-sm-12 {
        margin-right: 6.5rem;
    }

    .me-sm-13, .mx-sm-13 {
        margin-right: 7rem;
    }

    .me-sm-14, .mx-sm-14 {
        margin-right: 7.5rem;
    }

    .me-sm-15, .mx-sm-15 {
        margin-right: 8rem;
    }

    .me-sm-16, .mx-sm-16 {
        margin-right: 8.5rem;
    }

    .me-sm-17, .mx-sm-17 {
        margin-right: 9rem;
    }

    .me-sm-18, .mx-sm-18 {
        margin-right: 9.5rem;
    }

    .me-sm-19, .mx-sm-19 {
        margin-right: 10rem;
    }

    .me-sm-20, .mx-sm-20 {
        margin-right: 10.5rem;
    }

    .me-sm-21, .mx-sm-21 {
        margin-right: 11rem;
    }

    .me-sm-22, .mx-sm-22 {
        margin-right: 11.5rem;
    }

    .me-sm-23, .mx-sm-23 {
        margin-right: 12rem;
    }

    .me-sm-24, .mx-sm-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-sm-1-6 {
        padding: 1.6rem;
    }

    .p-sm-1-7 {
        padding: 1.7rem;
    }

    .p-sm-1-8 {
        padding: 1.8rem;
    }

    .p-sm-1-9 {
        padding: 1.9rem;
    }

    .p-sm-2-0 {
        padding: 2.0rem;
    }

    .p-sm-2-1 {
        padding: 2.1rem;
    }

    .p-sm-2-2 {
        padding: 2.2rem;
    }

    .p-sm-2-3 {
        padding: 2.3rem;
    }

    .p-sm-2-4 {
        padding: 2.4rem;
    }

    .p-sm-2-5 {
        padding: 2.5rem;
    }

    .p-sm-2-6 {
        padding: 2.6rem;
    }

    .p-sm-2-7 {
        padding: 2.7rem;
    }

    .p-sm-2-8 {
        padding: 2.8rem;
    }

    .p-sm-2-9 {
        padding: 2.9rem;
    }

    .p-sm-6 {
        padding: 3.5rem;
    }

    .p-sm-7 {
        padding: 4rem;
    }

    .p-sm-8 {
        padding: 4.5rem;
    }

    .p-sm-9 {
        padding: 5rem;
    }

    .p-sm-10 {
        padding: 5.5rem;
    }

    .p-sm-11 {
        padding: 6rem;
    }

    .p-sm-12 {
        padding: 6.5rem;
    }

    .p-sm-13 {
        padding: 7rem;
    }

    .p-sm-14 {
        padding: 7.5rem;
    }

    .p-sm-15 {
        padding: 8rem;
    }

    .p-sm-16 {
        padding: 8.5rem;
    }

    .p-sm-17 {
        padding: 9rem;
    }

    .p-sm-18 {
        padding: 9.5rem;
    }

    .p-sm-19 {
        padding: 10rem;
    }

    .p-sm-20 {
        padding: 10.5rem;
    }

    .p-sm-21 {
        padding: 11rem;
    }

    .p-sm-22 {
        padding: 11.5rem;
    }

    .p-sm-23 {
        padding: 12rem;
    }

    .p-sm-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-sm-1-6, .py-sm-1-6 {
        padding-top: 1.6rem;
    }

    .pt-sm-1-7, .py-sm-1-7 {
        padding-top: 1.7rem;
    }

    .pt-sm-1-8, .py-sm-1-8 {
        padding-top: 1.8rem;
    }

    .pt-sm-1-9, .py-sm-1-9 {
        padding-top: 1.9rem;
    }

    .pt-sm-2-0, .py-sm-2-0 {
        padding-top: 2.0rem;
    }

    .pt-sm-2-1, .py-sm-2-1 {
        padding-top: 2.1rem;
    }

    .pt-sm-2-2, .py-sm-2-2 {
        padding-top: 2.2rem;
    }

    .pt-sm-2-3, .py-sm-2-3 {
        padding-top: 2.3rem;
    }

    .pt-sm-2-4, .py-sm-2-4 {
        padding-top: 2.4rem;
    }

    .pt-sm-2-5, .py-sm-2-5 {
        padding-top: 2.5rem;
    }

    .pt-sm-2-6, .py-sm-2-6 {
        padding-top: 2.6rem;
    }

    .pt-sm-2-7, .py-sm-2-7 {
        padding-top: 2.7rem;
    }

    .pt-sm-2-8, .py-sm-2-8 {
        padding-top: 2.8rem;
    }

    .pt-sm-2-9, .py-sm-2-9 {
        padding-top: 2.9rem;
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 3.5rem;
    }

    .pt-sm-7, .py-sm-7 {
        padding-top: 4rem;
    }

    .pt-sm-8, .py-sm-8 {
        padding-top: 4.5rem;
    }

    .pt-sm-9, .py-sm-9 {
        padding-top: 5rem;
    }

    .pt-sm-10, .py-sm-10 {
        padding-top: 5.5rem;
    }

    .pt-sm-11, .py-sm-11 {
        padding-top: 6rem;
    }

    .pt-sm-12, .py-sm-12 {
        padding-top: 6.5rem;
    }

    .pt-sm-13, .py-sm-13 {
        padding-top: 7rem;
    }

    .pt-sm-14, .py-sm-14 {
        padding-top: 7.5rem;
    }

    .pt-sm-15, .py-sm-15 {
        padding-top: 8rem;
    }

    .pt-sm-16, .py-sm-16 {
        padding-top: 8.5rem;
    }

    .pt-sm-17, .py-sm-17 {
        padding-top: 9rem;
    }

    .pt-sm-18, .py-sm-18 {
        padding-top: 9.5rem;
    }

    .pt-sm-19, .py-sm-19 {
        padding-top: 10rem;
    }

    .pt-sm-20, .py-sm-20 {
        padding-top: 10.5rem;
    }

    .pt-sm-21, .py-sm-21 {
        padding-top: 11rem;
    }

    .pt-sm-22, .py-sm-22 {
        padding-top: 11.5rem;
    }

    .pt-sm-23, .py-sm-23 {
        padding-top: 12rem;
    }

    .pt-sm-24, .py-sm-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-sm-1-6, .py-sm-1-6 {
        padding-bottom: 1.6rem;
    }

    .pb-sm-1-7, .py-sm-1-7 {
        padding-bottom: 1.7rem;
    }

    .pb-sm-1-8, .py-sm-1-8 {
        padding-bottom: 1.8rem;
    }

    .pb-sm-1-9, .py-sm-1-9 {
        padding-bottom: 1.9rem;
    }

    .pb-sm-2-0, .py-sm-2-0 {
        padding-bottom: 2.0rem;
    }

    .pb-sm-2-1, .py-sm-2-1 {
        padding-bottom: 2.1rem;
    }

    .pb-sm-2-2, .py-sm-2-2 {
        padding-bottom: 2.2rem;
    }

    .pb-sm-2-3, .py-sm-2-3 {
        padding-bottom: 2.3rem;
    }

    .pb-sm-2-4, .py-sm-2-4 {
        padding-bottom: 2.4rem;
    }

    .pb-sm-2-5, .py-sm-2-5 {
        padding-bottom: 2.5rem;
    }

    .pb-sm-2-6, .py-sm-2-6 {
        padding-bottom: 2.6rem;
    }

    .pb-sm-2-7, .py-sm-2-7 {
        padding-bottom: 2.7rem;
    }

    .pb-sm-2-8, .py-sm-2-8 {
        padding-bottom: 2.8rem;
    }

    .pb-sm-2-9, .py-sm-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 3.5rem;
    }

    .pb-sm-7, .py-sm-7 {
        padding-bottom: 4rem;
    }

    .pb-sm-8, .py-sm-8 {
        padding-bottom: 4.5rem;
    }

    .pb-sm-9, .py-sm-9 {
        padding-bottom: 5rem;
    }

    .pb-sm-10, .py-sm-10 {
        padding-bottom: 5.5rem;
    }

    .pb-sm-11, .py-sm-11 {
        padding-bottom: 6rem;
    }

    .pb-sm-12, .py-sm-12 {
        padding-bottom: 6.5rem;
    }

    .pb-sm-13, .py-sm-13 {
        padding-bottom: 7rem;
    }

    .pb-sm-14, .py-sm-14 {
        padding-bottom: 7.5rem;
    }

    .pb-sm-15, .py-sm-15 {
        padding-bottom: 8rem;
    }

    .pb-sm-16, .py-sm-16 {
        padding-bottom: 8.5rem;
    }

    .pb-sm-17, .py-sm-17 {
        padding-bottom: 9rem;
    }

    .pb-sm-18, .py-sm-18 {
        padding-bottom: 9.5rem;
    }

    .pb-sm-19, .py-sm-19 {
        padding-bottom: 10rem;
    }

    .pb-sm-20, .py-sm-20 {
        padding-bottom: 10.5rem;
    }

    .pb-sm-21, .py-sm-21 {
        padding-bottom: 11rem;
    }

    .pb-sm-22, .py-sm-22 {
        padding-bottom: 11.5rem;
    }

    .pb-sm-23, .py-sm-23 {
        padding-bottom: 12rem;
    }

    .pb-sm-24, .py-sm-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-sm-1-6, .px-sm-1-6 {
        padding-left: 1.6rem;
    }

    .ps-sm-1-7, .px-sm-1-7 {
        padding-left: 1.7rem;
    }

    .ps-sm-1-8, .px-sm-1-8 {
        padding-left: 1.8rem;
    }

    .ps-sm-1-9, .px-sm-1-9 {
        padding-left: 1.9rem;
    }

    .ps-sm-2-0, .px-sm-2-0 {
        padding-left: 2.0rem;
    }

    .ps-sm-2-1, .px-sm-2-1 {
        padding-left: 2.1rem;
    }

    .ps-sm-2-2, .px-sm-2-2 {
        padding-left: 2.2rem;
    }

    .ps-sm-2-3, .px-sm-2-3 {
        padding-left: 2.3rem;
    }

    .ps-sm-2-4, .px-sm-2-4 {
        padding-left: 2.4rem;
    }

    .ps-sm-2-5, .px-sm-2-5 {
        padding-left: 2.5rem;
    }

    .ps-sm-2-6, .px-sm-2-6 {
        padding-left: 2.6rem;
    }

    .ps-sm-2-7, .px-sm-2-7 {
        padding-left: 2.7rem;
    }

    .ps-sm-2-8, .px-sm-2-8 {
        padding-left: 2.8rem;
    }

    .ps-sm-2-9, .px-sm-2-9 {
        padding-left: 2.9rem;
    }

    .ps-sm-6, .px-sm-6 {
        padding-left: 3.5rem;
    }

    .ps-sm-7, .px-sm-7 {
        padding-left: 4rem;
    }

    .ps-sm-8, .px-sm-8 {
        padding-left: 4.5rem;
    }

    .ps-sm-9, .px-sm-9 {
        padding-left: 5rem;
    }

    .ps-sm-10, .px-sm-10 {
        padding-left: 5.5rem;
    }

    .ps-sm-11, .px-sm-11 {
        padding-left: 6rem;
    }

    .ps-sm-12, .px-sm-12 {
        padding-left: 6.5rem;
    }

    .ps-sm-13, .px-sm-13 {
        padding-left: 7rem;
    }

    .ps-sm-14, .px-sm-14 {
        padding-left: 7.5rem;
    }

    .ps-sm-15, .px-sm-15 {
        padding-left: 8rem;
    }

    .ps-sm-16, .px-sm-16 {
        padding-left: 8.5rem;
    }

    .ps-sm-17, .px-sm-17 {
        padding-left: 9rem;
    }

    .ps-sm-18, .px-sm-18 {
        padding-left: 9.5rem;
    }

    .ps-sm-19, .px-sm-19 {
        padding-left: 10rem;
    }

    .ps-sm-20, .px-sm-20 {
        padding-left: 10.5rem;
    }

    .ps-sm-21, .px-sm-21 {
        padding-left: 11rem;
    }

    .ps-sm-22, .px-sm-22 {
        padding-left: 11.5rem;
    }

    .ps-sm-23, .px-sm-23 {
        padding-left: 12rem;
    }

    .ps-sm-24, .px-sm-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-sm-1-6, .px-sm-1-6 {
        padding-right: 1.6rem;
    }

    .pe-sm-1-7, .px-sm-1-7 {
        padding-right: 1.7rem;
    }

    .pe-sm-1-8, .px-sm-1-8 {
        padding-right: 1.8rem;
    }

    .pe-sm-1-9, .px-sm-1-9 {
        padding-right: 1.9rem;
    }

    .pe-sm-2-0, .px-sm-2-0 {
        padding-right: 2.0rem;
    }

    .pe-sm-2-1, .px-sm-2-1 {
        padding-right: 2.1rem;
    }

    .pe-sm-2-2, .px-sm-2-2 {
        padding-right: 2.2rem;
    }

    .pe-sm-2-3, .px-sm-2-3 {
        padding-right: 2.3rem;
    }

    .pe-sm-2-4, .px-sm-2-4 {
        padding-right: 2.4rem;
    }

    .pe-sm-2-5, .px-sm-2-5 {
        padding-right: 2.5rem;
    }

    .pe-sm-2-6, .px-sm-2-6 {
        padding-right: 2.6rem;
    }

    .pe-sm-2-7, .px-sm-2-7 {
        padding-right: 2.7rem;
    }

    .pe-sm-2-8, .px-sm-2-8 {
        padding-right: 2.8rem;
    }

    .pe-sm-2-9, .px-sm-2-9 {
        padding-right: 2.9rem;
    }

    .pe-sm-6, .px-sm-6 {
        padding-right: 3.5rem;
    }

    .pe-sm-7, .px-sm-7 {
        padding-right: 4rem;
    }

    .pe-sm-8, .px-sm-8 {
        padding-right: 4.5rem;
    }

    .pe-sm-9, .px-sm-9 {
        padding-right: 5rem;
    }

    .pe-sm-10, .px-sm-10 {
        padding-right: 5.5rem;
    }

    .pe-sm-11, .px-sm-11 {
        padding-right: 6rem;
    }

    .pe-sm-12, .px-sm-12 {
        padding-right: 6.5rem;
    }

    .pe-sm-13, .px-sm-13 {
        padding-right: 7rem;
    }

    .pe-sm-14, .px-sm-14 {
        padding-right: 7.5rem;
    }

    .pe-sm-15, .px-sm-15 {
        padding-right: 8rem;
    }

    .pe-sm-16, .px-sm-16 {
        padding-right: 8.5rem;
    }

    .pe-sm-17, .px-sm-17 {
        padding-right: 9rem;
    }

    .pe-sm-18, .px-sm-18 {
        padding-right: 9.5rem;
    }

    .pe-sm-19, .px-sm-19 {
        padding-right: 10rem;
    }

    .pe-sm-20, .px-sm-20 {
        padding-right: 10.5rem;
    }

    .pe-sm-21, .px-sm-21 {
        padding-right: 11rem;
    }

    .pe-sm-22, .px-sm-22 {
        padding-right: 11.5rem;
    }

    .pe-sm-23, .px-sm-23 {
        padding-right: 12rem;
    }

    .pe-sm-24, .px-sm-24 {
        padding-right: 12.5rem;
    }
}

@media screen and (min-width: 768px) {

    /* width */
    .w-md-1px {
        width: 1px;
    }

    .w-md-2px {
        width: 2px;
    }

    .w-md-3px {
        width: 3px;
    }

    .w-md-4px {
        width: 4px;
    }

    .w-md-5px {
        width: 5px;
    }

    .w-md-6px {
        width: 6px;
    }

    .w-md-7px {
        width: 7px;
    }

    .w-md-8px {
        width: 8px;
    }

    .w-md-9px {
        width: 9px;
    }

    .w-md-10px {
        width: 10px;
    }

    .w-md-15px {
        width: 15px;
    }

    .w-md-20px {
        width: 20px;
    }

    .w-md-25px {
        width: 25px;
    }

    .w-md-30px {
        width: 30px;
    }

    .w-md-35px {
        width: 35px;
    }

    .w-md-40px {
        width: 40px;
    }

    .w-md-50px {
        width: 50px;
    }

    .w-md-55px {
        width: 55px;
    }

    .w-md-60px {
        width: 60px;
    }

    .w-md-65px {
        width: 65px;
    }

    .w-md-70px {
        width: 70px;
    }

    .w-md-75px {
        width: 75px;
    }

    .w-md-80px {
        width: 80px;
    }

    .w-md-85px {
        width: 85px;
    }

    .w-md-90px {
        width: 90px;
    }

    .w-md-100px {
        width: 100px;
    }

    .w-md-1 {
        width: 1%;
    }

    .w-md-2 {
        width: 2%;
    }

    .w-md-3 {
        width: 3%;
    }

    .w-md-4 {
        width: 4%;
    }

    .w-md-5 {
        width: 5%;
    }

    .w-md-6 {
        width: 6%;
    }

    .w-md-7 {
        width: 7%;
    }

    .w-md-8 {
        width: 8%;
    }

    .w-md-9 {
        width: 9%;
    }

    .w-md-10 {
        width: 10%;
    }

    .w-md-11 {
        width: 10%;
    }

    .w-md-12 {
        width: 12%;
    }

    .w-md-13 {
        width: 13%;
    }

    .w-md-14 {
        width: 14%;
    }

    .w-md-15 {
        width: 15%;
    }

    .w-md-20 {
        width: 20%;
    }

    .w-md-25 {
        width: 25%;
    }

    .w-md-30 {
        width: 30%;
    }

    .w-md-35 {
        width: 35%;
    }

    .w-md-40 {
        width: 40%;
    }

    .w-md-45 {
        width: 45%;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-55 {
        width: 55%;
    }

    .w-md-60 {
        width: 60%;
    }

    .w-md-65 {
        width: 65%;
    }

    .w-md-70 {
        width: 70%;
    }

    .w-md-75 {
        width: 75%;
    }

    .w-md-80 {
        width: 80%;
    }

    .w-md-85 {
        width: 85%;
    }

    .w-md-90 {
        width: 90%;
    }

    .w-md-95 {
        width: 95%;
    }

    .w-md-100 {
        width: 100%;
    }

    .w-md-auto {
        width: auto;
    }

    /* font size */
    .display-md-1 {
        font-size: 6rem;
    }

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

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

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

    .display-md-5 {
        font-size: 3.4rem;
    }

    .display-md-6 {
        font-size: 3.3rem;
    }

    .display-md-7 {
        font-size: 3.2rem;
    }

    .display-md-8 {
        font-size: 3.1rem;
    }

    .display-md-9 {
        font-size: 3.0rem;
    }

    .display-md-10 {
        font-size: 2.9rem;
    }

    .display-md-11 {
        font-size: 2.8rem;
    }

    .display-md-12 {
        font-size: 2.7rem;
    }

    .display-md-13 {
        font-size: 2.6rem;
    }

    .display-md-14 {
        font-size: 2.5rem;
    }

    .display-md-15 {
        font-size: 2.4rem;
    }

    .display-md-16 {
        font-size: 2.3rem;
    }

    .display-md-17 {
        font-size: 2.2rem;
    }

    .display-md-18 {
        font-size: 2.1rem;
    }

    .display-md-19 {
        font-size: 2.0rem;
    }

    .display-md-20 {
        font-size: 1.9rem;
    }

    .display-md-21 {
        font-size: 1.8rem;
    }

    .display-md-22 {
        font-size: 1.7rem;
    }

    .display-md-23 {
        font-size: 1.6rem;
    }

    .display-md-24 {
        font-size: 1.5rem;
    }

    .display-md-25 {
        font-size: 1.4rem;
    }

    .display-md-26 {
        font-size: 1.3rem;
    }

    .display-md-27 {
        font-size: 1.2rem;
    }

    .display-md-28 {
        font-size: 1.1rem;
    }

    .display-md-29 {
        font-size: 1.0rem;
    }

    .display-md-30 {
        font-size: 0.9rem;
    }

    .display-md-31 {
        font-size: 0.8rem;
    }

    .display-md-32 {
        font-size: 0.7rem;
    }

    .display-md-33 {
        font-size: 0.6rem;
    }

    .display-md-34 {
        font-size: 0.5rem;
    }

    /* border */
    .border-md-0 {
        border: none;
    }

    .border-md {
        border: 1px solid #dee2e6;
    }

    .border-md-top {
        border-top: 1px solid #dee2e6;
    }

    .border-md-end {
        border-right: 1px solid #dee2e6;
    }

    .border-md-bottom {
        border-bottom: 1px solid #dee2e6;
    }

    .border-md-start {
        border-left: 1px solid #dee2e6;
    }

    .border-md-top-0 {
        border-top: none;
    }

    .border-md-end-0 {
        border-right: none;
    }

    .border-md-bottom-0 {
        border-bottom: none;
    }

    .border-md-start-0 {
        border-left: none;
    }

    .border-md-color-light-white {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    /* rounded */
    .rounded-md {
        border-radius: .25rem;
    }

    /* position */
    .top-md-5 {
        top: 5%;
        bottom: inherit;
    }

    .top-md-10 {
        top: 10%;
        bottom: inherit;
    }

    .top-md-15 {
        top: 15%;
        bottom: inherit;
    }

    .top-md-20 {
        top: 20%;
        bottom: inherit;
    }

    .top-md-25 {
        top: 25%;
        bottom: inherit;
    }

    .top-md-30 {
        top: 30%;
        bottom: inherit;
    }

    .top-md-35 {
        top: 35%;
        bottom: inherit;
    }

    .top-md-40 {
        top: 40%;
        bottom: inherit;
    }

    .top-md-45 {
        top: 45%;
        bottom: inherit;
    }

    .top-md-50 {
        top: 50%;
        bottom: inherit;
    }

    .top-md-55 {
        top: 55%;
        bottom: inherit;
    }

    .top-md-60 {
        top: 60%;
        bottom: inherit;
    }

    .top-md-65 {
        top: 65%;
        bottom: inherit;
    }

    .top-md-70 {
        top: 70%;
        bottom: inherit;
    }

    .top-md-75 {
        top: 75%;
        bottom: inherit;
    }

    .top-md-80 {
        top: 80%;
        bottom: inherit;
    }

    .top-md-85 {
        top: 85%;
        bottom: inherit;
    }

    .top-md-90 {
        top: 90%;
        bottom: inherit;
    }

    .top-md-95 {
        top: 95%;
        bottom: inherit;
    }

    .top-md-100 {
        top: 100%;
        bottom: inherit;
    }

    .top-md-n5 {
        top: -5%;
        bottom: inherit;
    }

    .top-md-n10 {
        top: -10%;
        bottom: inherit;
    }

    .top-md-n15 {
        top: -15%;
        bottom: inherit;
    }

    .top-md-n20 {
        top: -20%;
        bottom: inherit;
    }

    .top-md-n25 {
        top: -25%;
        bottom: inherit;
    }

    .top-md-n30 {
        top: -30%;
        bottom: inherit;
    }

    .top-md-n35 {
        top: -35%;
        bottom: inherit;
    }

    .top-md-n40 {
        top: -40%;
        bottom: inherit;
    }

    .top-md-n45 {
        top: -45%;
        bottom: inherit;
    }

    .top-md-n50 {
        top: -50%;
        bottom: inherit;
    }

    .top-md-n55 {
        top: -55%;
        bottom: inherit;
    }

    .top-md-n60 {
        top: -60%;
        bottom: inherit;
    }

    .top-md-n65 {
        top: -65%;
        bottom: inherit;
    }

    .top-md-n70 {
        top: -70%;
        bottom: inherit;
    }

    .top-md-n75 {
        top: -75%;
        bottom: inherit;
    }

    .top-md-n80 {
        top: -80%;
        bottom: inherit;
    }

    .top-md-n85 {
        top: -85%;
        bottom: inherit;
    }

    .top-md-n90 {
        top: -90%;
        bottom: inherit;
    }

    .top-md-n95 {
        top: -95%;
        bottom: inherit;
    }

    .top-md-n100 {
        top: -100%;
        bottom: inherit;
    }

    .bottom-md-5 {
        bottom: 5%;
        top: inherit;
    }

    .bottom-md-10 {
        bottom: 10%;
        top: inherit;
    }

    .bottom-md-15 {
        bottom: 15%;
        top: inherit;
    }

    .bottom-md-20 {
        bottom: 20%;
        top: inherit;
    }

    .bottom-md-25 {
        bottom: 25%;
        top: inherit;
    }

    .bottom-md-30 {
        bottom: 30%;
        top: inherit;
    }

    .bottom-md-35 {
        bottom: 35%;
        top: inherit;
    }

    .bottom-md-40 {
        bottom: 40%;
        top: inherit;
    }

    .bottom-md-45 {
        bottom: 45%;
        top: inherit;
    }

    .bottom-md-50 {
        bottom: 50%;
        top: inherit;
    }

    .bottom-md-55 {
        bottom: 55%;
        top: inherit;
    }

    .bottom-md-60 {
        bottom: 60%;
        top: inherit;
    }

    .bottom-md-65 {
        bottom: 65%;
        top: inherit;
    }

    .bottom-md-70 {
        bottom: 70%;
        top: inherit;
    }

    .bottom-md-75 {
        bottom: 75%;
        top: inherit;
    }

    .bottom-md-80 {
        bottom: 80%;
        top: inherit;
    }

    .bottom-md-85 {
        bottom: 85%;
        top: inherit;
    }

    .bottom-md-90 {
        bottom: 90%;
        top: inherit;
    }

    .bottom-md-95 {
        bottom: 95%;
        top: inherit;
    }

    .bottom-md-100 {
        bottom: 100%;
        top: inherit;
    }

    .bottom-md-n5 {
        bottom: -5%;
        top: inherit;
    }

    .bottom-md-n10 {
        bottom: -10%;
        top: inherit;
    }

    .bottom-md-n15 {
        bottom: -15%;
        top: inherit;
    }

    .bottom-md-n20 {
        bottom: -20%;
        top: inherit;
    }

    .bottom-md-n25 {
        bottom: -25%;
        top: inherit;
    }

    .bottom-md-n30 {
        bottom: -30%;
        top: inherit;
    }

    .bottom-md-n35 {
        bottom: -35%;
        top: inherit;
    }

    .bottom-md-n40 {
        bottom: -40%;
        top: inherit;
    }

    .bottom-md-n45 {
        bottom: -45%;
        top: inherit;
    }

    .bottom-md-n50 {
        bottom: -50%;
        top: inherit;
    }

    .bottom-md-n55 {
        bottom: -55%;
        top: inherit;
    }

    .bottom-md-n60 {
        bottom: -60%;
        top: inherit;
    }

    .bottom-md-n65 {
        bottom: -65%;
        top: inherit;
    }

    .bottom-md-n70 {
        bottom: -70%;
        top: inherit;
    }

    .bottom-md-n75 {
        bottom: -75%;
        top: inherit;
    }

    .bottom-md-n80 {
        bottom: -80%;
        top: inherit;
    }

    .bottom-md-n85 {
        bottom: -85%;
        top: inherit;
    }

    .bottom-md-n90 {
        bottom: -90%;
        top: inherit;
    }

    .bottom-md-n95 {
        bottom: -95%;
        top: inherit;
    }

    .bottom-md-n100 {
        bottom: -100%;
        top: inherit;
    }

    .left-md-5 {
        left: 5%;
        right: inherit;
    }

    .left-md-10 {
        left: 10%;
        right: inherit;
    }

    .left-md-15 {
        left: 15%;
        right: inherit;
    }

    .left-md-20 {
        left: 20%;
        right: inherit;
    }

    .left-md-25 {
        left: 25%;
        right: inherit;
    }

    .left-md-30 {
        left: 30%;
        right: inherit;
    }

    .left-md-35 {
        left: 35%;
        right: inherit;
    }

    .left-md-40 {
        left: 40%;
        right: inherit;
    }

    .left-md-45 {
        left: 45%;
        right: inherit;
    }

    .left-md-50 {
        left: 50%;
        right: inherit;
    }

    .left-md-55 {
        left: 55%;
        right: inherit;
    }

    .left-md-60 {
        left: 60%;
        right: inherit;
    }

    .left-md-65 {
        left: 65%;
        right: inherit;
    }

    .left-md-70 {
        left: 70%;
        right: inherit;
    }

    .left-md-75 {
        left: 75%;
        right: inherit;
    }

    .left-md-80 {
        left: 80%;
        right: inherit;
    }

    .left-md-85 {
        left: 85%;
        right: inherit;
    }

    .left-md-90 {
        left: 90%;
        right: inherit;
    }

    .left-md-95 {
        left: 95%;
        right: inherit;
    }

    .left-md-100 {
        left: 100%;
        right: inherit;
    }

    .left-md-n5 {
        left: -5%;
        right: inherit;
    }

    .left-md-n10 {
        left: -10%;
        right: inherit;
    }

    .left-md-n15 {
        left: -15%;
        right: inherit;
    }

    .left-md-n20 {
        left: -20%;
        right: inherit;
    }

    .left-md-n25 {
        left: -25%;
        right: inherit;
    }

    .left-md-n30 {
        left: -30%;
        right: inherit;
    }

    .left-md-n35 {
        left: -35%;
        right: inherit;
    }

    .left-md-n40 {
        left: -40%;
        right: inherit;
    }

    .left-md-n45 {
        left: -45%;
        right: inherit;
    }

    .left-md-n50 {
        left: -50%;
        right: inherit;
    }

    .left-md-n55 {
        left: -55%;
        right: inherit;
    }

    .left-md-n60 {
        left: -60%;
        right: inherit;
    }

    .left-md-n65 {
        left: -65%;
        right: inherit;
    }

    .left-md-n70 {
        left: -70%;
        right: inherit;
    }

    .left-md-n75 {
        left: -75%;
        right: inherit;
    }

    .left-md-n80 {
        left: -80%;
        right: inherit;
    }

    .left-md-n85 {
        left: -85%;
        right: inherit;
    }

    .left-md-n90 {
        left: -90%;
        right: inherit;
    }

    .left-md-n95 {
        left: -95%;
        right: inherit;
    }

    .left-md-n100 {
        left: -100%;
        right: inherit;
    }

    .right-md-5 {
        right: 5%;
        left: inherit;
    }

    .right-md-10 {
        right: 10%;
        left: inherit;
    }

    .right-md-15 {
        right: 15%;
        left: inherit;
    }

    .right-md-20 {
        right: 20%;
        left: inherit;
    }

    .right-md-25 {
        right: 25%;
        left: inherit;
    }

    .right-md-30 {
        right: 30%;
        left: inherit;
    }

    .right-md-35 {
        right: 35%;
        left: inherit;
    }

    .right-md-40 {
        right: 40%;
        left: inherit;
    }

    .right-md-45 {
        right: 45%;
        left: inherit;
    }

    .right-md-50 {
        right: 50%;
        left: inherit;
    }

    .right-md-55 {
        right: 55%;
        left: inherit;
    }

    .right-md-60 {
        right: 60%;
        left: inherit;
    }

    .right-md-65 {
        right: 65%;
        left: inherit;
    }

    .right-md-70 {
        right: 70%;
        left: inherit;
    }

    .right-md-75 {
        right: 75%;
        left: inherit;
    }

    .right-md-80 {
        right: 80%;
        left: inherit;
    }

    .right-md-85 {
        right: 85%;
        left: inherit;
    }

    .right-md-90 {
        right: 90%;
        left: inherit;
    }

    .right-md-95 {
        right: 95%;
        left: inherit;
    }

    .right-md-100 {
        right: 100%;
        left: inherit;
    }

    .right-md-n5 {
        right: -5%;
        left: inherit;
    }

    .right-md-n10 {
        right: -10%;
        left: inherit;
    }

    .right-md-n15 {
        right: -15%;
        left: inherit;
    }

    .right-md-n20 {
        right: -20%;
        left: inherit;
    }

    .right-md-n25 {
        right: -25%;
        left: inherit;
    }

    .right-md-n30 {
        right: -30%;
        left: inherit;
    }

    .right-md-n35 {
        right: -35%;
        left: inherit;
    }

    .right-md-n40 {
        right: -40%;
        left: inherit;
    }

    .right-md-n45 {
        right: -45%;
        left: inherit;
    }

    .right-md-n50 {
        right: -50%;
        left: inherit;
    }

    .right-md-n55 {
        right: -55%;
        left: inherit;
    }

    .right-md-n60 {
        right: -60%;
        left: inherit;
    }

    .right-md-n65 {
        right: -65%;
        left: inherit;
    }

    .right-md-n70 {
        right: -70%;
        left: inherit;
    }

    .right-md-n75 {
        right: -75%;
        left: inherit;
    }

    .right-md-n80 {
        right: -80%;
        left: inherit;
    }

    .right-md-n85 {
        right: -85%;
        left: inherit;
    }

    .right-md-n90 {
        right: -90%;
        left: inherit;
    }

    .right-md-n95 {
        right: -95%;
        left: inherit;
    }

    .right-md-n100 {
        right: -100%;
        left: inherit;
    }

    /* margin */

    /* margin all */
    .m-md-1-6 {
        margin: 1.6rem;
    }

    .m-md-1-7 {
        margin: 1.7rem;
    }

    .m-md-1-8 {
        margin: 1.8rem;
    }

    .m-md-1-9 {
        margin: 1.9rem;
    }

    .m-md-2-0 {
        margin: 2.0rem;
    }

    .m-md-2-1 {
        margin: 2.1rem;
    }

    .m-md-2-2 {
        margin: 2.2rem;
    }

    .m-md-2-3 {
        margin: 2.3rem;
    }

    .m-md-2-4 {
        margin: 2.4rem;
    }

    .m-md-2-5 {
        margin: 2.5rem;
    }

    .m-md-2-6 {
        margin: 2.6rem;
    }

    .m-md-2-7 {
        margin: 2.7rem;
    }

    .m-md-2-8 {
        margin: 2.8rem;
    }

    .m-md-2-9 {
        margin: 2.9rem;
    }

    .m-md-6 {
        margin: 3.5rem;
    }

    .m-md-7 {
        margin: 4rem;
    }

    .m-md-8 {
        margin: 4.5rem;
    }

    .m-md-9 {
        margin: 5rem;
    }

    .m-md-10 {
        margin: 5.5rem;
    }

    .m-md-11 {
        margin: 6rem;
    }

    .m-md-12 {
        margin: 6.5rem;
    }

    .m-md-13 {
        margin: 7rem;
    }

    .m-md-14 {
        margin: 7.5rem;
    }

    .m-md-15 {
        margin: 8rem;
    }

    .m-md-16 {
        margin: 8.5rem;
    }

    .m-md-17 {
        margin: 9rem;
    }

    .m-md-18 {
        margin: 9.5rem;
    }

    .m-md-19 {
        margin: 10rem;
    }

    .m-md-20 {
        margin: 10.5rem;
    }

    .m-md-21 {
        margin: 11rem;
    }

    .m-md-22 {
        margin: 11.5rem;
    }

    .m-md-23 {
        margin: 12rem;
    }

    .m-md-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-md-1-6, .my-md-1-6 {
        margin-top: 1.6rem;
    }

    .mt-md-1-7, .my-md-1-7 {
        margin-top: 1.7rem;
    }

    .mt-md-1-8, .my-md-1-8 {
        margin-top: 1.8rem;
    }

    .mt-md-1-9, .my-md-1-9 {
        margin-top: 1.9rem;
    }

    .mt-md-2-0, .my-md-2-0 {
        margin-top: 2.0rem;
    }

    .mt-md-2-1, .my-md-2-1 {
        margin-top: 2.1rem;
    }

    .mt-md-2-2, .my-md-2-2 {
        margin-top: 2.2rem;
    }

    .mt-md-2-3, .my-md-2-3 {
        margin-top: 2.3rem;
    }

    .mt-md-2-4, .my-md-2-4 {
        margin-top: 2.4rem;
    }

    .mt-md-2-5, .my-md-2-5 {
        margin-top: 2.5rem;
    }

    .mt-md-2-6, .my-md-2-6 {
        margin-top: 2.6rem;
    }

    .mt-md-2-7, .my-md-2-7 {
        margin-top: 2.7rem;
    }

    .mt-md-2-8, .my-md-2-8 {
        margin-top: 2.8rem;
    }

    .mt-md-2-9, .my-md-2-9 {
        margin-top: 2.9rem;
    }

    .mt-md-6, .my-md-6 {
        margin-top: 3.5rem;
    }

    .mt-md-7, .my-md-7 {
        margin-top: 4rem;
    }

    .mt-md-8, .my-md-8 {
        margin-top: 4.5rem;
    }

    .mt-md-9, .my-md-9 {
        margin-top: 5rem;
    }

    .mt-md-10, .my-md-10 {
        margin-top: 5.5rem;
    }

    .mt-md-11, .my-md-11 {
        margin-top: 6rem;
    }

    .mt-md-12, .my-md-12 {
        margin-top: 6.5rem;
    }

    .mt-md-13, .my-md-13 {
        margin-top: 7rem;
    }

    .mt-md-14, .my-md-14 {
        margin-top: 7.5rem;
    }

    .mt-md-15, .my-md-15 {
        margin-top: 8rem;
    }

    .mt-md-16, .my-md-16 {
        margin-top: 8.5rem;
    }

    .mt-md-17, .my-md-17 {
        margin-top: 9rem;
    }

    .mt-md-18, .my-md-18 {
        margin-top: 9.5rem;
    }

    .mt-md-19, .my-md-19 {
        margin-top: 10rem;
    }

    .mt-md-20, .my-md-20 {
        margin-top: 10.5rem;
    }

    .mt-md-21, .my-md-21 {
        margin-top: 11rem;
    }

    .mt-md-22, .my-md-22 {
        margin-top: 11.5rem;
    }

    .mt-md-23, .my-md-23 {
        margin-top: 12rem;
    }

    .mt-md-24, .my-md-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-md-1-6, .my-md-1-6 {
        margin-bottom: 1.6rem;
    }

    .mb-md-1-7, .my-md-1-7 {
        margin-bottom: 1.7rem;
    }

    .mb-md-1-8, .my-md-1-8 {
        margin-bottom: 1.8rem;
    }

    .mb-md-1-9, .my-md-1-9 {
        margin-bottom: 1.9rem;
    }

    .mb-md-2-0, .my-md-2-0 {
        margin-bottom: 2.0rem;
    }

    .mb-md-2-1, .my-md-2-1 {
        margin-bottom: 2.1rem;
    }

    .mb-md-2-2, .my-md-2-2 {
        margin-bottom: 2.2rem;
    }

    .mb-md-2-3, .my-md-2-3 {
        margin-bottom: 2.3rem;
    }

    .mb-md-2-4, .my-md-2-4 {
        margin-bottom: 2.4rem;
    }

    .mb-md-2-5, .my-md-2-5 {
        margin-bottom: 2.5rem;
    }

    .mb-md-2-6, .my-md-2-6 {
        margin-bottom: 2.6rem;
    }

    .mb-md-2-7, .my-md-2-7 {
        margin-bottom: 2.7rem;
    }

    .mb-md-2-8, .my-md-2-8 {
        margin-bottom: 2.8rem;
    }

    .mb-md-2-9, .my-md-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 3.5rem;
    }

    .mb-md-7, .my-md-7 {
        margin-bottom: 4rem;
    }

    .mb-md-8, .my-md-8 {
        margin-bottom: 4.5rem;
    }

    .mb-md-9, .my-md-9 {
        margin-bottom: 5rem;
    }

    .mb-md-10, .my-md-10 {
        margin-bottom: 5.5rem;
    }

    .mb-md-11, .my-md-11 {
        margin-bottom: 6rem;
    }

    .mb-md-12, .my-md-12 {
        margin-bottom: 6.5rem;
    }

    .mb-md-13, .my-md-13 {
        margin-bottom: 7rem;
    }

    .mb-md-14, .my-md-14 {
        margin-bottom: 7.5rem;
    }

    .mb-md-15, .my-md-15 {
        margin-bottom: 8rem;
    }

    .mb-md-16, .my-md-16 {
        margin-bottom: 8.5rem;
    }

    .mb-md-17, .my-md-17 {
        margin-bottom: 9rem;
    }

    .mb-md-18, .my-md-18 {
        margin-bottom: 9.5rem;
    }

    .mb-md-19, .my-md-19 {
        margin-bottom: 10rem;
    }

    .mb-md-20, .my-md-20 {
        margin-bottom: 10.5rem;
    }

    .mb-md-21, .my-md-21 {
        margin-bottom: 11rem;
    }

    .mb-md-22, .my-md-22 {
        margin-bottom: 11.5rem;
    }

    .mb-md-23, .my-md-23 {
        margin-bottom: 12rem;
    }

    .mb-md-24, .my-md-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-md-1-6, .mx-md-1-6 {
        margin-left: 1.6rem;
    }

    .ms-md-1-7, .mx-md-1-7 {
        margin-left: 1.7rem;
    }

    .ms-md-1-8, .mx-md-1-8 {
        margin-left: 1.8rem;
    }

    .ms-md-1-9, .mx-md-1-9 {
        margin-left: 1.9rem;
    }

    .ms-md-2-0, .mx-md-2-0 {
        margin-left: 2.0rem;
    }

    .ms-md-2-1, .mx-md-2-1 {
        margin-left: 2.1rem;
    }

    .ms-md-2-2, .mx-md-2-2 {
        margin-left: 2.2rem;
    }

    .ms-md-2-3, .mx-md-2-3 {
        margin-left: 2.3rem;
    }

    .ms-md-2-4, .mx-md-2-4 {
        margin-left: 2.4rem;
    }

    .ms-md-2-5, .mx-md-2-5 {
        margin-left: 2.5rem;
    }

    .ms-md-2-6, .mx-md-2-6 {
        margin-left: 2.6rem;
    }

    .ms-md-2-7, .mx-md-2-7 {
        margin-left: 2.7rem;
    }

    .ms-md-2-8, .mx-md-2-8 {
        margin-left: 2.8rem;
    }

    .ms-md-2-9, .mx-md-2-9 {
        margin-left: 2.9rem;
    }

    .ms-md-6, .mx-md-6 {
        margin-left: 3.5rem;
    }

    .ms-md-7, .mx-md-7 {
        margin-left: 4rem;
    }

    .ms-md-8, .mx-md-8 {
        margin-left: 4.5rem;
    }

    .ms-md-9, .mx-md-9 {
        margin-left: 5rem;
    }

    .ms-md-10, .mx-md-10 {
        margin-left: 5.5rem;
    }

    .ms-md-11, .mx-md-11 {
        margin-left: 6rem;
    }

    .ms-md-12, .mx-md-12 {
        margin-left: 6.5rem;
    }

    .ms-md-13, .mx-md-13 {
        margin-left: 7rem;
    }

    .ms-md-14, .mx-md-14 {
        margin-left: 7.5rem;
    }

    .ms-md-15, .mx-md-15 {
        margin-left: 8rem;
    }

    .ms-md-16, .mx-md-16 {
        margin-left: 8.5rem;
    }

    .ms-md-17, .mx-md-17 {
        margin-left: 9rem;
    }

    .ms-md-18, .mx-md-18 {
        margin-left: 9.5rem;
    }

    .ms-md-19, .mx-md-19 {
        margin-left: 10rem;
    }

    .ms-md-20, .mx-md-20 {
        margin-left: 10.5rem;
    }

    .ms-md-21, .mx-md-21 {
        margin-left: 11rem;
    }

    .ms-md-22, .mx-md-22 {
        margin-left: 11.5rem;
    }

    .ms-md-23, .mx-md-23 {
        margin-left: 12rem;
    }

    .ms-md-24, .mx-md-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-md-1-6, .mx-md-1-6 {
        margin-right: 1.6rem;
    }

    .me-md-1-7, .mx-md-1-7 {
        margin-right: 1.7rem;
    }

    .me-md-1-8, .mx-md-1-8 {
        margin-right: 1.8rem;
    }

    .me-md-1-9, .mx-md-1-9 {
        margin-right: 1.9rem;
    }

    .me-md-2-0, .mx-md-2-0 {
        margin-right: 2.0rem;
    }

    .me-md-2-1, .mx-md-2-1 {
        margin-right: 2.1rem;
    }

    .me-md-2-2, .mx-md-2-2 {
        margin-right: 2.2rem;
    }

    .me-md-2-3, .mx-md-2-3 {
        margin-right: 2.3rem;
    }

    .me-md-2-4, .mx-md-2-4 {
        margin-right: 2.4rem;
    }

    .me-md-2-5, .mx-md-2-5 {
        margin-right: 2.5rem;
    }

    .me-md-2-6, .mx-md-2-6 {
        margin-right: 2.6rem;
    }

    .me-md-2-7, .mx-md-2-7 {
        margin-right: 2.7rem;
    }

    .me-md-2-8, .mx-md-2-8 {
        margin-right: 2.8rem;
    }

    .me-md-2-9, .mx-md-2-9 {
        margin-right: 2.9rem;
    }

    .me-md-6, .mx-md-6 {
        margin-right: 3.5rem;
    }

    .me-md-7, .mx-md-7 {
        margin-right: 4rem;
    }

    .me-md-8, .mx-md-8 {
        margin-right: 4.5rem;
    }

    .me-md-9, .mx-md-9 {
        margin-right: 5rem;
    }

    .me-md-10, .mx-md-10 {
        margin-right: 5.5rem;
    }

    .me-md-11, .mx-md-11 {
        margin-right: 6rem;
    }

    .me-md-12, .mx-md-12 {
        margin-right: 6.5rem;
    }

    .me-md-13, .mx-md-13 {
        margin-right: 7rem;
    }

    .me-md-14, .mx-md-14 {
        margin-right: 7.5rem;
    }

    .me-md-15, .mx-md-15 {
        margin-right: 8rem;
    }

    .me-md-16, .mx-md-16 {
        margin-right: 8.5rem;
    }

    .me-md-17, .mx-md-17 {
        margin-right: 9rem;
    }

    .me-md-18, .mx-md-18 {
        margin-right: 9.5rem;
    }

    .me-md-19, .mx-md-19 {
        margin-right: 10rem;
    }

    .me-md-20, .mx-md-20 {
        margin-right: 10.5rem;
    }

    .me-md-21, .mx-md-21 {
        margin-right: 11rem;
    }

    .me-md-22, .mx-md-22 {
        margin-right: 11.5rem;
    }

    .me-md-23, .mx-md-23 {
        margin-right: 12rem;
    }

    .me-md-24, .mx-md-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-md-1-6 {
        padding: 1.6rem;
    }

    .p-md-1-7 {
        padding: 1.7rem;
    }

    .p-md-1-8 {
        padding: 1.8rem;
    }

    .p-md-1-9 {
        padding: 1.9rem;
    }

    .p-md-2-0 {
        padding: 2.0rem;
    }

    .p-md-2-1 {
        padding: 2.1rem;
    }

    .p-md-2-2 {
        padding: 2.2rem;
    }

    .p-md-2-3 {
        padding: 2.3rem;
    }

    .p-md-2-4 {
        padding: 2.4rem;
    }

    .p-md-2-5 {
        padding: 2.5rem;
    }

    .p-md-2-6 {
        padding: 2.6rem;
    }

    .p-md-2-7 {
        padding: 2.7rem;
    }

    .p-md-2-8 {
        padding: 2.8rem;
    }

    .p-md-2-9 {
        padding: 2.9rem;
    }

    .p-md-6 {
        padding: 3.5rem;
    }

    .p-md-7 {
        padding: 4rem;
    }

    .p-md-8 {
        padding: 4.5rem;
    }

    .p-md-9 {
        padding: 5rem;
    }

    .p-md-10 {
        padding: 5.5rem;
    }

    .p-md-11 {
        padding: 6rem;
    }

    .p-md-12 {
        padding: 6.5rem;
    }

    .p-md-13 {
        padding: 7rem;
    }

    .p-md-14 {
        padding: 7.5rem;
    }

    .p-md-15 {
        padding: 8rem;
    }

    .p-md-16 {
        padding: 8.5rem;
    }

    .p-md-17 {
        padding: 9rem;
    }

    .p-md-18 {
        padding: 9.5rem;
    }

    .p-md-19 {
        padding: 10rem;
    }

    .p-md-20 {
        padding: 10.5rem;
    }

    .p-md-21 {
        padding: 11rem;
    }

    .p-md-22 {
        padding: 11.5rem;
    }

    .p-md-23 {
        padding: 12rem;
    }

    .p-md-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-md-1-6, .py-md-1-6 {
        padding-top: 1.6rem;
    }

    .pt-md-1-7, .py-md-1-7 {
        padding-top: 1.7rem;
    }

    .pt-md-1-8, .py-md-1-8 {
        padding-top: 1.8rem;
    }

    .pt-md-1-9, .py-md-1-9 {
        padding-top: 1.9rem;
    }

    .pt-md-2-0, .py-md-2-0 {
        padding-top: 2.0rem;
    }

    .pt-md-2-1, .py-md-2-1 {
        padding-top: 2.1rem;
    }

    .pt-md-2-2, .py-md-2-2 {
        padding-top: 2.2rem;
    }

    .pt-md-2-3, .py-md-2-3 {
        padding-top: 2.3rem;
    }

    .pt-md-2-4, .py-md-2-4 {
        padding-top: 2.4rem;
    }

    .pt-md-2-5, .py-md-2-5 {
        padding-top: 2.5rem;
    }

    .pt-md-2-6, .py-md-2-6 {
        padding-top: 2.6rem;
    }

    .pt-md-2-7, .py-md-2-7 {
        padding-top: 2.7rem;
    }

    .pt-md-2-8, .py-md-2-8 {
        padding-top: 2.8rem;
    }

    .pt-md-2-9, .py-md-2-9 {
        padding-top: 2.9rem;
    }

    .pt-md-6, .py-md-6 {
        padding-top: 3.5rem;
    }

    .pt-md-7, .py-md-7 {
        padding-top: 4rem;
    }

    .pt-md-8, .py-md-8 {
        padding-top: 4.5rem;
    }

    .pt-md-9, .py-md-9 {
        padding-top: 5rem;
    }

    .pt-md-10, .py-md-10 {
        padding-top: 5.5rem;
    }

    .pt-md-11, .py-md-11 {
        padding-top: 6rem;
    }

    .pt-md-12, .py-md-12 {
        padding-top: 6.5rem;
    }

    .pt-md-13, .py-md-13 {
        padding-top: 7rem;
    }

    .pt-md-14, .py-md-14 {
        padding-top: 7.5rem;
    }

    .pt-md-15, .py-md-15 {
        padding-top: 8rem;
    }

    .pt-md-16, .py-md-16 {
        padding-top: 8.5rem;
    }

    .pt-md-17, .py-md-17 {
        padding-top: 9rem;
    }

    .pt-md-18, .py-md-18 {
        padding-top: 9.5rem;
    }

    .pt-md-19, .py-md-19 {
        padding-top: 10rem;
    }

    .pt-md-20, .py-md-20 {
        padding-top: 10.5rem;
    }

    .pt-md-21, .py-md-21 {
        padding-top: 11rem;
    }

    .pt-md-22, .py-md-22 {
        padding-top: 11.5rem;
    }

    .pt-md-23, .py-md-23 {
        padding-top: 12rem;
    }

    .pt-md-24, .py-md-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-md-1-6, .py-md-1-6 {
        padding-bottom: 1.6rem;
    }

    .pb-md-1-7, .py-md-1-7 {
        padding-bottom: 1.7rem;
    }

    .pb-md-1-8, .py-md-1-8 {
        padding-bottom: 1.8rem;
    }

    .pb-md-1-9, .py-md-1-9 {
        padding-bottom: 1.9rem;
    }

    .pb-md-2-0, .py-md-2-0 {
        padding-bottom: 2.0rem;
    }

    .pb-md-2-1, .py-md-2-1 {
        padding-bottom: 2.1rem;
    }

    .pb-md-2-2, .py-md-2-2 {
        padding-bottom: 2.2rem;
    }

    .pb-md-2-3, .py-md-2-3 {
        padding-bottom: 2.3rem;
    }

    .pb-md-2-4, .py-md-2-4 {
        padding-bottom: 2.4rem;
    }

    .pb-md-2-5, .py-md-2-5 {
        padding-bottom: 2.5rem;
    }

    .pb-md-2-6, .py-md-2-6 {
        padding-bottom: 2.6rem;
    }

    .pb-md-2-7, .py-md-2-7 {
        padding-bottom: 2.7rem;
    }

    .pb-md-2-8, .py-md-2-8 {
        padding-bottom: 2.8rem;
    }

    .pb-md-2-9, .py-md-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 3.5rem;
    }

    .pb-md-7, .py-md-7 {
        padding-bottom: 4rem;
    }

    .pb-md-8, .py-md-8 {
        padding-bottom: 4.5rem;
    }

    .pb-md-9, .py-md-9 {
        padding-bottom: 5rem;
    }

    .pb-md-10, .py-md-10 {
        padding-bottom: 5.5rem;
    }

    .pb-md-11, .py-md-11 {
        padding-bottom: 6rem;
    }

    .pb-md-12, .py-md-12 {
        padding-bottom: 6.5rem;
    }

    .pb-md-13, .py-md-13 {
        padding-bottom: 7rem;
    }

    .pb-md-14, .py-md-14 {
        padding-bottom: 7.5rem;
    }

    .pb-md-15, .py-md-15 {
        padding-bottom: 8rem;
    }

    .pb-md-16, .py-md-16 {
        padding-bottom: 8.5rem;
    }

    .pb-md-17, .py-md-17 {
        padding-bottom: 9rem;
    }

    .pb-md-18, .py-md-18 {
        padding-bottom: 9.5rem;
    }

    .pb-md-19, .py-md-19 {
        padding-bottom: 10rem;
    }

    .pb-md-20, .py-md-20 {
        padding-bottom: 10.5rem;
    }

    .pb-md-21, .py-md-21 {
        padding-bottom: 11rem;
    }

    .pb-md-22, .py-md-22 {
        padding-bottom: 11.5rem;
    }

    .pb-md-23, .py-md-23 {
        padding-bottom: 12rem;
    }

    .pb-md-24, .py-md-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-md-1-6, .px-md-1-6 {
        padding-left: 1.6rem;
    }

    .ps-md-1-7, .px-md-1-7 {
        padding-left: 1.7rem;
    }

    .ps-md-1-8, .px-md-1-8 {
        padding-left: 1.8rem;
    }

    .ps-md-1-9, .px-md-1-9 {
        padding-left: 1.9rem;
    }

    .ps-md-2-0, .px-md-2-0 {
        padding-left: 2.0rem;
    }

    .ps-md-2-1, .px-md-2-1 {
        padding-left: 2.1rem;
    }

    .ps-md-2-2, .px-md-2-2 {
        padding-left: 2.2rem;
    }

    .ps-md-2-3, .px-md-2-3 {
        padding-left: 2.3rem;
    }

    .ps-md-2-4, .px-md-2-4 {
        padding-left: 2.4rem;
    }

    .ps-md-2-5, .px-md-2-5 {
        padding-left: 2.5rem;
    }

    .ps-md-2-6, .px-md-2-6 {
        padding-left: 2.6rem;
    }

    .ps-md-2-7, .px-md-2-7 {
        padding-left: 2.7rem;
    }

    .ps-md-2-8, .px-md-2-8 {
        padding-left: 2.8rem;
    }

    .ps-md-2-9, .px-md-2-9 {
        padding-left: 2.9rem;
    }

    .ps-md-6, .px-md-6 {
        padding-left: 3.5rem;
    }

    .ps-md-7, .px-md-7 {
        padding-left: 4rem;
    }

    .ps-md-8, .px-md-8 {
        padding-left: 4.5rem;
    }

    .ps-md-9, .px-md-9 {
        padding-left: 5rem;
    }

    .ps-md-10, .px-md-10 {
        padding-left: 5.5rem;
    }

    .ps-md-11, .px-md-11 {
        padding-left: 6rem;
    }

    .ps-md-12, .px-md-12 {
        padding-left: 6.5rem;
    }

    .ps-md-13, .px-md-13 {
        padding-left: 7rem;
    }

    .ps-md-14, .px-md-14 {
        padding-left: 7.5rem;
    }

    .ps-md-15, .px-md-15 {
        padding-left: 8rem;
    }

    .ps-md-16, .px-md-16 {
        padding-left: 8.5rem;
    }

    .ps-md-17, .px-md-17 {
        padding-left: 9rem;
    }

    .ps-md-18, .px-md-18 {
        padding-left: 9.5rem;
    }

    .ps-md-19, .px-md-19 {
        padding-left: 10rem;
    }

    .ps-md-20, .px-md-20 {
        padding-left: 10.5rem;
    }

    .ps-md-21, .px-md-21 {
        padding-left: 11rem;
    }

    .ps-md-22, .px-md-22 {
        padding-left: 11.5rem;
    }

    .ps-md-23, .px-md-23 {
        padding-left: 12rem;
    }

    .ps-md-24, .px-md-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-md-1-6, .px-md-1-6 {
        padding-right: 1.6rem;
    }

    .pe-md-1-7, .px-md-1-7 {
        padding-right: 1.7rem;
    }

    .pe-md-1-8, .px-md-1-8 {
        padding-right: 1.8rem;
    }

    .pe-md-1-9, .px-md-1-9 {
        padding-right: 1.9rem;
    }

    .pe-md-2-0, .px-md-2-0 {
        padding-right: 2.0rem;
    }

    .pe-md-2-1, .px-md-2-1 {
        padding-right: 2.1rem;
    }

    .pe-md-2-2, .px-md-2-2 {
        padding-right: 2.2rem;
    }

    .pe-md-2-3, .px-md-2-3 {
        padding-right: 2.3rem;
    }

    .pe-md-2-4, .px-md-2-4 {
        padding-right: 2.4rem;
    }

    .pe-md-2-5, .px-md-2-5 {
        padding-right: 2.5rem;
    }

    .pe-md-2-6, .px-md-2-6 {
        padding-right: 2.6rem;
    }

    .pe-md-2-7, .px-md-2-7 {
        padding-right: 2.7rem;
    }

    .pe-md-2-8, .px-md-2-8 {
        padding-right: 2.8rem;
    }

    .pe-md-2-9, .px-md-2-9 {
        padding-right: 2.9rem;
    }

    .pe-md-6, .px-md-6 {
        padding-right: 3.5rem;
    }

    .pe-md-7, .px-md-7 {
        padding-right: 4rem;
    }

    .pe-md-8, .px-md-8 {
        padding-right: 4.5rem;
    }

    .pe-md-9, .px-md-9 {
        padding-right: 5rem;
    }

    .pe-md-10, .px-md-10 {
        padding-right: 5.5rem;
    }

    .pe-md-11, .px-md-11 {
        padding-right: 6rem;
    }

    .pe-md-12, .px-md-12 {
        padding-right: 6.5rem;
    }

    .pe-md-13, .px-md-13 {
        padding-right: 7rem;
    }

    .pe-md-14, .px-md-14 {
        padding-right: 7.5rem;
    }

    .pe-md-15, .px-md-15 {
        padding-right: 8rem;
    }

    .pe-md-16, .px-md-16 {
        padding-right: 8.5rem;
    }

    .pe-md-17, .px-md-17 {
        padding-right: 9rem;
    }

    .pe-md-18, .px-md-18 {
        padding-right: 9.5rem;
    }

    .pe-md-19, .px-md-19 {
        padding-right: 10rem;
    }

    .pe-md-20, .px-md-20 {
        padding-right: 10.5rem;
    }

    .pe-md-21, .px-md-21 {
        padding-right: 11rem;
    }

    .pe-md-22, .px-md-22 {
        padding-right: 11.5rem;
    }

    .pe-md-23, .px-md-23 {
        padding-right: 12rem;
    }

    .pe-md-24, .px-md-24 {
        padding-right: 12.5rem;
    }
}

@media screen and (min-width: 992px) {

    /* width */
    .w-lg-1px {
        width: 1px;
    }

    .w-lg-2px {
        width: 2px;
    }

    .w-lg-3px {
        width: 3px;
    }

    .w-lg-4px {
        width: 4px;
    }

    .w-lg-5px {
        width: 5px;
    }

    .w-lg-6px {
        width: 6px;
    }

    .w-lg-7px {
        width: 7px;
    }

    .w-lg-8px {
        width: 8px;
    }

    .w-lg-9px {
        width: 9px;
    }

    .w-lg-10px {
        width: 10px;
    }

    .w-lg-15px {
        width: 15px;
    }

    .w-lg-20px {
        width: 20px;
    }

    .w-lg-25px {
        width: 25px;
    }

    .w-lg-30px {
        width: 30px;
    }

    .w-lg-35px {
        width: 35px;
    }

    .w-lg-40px {
        width: 40px;
    }

    .w-lg-50px {
        width: 50px;
    }

    .w-lg-55px {
        width: 55px;
    }

    .w-lg-60px {
        width: 60px;
    }

    .w-lg-65px {
        width: 65px;
    }

    .w-lg-70px {
        width: 70px;
    }

    .w-lg-75px {
        width: 75px;
    }

    .w-lg-80px {
        width: 80px;
    }

    .w-lg-85px {
        width: 85px;
    }

    .w-lg-90px {
        width: 90px;
    }

    .w-lg-100px {
        width: 100px;
    }

    .w-lg-1 {
        width: 1%;
    }

    .w-lg-2 {
        width: 2%;
    }

    .w-lg-3 {
        width: 3%;
    }

    .w-lg-4 {
        width: 4%;
    }

    .w-lg-5 {
        width: 5%;
    }

    .w-lg-6 {
        width: 6%;
    }

    .w-lg-7 {
        width: 7%;
    }

    .w-lg-8 {
        width: 8%;
    }

    .w-lg-9 {
        width: 9%;
    }

    .w-lg-10 {
        width: 10%;
    }

    .w-lg-11 {
        width: 10%;
    }

    .w-lg-12 {
        width: 12%;
    }

    .w-lg-13 {
        width: 13%;
    }

    .w-lg-14 {
        width: 14%;
    }

    .w-lg-15 {
        width: 15%;
    }

    .w-lg-20 {
        width: 20%;
    }

    .w-lg-25 {
        width: 25%;
    }

    .w-lg-30 {
        width: 30%;
    }

    .w-lg-35 {
        width: 35%;
    }

    .w-lg-40 {
        width: 40%;
    }

    .w-lg-45 {
        width: 45%;
    }

    .w-lg-50 {
        width: 50%;
    }

    .w-lg-55 {
        width: 55%;
    }

    .w-lg-60 {
        width: 60%;
    }

    .w-lg-65 {
        width: 65%;
    }

    .w-lg-70 {
        width: 70%;
    }

    .w-lg-75 {
        width: 75%;
    }

    .w-lg-80 {
        width: 80%;
    }

    .w-lg-85 {
        width: 85%;
    }

    .w-lg-90 {
        width: 90%;
    }

    .w-lg-95 {
        width: 95%;
    }

    .w-lg-100 {
        width: 100%;
    }

    .w-lg-auto {
        width: auto;
    }

    /* font size */
    .display-lg-1 {
        font-size: 6rem;
    }

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

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

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

    .display-lg-5 {
        font-size: 3.4rem;
    }

    .display-lg-6 {
        font-size: 3.3rem;
    }

    .display-lg-7 {
        font-size: 3.2rem;
    }

    .display-lg-8 {
        font-size: 3.1rem;
    }

    .display-lg-9 {
        font-size: 3.0rem;
    }

    .display-lg-10 {
        font-size: 2.9rem;
    }

    .display-lg-11 {
        font-size: 2.8rem;
    }

    .display-lg-12 {
        font-size: 2.7rem;
    }

    .display-lg-13 {
        font-size: 2.6rem;
    }

    .display-lg-14 {
        font-size: 2.5rem;
    }

    .display-lg-15 {
        font-size: 2.4rem;
    }

    .display-lg-16 {
        font-size: 2.3rem;
    }

    .display-lg-17 {
        font-size: 2.2rem;
    }

    .display-lg-18 {
        font-size: 2.1rem;
    }

    .display-lg-19 {
        font-size: 2.0rem;
    }

    .display-lg-20 {
        font-size: 1.9rem;
    }

    .display-lg-21 {
        font-size: 1.8rem;
    }

    .display-lg-22 {
        font-size: 1.7rem;
    }

    .display-lg-23 {
        font-size: 1.6rem;
    }

    .display-lg-24 {
        font-size: 1.5rem;
    }

    .display-lg-25 {
        font-size: 1.4rem;
    }

    .display-lg-26 {
        font-size: 1.3rem;
    }

    .display-lg-27 {
        font-size: 1.2rem;
    }

    .display-lg-28 {
        font-size: 1.1rem;
    }

    .display-lg-29 {
        font-size: 1.0rem;
    }

    .display-lg-30 {
        font-size: 0.9rem;
    }

    .display-lg-31 {
        font-size: 0.8rem;
    }

    .display-lg-32 {
        font-size: 0.7rem;
    }

    .display-lg-33 {
        font-size: 0.6rem;
    }

    .display-lg-34 {
        font-size: 0.5rem;
    }

    /* border */
    .border-lg-0 {
        border: none;
    }

    .border-lg {
        border: 1px solid #dee2e6;
    }

    .border-lg-top {
        border-top: 1px solid #dee2e6;
    }

    .border-lg-end {
        border-right: 1px solid #dee2e6;
    }

    .border-lg-bottom {
        border-bottom: 1px solid #dee2e6;
    }

    .border-lg-start {
        border-left: 1px solid #dee2e6;
    }

    .border-lg-top-0 {
        border-top: none;
    }

    .border-lg-end-0 {
        border-right: none;
    }

    .border-lg-bottom-0 {
        border-bottom: none;
    }

    .border-lg-start-0 {
        border-left: none;
    }

    .border-lg-color-light-white {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    /* rounded */
    .rounded-lg {
        border-radius: .25rem;
    }

    .border-radius-lg-10 {
        border-radius: 10px;
    }

    .rounded-lg-circle {
        border-radius: 50%;
    }

    /* position */
    .top-lg-5 {
        top: 5%;
        bottom: inherit;
    }

    .top-lg-10 {
        top: 10%;
        bottom: inherit;
    }

    .top-lg-15 {
        top: 15%;
        bottom: inherit;
    }

    .top-lg-20 {
        top: 20%;
        bottom: inherit;
    }

    .top-lg-25 {
        top: 25%;
        bottom: inherit;
    }

    .top-lg-30 {
        top: 30%;
        bottom: inherit;
    }

    .top-lg-35 {
        top: 35%;
        bottom: inherit;
    }

    .top-lg-40 {
        top: 40%;
        bottom: inherit;
    }

    .top-lg-45 {
        top: 45%;
        bottom: inherit;
    }

    .top-lg-50 {
        top: 50%;
        bottom: inherit;
    }

    .top-lg-55 {
        top: 55%;
        bottom: inherit;
    }

    .top-lg-60 {
        top: 60%;
        bottom: inherit;
    }

    .top-lg-65 {
        top: 65%;
        bottom: inherit;
    }

    .top-lg-70 {
        top: 70%;
        bottom: inherit;
    }

    .top-lg-75 {
        top: 75%;
        bottom: inherit;
    }

    .top-lg-80 {
        top: 80%;
        bottom: inherit;
    }

    .top-lg-85 {
        top: 85%;
        bottom: inherit;
    }

    .top-lg-90 {
        top: 90%;
        bottom: inherit;
    }

    .top-lg-95 {
        top: 95%;
        bottom: inherit;
    }

    .top-lg-100 {
        top: 100%;
        bottom: inherit;
    }

    .top-lg-n5 {
        top: -5%;
        bottom: inherit;
    }

    .top-lg-n10 {
        top: -10%;
        bottom: inherit;
    }

    .top-lg-n15 {
        top: -15%;
        bottom: inherit;
    }

    .top-lg-n20 {
        top: -20%;
        bottom: inherit;
    }

    .top-lg-n25 {
        top: -25%;
        bottom: inherit;
    }

    .top-lg-n30 {
        top: -30%;
        bottom: inherit;
    }

    .top-lg-n35 {
        top: -35%;
        bottom: inherit;
    }

    .top-lg-n40 {
        top: -40%;
        bottom: inherit;
    }

    .top-lg-n45 {
        top: -45%;
        bottom: inherit;
    }

    .top-lg-n50 {
        top: -50%;
        bottom: inherit;
    }

    .top-lg-n55 {
        top: -55%;
        bottom: inherit;
    }

    .top-lg-n60 {
        top: -60%;
        bottom: inherit;
    }

    .top-lg-n65 {
        top: -65%;
        bottom: inherit;
    }

    .top-lg-n70 {
        top: -70%;
        bottom: inherit;
    }

    .top-lg-n75 {
        top: -75%;
        bottom: inherit;
    }

    .top-lg-n80 {
        top: -80%;
        bottom: inherit;
    }

    .top-lg-n85 {
        top: -85%;
        bottom: inherit;
    }

    .top-lg-n90 {
        top: -90%;
        bottom: inherit;
    }

    .top-lg-n95 {
        top: -95%;
        bottom: inherit;
    }

    .top-lg-n100 {
        top: -100%;
        bottom: inherit;
    }

    .bottom-lg-5 {
        bottom: 5%;
        top: inherit;
    }

    .bottom-lg-10 {
        bottom: 10%;
        top: inherit;
    }

    .bottom-lg-15 {
        bottom: 15%;
        top: inherit;
    }

    .bottom-lg-20 {
        bottom: 20%;
        top: inherit;
    }

    .bottom-lg-25 {
        bottom: 25%;
        top: inherit;
    }

    .bottom-lg-30 {
        bottom: 30%;
        top: inherit;
    }

    .bottom-lg-35 {
        bottom: 35%;
        top: inherit;
    }

    .bottom-lg-40 {
        bottom: 40%;
        top: inherit;
    }

    .bottom-lg-45 {
        bottom: 45%;
        top: inherit;
    }

    .bottom-lg-50 {
        bottom: 50%;
        top: inherit;
    }

    .bottom-lg-55 {
        bottom: 55%;
        top: inherit;
    }

    .bottom-lg-60 {
        bottom: 60%;
        top: inherit;
    }

    .bottom-lg-65 {
        bottom: 65%;
        top: inherit;
    }

    .bottom-lg-70 {
        bottom: 70%;
        top: inherit;
    }

    .bottom-lg-75 {
        bottom: 75%;
        top: inherit;
    }

    .bottom-lg-80 {
        bottom: 80%;
        top: inherit;
    }

    .bottom-lg-85 {
        bottom: 85%;
        top: inherit;
    }

    .bottom-lg-90 {
        bottom: 90%;
        top: inherit;
    }

    .bottom-lg-95 {
        bottom: 95%;
        top: inherit;
    }

    .bottom-lg-100 {
        bottom: 100%;
        top: inherit;
    }

    .bottom-lg-n5 {
        bottom: -5%;
        top: inherit;
    }

    .bottom-lg-n10 {
        bottom: -10%;
        top: inherit;
    }

    .bottom-lg-n15 {
        bottom: -15%;
        top: inherit;
    }

    .bottom-lg-n20 {
        bottom: -20%;
        top: inherit;
    }

    .bottom-lg-n25 {
        bottom: -25%;
        top: inherit;
    }

    .bottom-lg-n30 {
        bottom: -30%;
        top: inherit;
    }

    .bottom-lg-n35 {
        bottom: -35%;
        top: inherit;
    }

    .bottom-lg-n40 {
        bottom: -40%;
        top: inherit;
    }

    .bottom-lg-n45 {
        bottom: -45%;
        top: inherit;
    }

    .bottom-lg-n50 {
        bottom: -50%;
        top: inherit;
    }

    .bottom-lg-n55 {
        bottom: -55%;
        top: inherit;
    }

    .bottom-lg-n60 {
        bottom: -60%;
        top: inherit;
    }

    .bottom-lg-n65 {
        bottom: -65%;
        top: inherit;
    }

    .bottom-lg-n70 {
        bottom: -70%;
        top: inherit;
    }

    .bottom-lg-n75 {
        bottom: -75%;
        top: inherit;
    }

    .bottom-lg-n80 {
        bottom: -80%;
        top: inherit;
    }

    .bottom-lg-n85 {
        bottom: -85%;
        top: inherit;
    }

    .bottom-lg-n90 {
        bottom: -90%;
        top: inherit;
    }

    .bottom-lg-n95 {
        bottom: -95%;
        top: inherit;
    }

    .bottom-lg-n100 {
        bottom: -100%;
        top: inherit;
    }

    .left-lg-5 {
        left: 5%;
        right: inherit;
    }

    .left-lg-10 {
        left: 10%;
        right: inherit;
    }

    .left-lg-15 {
        left: 15%;
        right: inherit;
    }

    .left-lg-20 {
        left: 20%;
        right: inherit;
    }

    .left-lg-25 {
        left: 25%;
        right: inherit;
    }

    .left-lg-30 {
        left: 30%;
        right: inherit;
    }

    .left-lg-35 {
        left: 35%;
        right: inherit;
    }

    .left-lg-40 {
        left: 40%;
        right: inherit;
    }

    .left-lg-45 {
        left: 45%;
        right: inherit;
    }

    .left-lg-50 {
        left: 50%;
        right: inherit;
    }

    .left-lg-55 {
        left: 55%;
        right: inherit;
    }

    .left-lg-60 {
        left: 60%;
        right: inherit;
    }

    .left-lg-65 {
        left: 65%;
        right: inherit;
    }

    .left-lg-70 {
        left: 70%;
        right: inherit;
    }

    .left-lg-75 {
        left: 75%;
        right: inherit;
    }

    .left-lg-80 {
        left: 80%;
        right: inherit;
    }

    .left-lg-85 {
        left: 85%;
        right: inherit;
    }

    .left-lg-90 {
        left: 90%;
        right: inherit;
    }

    .left-lg-95 {
        left: 95%;
        right: inherit;
    }

    .left-lg-100 {
        left: 100%;
        right: inherit;
    }

    .left-lg-n5 {
        left: -5%;
        right: inherit;
    }

    .left-lg-n10 {
        left: -10%;
        right: inherit;
    }

    .left-lg-n15 {
        left: -15%;
        right: inherit;
    }

    .left-lg-n20 {
        left: -20%;
        right: inherit;
    }

    .left-lg-n25 {
        left: -25%;
        right: inherit;
    }

    .left-lg-n30 {
        left: -30%;
        right: inherit;
    }

    .left-lg-n35 {
        left: -35%;
        right: inherit;
    }

    .left-lg-n40 {
        left: -40%;
        right: inherit;
    }

    .left-lg-n45 {
        left: -45%;
        right: inherit;
    }

    .left-lg-n50 {
        left: -50%;
        right: inherit;
    }

    .left-lg-n55 {
        left: -55%;
        right: inherit;
    }

    .left-lg-n60 {
        left: -60%;
        right: inherit;
    }

    .left-lg-n65 {
        left: -65%;
        right: inherit;
    }

    .left-lg-n70 {
        left: -70%;
        right: inherit;
    }

    .left-lg-n75 {
        left: -75%;
        right: inherit;
    }

    .left-lg-n80 {
        left: -80%;
        right: inherit;
    }

    .left-lg-n85 {
        left: -85%;
        right: inherit;
    }

    .left-lg-n90 {
        left: -90%;
        right: inherit;
    }

    .left-lg-n95 {
        left: -95%;
        right: inherit;
    }

    .left-lg-n100 {
        left: -100%;
        right: inherit;
    }

    .right-lg-5 {
        right: 5%;
        left: inherit;
    }

    .right-lg-10 {
        right: 10%;
        left: inherit;
    }

    .right-lg-15 {
        right: 15%;
        left: inherit;
    }

    .right-lg-20 {
        right: 20%;
        left: inherit;
    }

    .right-lg-25 {
        right: 25%;
        left: inherit;
    }

    .right-lg-30 {
        right: 30%;
        left: inherit;
    }

    .right-lg-35 {
        right: 35%;
        left: inherit;
    }

    .right-lg-40 {
        right: 40%;
        left: inherit;
    }

    .right-lg-45 {
        right: 45%;
        left: inherit;
    }

    .right-lg-50 {
        right: 50%;
        left: inherit;
    }

    .right-lg-55 {
        right: 55%;
        left: inherit;
    }

    .right-lg-60 {
        right: 60%;
        left: inherit;
    }

    .right-lg-65 {
        right: 65%;
        left: inherit;
    }

    .right-lg-70 {
        right: 70%;
        left: inherit;
    }

    .right-lg-75 {
        right: 75%;
        left: inherit;
    }

    .right-lg-80 {
        right: 80%;
        left: inherit;
    }

    .right-lg-85 {
        right: 85%;
        left: inherit;
    }

    .right-lg-90 {
        right: 90%;
        left: inherit;
    }

    .right-lg-95 {
        right: 95%;
        left: inherit;
    }

    .right-lg-100 {
        right: 100%;
        left: inherit;
    }

    .right-lg-n5 {
        right: -5%;
        left: inherit;
    }

    .right-lg-n10 {
        right: -10%;
        left: inherit;
    }

    .right-lg-n15 {
        right: -15%;
        left: inherit;
    }

    .right-lg-n20 {
        right: -20%;
        left: inherit;
    }

    .right-lg-n25 {
        right: -25%;
        left: inherit;
    }

    .right-lg-n30 {
        right: -30%;
        left: inherit;
    }

    .right-lg-n35 {
        right: -35%;
        left: inherit;
    }

    .right-lg-n40 {
        right: -40%;
        left: inherit;
    }

    .right-lg-n45 {
        right: -45%;
        left: inherit;
    }

    .right-lg-n50 {
        right: -50%;
        left: inherit;
    }

    .right-lg-n55 {
        right: -55%;
        left: inherit;
    }

    .right-lg-n60 {
        right: -60%;
        left: inherit;
    }

    .right-lg-n65 {
        right: -65%;
        left: inherit;
    }

    .right-lg-n70 {
        right: -70%;
        left: inherit;
    }

    .right-lg-n75 {
        right: -75%;
        left: inherit;
    }

    .right-lg-n80 {
        right: -80%;
        left: inherit;
    }

    .right-lg-n85 {
        right: -85%;
        left: inherit;
    }

    .right-lg-n90 {
        right: -90%;
        left: inherit;
    }

    .right-lg-n95 {
        right: -95%;
        left: inherit;
    }

    .right-lg-n100 {
        right: -100%;
        left: inherit;
    }

    /* margin */

    /* margin all */
    .m-lg-1-6 {
        margin: 1.6rem;
    }

    .m-lg-1-7 {
        margin: 1.7rem;
    }

    .m-lg-1-8 {
        margin: 1.8rem;
    }

    .m-lg-1-9 {
        margin: 1.9rem;
    }

    .m-lg-2-0 {
        margin: 2.0rem;
    }

    .m-lg-2-1 {
        margin: 2.1rem;
    }

    .m-lg-2-2 {
        margin: 2.2rem;
    }

    .m-lg-2-3 {
        margin: 2.3rem;
    }

    .m-lg-2-4 {
        margin: 2.4rem;
    }

    .m-lg-2-5 {
        margin: 2.5rem;
    }

    .m-lg-2-6 {
        margin: 2.6rem;
    }

    .m-lg-2-7 {
        margin: 2.7rem;
    }

    .m-lg-2-8 {
        margin: 2.8rem;
    }

    .m-lg-2-9 {
        margin: 2.9rem;
    }

    .m-lg-6 {
        margin: 3.5rem;
    }

    .m-lg-7 {
        margin: 4rem;
    }

    .m-lg-8 {
        margin: 4.5rem;
    }

    .m-lg-9 {
        margin: 5rem;
    }

    .m-lg-10 {
        margin: 5.5rem;
    }

    .m-lg-11 {
        margin: 6rem;
    }

    .m-lg-12 {
        margin: 6.5rem;
    }

    .m-lg-13 {
        margin: 7rem;
    }

    .m-lg-14 {
        margin: 7.5rem;
    }

    .m-lg-15 {
        margin: 8rem;
    }

    .m-lg-16 {
        margin: 8.5rem;
    }

    .m-lg-17 {
        margin: 9rem;
    }

    .m-lg-18 {
        margin: 9.5rem;
    }

    .m-lg-19 {
        margin: 10rem;
    }

    .m-lg-20 {
        margin: 10.5rem;
    }

    .m-lg-21 {
        margin: 11rem;
    }

    .m-lg-22 {
        margin: 11.5rem;
    }

    .m-lg-23 {
        margin: 12rem;
    }

    .m-lg-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-lg-1-6, .my-lg-1-6 {
        margin-top: 1.6rem;
    }

    .mt-lg-1-7, .my-lg-1-7 {
        margin-top: 1.7rem;
    }

    .mt-lg-1-8, .my-lg-1-8 {
        margin-top: 1.8rem;
    }

    .mt-lg-1-9, .my-lg-1-9 {
        margin-top: 1.9rem;
    }

    .mt-lg-2-0, .my-lg-2-0 {
        margin-top: 2.0rem;
    }

    .mt-lg-2-1, .my-lg-2-1 {
        margin-top: 2.1rem;
    }

    .mt-lg-2-2, .my-lg-2-2 {
        margin-top: 2.2rem;
    }

    .mt-lg-2-3, .my-lg-2-3 {
        margin-top: 2.3rem;
    }

    .mt-lg-2-4, .my-lg-2-4 {
        margin-top: 2.4rem;
    }

    .mt-lg-2-5, .my-lg-2-5 {
        margin-top: 2.5rem;
    }

    .mt-lg-2-6, .my-lg-2-6 {
        margin-top: 2.6rem;
    }

    .mt-lg-2-7, .my-lg-2-7 {
        margin-top: 2.7rem;
    }

    .mt-lg-2-8, .my-lg-2-8 {
        margin-top: 2.8rem;
    }

    .mt-lg-2-9, .my-lg-2-9 {
        margin-top: 2.9rem;
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 3.5rem;
    }

    .mt-lg-7, .my-lg-7 {
        margin-top: 4rem;
    }

    .mt-lg-8, .my-lg-8 {
        margin-top: 4.5rem;
    }

    .mt-lg-9, .my-lg-9 {
        margin-top: 5rem;
    }

    .mt-lg-10, .my-lg-10 {
        margin-top: 5.5rem;
    }

    .mt-lg-11, .my-lg-11 {
        margin-top: 6rem;
    }

    .mt-lg-12, .my-lg-12 {
        margin-top: 6.5rem;
    }

    .mt-lg-13, .my-lg-13 {
        margin-top: 7rem;
    }

    .mt-lg-14, .my-lg-14 {
        margin-top: 7.5rem;
    }

    .mt-lg-15, .my-lg-15 {
        margin-top: 8rem;
    }

    .mt-lg-16, .my-lg-16 {
        margin-top: 8.5rem;
    }

    .mt-lg-17, .my-lg-17 {
        margin-top: 9rem;
    }

    .mt-lg-18, .my-lg-18 {
        margin-top: 9.5rem;
    }

    .mt-lg-19, .my-lg-19 {
        margin-top: 10rem;
    }

    .mt-lg-20, .my-lg-20 {
        margin-top: 10.5rem;
    }

    .mt-lg-21, .my-lg-21 {
        margin-top: 11rem;
    }

    .mt-lg-22, .my-lg-22 {
        margin-top: 11.5rem;
    }

    .mt-lg-23, .my-lg-23 {
        margin-top: 12rem;
    }

    .mt-lg-24, .my-lg-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-lg-1-6, .my-lg-1-6 {
        margin-bottom: 1.6rem;
    }

    .mb-lg-1-7, .my-lg-1-7 {
        margin-bottom: 1.7rem;
    }

    .mb-lg-1-8, .my-lg-1-8 {
        margin-bottom: 1.8rem;
    }

    .mb-lg-1-9, .my-lg-1-9 {
        margin-bottom: 1.9rem;
    }

    .mb-lg-2-0, .my-lg-2-0 {
        margin-bottom: 2.0rem;
    }

    .mb-lg-2-1, .my-lg-2-1 {
        margin-bottom: 2.1rem;
    }

    .mb-lg-2-2, .my-lg-2-2 {
        margin-bottom: 2.2rem;
    }

    .mb-lg-2-3, .my-lg-2-3 {
        margin-bottom: 2.3rem;
    }

    .mb-lg-2-4, .my-lg-2-4 {
        margin-bottom: 2.4rem;
    }

    .mb-lg-2-5, .my-lg-2-5 {
        margin-bottom: 2.5rem;
    }

    .mb-lg-2-6, .my-lg-2-6 {
        margin-bottom: 2.6rem;
    }

    .mb-lg-2-7, .my-lg-2-7 {
        margin-bottom: 2.7rem;
    }

    .mb-lg-2-8, .my-lg-2-8 {
        margin-bottom: 2.8rem;
    }

    .mb-lg-2-9, .my-lg-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 3.5rem;
    }

    .mb-lg-7, .my-lg-7 {
        margin-bottom: 4rem;
    }

    .mb-lg-8, .my-lg-8 {
        margin-bottom: 4.5rem;
    }

    .mb-lg-9, .my-lg-9 {
        margin-bottom: 5rem;
    }

    .mb-lg-10, .my-lg-10 {
        margin-bottom: 5.5rem;
    }

    .mb-lg-11, .my-lg-11 {
        margin-bottom: 6rem;
    }

    .mb-lg-12, .my-lg-12 {
        margin-bottom: 6.5rem;
    }

    .mb-lg-13, .my-lg-13 {
        margin-bottom: 7rem;
    }

    .mb-lg-14, .my-lg-14 {
        margin-bottom: 7.5rem;
    }

    .mb-lg-15, .my-lg-15 {
        margin-bottom: 8rem;
    }

    .mb-lg-16, .my-lg-16 {
        margin-bottom: 8.5rem;
    }

    .mb-lg-17, .my-lg-17 {
        margin-bottom: 9rem;
    }

    .mb-lg-18, .my-lg-18 {
        margin-bottom: 9.5rem;
    }

    .mb-lg-19, .my-lg-19 {
        margin-bottom: 10rem;
    }

    .mb-lg-20, .my-lg-20 {
        margin-bottom: 10.5rem;
    }

    .mb-lg-21, .my-lg-21 {
        margin-bottom: 11rem;
    }

    .mb-lg-22, .my-lg-22 {
        margin-bottom: 11.5rem;
    }

    .mb-lg-23, .my-lg-23 {
        margin-bottom: 12rem;
    }

    .mb-lg-24, .my-lg-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-lg-1-6, .mx-lg-1-6 {
        margin-left: 1.6rem;
    }

    .ms-lg-1-7, .mx-lg-1-7 {
        margin-left: 1.7rem;
    }

    .ms-lg-1-8, .mx-lg-1-8 {
        margin-left: 1.8rem;
    }

    .ms-lg-1-9, .mx-lg-1-9 {
        margin-left: 1.9rem;
    }

    .ms-lg-2-0, .mx-lg-2-0 {
        margin-left: 2.0rem;
    }

    .ms-lg-2-1, .mx-lg-2-1 {
        margin-left: 2.1rem;
    }

    .ms-lg-2-2, .mx-lg-2-2 {
        margin-left: 2.2rem;
    }

    .ms-lg-2-3, .mx-lg-2-3 {
        margin-left: 2.3rem;
    }

    .ms-lg-2-4, .mx-lg-2-4 {
        margin-left: 2.4rem;
    }

    .ms-lg-2-5, .mx-lg-2-5 {
        margin-left: 2.5rem;
    }

    .ms-lg-2-6, .mx-lg-2-6 {
        margin-left: 2.6rem;
    }

    .ms-lg-2-7, .mx-lg-2-7 {
        margin-left: 2.7rem;
    }

    .ms-lg-2-8, .mx-lg-2-8 {
        margin-left: 2.8rem;
    }

    .ms-lg-2-9, .mx-lg-2-9 {
        margin-left: 2.9rem;
    }

    .ms-lg-6, .mx-lg-6 {
        margin-left: 3.5rem;
    }

    .ms-lg-7, .mx-lg-7 {
        margin-left: 4rem;
    }

    .ms-lg-8, .mx-lg-8 {
        margin-left: 4.5rem;
    }

    .ms-lg-9, .mx-lg-9 {
        margin-left: 5rem;
    }

    .ms-lg-10, .mx-lg-10 {
        margin-left: 5.5rem;
    }

    .ms-lg-11, .mx-lg-11 {
        margin-left: 6rem;
    }

    .ms-lg-12, .mx-lg-12 {
        margin-left: 6.5rem;
    }

    .ms-lg-13, .mx-lg-13 {
        margin-left: 7rem;
    }

    .ms-lg-14, .mx-lg-14 {
        margin-left: 7.5rem;
    }

    .ms-lg-15, .mx-lg-15 {
        margin-left: 8rem;
    }

    .ms-lg-16, .mx-lg-16 {
        margin-left: 8.5rem;
    }

    .ms-lg-17, .mx-lg-17 {
        margin-left: 9rem;
    }

    .ms-lg-18, .mx-lg-18 {
        margin-left: 9.5rem;
    }

    .ms-lg-19, .mx-lg-19 {
        margin-left: 10rem;
    }

    .ms-lg-20, .mx-lg-20 {
        margin-left: 10.5rem;
    }

    .ms-lg-21, .mx-lg-21 {
        margin-left: 11rem;
    }

    .ms-lg-22, .mx-lg-22 {
        margin-left: 11.5rem;
    }

    .ms-lg-23, .mx-lg-23 {
        margin-left: 12rem;
    }

    .ms-lg-24, .mx-lg-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-lg-1-6, .mx-lg-1-6 {
        margin-right: 1.6rem;
    }

    .me-lg-1-7, .mx-lg-1-7 {
        margin-right: 1.7rem;
    }

    .me-lg-1-8, .mx-lg-1-8 {
        margin-right: 1.8rem;
    }

    .me-lg-1-9, .mx-lg-1-9 {
        margin-right: 1.9rem;
    }

    .me-lg-2-0, .mx-lg-2-0 {
        margin-right: 2.0rem;
    }

    .me-lg-2-1, .mx-lg-2-1 {
        margin-right: 2.1rem;
    }

    .me-lg-2-2, .mx-lg-2-2 {
        margin-right: 2.2rem;
    }

    .me-lg-2-3, .mx-lg-2-3 {
        margin-right: 2.3rem;
    }

    .me-lg-2-4, .mx-lg-2-4 {
        margin-right: 2.4rem;
    }

    .me-lg-2-5, .mx-lg-2-5 {
        margin-right: 2.5rem;
    }

    .me-lg-2-6, .mx-lg-2-6 {
        margin-right: 2.6rem;
    }

    .me-lg-2-7, .mx-lg-2-7 {
        margin-right: 2.7rem;
    }

    .me-lg-2-8, .mx-lg-2-8 {
        margin-right: 2.8rem;
    }

    .me-lg-2-9, .mx-lg-2-9 {
        margin-right: 2.9rem;
    }

    .me-lg-6, .mx-lg-6 {
        margin-right: 3.5rem;
    }

    .me-lg-7, .mx-lg-7 {
        margin-right: 4rem;
    }

    .me-lg-8, .mx-lg-8 {
        margin-right: 4.5rem;
    }

    .me-lg-9, .mx-lg-9 {
        margin-right: 5rem;
    }

    .me-lg-10, .mx-lg-10 {
        margin-right: 5.5rem;
    }

    .me-lg-11, .mx-lg-11 {
        margin-right: 6rem;
    }

    .me-lg-12, .mx-lg-12 {
        margin-right: 6.5rem;
    }

    .me-lg-13, .mx-lg-13 {
        margin-right: 7rem;
    }

    .me-lg-14, .mx-lg-14 {
        margin-right: 7.5rem;
    }

    .me-lg-15, .mx-lg-15 {
        margin-right: 8rem;
    }

    .me-lg-16, .mx-lg-16 {
        margin-right: 8.5rem;
    }

    .me-lg-17, .mx-lg-17 {
        margin-right: 9rem;
    }

    .me-lg-18, .mx-lg-18 {
        margin-right: 9.5rem;
    }

    .me-lg-19, .mx-lg-19 {
        margin-right: 10rem;
    }

    .me-lg-20, .mx-lg-20 {
        margin-right: 10.5rem;
    }

    .me-lg-21, .mx-lg-21 {
        margin-right: 11rem;
    }

    .me-lg-22, .mx-lg-22 {
        margin-right: 11.5rem;
    }

    .me-lg-23, .mx-lg-23 {
        margin-right: 12rem;
    }

    .me-lg-24, .mx-lg-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-lg-1-6 {
        padding: 1.6rem;
    }

    .p-lg-1-7 {
        padding: 1.7rem;
    }

    .p-lg-1-8 {
        padding: 1.8rem;
    }

    .p-lg-1-9 {
        padding: 1.9rem;
    }

    .p-lg-2-0 {
        padding: 2.0rem;
    }

    .p-lg-2-1 {
        padding: 2.1rem;
    }

    .p-lg-2-2 {
        padding: 2.2rem;
    }

    .p-lg-2-3 {
        padding: 2.3rem;
    }

    .p-lg-2-4 {
        padding: 2.4rem;
    }

    .p-lg-2-5 {
        padding: 2.5rem;
    }

    .p-lg-2-6 {
        padding: 2.6rem;
    }

    .p-lg-2-7 {
        padding: 2.7rem;
    }

    .p-lg-2-8 {
        padding: 2.8rem;
    }

    .p-lg-2-9 {
        padding: 2.9rem;
    }

    .p-lg-6 {
        padding: 3.5rem;
    }

    .p-lg-7 {
        padding: 4rem;
    }

    .p-lg-8 {
        padding: 4.5rem;
    }

    .p-lg-9 {
        padding: 5rem;
    }

    .p-lg-10 {
        padding: 5.5rem;
    }

    .p-lg-11 {
        padding: 6rem;
    }

    .p-lg-12 {
        padding: 6.5rem;
    }

    .p-lg-13 {
        padding: 7rem;
    }

    .p-lg-14 {
        padding: 7.5rem;
    }

    .p-lg-15 {
        padding: 8rem;
    }

    .p-lg-16 {
        padding: 8.5rem;
    }

    .p-lg-17 {
        padding: 9rem;
    }

    .p-lg-18 {
        padding: 9.5rem;
    }

    .p-lg-19 {
        padding: 10rem;
    }

    .p-lg-20 {
        padding: 10.5rem;
    }

    .p-lg-21 {
        padding: 11rem;
    }

    .p-lg-22 {
        padding: 11.5rem;
    }

    .p-lg-23 {
        padding: 12rem;
    }

    .p-lg-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-lg-1-6, .py-lg-1-6 {
        padding-top: 1.6rem;
    }

    .pt-lg-1-7, .py-lg-1-7 {
        padding-top: 1.7rem;
    }

    .pt-lg-1-8, .py-lg-1-8 {
        padding-top: 1.8rem;
    }

    .pt-lg-1-9, .py-lg-1-9 {
        padding-top: 1.9rem;
    }

    .pt-lg-2-0, .py-lg-2-0 {
        padding-top: 2.0rem;
    }

    .pt-lg-2-1, .py-lg-2-1 {
        padding-top: 2.1rem;
    }

    .pt-lg-2-2, .py-lg-2-2 {
        padding-top: 2.2rem;
    }

    .pt-lg-2-3, .py-lg-2-3 {
        padding-top: 2.3rem;
    }

    .pt-lg-2-4, .py-lg-2-4 {
        padding-top: 2.4rem;
    }

    .pt-lg-2-5, .py-lg-2-5 {
        padding-top: 2.5rem;
    }

    .pt-lg-2-6, .py-lg-2-6 {
        padding-top: 2.6rem;
    }

    .pt-lg-2-7, .py-lg-2-7 {
        padding-top: 2.7rem;
    }

    .pt-lg-2-8, .py-lg-2-8 {
        padding-top: 2.8rem;
    }

    .pt-lg-2-9, .py-lg-2-9 {
        padding-top: 2.9rem;
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 3.5rem;
    }

    .pt-lg-7, .py-lg-7 {
        padding-top: 4rem;
    }

    .pt-lg-8, .py-lg-8 {
        padding-top: 4.5rem;
    }

    .pt-lg-9, .py-lg-9 {
        padding-top: 5rem;
    }

    .pt-lg-10, .py-lg-10 {
        padding-top: 5.5rem;
    }

    .pt-lg-11, .py-lg-11 {
        padding-top: 6rem;
    }

    .pt-lg-12, .py-lg-12 {
        padding-top: 6.5rem;
    }

    .pt-lg-13, .py-lg-13 {
        padding-top: 7rem;
    }

    .pt-lg-14, .py-lg-14 {
        padding-top: 7.5rem;
    }

    .pt-lg-15, .py-lg-15 {
        padding-top: 8rem;
    }

    .pt-lg-16, .py-lg-16 {
        padding-top: 8.5rem;
    }

    .pt-lg-17, .py-lg-17 {
        padding-top: 9rem;
    }

    .pt-lg-18, .py-lg-18 {
        padding-top: 9.5rem;
    }

    .pt-lg-19, .py-lg-19 {
        padding-top: 10rem;
    }

    .pt-lg-20, .py-lg-20 {
        padding-top: 10.5rem;
    }

    .pt-lg-21, .py-lg-21 {
        padding-top: 11rem;
    }

    .pt-lg-22, .py-lg-22 {
        padding-top: 11.5rem;
    }

    .pt-lg-23, .py-lg-23 {
        padding-top: 12rem;
    }

    .pt-lg-24, .py-lg-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-lg-1-6, .py-lg-1-6 {
        padding-bottom: 1.6rem;
    }

    .pb-lg-1-7, .py-lg-1-7 {
        padding-bottom: 1.7rem;
    }

    .pb-lg-1-8, .py-lg-1-8 {
        padding-bottom: 1.8rem;
    }

    .pb-lg-1-9, .py-lg-1-9 {
        padding-bottom: 1.9rem;
    }

    .pb-lg-2-0, .py-lg-2-0 {
        padding-bottom: 2.0rem;
    }

    .pb-lg-2-1, .py-lg-2-1 {
        padding-bottom: 2.1rem;
    }

    .pb-lg-2-2, .py-lg-2-2 {
        padding-bottom: 2.2rem;
    }

    .pb-lg-2-3, .py-lg-2-3 {
        padding-bottom: 2.3rem;
    }

    .pb-lg-2-4, .py-lg-2-4 {
        padding-bottom: 2.4rem;
    }

    .pb-lg-2-5, .py-lg-2-5 {
        padding-bottom: 2.5rem;
    }

    .pb-lg-2-6, .py-lg-2-6 {
        padding-bottom: 2.6rem;
    }

    .pb-lg-2-7, .py-lg-2-7 {
        padding-bottom: 2.7rem;
    }

    .pb-lg-2-8, .py-lg-2-8 {
        padding-bottom: 2.8rem;
    }

    .pb-lg-2-9, .py-lg-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 3.5rem;
    }

    .pb-lg-7, .py-lg-7 {
        padding-bottom: 4rem;
    }

    .pb-lg-8, .py-lg-8 {
        padding-bottom: 4.5rem;
    }

    .pb-lg-9, .py-lg-9 {
        padding-bottom: 5rem;
    }

    .pb-lg-10, .py-lg-10 {
        padding-bottom: 5.5rem;
    }

    .pb-lg-11, .py-lg-11 {
        padding-bottom: 6rem;
    }

    .pb-lg-12, .py-lg-12 {
        padding-bottom: 6.5rem;
    }

    .pb-lg-13, .py-lg-13 {
        padding-bottom: 7rem;
    }

    .pb-lg-14, .py-lg-14 {
        padding-bottom: 7.5rem;
    }

    .pb-lg-15, .py-lg-15 {
        padding-bottom: 8rem;
    }

    .pb-lg-16, .py-lg-16 {
        padding-bottom: 8.5rem;
    }

    .pb-lg-17, .py-lg-17 {
        padding-bottom: 9rem;
    }

    .pb-lg-18, .py-lg-18 {
        padding-bottom: 9.5rem;
    }

    .pb-lg-19, .py-lg-19 {
        padding-bottom: 10rem;
    }

    .pb-lg-20, .py-lg-20 {
        padding-bottom: 10.5rem;
    }

    .pb-lg-21, .py-lg-21 {
        padding-bottom: 11rem;
    }

    .pb-lg-22, .py-lg-22 {
        padding-bottom: 11.5rem;
    }

    .pb-lg-23, .py-lg-23 {
        padding-bottom: 12rem;
    }

    .pb-lg-24, .py-lg-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-lg-1-6, .px-lg-1-6 {
        padding-left: 1.6rem;
    }

    .ps-lg-1-7, .px-lg-1-7 {
        padding-left: 1.7rem;
    }

    .ps-lg-1-8, .px-lg-1-8 {
        padding-left: 1.8rem;
    }

    .ps-lg-1-9, .px-lg-1-9 {
        padding-left: 1.9rem;
    }

    .ps-lg-2-0, .px-lg-2-0 {
        padding-left: 2.0rem;
    }

    .ps-lg-2-1, .px-lg-2-1 {
        padding-left: 2.1rem;
    }

    .ps-lg-2-2, .px-lg-2-2 {
        padding-left: 2.2rem;
    }

    .ps-lg-2-3, .px-lg-2-3 {
        padding-left: 2.3rem;
    }

    .ps-lg-2-4, .px-lg-2-4 {
        padding-left: 2.4rem;
    }

    .ps-lg-2-5, .px-lg-2-5 {
        padding-left: 2.5rem;
    }

    .ps-lg-2-6, .px-lg-2-6 {
        padding-left: 2.6rem;
    }

    .ps-lg-2-7, .px-lg-2-7 {
        padding-left: 2.7rem;
    }

    .ps-lg-2-8, .px-lg-2-8 {
        padding-left: 2.8rem;
    }

    .ps-lg-2-9, .px-lg-2-9 {
        padding-left: 2.9rem;
    }

    .ps-lg-6, .px-lg-6 {
        padding-left: 3.5rem;
    }

    .ps-lg-7, .px-lg-7 {
        padding-left: 4rem;
    }

    .ps-lg-8, .px-lg-8 {
        padding-left: 4.5rem;
    }

    .ps-lg-9, .px-lg-9 {
        padding-left: 5rem;
    }

    .ps-lg-10, .px-lg-10 {
        padding-left: 5.5rem;
    }

    .ps-lg-11, .px-lg-11 {
        padding-left: 6rem;
    }

    .ps-lg-12, .px-lg-12 {
        padding-left: 6.5rem;
    }

    .ps-lg-13, .px-lg-13 {
        padding-left: 7rem;
    }

    .ps-lg-14, .px-lg-14 {
        padding-left: 7.5rem;
    }

    .ps-lg-15, .px-lg-15 {
        padding-left: 8rem;
    }

    .ps-lg-16, .px-lg-16 {
        padding-left: 8.5rem;
    }

    .ps-lg-17, .px-lg-17 {
        padding-left: 9rem;
    }

    .ps-lg-18, .px-lg-18 {
        padding-left: 9.5rem;
    }

    .ps-lg-19, .px-lg-19 {
        padding-left: 10rem;
    }

    .ps-lg-20, .px-lg-20 {
        padding-left: 10.5rem;
    }

    .ps-lg-21, .px-lg-21 {
        padding-left: 11rem;
    }

    .ps-lg-22, .px-lg-22 {
        padding-left: 11.5rem;
    }

    .ps-lg-23, .px-lg-23 {
        padding-left: 12rem;
    }

    .ps-lg-24, .px-lg-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-lg-1-6, .px-lg-1-6 {
        padding-right: 1.6rem;
    }

    .pe-lg-1-7, .px-lg-1-7 {
        padding-right: 1.7rem;
    }

    .pe-lg-1-8, .px-lg-1-8 {
        padding-right: 1.8rem;
    }

    .pe-lg-1-9, .px-lg-1-9 {
        padding-right: 1.9rem;
    }

    .pe-lg-2-0, .px-lg-2-0 {
        padding-right: 2.0rem;
    }

    .pe-lg-2-1, .px-lg-2-1 {
        padding-right: 2.1rem;
    }

    .pe-lg-2-2, .px-lg-2-2 {
        padding-right: 2.2rem;
    }

    .pe-lg-2-3, .px-lg-2-3 {
        padding-right: 2.3rem;
    }

    .pe-lg-2-4, .px-lg-2-4 {
        padding-right: 2.4rem;
    }

    .pe-lg-2-5, .px-lg-2-5 {
        padding-right: 2.5rem;
    }

    .pe-lg-2-6, .px-lg-2-6 {
        padding-right: 2.6rem;
    }

    .pe-lg-2-7, .px-lg-2-7 {
        padding-right: 2.7rem;
    }

    .pe-lg-2-8, .px-lg-2-8 {
        padding-right: 2.8rem;
    }

    .pe-lg-2-9, .px-lg-2-9 {
        padding-right: 2.9rem;
    }

    .pe-lg-6, .px-lg-6 {
        padding-right: 3.5rem;
    }

    .pe-lg-7, .px-lg-7 {
        padding-right: 4rem;
    }

    .pe-lg-8, .px-lg-8 {
        padding-right: 4.5rem;
    }

    .pe-lg-9, .px-lg-9 {
        padding-right: 5rem;
    }

    .pe-lg-10, .px-lg-10 {
        padding-right: 5.5rem;
    }

    .pe-lg-11, .px-lg-11 {
        padding-right: 6rem;
    }

    .pe-lg-12, .px-lg-12 {
        padding-right: 6.5rem;
    }

    .pe-lg-13, .px-lg-13 {
        padding-right: 7rem;
    }

    .pe-lg-14, .px-lg-14 {
        padding-right: 7.5rem;
    }

    .pe-lg-15, .px-lg-15 {
        padding-right: 8rem;
    }

    .pe-lg-16, .px-lg-16 {
        padding-right: 8.5rem;
    }

    .pe-lg-17, .px-lg-17 {
        padding-right: 9rem;
    }

    .pe-lg-18, .px-lg-18 {
        padding-right: 9.5rem;
    }

    .pe-lg-19, .px-lg-19 {
        padding-right: 10rem;
    }

    .pe-lg-20, .px-lg-20 {
        padding-right: 10.5rem;
    }

    .pe-lg-21, .px-lg-21 {
        padding-right: 11rem;
    }

    .pe-lg-22, .px-lg-22 {
        padding-right: 11.5rem;
    }

    .pe-lg-23, .px-lg-23 {
        padding-right: 12rem;
    }

    .pe-lg-24, .px-lg-24 {
        padding-right: 12.5rem;
    }
}

@media screen and (min-width: 1200px) {

    /* width */
    .w-xl-1px {
        width: 1px;
    }

    .w-xl-2px {
        width: 2px;
    }

    .w-xl-3px {
        width: 3px;
    }

    .w-xl-4px {
        width: 4px;
    }

    .w-xl-5px {
        width: 5px;
    }

    .w-xl-6px {
        width: 6px;
    }

    .w-xl-7px {
        width: 7px;
    }

    .w-xl-8px {
        width: 8px;
    }

    .w-xl-9px {
        width: 9px;
    }

    .w-xl-10px {
        width: 10px;
    }

    .w-xl-15px {
        width: 15px;
    }

    .w-xl-20px {
        width: 20px;
    }

    .w-xl-25px {
        width: 25px;
    }

    .w-xl-30px {
        width: 30px;
    }

    .w-xl-35px {
        width: 35px;
    }

    .w-xl-40px {
        width: 40px;
    }

    .w-xl-50px {
        width: 50px;
    }

    .w-xl-55px {
        width: 55px;
    }

    .w-xl-60px {
        width: 60px;
    }

    .w-xl-65px {
        width: 65px;
    }

    .w-xl-70px {
        width: 70px;
    }

    .w-xl-75px {
        width: 75px;
    }

    .w-xl-80px {
        width: 80px;
    }

    .w-xl-85px {
        width: 85px;
    }

    .w-xl-90px {
        width: 90px;
    }

    .w-xl-100px {
        width: 100px;
    }

    .w-xl-1 {
        width: 1%;
    }

    .w-xl-2 {
        width: 2%;
    }

    .w-xl-3 {
        width: 3%;
    }

    .w-xl-4 {
        width: 4%;
    }

    .w-xl-5 {
        width: 5%;
    }

    .w-xl-6 {
        width: 6%;
    }

    .w-xl-7 {
        width: 7%;
    }

    .w-xl-8 {
        width: 8%;
    }

    .w-xl-9 {
        width: 9%;
    }

    .w-xl-10 {
        width: 10%;
    }

    .w-xl-11 {
        width: 10%;
    }

    .w-xl-12 {
        width: 12%;
    }

    .w-xl-13 {
        width: 13%;
    }

    .w-xl-14 {
        width: 14%;
    }

    .w-xl-15 {
        width: 15%;
    }

    .w-xl-20 {
        width: 20%;
    }

    .w-xl-25 {
        width: 25%;
    }

    .w-xl-30 {
        width: 30%;
    }

    .w-xl-35 {
        width: 35%;
    }

    .w-xl-40 {
        width: 40%;
    }

    .w-xl-45 {
        width: 45%;
    }

    .w-xl-50 {
        width: 50%;
    }

    .w-xl-55 {
        width: 55%;
    }

    .w-xl-60 {
        width: 60%;
    }

    .w-xl-65 {
        width: 65%;
    }

    .w-xl-70 {
        width: 70%;
    }

    .w-xl-75 {
        width: 75%;
    }

    .w-xl-80 {
        width: 80%;
    }

    .w-xl-85 {
        width: 85%;
    }

    .w-xl-90 {
        width: 90%;
    }

    .w-xl-95 {
        width: 95%;
    }

    .w-xl-100 {
        width: 100%;
    }

    .w-xl-auto {
        width: auto;
    }

    /* font size */
    .display-xl-1 {
        font-size: 6rem;
    }

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

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

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

    .display-xl-5 {
        font-size: 3.4rem;
    }

    .display-xl-6 {
        font-size: 3.3rem;
    }

    .display-xl-7 {
        font-size: 3.2rem;
    }

    .display-xl-8 {
        font-size: 3.1rem;
    }

    .display-xl-9 {
        font-size: 3.0rem;
    }

    .display-xl-10 {
        font-size: 2.9rem;
    }

    .display-xl-11 {
        font-size: 2.8rem;
    }

    .display-xl-12 {
        font-size: 2.7rem;
    }

    .display-xl-13 {
        font-size: 2.6rem;
    }

    .display-xl-14 {
        font-size: 2.5rem;
    }

    .display-xl-15 {
        font-size: 2.4rem;
    }

    .display-xl-16 {
        font-size: 2.3rem;
    }

    .display-xl-17 {
        font-size: 2.2rem;
    }

    .display-xl-18 {
        font-size: 2.1rem;
    }

    .display-xl-19 {
        font-size: 2.0rem;
    }

    .display-xl-20 {
        font-size: 1.9rem;
    }

    .display-xl-21 {
        font-size: 1.8rem;
    }

    .display-xl-22 {
        font-size: 1.7rem;
    }

    .display-xl-23 {
        font-size: 1.6rem;
    }

    .display-xl-24 {
        font-size: 1.5rem;
    }

    .display-xl-25 {
        font-size: 1.4rem;
    }

    .display-xl-26 {
        font-size: 1.3rem;
    }

    .display-xl-27 {
        font-size: 1.2rem;
    }

    .display-xl-28 {
        font-size: 1.1rem;
    }

    .display-xl-29 {
        font-size: 1.0rem;
    }

    .display-xl-30 {
        font-size: 0.9rem;
    }

    .display-xl-31 {
        font-size: 0.8rem;
    }

    .display-xl-32 {
        font-size: 0.7rem;
    }

    .display-xl-33 {
        font-size: 0.6rem;
    }

    .display-xl-34 {
        font-size: 0.5rem;
    }

    /* border */
    .border-xl-0 {
        border: none;
    }

    .border-xl {
        border: 1px solid #dee2e6;
    }

    .border-xl-top {
        border-top: 1px solid #dee2e6;
    }

    .border-xl-end {
        border-right: 1px solid #dee2e6;
    }

    .border-xl-bottom {
        border-bottom: 1px solid #dee2e6;
    }

    .border-xl-start {
        border-left: 1px solid #dee2e6;
    }

    .border-xl-top-0 {
        border-top: none;
    }

    .border-xl-end-0 {
        border-right: none;
    }

    .border-xl-bottom-0 {
        border-bottom: none;
    }

    .border-xl-start-0 {
        border-left: none;
    }

    .border-xl-color-light-white {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    /* rounded */
    .rounded-xl {
        border-radius: .25rem;
    }

    .border-radius-xl-10 {
        border-radius: 10px;
    }

    /* position */
    .top-xl-5 {
        top: 5%;
        bottom: inherit;
    }

    .top-xl-10 {
        top: 10%;
        bottom: inherit;
    }

    .top-xl-15 {
        top: 15%;
        bottom: inherit;
    }

    .top-xl-20 {
        top: 20%;
        bottom: inherit;
    }

    .top-xl-25 {
        top: 25%;
        bottom: inherit;
    }

    .top-xl-30 {
        top: 30%;
        bottom: inherit;
    }

    .top-xl-35 {
        top: 35%;
        bottom: inherit;
    }

    .top-xl-40 {
        top: 40%;
        bottom: inherit;
    }

    .top-xl-45 {
        top: 45%;
        bottom: inherit;
    }

    .top-xl-50 {
        top: 50%;
        bottom: inherit;
    }

    .top-xl-55 {
        top: 55%;
        bottom: inherit;
    }

    .top-xl-60 {
        top: 60%;
        bottom: inherit;
    }

    .top-xl-65 {
        top: 65%;
        bottom: inherit;
    }

    .top-xl-70 {
        top: 70%;
        bottom: inherit;
    }

    .top-xl-75 {
        top: 75%;
        bottom: inherit;
    }

    .top-xl-80 {
        top: 80%;
        bottom: inherit;
    }

    .top-xl-85 {
        top: 85%;
        bottom: inherit;
    }

    .top-xl-90 {
        top: 90%;
        bottom: inherit;
    }

    .top-xl-95 {
        top: 95%;
        bottom: inherit;
    }

    .top-xl-100 {
        top: 100%;
        bottom: inherit;
    }

    .top-xl-n5 {
        top: -5%;
        bottom: inherit;
    }

    .top-xl-n10 {
        top: -10%;
        bottom: inherit;
    }

    .top-xl-n15 {
        top: -15%;
        bottom: inherit;
    }

    .top-xl-n20 {
        top: -20%;
        bottom: inherit;
    }

    .top-xl-n25 {
        top: -25%;
        bottom: inherit;
    }

    .top-xl-n30 {
        top: -30%;
        bottom: inherit;
    }

    .top-xl-n35 {
        top: -35%;
        bottom: inherit;
    }

    .top-xl-n40 {
        top: -40%;
        bottom: inherit;
    }

    .top-xl-n45 {
        top: -45%;
        bottom: inherit;
    }

    .top-xl-n50 {
        top: -50%;
        bottom: inherit;
    }

    .top-xl-n55 {
        top: -55%;
        bottom: inherit;
    }

    .top-xl-n60 {
        top: -60%;
        bottom: inherit;
    }

    .top-xl-n65 {
        top: -65%;
        bottom: inherit;
    }

    .top-xl-n70 {
        top: -70%;
        bottom: inherit;
    }

    .top-xl-n75 {
        top: -75%;
        bottom: inherit;
    }

    .top-xl-n80 {
        top: -80%;
        bottom: inherit;
    }

    .top-xl-n85 {
        top: -85%;
        bottom: inherit;
    }

    .top-xl-n90 {
        top: -90%;
        bottom: inherit;
    }

    .top-xl-n95 {
        top: -95%;
        bottom: inherit;
    }

    .top-xl-n100 {
        top: -100%;
        bottom: inherit;
    }

    .bottom-xl-5 {
        bottom: 5%;
        top: inherit;
    }

    .bottom-xl-10 {
        bottom: 10%;
        top: inherit;
    }

    .bottom-xl-15 {
        bottom: 15%;
        top: inherit;
    }

    .bottom-xl-20 {
        bottom: 20%;
        top: inherit;
    }

    .bottom-xl-25 {
        bottom: 25%;
        top: inherit;
    }

    .bottom-xl-30 {
        bottom: 30%;
        top: inherit;
    }

    .bottom-xl-35 {
        bottom: 35%;
        top: inherit;
    }

    .bottom-xl-40 {
        bottom: 40%;
        top: inherit;
    }

    .bottom-xl-45 {
        bottom: 45%;
        top: inherit;
    }

    .bottom-xl-50 {
        bottom: 50%;
        top: inherit;
    }

    .bottom-xl-55 {
        bottom: 55%;
        top: inherit;
    }

    .bottom-xl-60 {
        bottom: 60%;
        top: inherit;
    }

    .bottom-xl-65 {
        bottom: 65%;
        top: inherit;
    }

    .bottom-xl-70 {
        bottom: 70%;
        top: inherit;
    }

    .bottom-xl-75 {
        bottom: 75%;
        top: inherit;
    }

    .bottom-xl-80 {
        bottom: 80%;
        top: inherit;
    }

    .bottom-xl-85 {
        bottom: 85%;
        top: inherit;
    }

    .bottom-xl-90 {
        bottom: 90%;
        top: inherit;
    }

    .bottom-xl-95 {
        bottom: 95%;
        top: inherit;
    }

    .bottom-xl-100 {
        bottom: 100%;
        top: inherit;
    }

    .bottom-xl-n5 {
        bottom: -5%;
        top: inherit;
    }

    .bottom-xl-n10 {
        bottom: -10%;
        top: inherit;
    }

    .bottom-xl-n15 {
        bottom: -15%;
        top: inherit;
    }

    .bottom-xl-n20 {
        bottom: -20%;
        top: inherit;
    }

    .bottom-xl-n25 {
        bottom: -25%;
        top: inherit;
    }

    .bottom-xl-n30 {
        bottom: -30%;
        top: inherit;
    }

    .bottom-xl-n35 {
        bottom: -35%;
        top: inherit;
    }

    .bottom-xl-n40 {
        bottom: -40%;
        top: inherit;
    }

    .bottom-xl-n45 {
        bottom: -45%;
        top: inherit;
    }

    .bottom-xl-n50 {
        bottom: -50%;
        top: inherit;
    }

    .bottom-xl-n55 {
        bottom: -55%;
        top: inherit;
    }

    .bottom-xl-n60 {
        bottom: -60%;
        top: inherit;
    }

    .bottom-xl-n65 {
        bottom: -65%;
        top: inherit;
    }

    .bottom-xl-n70 {
        bottom: -70%;
        top: inherit;
    }

    .bottom-xl-n75 {
        bottom: -75%;
        top: inherit;
    }

    .bottom-xl-n80 {
        bottom: -80%;
        top: inherit;
    }

    .bottom-xl-n85 {
        bottom: -85%;
        top: inherit;
    }

    .bottom-xl-n90 {
        bottom: -90%;
        top: inherit;
    }

    .bottom-xl-n95 {
        bottom: -95%;
        top: inherit;
    }

    .bottom-xl-n100 {
        bottom: -100%;
        top: inherit;
    }

    .left-xl-5 {
        left: 5%;
        right: inherit;
    }

    .left-xl-10 {
        left: 10%;
        right: inherit;
    }

    .left-xl-15 {
        left: 15%;
        right: inherit;
    }

    .left-xl-20 {
        left: 20%;
        right: inherit;
    }

    .left-xl-25 {
        left: 25%;
        right: inherit;
    }

    .left-xl-30 {
        left: 30%;
        right: inherit;
    }

    .left-xl-35 {
        left: 35%;
        right: inherit;
    }

    .left-xl-40 {
        left: 40%;
        right: inherit;
    }

    .left-xl-45 {
        left: 45%;
        right: inherit;
    }

    .left-xl-50 {
        left: 50%;
        right: inherit;
    }

    .left-xl-55 {
        left: 55%;
        right: inherit;
    }

    .left-xl-60 {
        left: 60%;
        right: inherit;
    }

    .left-xl-65 {
        left: 65%;
        right: inherit;
    }

    .left-xl-70 {
        left: 70%;
        right: inherit;
    }

    .left-xl-75 {
        left: 75%;
        right: inherit;
    }

    .left-xl-80 {
        left: 80%;
        right: inherit;
    }

    .left-xl-85 {
        left: 85%;
        right: inherit;
    }

    .left-xl-90 {
        left: 90%;
        right: inherit;
    }

    .left-xl-95 {
        left: 95%;
        right: inherit;
    }

    .left-xl-100 {
        left: 100%;
        right: inherit;
    }

    .left-xl-n5 {
        left: -5%;
        right: inherit;
    }

    .left-xl-n10 {
        left: -10%;
        right: inherit;
    }

    .left-xl-n15 {
        left: -15%;
        right: inherit;
    }

    .left-xl-n20 {
        left: -20%;
        right: inherit;
    }

    .left-xl-n25 {
        left: -25%;
        right: inherit;
    }

    .left-xl-n30 {
        left: -30%;
        right: inherit;
    }

    .left-xl-n35 {
        left: -35%;
        right: inherit;
    }

    .left-xl-n40 {
        left: -40%;
        right: inherit;
    }

    .left-xl-n45 {
        left: -45%;
        right: inherit;
    }

    .left-xl-n50 {
        left: -50%;
        right: inherit;
    }

    .left-xl-n55 {
        left: -55%;
        right: inherit;
    }

    .left-xl-n60 {
        left: -60%;
        right: inherit;
    }

    .left-xl-n65 {
        left: -65%;
        right: inherit;
    }

    .left-xl-n70 {
        left: -70%;
        right: inherit;
    }

    .left-xl-n75 {
        left: -75%;
        right: inherit;
    }

    .left-xl-n80 {
        left: -80%;
        right: inherit;
    }

    .left-xl-n85 {
        left: -85%;
        right: inherit;
    }

    .left-xl-n90 {
        left: -90%;
        right: inherit;
    }

    .left-xl-n95 {
        left: -95%;
        right: inherit;
    }

    .left-xl-n100 {
        left: -100%;
        right: inherit;
    }

    .right-xl-5 {
        right: 5%;
        left: inherit;
    }

    .right-xl-10 {
        right: 10%;
        left: inherit;
    }

    .right-xl-15 {
        right: 15%;
        left: inherit;
    }

    .right-xl-20 {
        right: 20%;
        left: inherit;
    }

    .right-xl-25 {
        right: 25%;
        left: inherit;
    }

    .right-xl-30 {
        right: 30%;
        left: inherit;
    }

    .right-xl-35 {
        right: 35%;
        left: inherit;
    }

    .right-xl-40 {
        right: 40%;
        left: inherit;
    }

    .right-xl-45 {
        right: 45%;
        left: inherit;
    }

    .right-xl-50 {
        right: 50%;
        left: inherit;
    }

    .right-xl-55 {
        right: 55%;
        left: inherit;
    }

    .right-xl-60 {
        right: 60%;
        left: inherit;
    }

    .right-xl-65 {
        right: 65%;
        left: inherit;
    }

    .right-xl-70 {
        right: 70%;
        left: inherit;
    }

    .right-xl-75 {
        right: 75%;
        left: inherit;
    }

    .right-xl-80 {
        right: 80%;
        left: inherit;
    }

    .right-xl-85 {
        right: 85%;
        left: inherit;
    }

    .right-xl-90 {
        right: 90%;
        left: inherit;
    }

    .right-xl-95 {
        right: 95%;
        left: inherit;
    }

    .right-xl-100 {
        right: 100%;
        left: inherit;
    }

    .right-xl-n5 {
        right: -5%;
        left: inherit;
    }

    .right-xl-n10 {
        right: -10%;
        left: inherit;
    }

    .right-xl-n15 {
        right: -15%;
        left: inherit;
    }

    .right-xl-n20 {
        right: -20%;
        left: inherit;
    }

    .right-xl-n25 {
        right: -25%;
        left: inherit;
    }

    .right-xl-n30 {
        right: -30%;
        left: inherit;
    }

    .right-xl-n35 {
        right: -35%;
        left: inherit;
    }

    .right-xl-n40 {
        right: -40%;
        left: inherit;
    }

    .right-xl-n45 {
        right: -45%;
        left: inherit;
    }

    .right-xl-n50 {
        right: -50%;
        left: inherit;
    }

    .right-xl-n55 {
        right: -55%;
        left: inherit;
    }

    .right-xl-n60 {
        right: -60%;
        left: inherit;
    }

    .right-xl-n65 {
        right: -65%;
        left: inherit;
    }

    .right-xl-n70 {
        right: -70%;
        left: inherit;
    }

    .right-xl-n75 {
        right: -75%;
        left: inherit;
    }

    .right-xl-n80 {
        right: -80%;
        left: inherit;
    }

    .right-xl-n85 {
        right: -85%;
        left: inherit;
    }

    .right-xl-n90 {
        right: -90%;
        left: inherit;
    }

    .right-xl-n95 {
        right: -95%;
        left: inherit;
    }

    .right-xl-n100 {
        right: -100%;
        left: inherit;
    }

    /* margin */

    /* margin all */
    .m-xl-1-6 {
        margin: 1.6rem;
    }

    .m-xl-1-7 {
        margin: 1.7rem;
    }

    .m-xl-1-8 {
        margin: 1.8rem;
    }

    .m-xl-1-9 {
        margin: 1.9rem;
    }

    .m-xl-2-0 {
        margin: 2.0rem;
    }

    .m-xl-2-1 {
        margin: 2.1rem;
    }

    .m-xl-2-2 {
        margin: 2.2rem;
    }

    .m-xl-2-3 {
        margin: 2.3rem;
    }

    .m-xl-2-4 {
        margin: 2.4rem;
    }

    .m-xl-2-5 {
        margin: 2.5rem;
    }

    .m-xl-2-6 {
        margin: 2.6rem;
    }

    .m-xl-2-7 {
        margin: 2.7rem;
    }

    .m-xl-2-8 {
        margin: 2.8rem;
    }

    .m-xl-2-9 {
        margin: 2.9rem;
    }

    .m-xl-6 {
        margin: 3.5rem;
    }

    .m-xl-7 {
        margin: 4rem;
    }

    .m-xl-8 {
        margin: 4.5rem;
    }

    .m-xl-9 {
        margin: 5rem;
    }

    .m-xl-10 {
        margin: 5.5rem;
    }

    .m-xl-11 {
        margin: 6rem;
    }

    .m-xl-12 {
        margin: 6.5rem;
    }

    .m-xl-13 {
        margin: 7rem;
    }

    .m-xl-14 {
        margin: 7.5rem;
    }

    .m-xl-15 {
        margin: 8rem;
    }

    .m-xl-16 {
        margin: 8.5rem;
    }

    .m-xl-17 {
        margin: 9rem;
    }

    .m-xl-18 {
        margin: 9.5rem;
    }

    .m-xl-19 {
        margin: 10rem;
    }

    .m-xl-20 {
        margin: 10.5rem;
    }

    .m-xl-21 {
        margin: 11rem;
    }

    .m-xl-22 {
        margin: 11.5rem;
    }

    .m-xl-23 {
        margin: 12rem;
    }

    .m-xl-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-xl-1-6, .my-xl-1-6 {
        margin-top: 1.6rem;
    }

    .mt-xl-1-7, .my-xl-1-7 {
        margin-top: 1.7rem;
    }

    .mt-xl-1-8, .my-xl-1-8 {
        margin-top: 1.8rem;
    }

    .mt-xl-1-9, .my-xl-1-9 {
        margin-top: 1.9rem;
    }

    .mt-xl-2-0, .my-xl-2-0 {
        margin-top: 2.0rem;
    }

    .mt-xl-2-1, .my-xl-2-1 {
        margin-top: 2.1rem;
    }

    .mt-xl-2-2, .my-xl-2-2 {
        margin-top: 2.2rem;
    }

    .mt-xl-2-3, .my-xl-2-3 {
        margin-top: 2.3rem;
    }

    .mt-xl-2-4, .my-xl-2-4 {
        margin-top: 2.4rem;
    }

    .mt-xl-2-5, .my-xl-2-5 {
        margin-top: 2.5rem;
    }

    .mt-xl-2-6, .my-xl-2-6 {
        margin-top: 2.6rem;
    }

    .mt-xl-2-7, .my-xl-2-7 {
        margin-top: 2.7rem;
    }

    .mt-xl-2-8, .my-xl-2-8 {
        margin-top: 2.8rem;
    }

    .mt-xl-2-9, .my-xl-2-9 {
        margin-top: 2.9rem;
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 3.5rem;
    }

    .mt-xl-7, .my-xl-7 {
        margin-top: 4rem;
    }

    .mt-xl-8, .my-xl-8 {
        margin-top: 4.5rem;
    }

    .mt-xl-9, .my-xl-9 {
        margin-top: 5rem;
    }

    .mt-xl-10, .my-xl-10 {
        margin-top: 5.5rem;
    }

    .mt-xl-11, .my-xl-11 {
        margin-top: 6rem;
    }

    .mt-xl-12, .my-xl-12 {
        margin-top: 6.5rem;
    }

    .mt-xl-13, .my-xl-13 {
        margin-top: 7rem;
    }

    .mt-xl-14, .my-xl-14 {
        margin-top: 7.5rem;
    }

    .mt-xl-15, .my-xl-15 {
        margin-top: 8rem;
    }

    .mt-xl-16, .my-xl-16 {
        margin-top: 8.5rem;
    }

    .mt-xl-17, .my-xl-17 {
        margin-top: 9rem;
    }

    .mt-xl-18, .my-xl-18 {
        margin-top: 9.5rem;
    }

    .mt-xl-19, .my-xl-19 {
        margin-top: 10rem;
    }

    .mt-xl-20, .my-xl-20 {
        margin-top: 10.5rem;
    }

    .mt-xl-21, .my-xl-21 {
        margin-top: 11rem;
    }

    .mt-xl-22, .my-xl-22 {
        margin-top: 11.5rem;
    }

    .mt-xl-23, .my-xl-23 {
        margin-top: 12rem;
    }

    .mt-xl-24, .my-xl-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-xl-1-6, .my-xl-1-6 {
        margin-bottom: 1.6rem;
    }

    .mb-xl-1-7, .my-xl-1-7 {
        margin-bottom: 1.7rem;
    }

    .mb-xl-1-8, .my-xl-1-8 {
        margin-bottom: 1.8rem;
    }

    .mb-xl-1-9, .my-xl-1-9 {
        margin-bottom: 1.9rem;
    }

    .mb-xl-2-0, .my-xl-2-0 {
        margin-bottom: 2.0rem;
    }

    .mb-xl-2-1, .my-xl-2-1 {
        margin-bottom: 2.1rem;
    }

    .mb-xl-2-2, .my-xl-2-2 {
        margin-bottom: 2.2rem;
    }

    .mb-xl-2-3, .my-xl-2-3 {
        margin-bottom: 2.3rem;
    }

    .mb-xl-2-4, .my-xl-2-4 {
        margin-bottom: 2.4rem;
    }

    .mb-xl-2-5, .my-xl-2-5 {
        margin-bottom: 2.5rem;
    }

    .mb-xl-2-6, .my-xl-2-6 {
        margin-bottom: 2.6rem;
    }

    .mb-xl-2-7, .my-xl-2-7 {
        margin-bottom: 2.7rem;
    }

    .mb-xl-2-8, .my-xl-2-8 {
        margin-bottom: 2.8rem;
    }

    .mb-xl-2-9, .my-xl-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 3.5rem;
    }

    .mb-xl-7, .my-xl-7 {
        margin-bottom: 4rem;
    }

    .mb-xl-8, .my-xl-8 {
        margin-bottom: 4.5rem;
    }

    .mb-xl-9, .my-xl-9 {
        margin-bottom: 5rem;
    }

    .mb-xl-10, .my-xl-10 {
        margin-bottom: 5.5rem;
    }

    .mb-xl-11, .my-xl-11 {
        margin-bottom: 6rem;
    }

    .mb-xl-12, .my-xl-12 {
        margin-bottom: 6.5rem;
    }

    .mb-xl-13, .my-xl-13 {
        margin-bottom: 7rem;
    }

    .mb-xl-14, .my-xl-14 {
        margin-bottom: 7.5rem;
    }

    .mb-xl-15, .my-xl-15 {
        margin-bottom: 8rem;
    }

    .mb-xl-16, .my-xl-16 {
        margin-bottom: 8.5rem;
    }

    .mb-xl-17, .my-xl-17 {
        margin-bottom: 9rem;
    }

    .mb-xl-18, .my-xl-18 {
        margin-bottom: 9.5rem;
    }

    .mb-xl-19, .my-xl-19 {
        margin-bottom: 10rem;
    }

    .mb-xl-20, .my-xl-20 {
        margin-bottom: 10.5rem;
    }

    .mb-xl-21, .my-xl-21 {
        margin-bottom: 11rem;
    }

    .mb-xl-22, .my-xl-22 {
        margin-bottom: 11.5rem;
    }

    .mb-xl-23, .my-xl-23 {
        margin-bottom: 12rem;
    }

    .mb-xl-24, .my-xl-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-xl-1-6, .mx-xl-1-6 {
        margin-left: 1.6rem;
    }

    .ms-xl-1-7, .mx-xl-1-7 {
        margin-left: 1.7rem;
    }

    .ms-xl-1-8, .mx-xl-1-8 {
        margin-left: 1.8rem;
    }

    .ms-xl-1-9, .mx-xl-1-9 {
        margin-left: 1.9rem;
    }

    .ms-xl-2-0, .mx-xl-2-0 {
        margin-left: 2.0rem;
    }

    .ms-xl-2-1, .mx-xl-2-1 {
        margin-left: 2.1rem;
    }

    .ms-xl-2-2, .mx-xl-2-2 {
        margin-left: 2.2rem;
    }

    .ms-xl-2-3, .mx-xl-2-3 {
        margin-left: 2.3rem;
    }

    .ms-xl-2-4, .mx-xl-2-4 {
        margin-left: 2.4rem;
    }

    .ms-xl-2-5, .mx-xl-2-5 {
        margin-left: 2.5rem;
    }

    .ms-xl-2-6, .mx-xl-2-6 {
        margin-left: 2.6rem;
    }

    .ms-xl-2-7, .mx-xl-2-7 {
        margin-left: 2.7rem;
    }

    .ms-xl-2-8, .mx-xl-2-8 {
        margin-left: 2.8rem;
    }

    .ms-xl-2-9, .mx-xl-2-9 {
        margin-left: 2.9rem;
    }

    .ms-xl-6, .mx-xl-6 {
        margin-left: 3.5rem;
    }

    .ms-xl-7, .mx-xl-7 {
        margin-left: 4rem;
    }

    .ms-xl-8, .mx-xl-8 {
        margin-left: 4.5rem;
    }

    .ms-xl-9, .mx-xl-9 {
        margin-left: 5rem;
    }

    .ms-xl-10, .mx-xl-10 {
        margin-left: 5.5rem;
    }

    .ms-xl-11, .mx-xl-11 {
        margin-left: 6rem;
    }

    .ms-xl-12, .mx-xl-12 {
        margin-left: 6.5rem;
    }

    .ms-xl-13, .mx-xl-13 {
        margin-left: 7rem;
    }

    .ms-xl-14, .mx-xl-14 {
        margin-left: 7.5rem;
    }

    .ms-xl-15, .mx-xl-15 {
        margin-left: 8rem;
    }

    .ms-xl-16, .mx-xl-16 {
        margin-left: 8.5rem;
    }

    .ms-xl-17, .mx-xl-17 {
        margin-left: 9rem;
    }

    .ms-xl-18, .mx-xl-18 {
        margin-left: 9.5rem;
    }

    .ms-xl-19, .mx-xl-19 {
        margin-left: 10rem;
    }

    .ms-xl-20, .mx-xl-20 {
        margin-left: 10.5rem;
    }

    .ms-xl-21, .mx-xl-21 {
        margin-left: 11rem;
    }

    .ms-xl-22, .mx-xl-22 {
        margin-left: 11.5rem;
    }

    .ms-xl-23, .mx-xl-23 {
        margin-left: 12rem;
    }

    .ms-xl-24, .mx-xl-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-xl-1-6, .mx-xl-1-6 {
        margin-right: 1.6rem;
    }

    .me-xl-1-7, .mx-xl-1-7 {
        margin-right: 1.7rem;
    }

    .me-xl-1-8, .mx-xl-1-8 {
        margin-right: 1.8rem;
    }

    .me-xl-1-9, .mx-xl-1-9 {
        margin-right: 1.9rem;
    }

    .me-xl-2-0, .mx-xl-2-0 {
        margin-right: 2.0rem;
    }

    .me-xl-2-1, .mx-xl-2-1 {
        margin-right: 2.1rem;
    }

    .me-xl-2-2, .mx-xl-2-2 {
        margin-right: 2.2rem;
    }

    .me-xl-2-3, .mx-xl-2-3 {
        margin-right: 2.3rem;
    }

    .me-xl-2-4, .mx-xl-2-4 {
        margin-right: 2.4rem;
    }

    .me-xl-2-5, .mx-xl-2-5 {
        margin-right: 2.5rem;
    }

    .me-xl-2-6, .mx-xl-2-6 {
        margin-right: 2.6rem;
    }

    .me-xl-2-7, .mx-xl-2-7 {
        margin-right: 2.7rem;
    }

    .me-xl-2-8, .mx-xl-2-8 {
        margin-right: 2.8rem;
    }

    .me-xl-2-9, .mx-xl-2-9 {
        margin-right: 2.9rem;
    }

    .me-xl-6, .mx-xl-6 {
        margin-right: 3.5rem;
    }

    .me-xl-7, .mx-xl-7 {
        margin-right: 4rem;
    }

    .me-xl-8, .mx-xl-8 {
        margin-right: 4.5rem;
    }

    .me-xl-9, .mx-xl-9 {
        margin-right: 5rem;
    }

    .me-xl-10, .mx-xl-10 {
        margin-right: 5.5rem;
    }

    .me-xl-11, .mx-xl-11 {
        margin-right: 6rem;
    }

    .me-xl-12, .mx-xl-12 {
        margin-right: 6.5rem;
    }

    .me-xl-13, .mx-xl-13 {
        margin-right: 7rem;
    }

    .me-xl-14, .mx-xl-14 {
        margin-right: 7.5rem;
    }

    .me-xl-15, .mx-xl-15 {
        margin-right: 8rem;
    }

    .me-xl-16, .mx-xl-16 {
        margin-right: 8.5rem;
    }

    .me-xl-17, .mx-xl-17 {
        margin-right: 9rem;
    }

    .me-xl-18, .mx-xl-18 {
        margin-right: 9.5rem;
    }

    .me-xl-19, .mx-xl-19 {
        margin-right: 10rem;
    }

    .me-xl-20, .mx-xl-20 {
        margin-right: 10.5rem;
    }

    .me-xl-21, .mx-xl-21 {
        margin-right: 11rem;
    }

    .me-xl-22, .mx-xl-22 {
        margin-right: 11.5rem;
    }

    .me-xl-23, .mx-xl-23 {
        margin-right: 12rem;
    }

    .me-xl-24, .mx-xl-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-xl-1-6 {
        padding: 1.6rem;
    }

    .p-xl-1-7 {
        padding: 1.7rem;
    }

    .p-xl-1-8 {
        padding: 1.8rem;
    }

    .p-xl-1-9 {
        padding: 1.9rem;
    }

    .p-xl-2-0 {
        padding: 2.0rem;
    }

    .p-xl-2-1 {
        padding: 2.1rem;
    }

    .p-xl-2-2 {
        padding: 2.2rem;
    }

    .p-xl-2-3 {
        padding: 2.3rem;
    }

    .p-xl-2-4 {
        padding: 2.4rem;
    }

    .p-xl-2-5 {
        padding: 2.5rem;
    }

    .p-xl-2-6 {
        padding: 2.6rem;
    }

    .p-xl-2-7 {
        padding: 2.7rem;
    }

    .p-xl-2-8 {
        padding: 2.8rem;
    }

    .p-xl-2-9 {
        padding: 2.9rem;
    }

    .p-xl-6 {
        padding: 3.5rem;
    }

    .p-xl-7 {
        padding: 4rem;
    }

    .p-xl-8 {
        padding: 4.5rem;
    }

    .p-xl-9 {
        padding: 5rem;
    }

    .p-xl-10 {
        padding: 5.5rem;
    }

    .p-xl-11 {
        padding: 6rem;
    }

    .p-xl-12 {
        padding: 6.5rem;
    }

    .p-xl-13 {
        padding: 7rem;
    }

    .p-xl-14 {
        padding: 7.5rem;
    }

    .p-xl-15 {
        padding: 8rem;
    }

    .p-xl-16 {
        padding: 8.5rem;
    }

    .p-xl-17 {
        padding: 9rem;
    }

    .p-xl-18 {
        padding: 9.5rem;
    }

    .p-xl-19 {
        padding: 10rem;
    }

    .p-xl-20 {
        padding: 10.5rem;
    }

    .p-xl-21 {
        padding: 11rem;
    }

    .p-xl-22 {
        padding: 11.5rem;
    }

    .p-xl-23 {
        padding: 12rem;
    }

    .p-xl-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-xl-1-6, .py-xl-1-6 {
        padding-top: 1.6rem;
    }

    .pt-xl-1-7, .py-xl-1-7 {
        padding-top: 1.7rem;
    }

    .pt-xl-1-8, .py-xl-1-8 {
        padding-top: 1.8rem;
    }

    .pt-xl-1-9, .py-xl-1-9 {
        padding-top: 1.9rem;
    }

    .pt-xl-2-0, .py-xl-2-0 {
        padding-top: 2.0rem;
    }

    .pt-xl-2-1, .py-xl-2-1 {
        padding-top: 2.1rem;
    }

    .pt-xl-2-2, .py-xl-2-2 {
        padding-top: 2.2rem;
    }

    .pt-xl-2-3, .py-xl-2-3 {
        padding-top: 2.3rem;
    }

    .pt-xl-2-4, .py-xl-2-4 {
        padding-top: 2.4rem;
    }

    .pt-xl-2-5, .py-xl-2-5 {
        padding-top: 2.5rem;
    }

    .pt-xl-2-6, .py-xl-2-6 {
        padding-top: 2.6rem;
    }

    .pt-xl-2-7, .py-xl-2-7 {
        padding-top: 2.7rem;
    }

    .pt-xl-2-8, .py-xl-2-8 {
        padding-top: 2.8rem;
    }

    .pt-xl-2-9, .py-xl-2-9 {
        padding-top: 2.9rem;
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 3.5rem;
    }

    .pt-xl-7, .py-xl-7 {
        padding-top: 4rem;
    }

    .pt-xl-8, .py-xl-8 {
        padding-top: 4.5rem;
    }

    .pt-xl-9, .py-xl-9 {
        padding-top: 5rem;
    }

    .pt-xl-10, .py-xl-10 {
        padding-top: 5.5rem;
    }

    .pt-xl-11, .py-xl-11 {
        padding-top: 6rem;
    }

    .pt-xl-12, .py-xl-12 {
        padding-top: 6.5rem;
    }

    .pt-xl-13, .py-xl-13 {
        padding-top: 7rem;
    }

    .pt-xl-14, .py-xl-14 {
        padding-top: 7.5rem;
    }

    .pt-xl-15, .py-xl-15 {
        padding-top: 8rem;
    }

    .pt-xl-16, .py-xl-16 {
        padding-top: 8.5rem;
    }

    .pt-xl-17, .py-xl-17 {
        padding-top: 9rem;
    }

    .pt-xl-18, .py-xl-18 {
        padding-top: 9.5rem;
    }

    .pt-xl-19, .py-xl-19 {
        padding-top: 10rem;
    }

    .pt-xl-20, .py-xl-20 {
        padding-top: 10.5rem;
    }

    .pt-xl-21, .py-xl-21 {
        padding-top: 11rem;
    }

    .pt-xl-22, .py-xl-22 {
        padding-top: 11.5rem;
    }

    .pt-xl-23, .py-xl-23 {
        padding-top: 12rem;
    }

    .pt-xl-24, .py-xl-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-xl-1-6, .py-xl-1-6 {
        padding-bottom: 1.6rem;
    }

    .pb-xl-1-7, .py-xl-1-7 {
        padding-bottom: 1.7rem;
    }

    .pb-xl-1-8, .py-xl-1-8 {
        padding-bottom: 1.8rem;
    }

    .pb-xl-1-9, .py-xl-1-9 {
        padding-bottom: 1.9rem;
    }

    .pb-xl-2-0, .py-xl-2-0 {
        padding-bottom: 2.0rem;
    }

    .pb-xl-2-1, .py-xl-2-1 {
        padding-bottom: 2.1rem;
    }

    .pb-xl-2-2, .py-xl-2-2 {
        padding-bottom: 2.2rem;
    }

    .pb-xl-2-3, .py-xl-2-3 {
        padding-bottom: 2.3rem;
    }

    .pb-xl-2-4, .py-xl-2-4 {
        padding-bottom: 2.4rem;
    }

    .pb-xl-2-5, .py-xl-2-5 {
        padding-bottom: 2.5rem;
    }

    .pb-xl-2-6, .py-xl-2-6 {
        padding-bottom: 2.6rem;
    }

    .pb-xl-2-7, .py-xl-2-7 {
        padding-bottom: 2.7rem;
    }

    .pb-xl-2-8, .py-xl-2-8 {
        padding-bottom: 2.8rem;
    }

    .pb-xl-2-9, .py-xl-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 3.5rem;
    }

    .pb-xl-7, .py-xl-7 {
        padding-bottom: 4rem;
    }

    .pb-xl-8, .py-xl-8 {
        padding-bottom: 4.5rem;
    }

    .pb-xl-9, .py-xl-9 {
        padding-bottom: 5rem;
    }

    .pb-xl-10, .py-xl-10 {
        padding-bottom: 5.5rem;
    }

    .pb-xl-11, .py-xl-11 {
        padding-bottom: 6rem;
    }

    .pb-xl-12, .py-xl-12 {
        padding-bottom: 6.5rem;
    }

    .pb-xl-13, .py-xl-13 {
        padding-bottom: 7rem;
    }

    .pb-xl-14, .py-xl-14 {
        padding-bottom: 7.5rem;
    }

    .pb-xl-15, .py-xl-15 {
        padding-bottom: 8rem;
    }

    .pb-xl-16, .py-xl-16 {
        padding-bottom: 8.5rem;
    }

    .pb-xl-17, .py-xl-17 {
        padding-bottom: 9rem;
    }

    .pb-xl-18, .py-xl-18 {
        padding-bottom: 9.5rem;
    }

    .pb-xl-19, .py-xl-19 {
        padding-bottom: 10rem;
    }

    .pb-xl-20, .py-xl-20 {
        padding-bottom: 10.5rem;
    }

    .pb-xl-21, .py-xl-21 {
        padding-bottom: 11rem;
    }

    .pb-xl-22, .py-xl-22 {
        padding-bottom: 11.5rem;
    }

    .pb-xl-23, .py-xl-23 {
        padding-bottom: 12rem;
    }

    .pb-xl-24, .py-xl-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-xl-1-6, .px-xl-1-6 {
        padding-left: 1.6rem;
    }

    .ps-xl-1-7, .px-xl-1-7 {
        padding-left: 1.7rem;
    }

    .ps-xl-1-8, .px-xl-1-8 {
        padding-left: 1.8rem;
    }

    .ps-xl-1-9, .px-xl-1-9 {
        padding-left: 1.9rem;
    }

    .ps-xl-2-0, .px-xl-2-0 {
        padding-left: 2.0rem;
    }

    .ps-xl-2-1, .px-xl-2-1 {
        padding-left: 2.1rem;
    }

    .ps-xl-2-2, .px-xl-2-2 {
        padding-left: 2.2rem;
    }

    .ps-xl-2-3, .px-xl-2-3 {
        padding-left: 2.3rem;
    }

    .ps-xl-2-4, .px-xl-2-4 {
        padding-left: 2.4rem;
    }

    .ps-xl-2-5, .px-xl-2-5 {
        padding-left: 2.5rem;
    }

    .ps-xl-2-6, .px-xl-2-6 {
        padding-left: 2.6rem;
    }

    .ps-xl-2-7, .px-xl-2-7 {
        padding-left: 2.7rem;
    }

    .ps-xl-2-8, .px-xl-2-8 {
        padding-left: 2.8rem;
    }

    .ps-xl-2-9, .px-xl-2-9 {
        padding-left: 2.9rem;
    }

    .ps-xl-6, .px-xl-6 {
        padding-left: 3.5rem;
    }

    .ps-xl-7, .px-xl-7 {
        padding-left: 4rem;
    }

    .ps-xl-8, .px-xl-8 {
        padding-left: 4.5rem;
    }

    .ps-xl-9, .px-xl-9 {
        padding-left: 5rem;
    }

    .ps-xl-10, .px-xl-10 {
        padding-left: 5.5rem;
    }

    .ps-xl-11, .px-xl-11 {
        padding-left: 6rem;
    }

    .ps-xl-12, .px-xl-12 {
        padding-left: 6.5rem;
    }

    .ps-xl-13, .px-xl-13 {
        padding-left: 7rem;
    }

    .ps-xl-14, .px-xl-14 {
        padding-left: 7.5rem;
    }

    .ps-xl-15, .px-xl-15 {
        padding-left: 8rem;
    }

    .ps-xl-16, .px-xl-16 {
        padding-left: 8.5rem;
    }

    .ps-xl-17, .px-xl-17 {
        padding-left: 9rem;
    }

    .ps-xl-18, .px-xl-18 {
        padding-left: 9.5rem;
    }

    .ps-xl-19, .px-xl-19 {
        padding-left: 10rem;
    }

    .ps-xl-20, .px-xl-20 {
        padding-left: 10.5rem;
    }

    .ps-xl-21, .px-xl-21 {
        padding-left: 11rem;
    }

    .ps-xl-22, .px-xl-22 {
        padding-left: 11.5rem;
    }

    .ps-xl-23, .px-xl-23 {
        padding-left: 12rem;
    }

    .ps-xl-24, .px-xl-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-xl-1-6, .px-xl-1-6 {
        padding-right: 1.6rem;
    }

    .pe-xl-1-7, .px-xl-1-7 {
        padding-right: 1.7rem;
    }

    .pe-xl-1-8, .px-xl-1-8 {
        padding-right: 1.8rem;
    }

    .pe-xl-1-9, .px-xl-1-9 {
        padding-right: 1.9rem;
    }

    .pe-xl-2-0, .px-xl-2-0 {
        padding-right: 2.0rem;
    }

    .pe-xl-2-1, .px-xl-2-1 {
        padding-right: 2.1rem;
    }

    .pe-xl-2-2, .px-xl-2-2 {
        padding-right: 2.2rem;
    }

    .pe-xl-2-3, .px-xl-2-3 {
        padding-right: 2.3rem;
    }

    .pe-xl-2-4, .px-xl-2-4 {
        padding-right: 2.4rem;
    }

    .pe-xl-2-5, .px-xl-2-5 {
        padding-right: 2.5rem;
    }

    .pe-xl-2-6, .px-xl-2-6 {
        padding-right: 2.6rem;
    }

    .pe-xl-2-7, .px-xl-2-7 {
        padding-right: 2.7rem;
    }

    .pe-xl-2-8, .px-xl-2-8 {
        padding-right: 2.8rem;
    }

    .pe-xl-2-9, .px-xl-2-9 {
        padding-right: 2.9rem;
    }

    .pe-xl-6, .px-xl-6 {
        padding-right: 3.5rem;
    }

    .pe-xl-7, .px-xl-7 {
        padding-right: 4rem;
    }

    .pe-xl-8, .px-xl-8 {
        padding-right: 4.5rem;
    }

    .pe-xl-9, .px-xl-9 {
        padding-right: 5rem;
    }

    .pe-xl-10, .px-xl-10 {
        padding-right: 5.5rem;
    }

    .pe-xl-11, .px-xl-11 {
        padding-right: 6rem;
    }

    .pe-xl-12, .px-xl-12 {
        padding-right: 6.5rem;
    }

    .pe-xl-13, .px-xl-13 {
        padding-right: 7rem;
    }

    .pe-xl-14, .px-xl-14 {
        padding-right: 7.5rem;
    }

    .pe-xl-15, .px-xl-15 {
        padding-right: 8rem;
    }

    .pe-xl-16, .px-xl-16 {
        padding-right: 8.5rem;
    }

    .pe-xl-17, .px-xl-17 {
        padding-right: 9rem;
    }

    .pe-xl-18, .px-xl-18 {
        padding-right: 9.5rem;
    }

    .pe-xl-19, .px-xl-19 {
        padding-right: 10rem;
    }

    .pe-xl-20, .px-xl-20 {
        padding-right: 10.5rem;
    }

    .pe-xl-21, .px-xl-21 {
        padding-right: 11rem;
    }

    .pe-xl-22, .px-xl-22 {
        padding-right: 11.5rem;
    }

    .pe-xl-23, .px-xl-23 {
        padding-right: 12rem;
    }

    .pe-xl-24, .px-xl-24 {
        padding-right: 12.5rem;
    }
}

@media screen and (min-width: 1400px) {

    /* width */
    .w-xxl-1px {
        width: 1px;
    }

    .w-xxl-2px {
        width: 2px;
    }

    .w-xxl-3px {
        width: 3px;
    }

    .w-xxl-4px {
        width: 4px;
    }

    .w-xxl-5px {
        width: 5px;
    }

    .w-xxl-6px {
        width: 6px;
    }

    .w-xxl-7px {
        width: 7px;
    }

    .w-xxl-8px {
        width: 8px;
    }

    .w-xxl-9px {
        width: 9px;
    }

    .w-xxl-10px {
        width: 10px;
    }

    .w-xxl-15px {
        width: 15px;
    }

    .w-xxl-20px {
        width: 20px;
    }

    .w-xxl-25px {
        width: 25px;
    }

    .w-xxl-30px {
        width: 30px;
    }

    .w-xxl-35px {
        width: 35px;
    }

    .w-xxl-40px {
        width: 40px;
    }

    .w-xxl-50px {
        width: 50px;
    }

    .w-xxl-55px {
        width: 55px;
    }

    .w-xxl-60px {
        width: 60px;
    }

    .w-xxl-65px {
        width: 65px;
    }

    .w-xxl-70px {
        width: 70px;
    }

    .w-xxl-75px {
        width: 75px;
    }

    .w-xxl-80px {
        width: 80px;
    }

    .w-xxl-85px {
        width: 85px;
    }

    .w-xxl-90px {
        width: 90px;
    }

    .w-xxl-100px {
        width: 100px;
    }

    .w-xxl-1 {
        width: 1%;
    }

    .w-xxl-2 {
        width: 2%;
    }

    .w-xxl-3 {
        width: 3%;
    }

    .w-xxl-4 {
        width: 4%;
    }

    .w-xxl-5 {
        width: 5%;
    }

    .w-xxl-6 {
        width: 6%;
    }

    .w-xxl-7 {
        width: 7%;
    }

    .w-xxl-8 {
        width: 8%;
    }

    .w-xxl-9 {
        width: 9%;
    }

    .w-xxl-10 {
        width: 10%;
    }

    .w-xxl-20 {
        width: 20%;
    }

    .w-xxl-25 {
        width: 25%;
    }

    .w-xxl-30 {
        width: 30%;
    }

    .w-xxl-35 {
        width: 35%;
    }

    .w-xxl-40 {
        width: 40%;
    }

    .w-xxl-45 {
        width: 45%;
    }

    .w-xxl-50 {
        width: 50%;
    }

    .w-xxl-55 {
        width: 55%;
    }

    .w-xxl-60 {
        width: 60%;
    }

    .w-xxl-65 {
        width: 65%;
    }

    .w-xxl-70 {
        width: 70%;
    }

    .w-xxl-75 {
        width: 75%;
    }

    .w-xxl-80 {
        width: 80%;
    }

    .w-xxl-85 {
        width: 85%;
    }

    .w-xxl-90 {
        width: 90%;
    }

    .w-xxl-95 {
        width: 95%;
    }

    .w-xxl-100 {
        width: 100%;
    }

    .w-xxl-auto {
        width: auto;
    }

    /* font size */
    .display-xxl-1 {
        font-size: 6rem;
    }

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

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

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

    .display-xxl-5 {
        font-size: 3.4rem;
    }

    .display-xxl-6 {
        font-size: 3.3rem;
    }

    .display-xxl-7 {
        font-size: 3.2rem;
    }

    .display-xxl-8 {
        font-size: 3.1rem;
    }

    .display-xxl-9 {
        font-size: 3.0rem;
    }

    .display-xxl-10 {
        font-size: 2.9rem;
    }

    .display-xxl-11 {
        font-size: 2.8rem;
    }

    .display-xxl-12 {
        font-size: 2.7rem;
    }

    .display-xxl-13 {
        font-size: 2.6rem;
    }

    .display-xxl-14 {
        font-size: 2.5rem;
    }

    .display-xxl-15 {
        font-size: 2.4rem;
    }

    .display-xxl-16 {
        font-size: 2.3rem;
    }

    .display-xxl-17 {
        font-size: 2.2rem;
    }

    .display-xxl-18 {
        font-size: 2.1rem;
    }

    .display-xxl-19 {
        font-size: 2.0rem;
    }

    .display-xxl-20 {
        font-size: 1.9rem;
    }

    .display-xxl-21 {
        font-size: 1.8rem;
    }

    .display-xxl-22 {
        font-size: 1.7rem;
    }

    .display-xxl-23 {
        font-size: 1.6rem;
    }

    .display-xxl-24 {
        font-size: 1.5rem;
    }

    .display-xxl-25 {
        font-size: 1.4rem;
    }

    .display-xxl-26 {
        font-size: 1.3rem;
    }

    .display-xxl-27 {
        font-size: 1.2rem;
    }

    .display-xxl-28 {
        font-size: 1.1rem;
    }

    .display-xxl-29 {
        font-size: 1.0rem;
    }

    .display-xxl-30 {
        font-size: 0.9rem;
    }

    .display-xxl-31 {
        font-size: 0.8rem;
    }

    .display-xxl-32 {
        font-size: 0.7rem;
    }

    .display-xxl-33 {
        font-size: 0.6rem;
    }

    .display-xxl-34 {
        font-size: 0.5rem;
    }

    /* border */
    .border-xxl-0 {
        border: none;
    }

    .border-xxl {
        border: 1px solid #dee2e6;
    }

    .border-xxl-top {
        border-top: 1px solid #dee2e6;
    }

    .border-xxl-end {
        border-right: 1px solid #dee2e6;
    }

    .border-xxl-bottom {
        border-bottom: 1px solid #dee2e6;
    }

    .border-xxl-start {
        border-left: 1px solid #dee2e6;
    }

    .border-xxl-top-0 {
        border-top: none;
    }

    .border-xxl-end-0 {
        border-right: none;
    }

    .border-xxl-bottom-0 {
        border-bottom: none;
    }

    .border-xxl-start-0 {
        border-left: none;
    }

    .border-xxl-color-light-white {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    /* rounded */
    .rounded-xxl {
        border-radius: .25rem;
    }

    /* position */
    .top-xxl-5 {
        top: 5%;
        bottom: inherit;
    }

    .top-xxl-10 {
        top: 10%;
        bottom: inherit;
    }

    .top-xxl-15 {
        top: 15%;
        bottom: inherit;
    }

    .top-xxl-20 {
        top: 20%;
        bottom: inherit;
    }

    .top-xxl-25 {
        top: 25%;
        bottom: inherit;
    }

    .top-xxl-30 {
        top: 30%;
        bottom: inherit;
    }

    .top-xxl-35 {
        top: 35%;
        bottom: inherit;
    }

    .top-xxl-40 {
        top: 40%;
        bottom: inherit;
    }

    .top-xxl-45 {
        top: 45%;
        bottom: inherit;
    }

    .top-xxl-50 {
        top: 50%;
        bottom: inherit;
    }

    .top-xxl-55 {
        top: 55%;
        bottom: inherit;
    }

    .top-xxl-60 {
        top: 60%;
        bottom: inherit;
    }

    .top-xxl-65 {
        top: 65%;
        bottom: inherit;
    }

    .top-xxl-70 {
        top: 70%;
        bottom: inherit;
    }

    .top-xxl-75 {
        top: 75%;
        bottom: inherit;
    }

    .top-xxl-80 {
        top: 80%;
        bottom: inherit;
    }

    .top-xxl-85 {
        top: 85%;
        bottom: inherit;
    }

    .top-xxl-90 {
        top: 90%;
        bottom: inherit;
    }

    .top-xxl-95 {
        top: 95%;
        bottom: inherit;
    }

    .top-xxl-100 {
        top: 100%;
        bottom: inherit;
    }

    .top-xxl-n5 {
        top: -5%;
        bottom: inherit;
    }

    .top-xxl-n10 {
        top: -10%;
        bottom: inherit;
    }

    .top-xxl-n15 {
        top: -15%;
        bottom: inherit;
    }

    .top-xxl-n20 {
        top: -20%;
        bottom: inherit;
    }

    .top-xxl-n25 {
        top: -25%;
        bottom: inherit;
    }

    .top-xxl-n30 {
        top: -30%;
        bottom: inherit;
    }

    .top-xxl-n35 {
        top: -35%;
        bottom: inherit;
    }

    .top-xxl-n40 {
        top: -40%;
        bottom: inherit;
    }

    .top-xxl-n45 {
        top: -45%;
        bottom: inherit;
    }

    .top-xxl-n50 {
        top: -50%;
        bottom: inherit;
    }

    .top-xxl-n55 {
        top: -55%;
        bottom: inherit;
    }

    .top-xxl-n60 {
        top: -60%;
        bottom: inherit;
    }

    .top-xxl-n65 {
        top: -65%;
        bottom: inherit;
    }

    .top-xxl-n70 {
        top: -70%;
        bottom: inherit;
    }

    .top-xxl-n75 {
        top: -75%;
        bottom: inherit;
    }

    .top-xxl-n80 {
        top: -80%;
        bottom: inherit;
    }

    .top-xxl-n85 {
        top: -85%;
        bottom: inherit;
    }

    .top-xxl-n90 {
        top: -90%;
        bottom: inherit;
    }

    .top-xxl-n95 {
        top: -95%;
        bottom: inherit;
    }

    .top-xxl-n100 {
        top: -100%;
        bottom: inherit;
    }

    .bottom-xxl-5 {
        bottom: 5%;
        top: inherit;
    }

    .bottom-xxl-10 {
        bottom: 10%;
        top: inherit;
    }

    .bottom-xxl-15 {
        bottom: 15%;
        top: inherit;
    }

    .bottom-xxl-20 {
        bottom: 20%;
        top: inherit;
    }

    .bottom-xxl-25 {
        bottom: 25%;
        top: inherit;
    }

    .bottom-xxl-30 {
        bottom: 30%;
        top: inherit;
    }

    .bottom-xxl-35 {
        bottom: 35%;
        top: inherit;
    }

    .bottom-xxl-40 {
        bottom: 40%;
        top: inherit;
    }

    .bottom-xxl-45 {
        bottom: 45%;
        top: inherit;
    }

    .bottom-xxl-50 {
        bottom: 50%;
        top: inherit;
    }

    .bottom-xxl-55 {
        bottom: 55%;
        top: inherit;
    }

    .bottom-xxl-60 {
        bottom: 60%;
        top: inherit;
    }

    .bottom-xxl-65 {
        bottom: 65%;
        top: inherit;
    }

    .bottom-xxl-70 {
        bottom: 70%;
        top: inherit;
    }

    .bottom-xxl-75 {
        bottom: 75%;
        top: inherit;
    }

    .bottom-xxl-80 {
        bottom: 80%;
        top: inherit;
    }

    .bottom-xxl-85 {
        bottom: 85%;
        top: inherit;
    }

    .bottom-xxl-90 {
        bottom: 90%;
        top: inherit;
    }

    .bottom-xxl-95 {
        bottom: 95%;
        top: inherit;
    }

    .bottom-xxl-100 {
        bottom: 100%;
        top: inherit;
    }

    .bottom-xxl-n5 {
        bottom: -5%;
        top: inherit;
    }

    .bottom-xxl-n10 {
        bottom: -10%;
        top: inherit;
    }

    .bottom-xxl-n15 {
        bottom: -15%;
        top: inherit;
    }

    .bottom-xxl-n20 {
        bottom: -20%;
        top: inherit;
    }

    .bottom-xxl-n25 {
        bottom: -25%;
        top: inherit;
    }

    .bottom-xxl-n30 {
        bottom: -30%;
        top: inherit;
    }

    .bottom-xxl-n35 {
        bottom: -35%;
        top: inherit;
    }

    .bottom-xxl-n40 {
        bottom: -40%;
        top: inherit;
    }

    .bottom-xxl-n45 {
        bottom: -45%;
        top: inherit;
    }

    .bottom-xxl-n50 {
        bottom: -50%;
        top: inherit;
    }

    .bottom-xxl-n55 {
        bottom: -55%;
        top: inherit;
    }

    .bottom-xxl-n60 {
        bottom: -60%;
        top: inherit;
    }

    .bottom-xxl-n65 {
        bottom: -65%;
        top: inherit;
    }

    .bottom-xxl-n70 {
        bottom: -70%;
        top: inherit;
    }

    .bottom-xxl-n75 {
        bottom: -75%;
        top: inherit;
    }

    .bottom-xxl-n80 {
        bottom: -80%;
        top: inherit;
    }

    .bottom-xxl-n85 {
        bottom: -85%;
        top: inherit;
    }

    .bottom-xxl-n90 {
        bottom: -90%;
        top: inherit;
    }

    .bottom-xxl-n95 {
        bottom: -95%;
        top: inherit;
    }

    .bottom-xxl-n100 {
        bottom: -100%;
        top: inherit;
    }

    .left-xxl-5 {
        left: 5%;
        right: inherit;
    }

    .left-xxl-10 {
        left: 10%;
        right: inherit;
    }

    .left-xxl-15 {
        left: 15%;
        right: inherit;
    }

    .left-xxl-20 {
        left: 20%;
        right: inherit;
    }

    .left-xxl-25 {
        left: 25%;
        right: inherit;
    }

    .left-xxl-30 {
        left: 30%;
        right: inherit;
    }

    .left-xxl-35 {
        left: 35%;
        right: inherit;
    }

    .left-xxl-40 {
        left: 40%;
        right: inherit;
    }

    .left-xxl-45 {
        left: 45%;
        right: inherit;
    }

    .left-xxl-50 {
        left: 50%;
        right: inherit;
    }

    .left-xxl-55 {
        left: 55%;
        right: inherit;
    }

    .left-xxl-60 {
        left: 60%;
        right: inherit;
    }

    .left-xxl-65 {
        left: 65%;
        right: inherit;
    }

    .left-xxl-70 {
        left: 70%;
        right: inherit;
    }

    .left-xxl-75 {
        left: 75%;
        right: inherit;
    }

    .left-xxl-80 {
        left: 80%;
        right: inherit;
    }

    .left-xxl-85 {
        left: 85%;
        right: inherit;
    }

    .left-xxl-90 {
        left: 90%;
        right: inherit;
    }

    .left-xxl-95 {
        left: 95%;
        right: inherit;
    }

    .left-xxl-100 {
        left: 100%;
        right: inherit;
    }

    .left-xxl-n5 {
        left: -5%;
        right: inherit;
    }

    .left-xxl-n10 {
        left: -10%;
        right: inherit;
    }

    .left-xxl-n15 {
        left: -15%;
        right: inherit;
    }

    .left-xxl-n20 {
        left: -20%;
        right: inherit;
    }

    .left-xxl-n25 {
        left: -25%;
        right: inherit;
    }

    .left-xxl-n30 {
        left: -30%;
        right: inherit;
    }

    .left-xxl-n35 {
        left: -35%;
        right: inherit;
    }

    .left-xxl-n40 {
        left: -40%;
        right: inherit;
    }

    .left-xxl-n45 {
        left: -45%;
        right: inherit;
    }

    .left-xxl-n50 {
        left: -50%;
        right: inherit;
    }

    .left-xxl-n55 {
        left: -55%;
        right: inherit;
    }

    .left-xxl-n60 {
        left: -60%;
        right: inherit;
    }

    .left-xxl-n65 {
        left: -65%;
        right: inherit;
    }

    .left-xxl-n70 {
        left: -70%;
        right: inherit;
    }

    .left-xxl-n75 {
        left: -75%;
        right: inherit;
    }

    .left-xxl-n80 {
        left: -80%;
        right: inherit;
    }

    .left-xxl-n85 {
        left: -85%;
        right: inherit;
    }

    .left-xxl-n90 {
        left: -90%;
        right: inherit;
    }

    .left-xxl-n95 {
        left: -95%;
        right: inherit;
    }

    .left-xxl-n100 {
        left: -100%;
        right: inherit;
    }

    .right-xxl-5 {
        right: 5%;
        left: inherit;
    }

    .right-xxl-10 {
        right: 10%;
        left: inherit;
    }

    .right-xxl-15 {
        right: 15%;
        left: inherit;
    }

    .right-xxl-20 {
        right: 20%;
        left: inherit;
    }

    .right-xxl-25 {
        right: 25%;
        left: inherit;
    }

    .right-xxl-30 {
        right: 30%;
        left: inherit;
    }

    .right-xxl-35 {
        right: 35%;
        left: inherit;
    }

    .right-xxl-40 {
        right: 40%;
        left: inherit;
    }

    .right-xxl-45 {
        right: 45%;
        left: inherit;
    }

    .right-xxl-50 {
        right: 50%;
        left: inherit;
    }

    .right-xxl-55 {
        right: 55%;
        left: inherit;
    }

    .right-xxl-60 {
        right: 60%;
        left: inherit;
    }

    .right-xxl-65 {
        right: 65%;
        left: inherit;
    }

    .right-xxl-70 {
        right: 70%;
        left: inherit;
    }

    .right-xxl-75 {
        right: 75%;
        left: inherit;
    }

    .right-xxl-80 {
        right: 80%;
        left: inherit;
    }

    .right-xxl-85 {
        right: 85%;
        left: inherit;
    }

    .right-xxl-90 {
        right: 90%;
        left: inherit;
    }

    .right-xxl-95 {
        right: 95%;
        left: inherit;
    }

    .right-xxl-100 {
        right: 100%;
        left: inherit;
    }

    .right-xxl-n5 {
        right: -5%;
        left: inherit;
    }

    .right-xxl-n10 {
        right: -10%;
        left: inherit;
    }

    .right-xxl-n15 {
        right: -15%;
        left: inherit;
    }

    .right-xxl-n20 {
        right: -20%;
        left: inherit;
    }

    .right-xxl-n25 {
        right: -25%;
        left: inherit;
    }

    .right-xxl-n30 {
        right: -30%;
        left: inherit;
    }

    .right-xxl-n35 {
        right: -35%;
        left: inherit;
    }

    .right-xxl-n40 {
        right: -40%;
        left: inherit;
    }

    .right-xxl-n45 {
        right: -45%;
        left: inherit;
    }

    .right-xxl-n50 {
        right: -50%;
        left: inherit;
    }

    .right-xxl-n55 {
        right: -55%;
        left: inherit;
    }

    .right-xxl-n60 {
        right: -60%;
        left: inherit;
    }

    .right-xxl-n65 {
        right: -65%;
        left: inherit;
    }

    .right-xxl-n70 {
        right: -70%;
        left: inherit;
    }

    .right-xxl-n75 {
        right: -75%;
        left: inherit;
    }

    .right-xxl-n80 {
        right: -80%;
        left: inherit;
    }

    .right-xxl-n85 {
        right: -85%;
        left: inherit;
    }

    .right-xxl-n90 {
        right: -90%;
        left: inherit;
    }

    .right-xxl-n95 {
        right: -95%;
        left: inherit;
    }

    .right-xxl-n100 {
        right: -100%;
        left: inherit;
    }

    /* margin */

    /* margin all */
    .m-xxl-1-6 {
        margin: 1.6rem;
    }

    .m-xxl-1-7 {
        margin: 1.7rem;
    }

    .m-xxl-1-8 {
        margin: 1.8rem;
    }

    .m-xxl-1-9 {
        margin: 1.9rem;
    }

    .m-xxl-2-0 {
        margin: 2.0rem;
    }

    .m-xxl-2-1 {
        margin: 2.1rem;
    }

    .m-xxl-2-2 {
        margin: 2.2rem;
    }

    .m-xxl-2-3 {
        margin: 2.3rem;
    }

    .m-xxl-2-4 {
        margin: 2.4rem;
    }

    .m-xxl-2-5 {
        margin: 2.5rem;
    }

    .m-xxl-2-6 {
        margin: 2.6rem;
    }

    .m-xxl-2-7 {
        margin: 2.7rem;
    }

    .m-xxl-2-8 {
        margin: 2.8rem;
    }

    .m-xxl-2-9 {
        margin: 2.9rem;
    }

    .m-xxl-6 {
        margin: 3.5rem;
    }

    .m-xxl-7 {
        margin: 4rem;
    }

    .m-xxl-8 {
        margin: 4.5rem;
    }

    .m-xxl-9 {
        margin: 5rem;
    }

    .m-xxl-10 {
        margin: 5.5rem;
    }

    .m-xxl-11 {
        margin: 6rem;
    }

    .m-xxl-12 {
        margin: 6.5rem;
    }

    .m-xxl-13 {
        margin: 7rem;
    }

    .m-xxl-14 {
        margin: 7.5rem;
    }

    .m-xxl-15 {
        margin: 8rem;
    }

    .m-xxl-16 {
        margin: 8.5rem;
    }

    .m-xxl-17 {
        margin: 9rem;
    }

    .m-xxl-18 {
        margin: 9.5rem;
    }

    .m-xxl-19 {
        margin: 10rem;
    }

    .m-xxl-20 {
        margin: 10.5rem;
    }

    .m-xxl-21 {
        margin: 11rem;
    }

    .m-xxl-22 {
        margin: 11.5rem;
    }

    .m-xxl-23 {
        margin: 12rem;
    }

    .m-xxl-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-xxl-1-6, .my-xxl-1-6 {
        margin-top: 1.6rem;
    }

    .mt-xxl-1-7, .my-xxl-1-7 {
        margin-top: 1.7rem;
    }

    .mt-xxl-1-8, .my-xxl-1-8 {
        margin-top: 1.8rem;
    }

    .mt-xxl-1-9, .my-xxl-1-9 {
        margin-top: 1.9rem;
    }

    .mt-xxl-2-0, .my-xxl-2-0 {
        margin-top: 2.0rem;
    }

    .mt-xxl-2-1, .my-xxl-2-1 {
        margin-top: 2.1rem;
    }

    .mt-xxl-2-2, .my-xxl-2-2 {
        margin-top: 2.2rem;
    }

    .mt-xxl-2-3, .my-xxl-2-3 {
        margin-top: 2.3rem;
    }

    .mt-xxl-2-4, .my-xxl-2-4 {
        margin-top: 2.4rem;
    }

    .mt-xxl-2-5, .my-xxl-2-5 {
        margin-top: 2.5rem;
    }

    .mt-xxl-2-6, .my-xxl-2-6 {
        margin-top: 2.6rem;
    }

    .mt-xxl-2-7, .my-xxl-2-7 {
        margin-top: 2.7rem;
    }

    .mt-xxl-2-8, .my-xxl-2-8 {
        margin-top: 2.8rem;
    }

    .mt-xxl-2-9, .my-xxl-2-9 {
        margin-top: 2.9rem;
    }

    .mt-xxl-6, .my-xxl-6 {
        margin-top: 3.5rem;
    }

    .mt-xxl-7, .my-xxl-7 {
        margin-top: 4rem;
    }

    .mt-xxl-8, .my-xxl-8 {
        margin-top: 4.5rem;
    }

    .mt-xxl-9, .my-xxl-9 {
        margin-top: 5rem;
    }

    .mt-xxl-10, .my-xxl-10 {
        margin-top: 5.5rem;
    }

    .mt-xxl-11, .my-xxl-11 {
        margin-top: 6rem;
    }

    .mt-xxl-12, .my-xxl-12 {
        margin-top: 6.5rem;
    }

    .mt-xxl-13, .my-xxl-13 {
        margin-top: 7rem;
    }

    .mt-xxl-14, .my-xxl-14 {
        margin-top: 7.5rem;
    }

    .mt-xxl-15, .my-xxl-15 {
        margin-top: 8rem;
    }

    .mt-xxl-16, .my-xxl-16 {
        margin-top: 8.5rem;
    }

    .mt-xxl-17, .my-xxl-17 {
        margin-top: 9rem;
    }

    .mt-xxl-18, .my-xxl-18 {
        margin-top: 9.5rem;
    }

    .mt-xxl-19, .my-xxl-19 {
        margin-top: 10rem;
    }

    .mt-xxl-20, .my-xxl-20 {
        margin-top: 10.5rem;
    }

    .mt-xxl-21, .my-xxl-21 {
        margin-top: 11rem;
    }

    .mt-xxl-22, .my-xxl-22 {
        margin-top: 11.5rem;
    }

    .mt-xxl-23, .my-xxl-23 {
        margin-top: 12rem;
    }

    .mt-xxl-24, .my-xxl-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-xxl-1-6, .my-xxl-1-6 {
        margin-bottom: 1.6rem;
    }

    .mb-xxl-1-7, .my-xxl-1-7 {
        margin-bottom: 1.7rem;
    }

    .mb-xxl-1-8, .my-xxl-1-8 {
        margin-bottom: 1.8rem;
    }

    .mb-xxl-1-9, .my-xxl-1-9 {
        margin-bottom: 1.9rem;
    }

    .mb-xxl-2-0, .my-xxl-2-0 {
        margin-bottom: 2.0rem;
    }

    .mb-xxl-2-1, .my-xxl-2-1 {
        margin-bottom: 2.1rem;
    }

    .mb-xxl-2-2, .my-xxl-2-2 {
        margin-bottom: 2.2rem;
    }

    .mb-xxl-2-3, .my-xxl-2-3 {
        margin-bottom: 2.3rem;
    }

    .mb-xxl-2-4, .my-xxl-2-4 {
        margin-bottom: 2.4rem;
    }

    .mb-xxl-2-5, .my-xxl-2-5 {
        margin-bottom: 2.5rem;
    }

    .mb-xxl-2-6, .my-xxl-2-6 {
        margin-bottom: 2.6rem;
    }

    .mb-xxl-2-7, .my-xxl-2-7 {
        margin-bottom: 2.7rem;
    }

    .mb-xxl-2-8, .my-xxl-2-8 {
        margin-bottom: 2.8rem;
    }

    .mb-xxl-2-9, .my-xxl-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-xxl-6, .my-xxl-6 {
        margin-bottom: 3.5rem;
    }

    .mb-xxl-7, .my-xxl-7 {
        margin-bottom: 4rem;
    }

    .mb-xxl-8, .my-xxl-8 {
        margin-bottom: 4.5rem;
    }

    .mb-xxl-9, .my-xxl-9 {
        margin-bottom: 5rem;
    }

    .mb-xxl-10, .my-xxl-10 {
        margin-bottom: 5.5rem;
    }

    .mb-xxl-11, .my-xxl-11 {
        margin-bottom: 6rem;
    }

    .mb-xxl-12, .my-xxl-12 {
        margin-bottom: 6.5rem;
    }

    .mb-xxl-13, .my-xxl-13 {
        margin-bottom: 7rem;
    }

    .mb-xxl-14, .my-xxl-14 {
        margin-bottom: 7.5rem;
    }

    .mb-xxl-15, .my-xxl-15 {
        margin-bottom: 8rem;
    }

    .mb-xxl-16, .my-xxl-16 {
        margin-bottom: 8.5rem;
    }

    .mb-xxl-17, .my-xxl-17 {
        margin-bottom: 9rem;
    }

    .mb-xxl-18, .my-xxl-18 {
        margin-bottom: 9.5rem;
    }

    .mb-xxl-19, .my-xxl-19 {
        margin-bottom: 10rem;
    }

    .mb-xxl-20, .my-xxl-20 {
        margin-bottom: 10.5rem;
    }

    .mb-xxl-21, .my-xxl-21 {
        margin-bottom: 11rem;
    }

    .mb-xxl-22, .my-xxl-22 {
        margin-bottom: 11.5rem;
    }

    .mb-xxl-23, .my-xxl-23 {
        margin-bottom: 12rem;
    }

    .mb-xxl-24, .my-xxl-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-xxl-1-6, .mx-xxl-1-6 {
        margin-left: 1.6rem;
    }

    .ms-xxl-1-7, .mx-xxl-1-7 {
        margin-left: 1.7rem;
    }

    .ms-xxl-1-8, .mx-xxl-1-8 {
        margin-left: 1.8rem;
    }

    .ms-xxl-1-9, .mx-xxl-1-9 {
        margin-left: 1.9rem;
    }

    .ms-xxl-2-0, .mx-xxl-2-0 {
        margin-left: 2.0rem;
    }

    .ms-xxl-2-1, .mx-xxl-2-1 {
        margin-left: 2.1rem;
    }

    .ms-xxl-2-2, .mx-xxl-2-2 {
        margin-left: 2.2rem;
    }

    .ms-xxl-2-3, .mx-xxl-2-3 {
        margin-left: 2.3rem;
    }

    .ms-xxl-2-4, .mx-xxl-2-4 {
        margin-left: 2.4rem;
    }

    .ms-xxl-2-5, .mx-xxl-2-5 {
        margin-left: 2.5rem;
    }

    .ms-xxl-2-6, .mx-xxl-2-6 {
        margin-left: 2.6rem;
    }

    .ms-xxl-2-7, .mx-xxl-2-7 {
        margin-left: 2.7rem;
    }

    .ms-xxl-2-8, .mx-xxl-2-8 {
        margin-left: 2.8rem;
    }

    .ms-xxl-2-9, .mx-xxl-2-9 {
        margin-left: 2.9rem;
    }

    .ms-xxl-6, .mx-xxl-6 {
        margin-left: 3.5rem;
    }

    .ms-xxl-7, .mx-xxl-7 {
        margin-left: 4rem;
    }

    .ms-xxl-8, .mx-xxl-8 {
        margin-left: 4.5rem;
    }

    .ms-xxl-9, .mx-xxl-9 {
        margin-left: 5rem;
    }

    .ms-xxl-10, .mx-xxl-10 {
        margin-left: 5.5rem;
    }

    .ms-xxl-11, .mx-xxl-11 {
        margin-left: 6rem;
    }

    .ms-xxl-12, .mx-xxl-12 {
        margin-left: 6.5rem;
    }

    .ms-xxl-13, .mx-xxl-13 {
        margin-left: 7rem;
    }

    .ms-xxl-14, .mx-xxl-14 {
        margin-left: 7.5rem;
    }

    .ms-xxl-15, .mx-xxl-15 {
        margin-left: 8rem;
    }

    .ms-xxl-16, .mx-xxl-16 {
        margin-left: 8.5rem;
    }

    .ms-xxl-17, .mx-xxl-17 {
        margin-left: 9rem;
    }

    .ms-xxl-18, .mx-xxl-18 {
        margin-left: 9.5rem;
    }

    .ms-xxl-19, .mx-xxl-19 {
        margin-left: 10rem;
    }

    .ms-xxl-20, .mx-xxl-20 {
        margin-left: 10.5rem;
    }

    .ms-xxl-21, .mx-xxl-21 {
        margin-left: 11rem;
    }

    .ms-xxl-22, .mx-xxl-22 {
        margin-left: 11.5rem;
    }

    .ms-xxl-23, .mx-xxl-23 {
        margin-left: 12rem;
    }

    .ms-xxl-24, .mx-xxl-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-xxl-1-6, .mx-xxl-1-6 {
        margin-right: 1.6rem;
    }

    .me-xxl-1-7, .mx-xxl-1-7 {
        margin-right: 1.7rem;
    }

    .me-xxl-1-8, .mx-xxl-1-8 {
        margin-right: 1.8rem;
    }

    .me-xxl-1-9, .mx-xxl-1-9 {
        margin-right: 1.9rem;
    }

    .me-xxl-2-0, .mx-xxl-2-0 {
        margin-right: 2.0rem;
    }

    .me-xxl-2-1, .mx-xxl-2-1 {
        margin-right: 2.1rem;
    }

    .me-xxl-2-2, .mx-xxl-2-2 {
        margin-right: 2.2rem;
    }

    .me-xxl-2-3, .mx-xxl-2-3 {
        margin-right: 2.3rem;
    }

    .me-xxl-2-4, .mx-xxl-2-4 {
        margin-right: 2.4rem;
    }

    .me-xxl-2-5, .mx-xxl-2-5 {
        margin-right: 2.5rem;
    }

    .me-xxl-2-6, .mx-xxl-2-6 {
        margin-right: 2.6rem;
    }

    .me-xxl-2-7, .mx-xxl-2-7 {
        margin-right: 2.7rem;
    }

    .me-xxl-2-8, .mx-xxl-2-8 {
        margin-right: 2.8rem;
    }

    .me-xxl-2-9, .mx-xxl-2-9 {
        margin-right: 2.9rem;
    }

    .me-xxl-6, .mx-xxl-6 {
        margin-right: 3.5rem;
    }

    .me-xxl-7, .mx-xxl-7 {
        margin-right: 4rem;
    }

    .me-xxl-8, .mx-xxl-8 {
        margin-right: 4.5rem;
    }

    .me-xxl-9, .mx-xxl-9 {
        margin-right: 5rem;
    }

    .me-xxl-10, .mx-xxl-10 {
        margin-right: 5.5rem;
    }

    .me-xxl-11, .mx-xxl-11 {
        margin-right: 6rem;
    }

    .me-xxl-12, .mx-xxl-12 {
        margin-right: 6.5rem;
    }

    .me-xxl-13, .mx-xxl-13 {
        margin-right: 7rem;
    }

    .me-xxl-14, .mx-xxl-14 {
        margin-right: 7.5rem;
    }

    .me-xxl-15, .mx-xxl-15 {
        margin-right: 8rem;
    }

    .me-xxl-16, .mx-xxl-16 {
        margin-right: 8.5rem;
    }

    .me-xxl-17, .mx-xxl-17 {
        margin-right: 9rem;
    }

    .me-xxl-18, .mx-xxl-18 {
        margin-right: 9.5rem;
    }

    .me-xxl-19, .mx-xxl-19 {
        margin-right: 10rem;
    }

    .me-xxl-20, .mx-xxl-20 {
        margin-right: 10.5rem;
    }

    .me-xxl-21, .mx-xxl-21 {
        margin-right: 11rem;
    }

    .me-xxl-22, .mx-xxl-22 {
        margin-right: 11.5rem;
    }

    .me-xxl-23, .mx-xxl-23 {
        margin-right: 12rem;
    }

    .me-xxl-24, .mx-xxl-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-xxl-1-6 {
        padding: 1.6rem;
    }

    .p-xxl-1-7 {
        padding: 1.7rem;
    }

    .p-xxl-1-8 {
        padding: 1.8rem;
    }

    .p-xxl-1-9 {
        padding: 1.9rem;
    }

    .p-xxl-2-0 {
        padding: 2.0rem;
    }

    .p-xxl-2-1 {
        padding: 2.1rem;
    }

    .p-xxl-2-2 {
        padding: 2.2rem;
    }

    .p-xxl-2-3 {
        padding: 2.3rem;
    }

    .p-xxl-2-4 {
        padding: 2.4rem;
    }

    .p-xxl-2-5 {
        padding: 2.5rem;
    }

    .p-xxl-2-6 {
        padding: 2.6rem;
    }

    .p-xxl-2-7 {
        padding: 2.7rem;
    }

    .p-xxl-2-8 {
        padding: 2.8rem;
    }

    .p-xxl-2-9 {
        padding: 2.9rem;
    }

    .p-xxl-6 {
        padding: 3.5rem;
    }

    .p-xxl-7 {
        padding: 4rem;
    }

    .p-xxl-8 {
        padding: 4.5rem;
    }

    .p-xxl-9 {
        padding: 5rem;
    }

    .p-xxl-10 {
        padding: 5.5rem;
    }

    .p-xxl-11 {
        padding: 6rem;
    }

    .p-xxl-12 {
        padding: 6.5rem;
    }

    .p-xxl-13 {
        padding: 7rem;
    }

    .p-xxl-14 {
        padding: 7.5rem;
    }

    .p-xxl-15 {
        padding: 8rem;
    }

    .p-xxl-16 {
        padding: 8.5rem;
    }

    .p-xxl-17 {
        padding: 9rem;
    }

    .p-xxl-18 {
        padding: 9.5rem;
    }

    .p-xxl-19 {
        padding: 10rem;
    }

    .p-xxl-20 {
        padding: 10.5rem;
    }

    .p-xxl-21 {
        padding: 11rem;
    }

    .p-xxl-22 {
        padding: 11.5rem;
    }

    .p-xxl-23 {
        padding: 12rem;
    }

    .p-xxl-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-xxl-1-6, .py-xxl-1-6 {
        padding-top: 1.6rem;
    }

    .pt-xxl-1-7, .py-xxl-1-7 {
        padding-top: 1.7rem;
    }

    .pt-xxl-1-8, .py-xxl-1-8 {
        padding-top: 1.8rem;
    }

    .pt-xxl-1-9, .py-xxl-1-9 {
        padding-top: 1.9rem;
    }

    .pt-xxl-2-0, .py-xxl-2-0 {
        padding-top: 2.0rem;
    }

    .pt-xxl-2-1, .py-xxl-2-1 {
        padding-top: 2.1rem;
    }

    .pt-xxl-2-2, .py-xxl-2-2 {
        padding-top: 2.2rem;
    }

    .pt-xxl-2-3, .py-xxl-2-3 {
        padding-top: 2.3rem;
    }

    .pt-xxl-2-4, .py-xxl-2-4 {
        padding-top: 2.4rem;
    }

    .pt-xxl-2-5, .py-xxl-2-5 {
        padding-top: 2.5rem;
    }

    .pt-xxl-2-6, .py-xxl-2-6 {
        padding-top: 2.6rem;
    }

    .pt-xxl-2-7, .py-xxl-2-7 {
        padding-top: 2.7rem;
    }

    .pt-xxl-2-8, .py-xxl-2-8 {
        padding-top: 2.8rem;
    }

    .pt-xxl-2-9, .py-xxl-2-9 {
        padding-top: 2.9rem;
    }

    .pt-xxl-6, .py-xxl-6 {
        padding-top: 3.5rem;
    }

    .pt-xxl-7, .py-xxl-7 {
        padding-top: 4rem;
    }

    .pt-xxl-8, .py-xxl-8 {
        padding-top: 4.5rem;
    }

    .pt-xxl-9, .py-xxl-9 {
        padding-top: 5rem;
    }

    .pt-xxl-10, .py-xxl-10 {
        padding-top: 5.5rem;
    }

    .pt-xxl-11, .py-xxl-11 {
        padding-top: 6rem;
    }

    .pt-xxl-12, .py-xxl-12 {
        padding-top: 6.5rem;
    }

    .pt-xxl-13, .py-xxl-13 {
        padding-top: 7rem;
    }

    .pt-xxl-14, .py-xxl-14 {
        padding-top: 7.5rem;
    }

    .pt-xxl-15, .py-xxl-15 {
        padding-top: 8rem;
    }

    .pt-xxl-16, .py-xxl-16 {
        padding-top: 8.5rem;
    }

    .pt-xxl-17, .py-xxl-17 {
        padding-top: 9rem;
    }

    .pt-xxl-18, .py-xxl-18 {
        padding-top: 9.5rem;
    }

    .pt-xxl-19, .py-xxl-19 {
        padding-top: 10rem;
    }

    .pt-xxl-20, .py-xxl-20 {
        padding-top: 10.5rem;
    }

    .pt-xxl-21, .py-xxl-21 {
        padding-top: 11rem;
    }

    .pt-xxl-22, .py-xxl-22 {
        padding-top: 11.5rem;
    }

    .pt-xxl-23, .py-xxl-23 {
        padding-top: 12rem;
    }

    .pt-xxl-24, .py-xxl-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-xxl-1-6, .py-xxl-1-6 {
        padding-bottom: 1.6rem;
    }

    .pb-xxl-1-7, .py-xxl-1-7 {
        padding-bottom: 1.7rem;
    }

    .pb-xxl-1-8, .py-xxl-1-8 {
        padding-bottom: 1.8rem;
    }

    .pb-xxl-1-9, .py-xxl-1-9 {
        padding-bottom: 1.9rem;
    }

    .pb-xxl-2-0, .py-xxl-2-0 {
        padding-bottom: 2.0rem;
    }

    .pb-xxl-2-1, .py-xxl-2-1 {
        padding-bottom: 2.1rem;
    }

    .pb-xxl-2-2, .py-xxl-2-2 {
        padding-bottom: 2.2rem;
    }

    .pb-xxl-2-3, .py-xxl-2-3 {
        padding-bottom: 2.3rem;
    }

    .pb-xxl-2-4, .py-xxl-2-4 {
        padding-bottom: 2.4rem;
    }

    .pb-xxl-2-5, .py-xxl-2-5 {
        padding-bottom: 2.5rem;
    }

    .pb-xxl-2-6, .py-xxl-2-6 {
        padding-bottom: 2.6rem;
    }

    .pb-xxl-2-7, .py-xxl-2-7 {
        padding-bottom: 2.7rem;
    }

    .pb-xxl-2-8, .py-xxl-2-8 {
        padding-bottom: 2.8rem;
    }

    .pb-xxl-2-9, .py-xxl-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-xxl-6, .py-xxl-6 {
        padding-bottom: 3.5rem;
    }

    .pb-xxl-7, .py-xxl-7 {
        padding-bottom: 4rem;
    }

    .pb-xxl-8, .py-xxl-8 {
        padding-bottom: 4.5rem;
    }

    .pb-xxl-9, .py-xxl-9 {
        padding-bottom: 5rem;
    }

    .pb-xxl-10, .py-xxl-10 {
        padding-bottom: 5.5rem;
    }

    .pb-xxl-11, .py-xxl-11 {
        padding-bottom: 6rem;
    }

    .pb-xxl-12, .py-xxl-12 {
        padding-bottom: 6.5rem;
    }

    .pb-xxl-13, .py-xxl-13 {
        padding-bottom: 7rem;
    }

    .pb-xxl-14, .py-xxl-14 {
        padding-bottom: 7.5rem;
    }

    .pb-xxl-15, .py-xxl-15 {
        padding-bottom: 8rem;
    }

    .pb-xxl-16, .py-xxl-16 {
        padding-bottom: 8.5rem;
    }

    .pb-xxl-17, .py-xxl-17 {
        padding-bottom: 9rem;
    }

    .pb-xxl-18, .py-xxl-18 {
        padding-bottom: 9.5rem;
    }

    .pb-xxl-19, .py-xxl-19 {
        padding-bottom: 10rem;
    }

    .pb-xxl-20, .py-xxl-20 {
        padding-bottom: 10.5rem;
    }

    .pb-xxl-21, .py-xxl-21 {
        padding-bottom: 11rem;
    }

    .pb-xxl-22, .py-xxl-22 {
        padding-bottom: 11.5rem;
    }

    .pb-xxl-23, .py-xxl-23 {
        padding-bottom: 12rem;
    }

    .pb-xxl-24, .py-xxl-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-xxl-1-6, .px-xxl-1-6 {
        padding-left: 1.6rem;
    }

    .ps-xxl-1-7, .px-xxl-1-7 {
        padding-left: 1.7rem;
    }

    .ps-xxl-1-8, .px-xxl-1-8 {
        padding-left: 1.8rem;
    }

    .ps-xxl-1-9, .px-xxl-1-9 {
        padding-left: 1.9rem;
    }

    .ps-xxl-2-0, .px-xxl-2-0 {
        padding-left: 2.0rem;
    }

    .ps-xxl-2-1, .px-xxl-2-1 {
        padding-left: 2.1rem;
    }

    .ps-xxl-2-2, .px-xxl-2-2 {
        padding-left: 2.2rem;
    }

    .ps-xxl-2-3, .px-xxl-2-3 {
        padding-left: 2.3rem;
    }

    .ps-xxl-2-4, .px-xxl-2-4 {
        padding-left: 2.4rem;
    }

    .ps-xxl-2-5, .px-xxl-2-5 {
        padding-left: 2.5rem;
    }

    .ps-xxl-2-6, .px-xxl-2-6 {
        padding-left: 2.6rem;
    }

    .ps-xxl-2-7, .px-xxl-2-7 {
        padding-left: 2.7rem;
    }

    .ps-xxl-2-8, .px-xxl-2-8 {
        padding-left: 2.8rem;
    }

    .ps-xxl-2-9, .px-xxl-2-9 {
        padding-left: 2.9rem;
    }

    .ps-xxl-6, .px-xxl-6 {
        padding-left: 3.5rem;
    }

    .ps-xxl-7, .px-xxl-7 {
        padding-left: 4rem;
    }

    .ps-xxl-8, .px-xxl-8 {
        padding-left: 4.5rem;
    }

    .ps-xxl-9, .px-xxl-9 {
        padding-left: 5rem;
    }

    .ps-xxl-10, .px-xxl-10 {
        padding-left: 5.5rem;
    }

    .ps-xxl-11, .px-xxl-11 {
        padding-left: 6rem;
    }

    .ps-xxl-12, .px-xxl-12 {
        padding-left: 6.5rem;
    }

    .ps-xxl-13, .px-xxl-13 {
        padding-left: 7rem;
    }

    .ps-xxl-14, .px-xxl-14 {
        padding-left: 7.5rem;
    }

    .ps-xxl-15, .px-xxl-15 {
        padding-left: 8rem;
    }

    .ps-xxl-16, .px-xxl-16 {
        padding-left: 8.5rem;
    }

    .ps-xxl-17, .px-xxl-17 {
        padding-left: 9rem;
    }

    .ps-xxl-18, .px-xxl-18 {
        padding-left: 9.5rem;
    }

    .ps-xxl-19, .px-xxl-19 {
        padding-left: 10rem;
    }

    .ps-xxl-20, .px-xxl-20 {
        padding-left: 10.5rem;
    }

    .ps-xxl-21, .px-xxl-21 {
        padding-left: 11rem;
    }

    .ps-xxl-22, .px-xxl-22 {
        padding-left: 11.5rem;
    }

    .ps-xxl-23, .px-xxl-23 {
        padding-left: 12rem;
    }

    .ps-xxl-24, .px-xxl-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-xxl-1-6, .px-xxl-1-6 {
        padding-right: 1.6rem;
    }

    .pe-xxl-1-7, .px-xxl-1-7 {
        padding-right: 1.7rem;
    }

    .pe-xxl-1-8, .px-xxl-1-8 {
        padding-right: 1.8rem;
    }

    .pe-xxl-1-9, .px-xxl-1-9 {
        padding-right: 1.9rem;
    }

    .pe-xxl-2-0, .px-xxl-2-0 {
        padding-right: 2.0rem;
    }

    .pe-xxl-2-1, .px-xxl-2-1 {
        padding-right: 2.1rem;
    }

    .pe-xxl-2-2, .px-xxl-2-2 {
        padding-right: 2.2rem;
    }

    .pe-xxl-2-3, .px-xxl-2-3 {
        padding-right: 2.3rem;
    }

    .pe-xxl-2-4, .px-xxl-2-4 {
        padding-right: 2.4rem;
    }

    .pe-xxl-2-5, .px-xxl-2-5 {
        padding-right: 2.5rem;
    }

    .pe-xxl-2-6, .px-xxl-2-6 {
        padding-right: 2.6rem;
    }

    .pe-xxl-2-7, .px-xxl-2-7 {
        padding-right: 2.7rem;
    }

    .pe-xxl-2-8, .px-xxl-2-8 {
        padding-right: 2.8rem;
    }

    .pe-xxl-2-9, .px-xxl-2-9 {
        padding-right: 2.9rem;
    }

    .pe-xxl-6, .px-xxl-6 {
        padding-right: 3.5rem;
    }

    .pe-xxl-7, .px-xxl-7 {
        padding-right: 4rem;
    }

    .pe-xxl-8, .px-xxl-8 {
        padding-right: 4.5rem;
    }

    .pe-xxl-9, .px-xxl-9 {
        padding-right: 5rem;
    }

    .pe-xxl-10, .px-xxl-10 {
        padding-right: 5.5rem;
    }

    .pe-xxl-11, .px-xxl-11 {
        padding-right: 6rem;
    }

    .pe-xxl-12, .px-xxl-12 {
        padding-right: 6.5rem;
    }

    .pe-xxl-13, .px-xxl-13 {
        padding-right: 7rem;
    }

    .pe-xxl-14, .px-xxl-14 {
        padding-right: 7.5rem;
    }

    .pe-xxl-15, .px-xxl-15 {
        padding-right: 8rem;
    }

    .pe-xxl-16, .px-xxl-16 {
        padding-right: 8.5rem;
    }

    .pe-xxl-17, .px-xxl-17 {
        padding-right: 9rem;
    }

    .pe-xxl-18, .px-xxl-18 {
        padding-right: 9.5rem;
    }

    .pe-xxl-19, .px-xxl-19 {
        padding-right: 10rem;
    }

    .pe-xxl-20, .px-xxl-20 {
        padding-right: 10.5rem;
    }

    .pe-xxl-21, .px-xxl-21 {
        padding-right: 11rem;
    }

    .pe-xxl-22, .px-xxl-22 {
        padding-right: 11.5rem;
    }

    .pe-xxl-23, .px-xxl-23 {
        padding-right: 12rem;
    }

    .pe-xxl-24, .px-xxl-24 {
        padding-right: 12.5rem;
    }
}

@media screen and (max-width: 1199px) {

    section {
        /*padding: 90px 0;*/
        padding: 65px 0;
    }

        section.md {
            /*padding: 70px 0;*/
            padding: 45px 0;
        }

    .md-height-auto {
        height: auto;
    }

    /* verticle align */
    .md-vertical-align-middle {
        vertical-align: middle;
    }

    .md-vertical-align-top {
        vertical-align: top;
    }

    .md-vertical-align-bottom {
        vertical-align: bottom;
    }

    .md-absolute-middle-inherit {
        left: 0;
        top: 0;
        position: relative;
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }

    /* image position*/
    .md-background-image-left {
        background-position: left;
    }

    .md-background-image-right {
        background-position: right;
    }

    .md-background-image-center {
        background-position: center;
    }

    /* display */
    .md-overflow-hidden {
        overflow: hidden !important;
    }

    .md-overflow-auto {
        overflow: auto !important;
    }

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

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

    .md-display-flex-inherit {
        -ms-box-orient: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        flex-flow: inherit;
        -webkit-flex-flow: inherit;
        -moz-flex-flow: inherit;
        -ms-flex-flow: inherit;
        -o-flex-flow: inherit;
    }

    /* position */
    .md-position-inherit {
        position: inherit
    }

    .md-position-relative {
        position: relative;
    }

    .md-position-absolute {
        position: absolute;
    }

    .md-position-fixed {
        position: fixed;
    }
}

@media screen and (max-width: 1050px) {
    .parallax {
        background-attachment: inherit;
    }
}

@media screen and (max-width: 991px) {

    .sm-height-auto {
        height: auto;
    }

    /* custom */
    section {
        padding: 45px 0;
    }

        section.md {
            padding: 35px 0;
        }

    /* verticle align */
    .sm-vertical-align-middle {
        vertical-align: middle;
    }

    .sm-vertical-align-top {
        vertical-align: top;
    }

    .sm-vertical-align-bottom {
        vertical-align: bottom;
    }

    .sm-absolute-middle-inherit {
        left: 0;
        top: 0;
        position: relative;
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }

    /* image position*/
    .sm-background-image-left {
        background-position: left;
    }

    .sm-background-image-right {
        background-position: right;
    }

    .sm-background-image-center {
        background-position: center;
    }

    /* display */
    .sm-overflow-hidden {
        overflow: hidden !important;
    }

    .sm-overflow-auto {
        overflow: auto !important;
    }

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

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

    .sm-display-flex-inherit {
        -ms-box-orient: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        flex-flow: inherit;
        -webkit-flex-flow: inherit;
        -moz-flex-flow: inherit;
        -ms-flex-flow: inherit;
        -o-flex-flow: inherit;
    }

    /* clear-both */
    .sm-clear-both {
        clear: both;
    }

    /* position */
    .sm-position-inherit {
        position: inherit !important;
    }

    .sm-position-initial {
        position: initial !important;
    }

    .sm-position-relative {
        position: relative !important;
    }

    .sm-position-absolute {
        position: absolute !important;
    }

    .sm-position-fixed {
        position: fixed !important;
    }

    /* parallax */
    .parallax {
        background-position: center;
    }

    /* opacity */
    .sm-opacity1 {
        opacity: .1;
    }

    .sm-opacity2 {
        opacity: .2;
    }

    .sm-opacity3 {
        opacity: .3;
    }

    .sm-opacity4 {
        opacity: .4;
    }

    .sm-opacity5 {
        opacity: .5;
    }

    .sm-opacity6 {
        opacity: .6;
    }

    .sm-opacity7 {
        opacity: .7;
    }

    .sm-opacity8 {
        opacity: .8;
    }

    .sm-opacity9 {
        opacity: .9;
    }

    .sm-opacity10 {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {

    body {
        font-size: 15px;
    }

    .xs-height-auto {
        height: auto;
    }

    /* opacity */
    .xs-opacity1 {
        opacity: .1;
    }

    .xs-opacity2 {
        opacity: .2;
    }

    .xs-opacity3 {
        opacity: .3;
    }

    .xs-opacity4 {
        opacity: .4;
    }

    .xs-opacity5 {
        opacity: .5;
    }

    .xs-opacity6 {
        opacity: .6;
    }

    .xs-opacity7 {
        opacity: .7;
    }

    .xs-opacity8 {
        opacity: .8;
    }

    .xs-opacity9 {
        opacity: .9;
    }

    .xs-opacity10 {
        opacity: 1;
    }

    /* verticle align */
    .xs-vertical-align-middle {
        vertical-align: middle;
    }

    .xs-vertical-align-top {
        vertical-align: top;
    }

    .xs-vertical-align-bottom {
        vertical-align: bottom;
    }

    .xs-absolute-middle-inherit {
        left: 0;
        top: 0;
        position: relative;
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }

    /* image position*/
    .xs-background-image-left {
        background-position: left !important;
    }

    .xs-background-image-right {
        background-position: right !important;
    }

    .xs-background-image-center {
        background-position: center !important;
    }

    /* display */
    .xs-overflow-hidden {
        overflow: hidden !important;
    }

    .xs-overflow-auto {
        overflow: auto !important;
    }

    .xs-display-table {
        display: table !important;
    }

    .xs-display-table-cell {
        display: table-cell !important;
    }

    .xs-display-flex-inherit {
        -ms-box-orient: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        display: inherit;
        flex-flow: inherit;
        -webkit-flex-flow: inherit;
        -moz-flex-flow: inherit;
        -ms-flex-flow: inherit;
        -o-flex-flow: inherit;
    }

    /* position */
    .xs-position-inherit {
        position: inherit
    }

    .xs-position-relative {
        position: relative;
    }

    .xs-position-absolute {
        position: absolute;
    }

    .xs-position-fixed {
        position: fixed;
    }
}

/* ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .parallax {
        background-attachment: inherit;
        background-position: center;
    }
}

/* ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .parallax {
        background-attachment: inherit;
        background-position: center;
    }
}

/* ---------------------------
    DG Custom Styles
------------------------------ */
.tile-grid {
    display: flex;
    max-width: 1375px;
    flex-wrap: wrap;
    margin-left: -.8rem;
    margin-right: -.8rem;
    justify-content: center;
}

@media (min-width: 1088px) {
    .tile-grid {
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        justify-content: flex-start;
    }
}

.tile-grid__item {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: .8rem;
    padding-right: .8rem;
    padding-bottom: 3.2rem;
}

@media (min-width: 720px) {
    .tile-grid__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1088px) {
    .tile-grid__item {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.tile-grid__item .tile {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    max-width: 380px;
    margin: 0 auto;
}

.tile-grid__item.tile-grid__item--plus a {
    font-size: 30px;
    background-color: transparent;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
}

.tile-grid__item--inactive::after {
    content: ' ';
    position: absolute;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* rich content block */
.admin-view {
    font-size: 13px;
    line-height: 21px;
    padding: 0 8px;
}

    .admin-view .btn {
        font-size: 13px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .admin-view .btn.active {
            background-color: #007bff !important;
            border-color: #007bff !important;
        }

    .admin-view .btn-danger,
    .admin-view .btn-danger:hover {
        color: #fff;
    }

    .admin-view .admin-header {
        padding-top: 20px;
        padding-bottom: 10px;
        background-color: #ddd;
    }

        .admin-view .admin-header input[type=text] {
            height: calc(1.5em + .75rem + 2px);
            border: 1px solid #CCC;
            font-size: 13px;
        }

    .admin-view .form-group input[type=text],
    .admin-view .form-group input[type=number],
    .admin-view .form-group select {
        height: calc(1.5em + .75rem + 2px);
        border: 1px solid #CCC;
        font-size: 14px;
    }

    .admin-view .form-group label {
        font-size: 12px;
        line-height: 18px;
        align-items: center;
        letter-spacing: 0px;
        text-transform: inherit;
        margin-top: 0;
    }

    .admin-view .form-check-inline {
        margin-top: 4px;
    }

    .admin-view .form-check-input {
        position: relative;
    }

    .admin-view .input-group {
        padding-top: 2px;
    }

    .admin-view .form-group input[type=text],
    .admin-view .form-group input[type=number],
    .admin-view .form-group input[type=password],
    .admin-view .form-group input[type=email] {
        font-size: 14px;
    }

    .admin-view select.form-control {
        height: auto;
    }

.fixed-top-custom {
    position: fixed;
    width: 800px;
    top: 130px;
    z-index: 1030;
    left: 50%;
    margin-left: -400px;
}

.admin-view table {
    font-size: 13px;
}

    .admin-view table img {
        max-width: 120px;
    }

    .admin-view table .btn-sm {
        padding: 2px 5px;
        font-size: 11px;
    }

.admin-view .form-control.invalid {
    box-shadow: 0 0 0 1px rgb(255 0 0 / 50%);
}

.admin-view .form-group.invalid label {
    color: rgb(255, 0, 0);
}

.page-adminlist .card {
    flex-direction: column;
}

.radio-button-style input[type="radio"] {
    display: none;
}

.radio-button-style span {
    display: inline-block;
    padding: 9px;
    text-transform: uppercase;
    border: 2px solid #00E6A1;
    border-radius: 3px;
    color: #777777;
    margin-right: 7px;
    cursor: pointer;
}

.radio-button-style input[type="radio"]:checked + span {
    background-color: #00E6A1;
    color: #000000;
}

.admin-view .badge {
    padding: 0.7em 1em 0.5em 1em;
    font-weight: 400;
}

.admin-view .form-group input[type=text] {
    background-color: #ffffff;
}

.admin-view .badge-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

/* alert box */
.alert-warning {
    background: #FDF2CC;
    box-shadow: 0px 1px 3px #BFC4C8;
    border-radius: 5px;
    color: #9A5A04;
}

    .alert-warning a {
        color: #9A5A04 !important;
        text-decoration: underline;
    }

    .alert-warning .table {
        margin-bottom: 0;
        color: #9A5A04 !important;
    }

        .alert-warning .table td {
            border-top: none;
        }

    .alert-warning .fa-times {
        color: #542D01;
        opacity: 0.5;
        cursor: pointer;
    }

    .alert-warning .fa-exclamation-circle {
        color: #D78E09;
        font-size: 22px;
    }

    .alert-warning .far,
    .alert-warning .fal {
        color: #D78E09;
        font-size: 22px;
        margin-right: 10px;
    }

    .alert-warning .fa-times {
        color: #542D01;
    }

.alert-success {
    background: #D4F8CE;
    box-shadow: 0px 1px 3px #BFC4C8;
    border-radius: 5px;
}

    .alert-success span.success-message {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .alert-success .fa-times {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #005A5E;
        cursor: pointer;
    }

    .alert-success .close {
        opacity: 1;
    }

    .alert-success .fa-check-circle {
        font-weight: normal;
        font-size: 22px;
        line-height: 22px;
        color: #147C2F;
        margin-right: 14px;
        vertical-align: sub;
    }

.alert-primary {
    background: #D0E4FD;
    box-shadow: 0px 1px 3px #BFC4C8;
    border-radius: 5px;
    color: #1142BE;
    vertical-align: middle;
}

    .alert-primary .far,
    .alert-primary .fal {
        color: #1856DD;
        font-size: 22px;
        margin-right: 10px;
    }

    .alert-primary a,
    .alert-primary a:visited,
    .alert-primary a:active {
        text-decoration: underline;
        color: #1142BE;
    }

        .alert-primary a:hover {
            text-decoration: none;
        }


.alert-danger {
    color: #560729;
    background: #FBDFD4;
}

    .alert-danger .far,
    .alert-danger .fal {
        color: #9B1D31;
        font-size: 22px;
    }

    .alert-danger a {
        color: #560729;
        text-decoration: underline;
    }

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.313rem !important;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

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

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

.alert-primary {
    color: #00513b;
    background-color: #ccebe3;
    border-color: #b8e3d8;
}

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

    .alert-primary .alert-link {
        color: #001e16;
    }

.alert-secondary {
    color: #474747;
    background-color: #e7e7e7;
    border-color: #dedede;
}

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

    .alert-secondary .alert-link {
        color: #2e2e2e;
    }

.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: #808183;
    background-color: #fdfefe;
    border-color: #fdfdfe;
}

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

    .alert-light .alert-link {
        color: #676869;
    }

.alert-dark {
    color: #252525;
    background-color: #dadada;
    border-color: #cccccc;
}

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

    .alert-dark .alert-link {
        color: #0c0c0c;
    }

/* tile grid title line separator */
.section-title-01 .title:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: 80px;
    text-align: center;
    justify-content: center;
    height: 3px;
    background: var(--skobeloff-hex, #006e69);
}

.section-title-01 .title.title-left:before {
    left: 0px !important;
    transform: translateX(0) !important
}

.section-title-01 .title.title-right:before {
    right: 0 !important;
    left: unset;
    transform: translateX(0) !important
}

@media screen and (max-width: 991px) {
    .section-title-01 .title.title-right:before {
        right: unset !important
    }
}

.section-title-01 h1,
.section-title-01 h2,
.section-title-01 h3,
.section-title-01 h4,
.section-title-01 h5,
.section-title-01 h6 {
    position: relative !important;
    color: var(--skobeloff-hex, #006e69) !important;
}

.center-alert-x {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-items: center;
}

.skip-to-main-content-link {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: black;
    color: white;
    opacity: 0;
}

    .skip-to-main-content-link:focus {
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
    }

/*
    15. Tooltip
*/
.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: 0;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--white-hex, #ffffff);
    --bs-tooltip-bg: var(--skobeloff-hex, #006e69);
    --bs-tooltip-border-radius: var(--radius, 0.313rem);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: inherit;
    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;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}

    .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-top-color: var(--bs-tooltip-bg);
    }

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

    .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-right-color: var(--bs-tooltip-bg);
    }

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height));
}

    .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg);
    }

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

    .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg);
    }

/* rtl:end:ignore */
.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
}