@keyframes affixFadeIn {
    from {
        top: -60px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}
@-webkit-keyframes affixFadeIn {
    from {
        top: -60px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}
@-moz-keyframes affaxFadeIn {
    from {
        top: -60px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}


:root {
    --primary: #17C7F3;
    --primary-900: #00354A;
    --primary-800: #065A74;
    --primary-700: #0C7E9F;
    --primary-600: #11A3C9;
    --primary-500: #17C7F3;
    --primary-400: #3BD0F5;
    --primary-300: #60D8F6;
    --primary-200: #A9E9FA;
    --primary-100: #A9E9FA;
    --primary-50: #CEF2FB;
    --primary-25: #F2FAFD;
    --primary-gradient: linear-gradient(45deg, #17C7F3 0%, #0189EB 100%);

    --secondary: #12A9FF;

    --success: #12B669;
    --success-600: #039754;
    --success-gradient: linear-gradient(255deg, #3EAF3F 0%, #27CA40 100%);

    --danger: #F04437;
    --danger-600: #F04437;
    --danger-500: #E13023;
    --error-500: #E13023;

    --warning: #FD853A;
    --warning-600: #FD853A;

    --black: #000000;
    --white: #FFFFFF;
    --grey-900: #1C1F21;
    --grey-800: #373E44;
    --grey-700: #515A63;
    --grey-600: #6E7881;
    /* --grey-500: #1C1F21; */
    --grey-400: #A4A9AF;
    /* --grey-300: #1C1F21; */
    --grey-200: #DEE3E6;
    --grey-100: #E9ECEF;
    --grey-50: #F4F7F9;

    --branding: #17C7F3;
    --indigo: #007BFF;
    /* --yellow: #FFB52A; */
    --yellow: #FFE7A0;
    --orange: #FD853A;
    --magenta: #7D387C;
    --tomato: #FD6748;
    --green: #86CD47;

    --purple: #B692F6;
    --purple-900: #42307D;
    --purple-800: #53389E;
    --purple-700: #6941C6;
    --purple-600: #7F56D9;
    --purple-500: #9E77ED;
    --purple-400: #B692F6;
    --purple-300: #D6BBFB;
    --purple-200: #E9D7FE;
    --purple-100: #F4EBFF;
    --purple-50: #F9F5FF;
    --purple-25: #FCFAFF;

    --v3-free: #17C7F3;
    --v3-basic: #FD853A;
    --v3-standard: #007BFF;
    --v3-professional: #7F56D9;
    
    --v4-free: #17C7F3;
    --v4-basic: #FD853A;
    --v4-standard: #007BFF;
    --v4-professional: #7F56D9;
    --v4-premium: #7D387C;
    --v4-premium-1: #7D387C;
    --v4-premium-2: #FD6748;
    --v4-premium-gradient: linear-gradient(90deg, #733480 0%, #FD6748 100%);
}
:root {
    --header-h: 70px;

    --txt-header: var(--grey-900);
    --txt-subdued1: var(--grey-800);
    --txt-subdued2: var(--grey-700);
    --txt-hint: var(--grey-600);
    --txt-placeholder: var(--grey-400);
    --txt-disable: var(--grey-400);
    --txt-link: #1155CC;
    --txt-primary: var(--primary);
    --txt-primary-light: var(--primary-200);
    --txt-secondary: var(--secondary);
    --txt-tertiary: var(--grey-800);
    --txt-success: var(--success);
    --txt-danger: var(--danger);
    --txt-error: var(--error-500);
    --txt-warning: var(--warning);
    --txt-black: var(--black);
    --txt-white: var(--white);
    --txt-indigo: var(--indigo);
    --txt-yellow: var(--yellow);
    --txt-orange: var(--orange);
    --txt-purple: var(--purple-600);
    --txt-magenta: var(--magenta);
    --txt-tomato: var(--tomato);
    --txt-green: var(--green);
    --txt-gradient-primary: linear-gradient(90deg, #078EDB 0%, #28BEE3 100%);
    --txt-free: var(--v4-free);
    --txt-basic: var(--v4-basic);
    --txt-standard: var(--v4-standard);
    --txt-professional: var(--v4-professional);
    --txt-premium: var(--v4-premium);
    --txt-premium-gradient: linear-gradient(90deg, var(--v4-premium-1) 0%, var(--v4-premium-2) 100%);

    --icon-primary: var(--primary);
    --icon-white: var(--white);
    --icon-grey: var(--grey-400);
    --icon-dark-grey: var(--grey-800);
    --icon-deep-black: var(--grey-900);

    --border-disable: var(--grey-100);
    --border-divider: var(--grey-200);
    --border-button: var(--grey-400);
    --border-primary: var(--primary);
    --border-primary-light: var(--primary-200);
    --border-secondary: var(--secondary);
    --border-tertiary: var(--grey-800);
    --border-success: var(--success);
    --border-danger: var(--danger);
    --border-error: var(--error-500);
    --border-warning: var(--warning);
    --border-black: var(--black);
    --border-white: var(--white);
    --border-yellow: var(--yellow);

    --bg-primary: var(--primary);
    --bg-primary-light: var(--primary-200);
    --bg-secondary: var(--secondary);
    --bg-tertiary: var(--grey-800);
    --bg-success: var(--success);
    --bg-success-light: #F6FEF9;
    --bg-danger: var(--danger);
    --bg-error: var(--error-500);
    --bg-warning: var(--warning);
    --bg-dark: var(--grey-900);
    --bg-grey: var(--grey-50);
    --bg-black: var(--black);
    --bg-white: var(--white);
    --bg-yellow: var(--yellow);

    --action-primary-default: var(--primary);
    --action-primary-hover: var(--primary-600);
    --action-success-default: var(--success);
    --action-success-hover: var(--success-600);
    --action-danger-default: var(--danger);
    --action-danger-hover: var(--danger-600);
    --action-warning-default: var(--warning);
    --action-warning-hover: var(--warning-600);
    --action-disable: var(--grey-200);
    --action-error-default: var(--error-500);
    --action-error-hover: var(--error-500);
    --action-gradient-primary: linear-gradient(45deg, var(--primary) 0%, #0189EB 100%);
    --action-gradient-primary-hover: linear-gradient(45deg, var(--primary-600) 0%, #0161A7 100%);
    --action-gradient-tertiary: linear-gradient(90deg, var(--grey-700) 0%, var(--grey-800) 100%);
    --action-gradient-tertiary-hover: linear-gradient(90deg, var(--grey-800) 0%, var(--grey-900) 100%);

    --surface-primary: var(--primary);
    --surface-light-1: #F2FAFD;
    --surface-light-2:#F8FBFF;
    --surface-grey: var(--grey-50);
    --surface-white: var(--white);
    --surface-dark: var(--grey-900);
    --surface-success-light: #F6FEF9;

    --decor-branding: #17C7F3;
    --decor-crown: #F2C94C;
    --decor-indigo: #007BFF;
    --decor-yellow: var(--yellow);
    --decor-orange: #FD853A;
    --decor-purple: var(--purple-600);
    --decor-magenta: var(--magenta);
    --decor-tomato: var(--tomato);
    --decor-green: #86CD47;

    --txt-display-xl-ff: 'Noto Sans Thai'; --txt-display-xl-fs: 64px;  --txt-display-xl-lh: 1.4;
    --txt-display-l-ff: 'Noto Sans Thai'; --txt-display-l-fs: 48px; --txt-display-l-lh: 1.4;
    --txt-display-m-ff: 'Noto Sans Thai'; --txt-display-m-fs: 40px; --txt-display-m-lh: 1.4;
    --txt-display-s-ff: 'Noto Sans Thai'; --txt-display-s-fs: 32px; --txt-display-s-lh: 1.4;
    --txt-heading-l-ff: 'Noto Sans Thai'; --txt-heading-l-fs: 24px; --txt-heading-l-lh: 1.4;
    --txt-heading-m-ff: 'Noto Sans Thai'; --txt-heading-m-fs: 18px; --txt-heading-m-lh: 1.4;
    --txt-subheading-ff: 'Noto Sans Thai'; --txt-subheading-fs: 16px; --txt-subheading-lh: 1.4;
    --txt-body-xl-ff: 'Noto Sans Thai'; --txt-body-xl-fs: 24px; --txt-body-xl-lh: 1.4;
    --txt-body-l-ff: 'Noto Sans Thai'; --txt-body-l-fs: 18px; --txt-body-l-lh: 1.4;
    --txt-body-m-ff: 'Noto Sans Thai'; --txt-body-m-fs: 16px; --txt-body-m-lh: 1.4;
    --txt-body-s-ff: 'Noto Sans Thai'; --txt-body-s-fs: 14px; --txt-body-s-lh: 1.4;
    --txt-content-l-ff: 'Noboto'; --txt-content-l-fs: 18px; --txt-content-l-lh: 1.4;
    --txt-content-m-ff: 'Noboto'; --txt-content-m-fs: 16px; --txt-content-m-lh: 1.4;
    --txt-content-s-ff: 'Noboto'; --txt-content-s-fs: 14px; --txt-content-s-lh: 1.4;
    --txt-footnote-ff: 'Noboto'; --txt-footnote-fs: 12px; --txt-footnote-lh: 1.4;
    --txt-button-l-ff: 'Noto Sans Thai'; --txt-button-l-fs: 24px; --txt-button-l-lh: 1.4;
    --txt-button-m-ff: 'Noto Sans Thai'; --txt-button-m-fs: 18px; --txt-button-m-lh: 1.4;

    --inp-ff: 'Noboto', "open sans", arial, sans-serif;
    --inp-fs: 16px;
    --inp-py: 3px;
    --inp-px: 10px;
    --inp-h: 36px;
    --inp-s-fs: 16px;
    --inp-l-fs: 16px;
}
@media (max-width: 1024px) {
    :root {
        --txt-display-xl-fs: 44px;
        --txt-display-l-fs: 36px;
        --txt-display-m-fs: 32px;
        --txt-display-s-fs: 30px;
        --txt-body-xl-fs: 20px;
    }
}
@media (max-width: 768px) {
    :root {
        --txt-display-xl-fs: 38px;
        --txt-display-l-fs: 32px;
        --txt-display-m-fs: 30px;
        --txt-display-s-fs: 28px;
    }
}

/* Container */
.container { width: 100%; }
@media (min-width: 768px) {
    .container { width: 750px; } /* inner 720px */
}
@media (min-width: 1024px) {
    .container { width: 990px; } /* inner 960px */
}
@media (min-width: 1280px) {
    .container { width: 1230px; } /* inner 1200px */
}
@media (min-width: 1440px) {
    .container { width: 1350px; } /* inner 1320px */
}

.col-xs-auto { width: 100%; }
@media (min-width: 768px) {
    .col-sm-auto { width: auto; }
}
@media (min-width: 992px) {
    .col-md-auto { width: auto; }
}
@media (min-width: 1200px) {
    .col-lg-auto { width: auto; }
}

body {
    font-family: var(--txt-body-m-ff), "open sans", arial, sans-serif !important;
    font-size: var(--txt-body-m-fs);
    line-height: var(--txt-body-m-lh);
    min-width: 320px;
    padding: 0;
    margin: 0 auto;
    max-width: 1920px;
    color: var(--txt-subdued2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-font-smoothing: antialiased;
    min-height: 100vh
}
.bodyfix {
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}
body.bodyLockScroll {
    overflow: hidden;
    max-width: 100vw;
    max-height: 100vh;
}
@media (max-width: 1920px) {
    body {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #373E44;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
    line-height: 1;
    margin: 0;
}
h1, .h1 { font-size: var(--txt-display-l-fs); }
h2, .h2 { font-size: var(--txt-display-m-fs); }
h3, .h3 { font-size: var(--txt-display-s-fs); }
h4, .h4 { font-size: var(--txt-heading-l-fs); }
h5, .h5 { font-size: var(--txt-heading-l-fs); }
h6, .h6 { font-family: var(--txt-heading-m-fs); }
.p { font-size: var(--txt-body-l-fs); }
small, .small { font-size: var(--txt-body-s-fs); }
a { color: inherit; text-decoration: none; outline: 0 }
a:hover, 
a:focus { color: inherit; text-decoration: none; outline: 0 }
th { font-weight: normal; }
textarea { resize: vertical; }


/* Image */
.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}


/* Font - Typography */
.fs-display-xl { font-family: var(--txt-display-xl-ff) !important; font-size: var(--txt-display-xl-fs) !important; line-height: var(--txt-display-xl-lh); }
.fs-display-l { font-family: var(--txt-display-l-ff) !important; font-size: var(--txt-display-l-fs) !important; line-height: var(--txt-display-l-lh); }
.fs-display-m { font-family: var(--txt-display-m-ff) !important; font-size: var(--txt-display-m-fs) !important; line-height: var(--txt-display-m-lh); }
.fs-display-s { font-family: var(--txt-display-s-ff) !important; font-size: var(--txt-display-s-fs) !important; line-height: var(--txt-display-s-lh); }
.fs-heading-l { font-family: var(--txt-heading-l-ff) !important; font-size: var(--txt-heading-l-fs) !important; line-height: var(--txt-heading-l-lh); }
.fs-heading-m { font-family: var(--txt-heading-m-ff) !important; font-size: var(--txt-heading-m-fs) !important; line-height: var(--txt-heading-m-lh); }
.fs-subheading { font-family: var(--txt-subheading-ff) !important; font-size: var(--txt-subheading-fs) !important; line-height: var(--txt-subheading-lh); }
.fs-body-xl { font-family: var(--txt-body-xl-ff) !important; font-size: var(--txt-body-xl-fs) !important; line-height: var(--txt-body-xl-lh); }
.fs-body-l { font-family: var(--txt-body-l-ff) !important; font-size: var(--txt-body-l-fs) !important; line-height: var(--txt-body-l-lh); }
.fs-body-m { font-family: var(--txt-body-m-ff) !important; font-size: var(--txt-body-m-fs) !important; line-height: var(--txt-body-m-lh); }
.fs-body-s { font-family: var(--txt-body-s-ff) !important; font-size: var(--txt-body-s-fs) !important; line-height: var(--txt-body-s-lh); }
.fs-content-l { font-family: var(--txt-content-l-ff) !important; font-size: var(--txt-content-l-fs) !important; line-height: var(--txt-content-l-lh); }
.fs-content-m { font-family: var(--txt-content-m-ff) !important; font-size: var(--txt-content-m-fs) !important; line-height: var(--txt-content-m-lh); }
.fs-content-s { font-family: var(--txt-content-s-ff) !important; font-size: var(--txt-content-s-fs) !important; line-height: var(--txt-content-s-lh); }
.fs-footnote { font-family: var(--txt-footnote-ff) !important; font-size: var(--txt-footnote-fs) !important; line-height: var(--txt-footnote-lh); }
.fs-button-l { font-family: var(--txt-button-l-ff) !important; font-size: var(--txt-button-l-fs) !important; line-height: var(--txt-button-l-lh); }
.fs-button-m { font-family: var(--txt-button-m-ff) !important; font-size: var(--txt-button-m-fs) !important; line-height: var(--txt-button-m-lh); }
@media (max-width: 767px) {
    .fs-xs-display-xl { font-family: var(--txt-display-xl-ff) !important; font-size: var(--txt-display-xl-fs) !important; line-height: var(--txt-display-xl-lh); }
    .fs-xs-display-l { font-family: var(--txt-display-l-ff) !important; font-size: var(--txt-display-l-fs) !important; line-height: var(--txt-display-l-lh); }
    .fs-xs-display-m { font-family: var(--txt-display-m-ff) !important; font-size: var(--txt-display-m-fs) !important; line-height: var(--txt-display-m-lh); }
    .fs-xs-display-s { font-family: var(--txt-display-s-ff) !important; font-size: var(--txt-display-s-fs) !important; line-height: var(--txt-display-s-lh); }
    .fs-xs-heading-l { font-family: var(--txt-heading-l-ff) !important; font-size: var(--txt-heading-l-fs) !important; line-height: var(--txt-heading-l-lh); }
    .fs-xs-heading-m { font-family: var(--txt-heading-m-ff) !important; font-size: var(--txt-heading-m-fs) !important; line-height: var(--txt-heading-m-lh); }
    .fs-xs-subheading { font-family: var(--txt-subheading-ff) !important; font-size: var(--txt-subheading-fs) !important; line-height: var(--txt-subheading-lh); }
    .fs-xs-body-xl { font-family: var(--txt-body-xl-ff) !important; font-size: var(--txt-body-xl-fs) !important; line-height: var(--txt-body-xl-lh); }
    .fs-xs-body-l { font-family: var(--txt-body-l-ff) !important; font-size: var(--txt-body-l-fs) !important; line-height: var(--txt-body-l-lh); }
    .fs-xs-body-m { font-family: var(--txt-body-m-ff) !important; font-size: var(--txt-body-m-fs) !important; line-height: var(--txt-body-m-lh); }
    .fs-xs-body-s { font-family: var(--txt-body-s-ff) !important; font-size: var(--txt-body-s-fs) !important; line-height: var(--txt-body-s-lh); }
    .fs-xs-content-l { font-family: var(--txt-content-l-ff) !important; font-size: var(--txt-content-l-fs) !important; line-height: var(--txt-content-l-lh); }
    .fs-xs-content-m { font-family: var(--txt-content-m-ff) !important; font-size: var(--txt-content-m-fs) !important; line-height: var(--txt-content-m-lh); }
    .fs-xs-content-s { font-family: var(--txt-content-s-ff) !important; font-size: var(--txt-content-s-fs) !important; line-height: var(--txt-content-s-lh); }
    .fs-xs-footnote { font-family: var(--txt-footnote-ff) !important; font-size: var(--txt-footnote-fs) !important; line-height: var(--txt-footnote-lh); }
    .fs-xs-button-l { font-family: var(--txt-button-l-ff) !important; font-size: var(--txt-button-l-fs) !important; line-height: var(--txt-button-l-lh); }
    .fs-xs-button-m { font-family: var(--txt-button-m-ff) !important; font-size: var(--txt-button-m-fs) !important; line-height: var(--txt-button-m-lh); }
}


/* Font - Family */
/* Font - Tahoma */
.ff-ta { font-family: "Tahoma" !important; line-height: 1.2; }
.fs-ta-64 { font-family: "Tahoma" !important; font-size: 64px !important; line-height: 1.2; }
.fs-ta-48 { font-family: "Tahoma" !important; font-size: 48px !important; line-height: 1.2; }
.fs-ta-44 { font-family: "Tahoma" !important; font-size: 44px !important; line-height: 1.2; }
.fs-ta-40 { font-family: "Tahoma" !important; font-size: 40px !important; line-height: 1.2; }
.fs-ta-36 { font-family: "Tahoma" !important; font-size: 36px !important; line-height: 1.2; }
.fs-ta-32 { font-family: "Tahoma" !important; font-size: 32px !important; line-height: 1.2; }
.fs-ta-30 { font-family: "Tahoma" !important; font-size: 30px !important; line-height: 1.2; }
.fs-ta-28 { font-family: "Tahoma" !important; font-size: 28px !important; line-height: 1.2; }
.fs-ta-26 { font-family: "Tahoma" !important; font-size: 26px !important; line-height: 1.2; }
.fs-ta-24 { font-family: "Tahoma" !important; font-size: 24px !important; line-height: 1.2; }
.fs-ta-22 { font-family: "Tahoma" !important; font-size: 22px !important; line-height: 1.2; }
.fs-ta-21 { font-family: "Tahoma" !important; font-size: 21px !important; line-height: 1.2; }
.fs-ta-20 { font-family: "Tahoma" !important; font-size: 20px !important; line-height: 1.2; }
.fs-ta-18 { font-family: "Tahoma" !important; font-size: 18px !important; line-height: 1.2; }
.fs-ta-16 { font-family: "Tahoma" !important; font-size: 16px !important; line-height: 1.2; }
.fs-ta-14 { font-family: "Tahoma" !important; font-size: 14px !important; line-height: 1.2; }
.fs-ta-12 { font-family: "Tahoma" !important; font-size: 12px !important; line-height: 1.2; }
.fs-ta-11 { font-family: "Tahoma" !important; font-size: 11px !important; line-height: 1.2; }
.p-tahoma { font-family: 'Tahoma' ,"open sans", arial, sans-serif !important; font-size: 16px; }
.p-tahoma small { font-size: 13px; }
@media (max-width: 767px) {
    .p-tahoma { font-size: 14px; }
    .p-tahoma small { font-size: 13px; }
}
/* Font - DB Heavent */
.ff-db { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; line-height: 1.2; }
.fs-db-64 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 64px !important; line-height: 1.2; }
.fs-db-48 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 48px !important; line-height: 1.2; }
.fs-db-44 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 44px !important; line-height: 1.2; }
.fs-db-40 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 40px !important; line-height: 1.2; }
.fs-db-36 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 36px !important; line-height: 1.2; }
.fs-db-32 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 32px !important; line-height: 1.2; }
.fs-db-30 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 30px !important; line-height: 1.2; }
.fs-db-28 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 28px !important; line-height: 1.2; }
.fs-db-26 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 26px !important; line-height: 1.2; }
.fs-db-24 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 24px !important; line-height: 1.2; }
.fs-db-22 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 22px !important; line-height: 1.2; }
.fs-db-21 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 21px !important; line-height: 1.2; }
.fs-db-20 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 20px !important; line-height: 1.2; }
.fs-db-18 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 18px !important; line-height: 1.2; }
.fs-db-16 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 16px !important; line-height: 1.2; }
.fs-db-14 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 14px !important; line-height: 1.2; }
.fs-db-12 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 12px !important; line-height: 1.2; }
.fs-db-11 { font-family: 'DB-Heavent-Light', "open sans", arial, sans-serif !important; font-size: 11px !important; line-height: 1.2; }
/* Font - DB Heavent Bold */
.ff-dbb { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; line-height: 1.2; }
.fs-dbb-64 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 64px !important; line-height: 1.2; }
.fs-dbb-48 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 48px !important; line-height: 1.2; }
.fs-dbb-44 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 44px !important; line-height: 1.2; }
.fs-dbb-40 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 40px !important; line-height: 1.2; }
.fs-dbb-36 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 36px !important; line-height: 1.2; }
.fs-dbb-32 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 32px !important; line-height: 1.2; }
.fs-dbb-30 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 30px !important; line-height: 1.2; }
.fs-dbb-28 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 28px !important; line-height: 1.2; }
.fs-dbb-26 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 26px !important; line-height: 1.2; }
.fs-dbb-24 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 24px !important; line-height: 1.2; }
.fs-dbb-22 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 22px !important; line-height: 1.2; }
.fs-dbb-21 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 21px !important; line-height: 1.2; }
.fs-dbb-20 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 20px !important; line-height: 1.2; }
.fs-dbb-18 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 18px !important; line-height: 1.2; }
.fs-dbb-16 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 16px !important; line-height: 1.2; }
.fs-dbb-14 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 14px !important; line-height: 1.2; }
.fs-dbb-12 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 12px !important; line-height: 1.2; }
.fs-dbb-11 { font-family: 'DB-Heavent', "open sans", arial, sans-serif !important; font-size: 11px !important; line-height: 1.2; }
/* Font - Noto Sans Thai */
.ff-nt { font-family: "Noto Sans Thai" !important; line-height: 1.2; }
.fs-nt-64 { font-family: "Noto Sans Thai" !important; font-size: 64px !important; line-height: 1.2; }
.fs-nt-48 { font-family: "Noto Sans Thai" !important; font-size: 48px !important; line-height: 1.2; }
.fs-nt-44 { font-family: "Noto Sans Thai" !important; font-size: 44px !important; line-height: 1.2; }
.fs-nt-40 { font-family: "Noto Sans Thai" !important; font-size: 40px !important; line-height: 1.2; }
.fs-nt-36 { font-family: "Noto Sans Thai" !important; font-size: 36px !important; line-height: 1.2; }
.fs-nt-32 { font-family: "Noto Sans Thai" !important; font-size: 32px !important; line-height: 1.2; }
.fs-nt-30 { font-family: "Noto Sans Thai" !important; font-size: 30px !important; line-height: 1.2; }
.fs-nt-28 { font-family: "Noto Sans Thai" !important; font-size: 28px !important; line-height: 1.2; }
.fs-nt-26 { font-family: "Noto Sans Thai" !important; font-size: 26px !important; line-height: 1.2; }
.fs-nt-24 { font-family: "Noto Sans Thai" !important; font-size: 24px !important; line-height: 1.2; }
.fs-nt-22 { font-family: "Noto Sans Thai" !important; font-size: 22px !important; line-height: 1.2; }
.fs-nt-21 { font-family: "Noto Sans Thai" !important; font-size: 21px !important; line-height: 1.2; }
.fs-nt-20 { font-family: "Noto Sans Thai" !important; font-size: 20px !important; line-height: 1.2; }
.fs-nt-18 { font-family: "Noto Sans Thai" !important; font-size: 18px !important; line-height: 1.2; }
.fs-nt-16 { font-family: "Noto Sans Thai" !important; font-size: 16px !important; line-height: 1.2; }
.fs-nt-14 { font-family: "Noto Sans Thai" !important; font-size: 14px !important; line-height: 1.2; }
.fs-nt-12 { font-family: "Noto Sans Thai" !important; font-size: 12px !important; line-height: 1.2; }
.fs-nt-11 { font-family: "Noto Sans Thai" !important; font-size: 11px !important; line-height: 1.2; }
/* Font - Noboto */
.ff-nbt { font-family: "Noboto" !important; line-height: 1.2; }
.fs-nbt-64 { font-family: "Noboto" !important; font-size: 64px !important; line-height: 1.2; }
.fs-nbt-48 { font-family: "Noboto" !important; font-size: 48px !important; line-height: 1.2; }
.fs-nbt-44 { font-family: "Noboto" !important; font-size: 44px !important; line-height: 1.2; }
.fs-nbt-40 { font-family: "Noboto" !important; font-size: 40px !important; line-height: 1.2; }
.fs-nbt-36 { font-family: "Noboto" !important; font-size: 36px !important; line-height: 1.2; }
.fs-nbt-32 { font-family: "Noboto" !important; font-size: 32px !important; line-height: 1.2; }
.fs-nbt-30 { font-family: "Noboto" !important; font-size: 30px !important; line-height: 1.2; }
.fs-nbt-28 { font-family: "Noboto" !important; font-size: 28px !important; line-height: 1.2; }
.fs-nbt-26 { font-family: "Noboto" !important; font-size: 26px !important; line-height: 1.2; }
.fs-nbt-24 { font-family: "Noboto" !important; font-size: 24px !important; line-height: 1.2; }
.fs-nbt-22 { font-family: "Noboto" !important; font-size: 22px !important; line-height: 1.2; }
.fs-nbt-21 { font-family: "Noboto" !important; font-size: 21px !important; line-height: 1.2; }
.fs-nbt-20 { font-family: "Noboto" !important; font-size: 20px !important; line-height: 1.2; }
.fs-nbt-18 { font-family: "Noboto" !important; font-size: 18px !important; line-height: 1.2; }
.fs-nbt-16 { font-family: "Noboto" !important; font-size: 16px !important; line-height: 1.2; }
.fs-nbt-14 { font-family: "Noboto" !important; font-size: 14px !important; line-height: 1.2; }
.fs-nbt-12 { font-family: "Noboto" !important; font-size: 12px !important; line-height: 1.2; }
.fs-nbt-11 { font-family: "Noboto" !important; font-size: 11px !important; line-height: 1.2; }


/* Font - Size */
.fs-64 { font-size: 64px !important; }
.fs-48 { font-size: 48px !important; }
.fs-44 { font-size: 44px !important; }
.fs-40 { font-size: 40px !important; }
.fs-36 { font-size: 36px !important; }
.fs-32 { font-size: 32px !important; }
.fs-30 { font-size: 30px !important; }
.fs-28 { font-size: 28px !important; }
.fs-26 { font-size: 26px !important; }
.fs-24 { font-size: 24px !important; }
.fs-22 { font-size: 22px !important; }
.fs-21 { font-size: 21px !important; }
.fs-20 { font-size: 20px !important; }
.fs-18 { font-size: 18px !important; }
.fs-16 { font-size: 16px !important; }
.fs-14 { font-size: 14px !important; }
.fs-12 { font-size: 12px !important; }
.fs-11 { font-size: 11px !important; }
.fs-10 { font-size: 10px !important; }
.fs-9 { font-size: 9px !important; }
.fs-8 { font-size: 8px !important; }
@media (max-width: 767px) {
    .fs-xs-64 { font-size: 64px !important; }
    .fs-xs-48 { font-size: 48px !important; }
    .fs-xs-44 { font-size: 44px !important; }
    .fs-xs-40 { font-size: 40px !important; }
    .fs-xs-36 { font-size: 36px !important; }
    .fs-xs-32 { font-size: 32px !important; }
    .fs-xs-30 { font-size: 30px !important; }
    .fs-xs-28 { font-size: 28px !important; }
    .fs-xs-26 { font-size: 26px !important; }
    .fs-xs-24 { font-size: 24px !important; }
    .fs-xs-22 { font-size: 22px !important; }
    .fs-xs-21 { font-size: 21px !important; }
    .fs-xs-20 { font-size: 20px !important; }
    .fs-xs-18 { font-size: 18px !important; }
    .fs-xs-16 { font-size: 16px !important; }
    .fs-xs-14 { font-size: 14px !important; }
    .fs-xs-12 { font-size: 12px !important; }
    .fs-xs-11 { font-size: 11px !important; }
    .fs-xs-10 { font-size: 10px !important; }
    .fs-xs-9 { font-size: 9px !important; }
    .fs-xs-8 { font-size: 8px !important; }
}


/* Font - Weigth */
.fw-normal { font-weight: normal !important; }
.fw-bold { font-weight: bold !important; }


/* Font - Font Awesome 5 Custom */
.fa-user-lock:before {
    content: "\f502";
}


/* Flag */
.flag-icon-circle {
    width: 20px !important;
    height: 20px !important;
    background-size: cover !important;
    border-radius: 50% !important;
    border: 1px solid var(--border-divider);
}


/* section */
.section-py {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-pt { padding-top: 50px; }
.section-pb { padding-bottom: 50px; }
.section-py-mini {
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-pt-mini { padding-top: 30px; }
.section-pb-mini { padding-bottom: 30px; }
@media (max-width: 767px) {
    .section-py {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-pt { padding-top: 40px; }
    .section-pb { padding-bottom: 40px; }
    .section-py-mini {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .section-pt-mini { padding-top: 20px; }
    .section-pb-mini { padding-bottom: 20px; }
}

.section-heading {
    margin-bottom: 40px;
}

.section-heading p {
    margin-top: 10px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .section-heading {
        margin-bottom: 30px;
    }
}

.elem-my {
    margin-top: 40px;
    margin-bottom: 40px;
}
.elem-mt { margin-top: 40px; }
.elem-mb { margin-bottom: 40px; }
.elem-my-mini {
    margin-top: 20px;
    margin-bottom: 20px;
}
.elem-mt-mini { margin-top: 20px; }
.elem-mb-mini { margin-bottom: 20px; }
@media (max-width: 767px) {
    .elem-my {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .elem-mt { margin-top: 30px; }
    .elem-mb { margin-bottom: 30px; }
    .elem-my-mini {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .elem-mt-mini { margin-top: 15px; }
    .elem-mb-mini { margin-bottom: 15px; }
}


@media (max-width: 374px) and (min-width: 320px) {
    .hidden-xxs { display: none !important; }
}
@media (min-width: 1440px) {
    .hidden-xl { display: none !important; }
}

/* Display */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
}
@media (min-width: 768px) {
  .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
}
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
}
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
}
@media print {
  .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; }
}


/* Visible */
visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


/* Margin */
.m-0 { margin: 0px !important; }
.mt-0, .my-0 { margin-top: 0px !important; }
.mr-0, .mx-0 { margin-right: 0px !important; }
.mb-0, .my-0 { margin-bottom: 0px !important; }
.ml-0, .mx-0 { margin-left: 0px !important; }
.m-0-nfc:not(:first-child) { margin: 0px !important; }
.mt-0-nfc:not(:first-child), .my-0-nfc:not(:first-child) { margin-top: 0px !important; }
.mr-0-nfc:not(:first-child), .mx-0-nfc:not(:first-child) { margin-right: 0px !important; }
.mb-0-nfc:not(:first-child), .my-0-nfc:not(:first-child) { margin-bottom: 0px !important; }
.ml-0-nfc:not(:first-child), .mx-0-nfc:not(:first-child) { margin-left: 0px !important; }
.m-0-nlc:not(:last-child) { margin: 0px !important; }
.mt-0-nlc:not(:last-child), .my-0-nlc:not(:last-child) { margin-top: 0px !important; }
.mr-0-nlc:not(:last-child), .mx-0-nlc:not(:last-child) { margin-right: 0px !important; }
.mb-0-nlc:not(:last-child), .my-0-nlc:not(:last-child) { margin-bottom: 0px !important; }
.ml-0-nlc:not(:last-child), .mx-0-nlc:not(:last-child) { margin-left: 0px !important; }
.m-3 { margin: 3px !important; }
.mt-3, .my-3 { margin-top: 3px !important; }
.mr-3, .mx-3 { margin-right: 3px !important; }
.mb-3, .my-3 { margin-bottom: 3px !important; }
.ml-3, .mx-3 { margin-left: 3px !important; }
.-m-3 { margin: -3px !important; }
.-mt-3, .-my-3 { margin-top: -3px !important; }
.-mr-3, .-mx-3 { margin-right: -3px !important; }
.-mb-3, .-my-3 { margin-bottom: -3px !important; }
.-ml-3, .-mx-3 { margin-left: -3px !important; }
.m-3-nfc:not(:first-child) { margin: 3px !important; }
.mt-3-nfc:not(:first-child), .my-3-nfc:not(:first-child) { margin-top: 3px !important; }
.mr-3-nfc:not(:first-child), .mx-3-nfc:not(:first-child) { margin-right: 3px !important; }
.mb-3-nfc:not(:first-child), .my-3-nfc:not(:first-child) { margin-bottom: 3px !important; }
.ml-3-nfc:not(:first-child), .mx-3-nfc:not(:first-child) { margin-left: 3px !important; }
.-m-3-nfc:not(:first-child) { margin: -3px !important; }
.-mt-3-nfc:not(:first-child), .-my-3-nfc:not(:first-child) { margin-top: -3px !important; }
.-mr-3-nfc:not(:first-child), .-mx-3-nfc:not(:first-child) { margin-right: -3px !important; }
.-mb-3-nfc:not(:first-child), .-my-3-nfc:not(:first-child) { margin-bottom: -3px !important; }
.-ml-3-nfc:not(:first-child), .-mx-3-nfc:not(:first-child) { margin-left: -3px !important; }
.m-3-nlc:not(:last-child) { margin: 3px !important; }
.mt-3-nlc:not(:last-child), .my-3-nlc:not(:last-child) { margin-top: 3px !important; }
.mr-3-nlc:not(:last-child), .mx-3-nlc:not(:last-child) { margin-right: 3px !important; }
.mb-3-nlc:not(:last-child), .my-3-nlc:not(:last-child) { margin-bottom: 3px !important; }
.ml-3-nlc:not(:last-child), .mx-3-nlc:not(:last-child) { margin-left: 3px !important; }
.-m-3-nlc:not(:last-child) { margin: -3px !important; }
.-mt-3-nlc:not(:last-child), .-my-3-nlc:not(:last-child) { margin-top: -3px !important; }
.-mr-3-nlc:not(:last-child), .-mx-3-nlc:not(:last-child) { margin-right: -3px !important; }
.-mb-3-nlc:not(:last-child), .-my-3-nlc:not(:last-child) { margin-bottom: -3px !important; }
.-ml-3-nlc:not(:last-child), .-mx-3-nlc:not(:last-child) { margin-left: -3px !important; }
.m-4 { margin: 4px !important; }
.mt-4, .my-4 { margin-top: 4px !important; }
.mr-4, .mx-4 { margin-right: 4px !important; }
.mb-4, .my-4 { margin-bottom: 4px !important; }
.ml-4, .mx-4 { margin-left: 4px !important; }
.-m-4 { margin: -4px !important; }
.-mt-4, .-my-4 { margin-top: -4px !important; }
.-mr-4, .-mx-4 { margin-right: -4px !important; }
.-mb-4, .-my-4 { margin-bottom: -4px !important; }
.-ml-4, .-mx-4 { margin-left: -4px !important; }
.m-4-nfc:not(:first-child) { margin: 4px !important; }
.mt-4-nfc:not(:first-child), .my-4-nfc:not(:first-child) { margin-top: 4px !important; }
.mr-4-nfc:not(:first-child), .mx-4-nfc:not(:first-child) { margin-right: 4px !important; }
.mb-4-nfc:not(:first-child), .my-4-nfc:not(:first-child) { margin-bottom: 4px !important; }
.ml-4-nfc:not(:first-child), .mx-4-nfc:not(:first-child) { margin-left: 4px !important; }
.-m-4-nfc:not(:first-child) { margin: -4px !important; }
.-mt-4-nfc:not(:first-child), .-my-4-nfc:not(:first-child) { margin-top: -4px !important; }
.-mr-4-nfc:not(:first-child), .-mx-4-nfc:not(:first-child) { margin-right: -4px !important; }
.-mb-4-nfc:not(:first-child), .-my-4-nfc:not(:first-child) { margin-bottom: -4px !important; }
.-ml-4-nfc:not(:first-child), .-mx-4-nfc:not(:first-child) { margin-left: -4px !important; }
.m-4-nlc:not(:last-child) { margin: 4px !important; }
.mt-4-nlc:not(:last-child), .my-4-nlc:not(:last-child) { margin-top: 4px !important; }
.mr-4-nlc:not(:last-child), .mx-4-nlc:not(:last-child) { margin-right: 4px !important; }
.mb-4-nlc:not(:last-child), .my-4-nlc:not(:last-child) { margin-bottom: 4px !important; }
.ml-4-nlc:not(:last-child), .mx-4-nlc:not(:last-child) { margin-left: 4px !important; }
.-m-4-nlc:not(:last-child) { margin: -4px !important; }
.-mt-4-nlc:not(:last-child), .-my-4-nlc:not(:last-child) { margin-top: -4px !important; }
.-mr-4-nlc:not(:last-child), .-mx-4-nlc:not(:last-child) { margin-right: -4px !important; }
.-mb-4-nlc:not(:last-child), .-my-4-nlc:not(:last-child) { margin-bottom: -4px !important; }
.-ml-4-nlc:not(:last-child), .-mx-4-nlc:not(:last-child) { margin-left: -4px !important; }
.m-5 { margin: 5px !important; }
.mt-5, .my-5 { margin-top: 5px !important; }
.mr-5, .mx-5 { margin-right: 5px !important; }
.mb-5, .my-5 { margin-bottom: 5px !important; }
.ml-5, .mx-5 { margin-left: 5px !important; }
.-m-5 { margin: -5px !important; }
.-mt-5, .-my-5 { margin-top: -5px !important; }
.-mr-5, .-mx-5 { margin-right: -5px !important; }
.-mb-5, .-my-5 { margin-bottom: -5px !important; }
.-ml-5, .-mx-5 { margin-left: -5px !important; }
.m-5-nfc:not(:first-child) { margin: 5px !important; }
.mt-5-nfc:not(:first-child), .my-5-nfc:not(:first-child) { margin-top: 5px !important; }
.mr-5-nfc:not(:first-child), .mx-5-nfc:not(:first-child) { margin-right: 5px !important; }
.mb-5-nfc:not(:first-child), .my-5-nfc:not(:first-child) { margin-bottom: 5px !important; }
.ml-5-nfc:not(:first-child), .mx-5-nfc:not(:first-child) { margin-left: 5px !important; }
.-m-5-nfc:not(:first-child) { margin: -5px !important; }
.-mt-5-nfc:not(:first-child), .-my-5-nfc:not(:first-child) { margin-top: -5px !important; }
.-mr-5-nfc:not(:first-child), .-mx-5-nfc:not(:first-child) { margin-right: -5px !important; }
.-mb-5-nfc:not(:first-child), .-my-5-nfc:not(:first-child) { margin-bottom: -5px !important; }
.-ml-5-nfc:not(:first-child), .-mx-5-nfc:not(:first-child) { margin-left: -5px !important; }
.m-5-nlc:not(:last-child) { margin: 5px !important; }
.mt-5-nlc:not(:last-child), .my-5-nlc:not(:last-child) { margin-top: 5px !important; }
.mr-5-nlc:not(:last-child), .mx-5-nlc:not(:last-child) { margin-right: 5px !important; }
.mb-5-nlc:not(:last-child), .my-5-nlc:not(:last-child) { margin-bottom: 5px !important; }
.ml-5-nlc:not(:last-child), .mx-5-nlc:not(:last-child) { margin-left: 5px !important; }
.-m-5-nlc:not(:last-child) { margin: -5px !important; }
.-mt-5-nlc:not(:last-child), .-my-5-nlc:not(:last-child) { margin-top: -5px !important; }
.-mr-5-nlc:not(:last-child), .-mx-5-nlc:not(:last-child) { margin-right: -5px !important; }
.-mb-5-nlc:not(:last-child), .-my-5-nlc:not(:last-child) { margin-bottom: -5px !important; }
.-ml-5-nlc:not(:last-child), .-mx-5-nlc:not(:last-child) { margin-left: -5px !important; }
.m-8 { margin: 8px !important; }
.mt-8, .my-8 { margin-top: 8px !important; }
.mr-8, .mx-8 { margin-right: 8px !important; }
.mb-8, .my-8 { margin-bottom: 8px !important; }
.ml-8, .mx-8 { margin-left: 8px !important; }
.-m-8 { margin: -8px !important; }
.-mt-8, .-my-8 { margin-top: -8px !important; }
.-mr-8, .-mx-8 { margin-right: -8px !important; }
.-mb-8, .-my-8 { margin-bottom: -8px !important; }
.-ml-8, .-mx-8 { margin-left: -8px !important; }
.m-8-nfc:not(:first-child) { margin: 8px !important; }
.mt-8-nfc:not(:first-child), .my-8-nfc:not(:first-child) { margin-top: 8px !important; }
.mr-8-nfc:not(:first-child), .mx-8-nfc:not(:first-child) { margin-right: 8px !important; }
.mb-8-nfc:not(:first-child), .my-8-nfc:not(:first-child) { margin-bottom: 8px !important; }
.ml-8-nfc:not(:first-child), .mx-8-nfc:not(:first-child) { margin-left: 8px !important; }
.-m-8-nfc:not(:first-child) { margin: -8px !important; }
.-mt-8-nfc:not(:first-child), .-my-8-nfc:not(:first-child) { margin-top: -8px !important; }
.-mr-8-nfc:not(:first-child), .-mx-8-nfc:not(:first-child) { margin-right: -8px !important; }
.-mb-8-nfc:not(:first-child), .-my-8-nfc:not(:first-child) { margin-bottom: -8px !important; }
.-ml-8-nfc:not(:first-child), .-mx-8-nfc:not(:first-child) { margin-left: -8px !important; }
.m-8-nlc:not(:last-child) { margin: 8px !important; }
.mt-8-nlc:not(:last-child), .my-8-nlc:not(:last-child) { margin-top: 8px !important; }
.mr-8-nlc:not(:last-child), .mx-8-nlc:not(:last-child) { margin-right: 8px !important; }
.mb-8-nlc:not(:last-child), .my-8-nlc:not(:last-child) { margin-bottom: 8px !important; }
.ml-8-nlc:not(:last-child), .mx-8-nlc:not(:last-child) { margin-left: 8px !important; }
.-m-8-nlc:not(:last-child) { margin: -8px !important; }
.-mt-8-nlc:not(:last-child), .-my-8-nlc:not(:last-child) { margin-top: -8px !important; }
.-mr-8-nlc:not(:last-child), .-mx-8-nlc:not(:last-child) { margin-right: -8px !important; }
.-mb-8-nlc:not(:last-child), .-my-8-nlc:not(:last-child) { margin-bottom: -8px !important; }
.-ml-8-nlc:not(:last-child), .-mx-8-nlc:not(:last-child) { margin-left: -8px !important; }
.m-10 { margin: 10px !important; }
.mt-10, .my-10 { margin-top: 10px !important; }
.mr-10, .mx-10 { margin-right: 10px !important; }
.mb-10, .my-10 { margin-bottom: 10px !important; }
.ml-10, .mx-10 { margin-left: 10px !important; }
.-m-10 { margin: -10px !important; }
.-mt-10, .-my-10 { margin-top: -10px !important; }
.-mr-10, .-mx-10 { margin-right: -10px !important; }
.-mb-10, .-my-10 { margin-bottom: -10px !important; }
.-ml-10, .-mx-10 { margin-left: -10px !important; }
.m-10-nfc:not(:first-child) { margin: 10px !important; }
.mt-10-nfc:not(:first-child), .my-10-nfc:not(:first-child) { margin-top: 10px !important; }
.mr-10-nfc:not(:first-child), .mx-10-nfc:not(:first-child) { margin-right: 10px !important; }
.mb-10-nfc:not(:first-child), .my-10-nfc:not(:first-child) { margin-bottom: 10px !important; }
.ml-10-nfc:not(:first-child), .mx-10-nfc:not(:first-child) { margin-left: 10px !important; }
.-m-10-nfc:not(:first-child) { margin: -10px !important; }
.-mt-10-nfc:not(:first-child), .-my-10-nfc:not(:first-child) { margin-top: -10px !important; }
.-mr-10-nfc:not(:first-child), .-mx-10-nfc:not(:first-child) { margin-right: -10px !important; }
.-mb-10-nfc:not(:first-child), .-my-10-nfc:not(:first-child) { margin-bottom: -10px !important; }
.-ml-10-nfc:not(:first-child), .-mx-10-nfc:not(:first-child) { margin-left: -10px !important; }
.m-10-nlc:not(:last-child) { margin: 10px !important; }
.mt-10-nlc:not(:last-child), .my-10-nlc:not(:last-child) { margin-top: 10px !important; }
.mr-10-nlc:not(:last-child), .mx-10-nlc:not(:last-child) { margin-right: 10px !important; }
.mb-10-nlc:not(:last-child), .my-10-nlc:not(:last-child) { margin-bottom: 10px !important; }
.ml-10-nlc:not(:last-child), .mx-10-nlc:not(:last-child) { margin-left: 10px !important; }
.-m-10-nlc:not(:last-child) { margin: -10px !important; }
.-mt-10-nlc:not(:last-child), .-my-10-nlc:not(:last-child) { margin-top: -10px !important; }
.-mr-10-nlc:not(:last-child), .-mx-10-nlc:not(:last-child) { margin-right: -10px !important; }
.-mb-10-nlc:not(:last-child), .-my-10-nlc:not(:last-child) { margin-bottom: -10px !important; }
.-ml-10-nlc:not(:last-child), .-mx-10-nlc:not(:last-child) { margin-left: -10px !important; }
.m-15 { margin: 15px !important; }
.mt-15, .my-15 { margin-top: 15px !important; }
.mr-15, .mx-15 { margin-right: 15px !important; }
.mb-15, .my-15 { margin-bottom: 15px !important; }
.ml-15, .mx-15 { margin-left: 15px !important; }
.-m-15 { margin: -15px !important; }
.-mt-15, .-my-15 { margin-top: -15px !important; }
.-mr-15, .-mx-15 { margin-right: -15px !important; }
.-mb-15, .-my-15 { margin-bottom: -15px !important; }
.-ml-15, .-mx-15 { margin-left: -15px !important; }
.m-15-nfc:not(:first-child) { margin: 15px !important; }
.mt-15-nfc:not(:first-child), .my-15-nfc:not(:first-child) { margin-top: 15px !important; }
.mr-15-nfc:not(:first-child), .mx-15-nfc:not(:first-child) { margin-right: 15px !important; }
.mb-15-nfc:not(:first-child), .my-15-nfc:not(:first-child) { margin-bottom: 15px !important; }
.ml-15-nfc:not(:first-child), .mx-15-nfc:not(:first-child) { margin-left: 15px !important; }
.-m-15-nfc:not(:first-child) { margin: -15px !important; }
.-mt-15-nfc:not(:first-child), .-my-15-nfc:not(:first-child) { margin-top: -15px !important; }
.-mr-15-nfc:not(:first-child), .-mx-15-nfc:not(:first-child) { margin-right: -15px !important; }
.-mb-15-nfc:not(:first-child), .-my-15-nfc:not(:first-child) { margin-bottom: -15px !important; }
.-ml-15-nfc:not(:first-child), .-mx-15-nfc:not(:first-child) { margin-left: -15px !important; }
.m-15-nlc:not(:last-child) { margin: 15px !important; }
.mt-15-nlc:not(:last-child), .my-15-nlc:not(:last-child) { margin-top: 15px !important; }
.mr-15-nlc:not(:last-child), .mx-15-nlc:not(:last-child) { margin-right: 15px !important; }
.mb-15-nlc:not(:last-child), .my-15-nlc:not(:last-child) { margin-bottom: 15px !important; }
.ml-15-nlc:not(:last-child), .mx-15-nlc:not(:last-child) { margin-left: 15px !important; }
.-m-15-nlc:not(:last-child) { margin: -15px !important; }
.-mt-15-nlc:not(:last-child), .-my-15-nlc:not(:last-child) { margin-top: -15px !important; }
.-mr-15-nlc:not(:last-child), .-mx-15-nlc:not(:last-child) { margin-right: -15px !important; }
.-mb-15-nlc:not(:last-child), .-my-15-nlc:not(:last-child) { margin-bottom: -15px !important; }
.-ml-15-nlc:not(:last-child), .-mx-15-nlc:not(:last-child) { margin-left: -15px !important; }
.m-16 { margin: 16px !important; }
.mt-16, .my-16 { margin-top: 16px !important; }
.mr-16, .mx-16 { margin-right: 16px !important; }
.mb-16, .my-16 { margin-bottom: 16px !important; }
.ml-16, .mx-16 { margin-left: 16px !important; }
.-m-16 { margin: -16px !important; }
.-mt-16, .-my-16 { margin-top: -16px !important; }
.-mr-16, .-mx-16 { margin-right: -16px !important; }
.-mb-16, .-my-16 { margin-bottom: -16px !important; }
.-ml-16, .-mx-16 { margin-left: -16px !important; }
.m-16-nfc:not(:first-child) { margin: 16px !important; }
.mt-16-nfc:not(:first-child), .my-16-nfc:not(:first-child) { margin-top: 16px !important; }
.mr-16-nfc:not(:first-child), .mx-16-nfc:not(:first-child) { margin-right: 16px !important; }
.mb-16-nfc:not(:first-child), .my-16-nfc:not(:first-child) { margin-bottom: 16px !important; }
.ml-16-nfc:not(:first-child), .mx-16-nfc:not(:first-child) { margin-left: 16px !important; }
.-m-16-nfc:not(:first-child) { margin: -16px !important; }
.-mt-16-nfc:not(:first-child), .-my-16-nfc:not(:first-child) { margin-top: -16px !important; }
.-mr-16-nfc:not(:first-child), .-mx-16-nfc:not(:first-child) { margin-right: -16px !important; }
.-mb-16-nfc:not(:first-child), .-my-16-nfc:not(:first-child) { margin-bottom: -16px !important; }
.-ml-16-nfc:not(:first-child), .-mx-16-nfc:not(:first-child) { margin-left: -16px !important; }
.m-16-nlc:not(:last-child) { margin: 16px !important; }
.mt-16-nlc:not(:last-child), .my-16-nlc:not(:last-child) { margin-top: 16px !important; }
.mr-16-nlc:not(:last-child), .mx-16-nlc:not(:last-child) { margin-right: 16px !important; }
.mb-16-nlc:not(:last-child), .my-16-nlc:not(:last-child) { margin-bottom: 16px !important; }
.ml-16-nlc:not(:last-child), .mx-16-nlc:not(:last-child) { margin-left: 16px !important; }
.-m-16-nlc:not(:last-child) { margin: -16px !important; }
.-mt-16-nlc:not(:last-child), .-my-16-nlc:not(:last-child) { margin-top: -16px !important; }
.-mr-16-nlc:not(:last-child), .-mx-16-nlc:not(:last-child) { margin-right: -16px !important; }
.-mb-16-nlc:not(:last-child), .-my-16-nlc:not(:last-child) { margin-bottom: -16px !important; }
.-ml-16-nlc:not(:last-child), .-mx-16-nlc:not(:last-child) { margin-left: -16px !important; }
.m-24 { margin: 24px !important; }
.mt-24, .my-24 { margin-top: 24px !important; }
.mr-24, .mx-24 { margin-right: 24px !important; }
.mb-24, .my-24 { margin-bottom: 24px !important; }
.ml-24, .mx-24 { margin-left: 24px !important; }
.-m-24 { margin: -24px !important; }
.-mt-24, .-my-24 { margin-top: -24px !important; }
.-mr-24, .-mx-24 { margin-right: -24px !important; }
.-mb-24, .-my-24 { margin-bottom: -24px !important; }
.-ml-24, .-mx-24 { margin-left: -24px !important; }
.m-24-nfc:not(:first-child) { margin: 24px !important; }
.mt-24-nfc:not(:first-child), .my-24-nfc:not(:first-child) { margin-top: 24px !important; }
.mr-24-nfc:not(:first-child), .mx-24-nfc:not(:first-child) { margin-right: 24px !important; }
.mb-24-nfc:not(:first-child), .my-24-nfc:not(:first-child) { margin-bottom: 24px !important; }
.ml-24-nfc:not(:first-child), .mx-24-nfc:not(:first-child) { margin-left: 24px !important; }
.-m-24-nfc:not(:first-child) { margin: -24px !important; }
.-mt-24-nfc:not(:first-child), .-my-24-nfc:not(:first-child) { margin-top: -24px !important; }
.-mr-24-nfc:not(:first-child), .-mx-24-nfc:not(:first-child) { margin-right: -24px !important; }
.-mb-24-nfc:not(:first-child), .-my-24-nfc:not(:first-child) { margin-bottom: -24px !important; }
.-ml-24-nfc:not(:first-child), .-mx-24-nfc:not(:first-child) { margin-left: -24px !important; }
.m-24-nlc:not(:last-child) { margin: 24px !important; }
.mt-24-nlc:not(:last-child), .my-24-nlc:not(:last-child) { margin-top: 24px !important; }
.mr-24-nlc:not(:last-child), .mx-24-nlc:not(:last-child) { margin-right: 24px !important; }
.mb-24-nlc:not(:last-child), .my-24-nlc:not(:last-child) { margin-bottom: 24px !important; }
.ml-24-nlc:not(:last-child), .mx-24-nlc:not(:last-child) { margin-left: 24px !important; }
.-m-24-nlc:not(:last-child) { margin: -24px !important; }
.-mt-24-nlc:not(:last-child), .-my-24-nlc:not(:last-child) { margin-top: -24px !important; }
.-mr-24-nlc:not(:last-child), .-mx-24-nlc:not(:last-child) { margin-right: -24px !important; }
.-mb-24-nlc:not(:last-child), .-my-24-nlc:not(:last-child) { margin-bottom: -24px !important; }
.-ml-24-nlc:not(:last-child), .-mx-24-nlc:not(:last-child) { margin-left: -24px !important; }
.m-30 { margin: 30px !important; }
.mt-30, .my-30 { margin-top: 30px !important; }
.mr-30, .mx-30 { margin-right: 30px !important; }
.mb-30, .my-30 { margin-bottom: 30px !important; }
.ml-30, .mx-30 { margin-left: 30px !important; }
.-m-30 { margin: -30px !important; }
.-mt-30, .-my-30 { margin-top: -30px !important; }
.-mr-30, .-mx-30 { margin-right: -30px !important; }
.-mb-30, .-my-30 { margin-bottom: -30px !important; }
.-ml-30, .-mx-30 { margin-left: -30px !important; }
.m-30-nfc:not(:first-child) { margin: 30px !important; }
.mt-30-nfc:not(:first-child), .my-30-nfc:not(:first-child) { margin-top: 30px !important; }
.mr-30-nfc:not(:first-child), .mx-30-nfc:not(:first-child) { margin-right: 30px !important; }
.mb-30-nfc:not(:first-child), .my-30-nfc:not(:first-child) { margin-bottom: 30px !important; }
.ml-30-nfc:not(:first-child), .mx-30-nfc:not(:first-child) { margin-left: 30px !important; }
.-m-30-nfc:not(:first-child) { margin: -30px !important; }
.-mt-30-nfc:not(:first-child), .-my-30-nfc:not(:first-child) { margin-top: -30px !important; }
.-mr-30-nfc:not(:first-child), .-mx-30-nfc:not(:first-child) { margin-right: -30px !important; }
.-mb-30-nfc:not(:first-child), .-my-30-nfc:not(:first-child) { margin-bottom: -30px !important; }
.-ml-30-nfc:not(:first-child), .-mx-30-nfc:not(:first-child) { margin-left: -30px !important; }
.m-30-nlc:not(:last-child) { margin: 30px !important; }
.mt-30-nlc:not(:last-child), .my-30-nlc:not(:last-child) { margin-top: 30px !important; }
.mr-30-nlc:not(:last-child), .mx-30-nlc:not(:last-child) { margin-right: 30px !important; }
.mb-30-nlc:not(:last-child), .my-30-nlc:not(:last-child) { margin-bottom: 30px !important; }
.ml-30-nlc:not(:last-child), .mx-30-nlc:not(:last-child) { margin-left: 30px !important; }
.-m-30-nlc:not(:last-child) { margin: -30px !important; }
.-mt-30-nlc:not(:last-child), .-my-30-nlc:not(:last-child) { margin-top: -30px !important; }
.-mr-30-nlc:not(:last-child), .-mx-30-nlc:not(:last-child) { margin-right: -30px !important; }
.-mb-30-nlc:not(:last-child), .-my-30-nlc:not(:last-child) { margin-bottom: -30px !important; }
.-ml-30-nlc:not(:last-child), .-mx-30-nlc:not(:last-child) { margin-left: -30px !important; }
.m-32 { margin: 32px !important; }
.mt-32, .my-32 { margin-top: 32px !important; }
.mr-32, .mx-32 { margin-right: 32px !important; }
.mb-32, .my-32 { margin-bottom: 32px !important; }
.ml-32, .mx-32 { margin-left: 32px !important; }
.-m-32 { margin: -32px !important; }
.-mt-32, .-my-32 { margin-top: -32px !important; }
.-mr-32, .-mx-32 { margin-right: -32px !important; }
.-mb-32, .-my-32 { margin-bottom: -32px !important; }
.-ml-32, .-mx-32 { margin-left: -32px !important; }
.m-32-nfc:not(:first-child) { margin: 32px !important; }
.mt-32-nfc:not(:first-child), .my-32-nfc:not(:first-child) { margin-top: 32px !important; }
.mr-32-nfc:not(:first-child), .mx-32-nfc:not(:first-child) { margin-right: 32px !important; }
.mb-32-nfc:not(:first-child), .my-32-nfc:not(:first-child) { margin-bottom: 32px !important; }
.ml-32-nfc:not(:first-child), .mx-32-nfc:not(:first-child) { margin-left: 32px !important; }
.-m-32-nfc:not(:first-child) { margin: -32px !important; }
.-mt-32-nfc:not(:first-child), .-my-32-nfc:not(:first-child) { margin-top: -32px !important; }
.-mr-32-nfc:not(:first-child), .-mx-32-nfc:not(:first-child) { margin-right: -32px !important; }
.-mb-32-nfc:not(:first-child), .-my-32-nfc:not(:first-child) { margin-bottom: -32px !important; }
.-ml-32-nfc:not(:first-child), .-mx-32-nfc:not(:first-child) { margin-left: -32px !important; }
.m-32-nlc:not(:last-child) { margin: 32px !important; }
.mt-32-nlc:not(:last-child), .my-32-nlc:not(:last-child) { margin-top: 32px !important; }
.mr-32-nlc:not(:last-child), .mx-32-nlc:not(:last-child) { margin-right: 32px !important; }
.mb-32-nlc:not(:last-child), .my-32-nlc:not(:last-child) { margin-bottom: 32px !important; }
.ml-32-nlc:not(:last-child), .mx-32-nlc:not(:last-child) { margin-left: 32px !important; }
.-m-32-nlc:not(:last-child) { margin: -32px !important; }
.-mt-32-nlc:not(:last-child), .-my-32-nlc:not(:last-child) { margin-top: -32px !important; }
.-mr-32-nlc:not(:last-child), .-mx-32-nlc:not(:last-child) { margin-right: -32px !important; }
.-mb-32-nlc:not(:last-child), .-my-32-nlc:not(:last-child) { margin-bottom: -32px !important; }
.-ml-32-nlc:not(:last-child), .-mx-32-nlc:not(:last-child) { margin-left: -32px !important; }
.m-40 { margin: 40px !important; }
.mt-40, .my-40 { margin-top: 40px !important; }
.mr-40, .mx-40 { margin-right: 40px !important; }
.mb-40, .my-40 { margin-bottom: 40px !important; }
.ml-40, .mx-40 { margin-left: 40px !important; }
.-m-40 { margin: -40px !important; }
.-mt-40, .-my-40 { margin-top: -40px !important; }
.-mr-40, .-mx-40 { margin-right: -40px !important; }
.-mb-40, .-my-40 { margin-bottom: -40px !important; }
.-ml-40, .-mx-40 { margin-left: -40px !important; }
.m-40-nfc:not(:first-child) { margin: 40px !important; }
.mt-40-nfc:not(:first-child), .my-40-nfc:not(:first-child) { margin-top: 40px !important; }
.mr-40-nfc:not(:first-child), .mx-40-nfc:not(:first-child) { margin-right: 40px !important; }
.mb-40-nfc:not(:first-child), .my-40-nfc:not(:first-child) { margin-bottom: 40px !important; }
.ml-40-nfc:not(:first-child), .mx-40-nfc:not(:first-child) { margin-left: 40px !important; }
.-m-40-nfc:not(:first-child) { margin: -40px !important; }
.-mt-40-nfc:not(:first-child), .-my-40-nfc:not(:first-child) { margin-top: -40px !important; }
.-mr-40-nfc:not(:first-child), .-mx-40-nfc:not(:first-child) { margin-right: -40px !important; }
.-mb-40-nfc:not(:first-child), .-my-40-nfc:not(:first-child) { margin-bottom: -40px !important; }
.-ml-40-nfc:not(:first-child), .-mx-40-nfc:not(:first-child) { margin-left: -40px !important; }
.m-40-nlc:not(:last-child) { margin: 40px !important; }
.mt-40-nlc:not(:last-child), .my-40-nlc:not(:last-child) { margin-top: 40px !important; }
.mr-40-nlc:not(:last-child), .mx-40-nlc:not(:last-child) { margin-right: 40px !important; }
.mb-40-nlc:not(:last-child), .my-40-nlc:not(:last-child) { margin-bottom: 40px !important; }
.ml-40-nlc:not(:last-child), .mx-40-nlc:not(:last-child) { margin-left: 40px !important; }
.-m-40-nlc:not(:last-child) { margin: -40px !important; }
.-mt-40-nlc:not(:last-child), .-my-40-nlc:not(:last-child) { margin-top: -40px !important; }
.-mr-40-nlc:not(:last-child), .-mx-40-nlc:not(:last-child) { margin-right: -40px !important; }
.-mb-40-nlc:not(:last-child), .-my-40-nlc:not(:last-child) { margin-bottom: -40px !important; }
.-ml-40-nlc:not(:last-child), .-mx-40-nlc:not(:last-child) { margin-left: -40px !important; }
.m-45 { margin: 45px !important; }
.mt-45, .my-45 { margin-top: 45px !important; }
.mr-45, .mx-45 { margin-right: 45px !important; }
.mb-45, .my-45 { margin-bottom: 45px !important; }
.ml-45, .mx-45 { margin-left: 45px !important; }
.-m-45 { margin: -45px !important; }
.-mt-45, .-my-45 { margin-top: -45px !important; }
.-mr-45, .-mx-45 { margin-right: -45px !important; }
.-mb-45, .-my-45 { margin-bottom: -45px !important; }
.-ml-45, .-mx-45 { margin-left: -45px !important; }
.m-45-nfc:not(:first-child) { margin: 45px !important; }
.mt-45-nfc:not(:first-child), .my-45-nfc:not(:first-child) { margin-top: 45px !important; }
.mr-45-nfc:not(:first-child), .mx-45-nfc:not(:first-child) { margin-right: 45px !important; }
.mb-45-nfc:not(:first-child), .my-45-nfc:not(:first-child) { margin-bottom: 45px !important; }
.ml-45-nfc:not(:first-child), .mx-45-nfc:not(:first-child) { margin-left: 45px !important; }
.-m-45-nfc:not(:first-child) { margin: -45px !important; }
.-mt-45-nfc:not(:first-child), .-my-45-nfc:not(:first-child) { margin-top: -45px !important; }
.-mr-45-nfc:not(:first-child), .-mx-45-nfc:not(:first-child) { margin-right: -45px !important; }
.-mb-45-nfc:not(:first-child), .-my-45-nfc:not(:first-child) { margin-bottom: -45px !important; }
.-ml-45-nfc:not(:first-child), .-mx-45-nfc:not(:first-child) { margin-left: -45px !important; }
.m-45-nlc:not(:last-child) { margin: 45px !important; }
.mt-45-nlc:not(:last-child), .my-45-nlc:not(:last-child) { margin-top: 45px !important; }
.mr-45-nlc:not(:last-child), .mx-45-nlc:not(:last-child) { margin-right: 45px !important; }
.mb-45-nlc:not(:last-child), .my-45-nlc:not(:last-child) { margin-bottom: 45px !important; }
.ml-45-nlc:not(:last-child), .mx-45-nlc:not(:last-child) { margin-left: 45px !important; }
.-m-45-nlc:not(:last-child) { margin: -45px !important; }
.-mt-45-nlc:not(:last-child), .-my-45-nlc:not(:last-child) { margin-top: -45px !important; }
.-mr-45-nlc:not(:last-child), .-mx-45-nlc:not(:last-child) { margin-right: -45px !important; }
.-mb-45-nlc:not(:last-child), .-my-45-nlc:not(:last-child) { margin-bottom: -45px !important; }
.-ml-45-nlc:not(:last-child), .-mx-45-nlc:not(:last-child) { margin-left: -45px !important; }
.m-60 { margin: 60px !important; }
.mt-60, .my-60 { margin-top: 60px !important; }
.mr-60, .mx-60 { margin-right: 60px !important; }
.mb-60, .my-60 { margin-bottom: 60px !important; }
.ml-60, .mx-60 { margin-left: 60px !important; }
.-m-60 { margin: -60px !important; }
.-mt-60, .-my-60 { margin-top: -60px !important; }
.-mr-60, .-mx-60 { margin-right: -60px !important; }
.-mb-60, .-my-60 { margin-bottom: -60px !important; }
.-ml-60, .-mx-60 { margin-left: -60px !important; }
.m-60-nfc:not(:first-child) { margin: 60px !important; }
.mt-60-nfc:not(:first-child), .my-60-nfc:not(:first-child) { margin-top: 60px !important; }
.mr-60-nfc:not(:first-child), .mx-60-nfc:not(:first-child) { margin-right: 60px !important; }
.mb-60-nfc:not(:first-child), .my-60-nfc:not(:first-child) { margin-bottom: 60px !important; }
.ml-60-nfc:not(:first-child), .mx-60-nfc:not(:first-child) { margin-left: 60px !important; }
.-m-60-nfc:not(:first-child) { margin: -60px !important; }
.-mt-60-nfc:not(:first-child), .-my-60-nfc:not(:first-child) { margin-top: -60px !important; }
.-mr-60-nfc:not(:first-child), .-mx-60-nfc:not(:first-child) { margin-right: -60px !important; }
.-mb-60-nfc:not(:first-child), .-my-60-nfc:not(:first-child) { margin-bottom: -60px !important; }
.-ml-60-nfc:not(:first-child), .-mx-60-nfc:not(:first-child) { margin-left: -60px !important; }
.m-60-nlc:not(:last-child) { margin: 60px !important; }
.mt-60-nlc:not(:last-child), .my-60-nlc:not(:last-child) { margin-top: 60px !important; }
.mr-60-nlc:not(:last-child), .mx-60-nlc:not(:last-child) { margin-right: 60px !important; }
.mb-60-nlc:not(:last-child), .my-60-nlc:not(:last-child) { margin-bottom: 60px !important; }
.ml-60-nlc:not(:last-child), .mx-60-nlc:not(:last-child) { margin-left: 60px !important; }
.-m-60-nlc:not(:last-child) { margin: -60px !important; }
.-mt-60-nlc:not(:last-child), .-my-60-nlc:not(:last-child) { margin-top: -60px !important; }
.-mr-60-nlc:not(:last-child), .-mx-60-nlc:not(:last-child) { margin-right: -60px !important; }
.-mb-60-nlc:not(:last-child), .-my-60-nlc:not(:last-child) { margin-bottom: -60px !important; }
.-ml-60-nlc:not(:last-child), .-mx-60-nlc:not(:last-child) { margin-left: -60px !important; }
.m-64 { margin: 64px !important; }
.mt-64, .my-64 { margin-top: 64px !important; }
.mr-64, .mx-64 { margin-right: 64px !important; }
.mb-64, .my-64 { margin-bottom: 64px !important; }
.ml-64, .mx-64 { margin-left: 64px !important; }
.-m-64 { margin: -64px !important; }
.-mt-64, .-my-64 { margin-top: -64px !important; }
.-mr-64, .-mx-64 { margin-right: -64px !important; }
.-mb-64, .-my-64 { margin-bottom: -64px !important; }
.-ml-64, .-mx-64 { margin-left: -64px !important; }
.m-64-nfc:not(:first-child) { margin: 64px !important; }
.mt-64-nfc:not(:first-child), .my-64-nfc:not(:first-child) { margin-top: 64px !important; }
.mr-64-nfc:not(:first-child), .mx-64-nfc:not(:first-child) { margin-right: 64px !important; }
.mb-64-nfc:not(:first-child), .my-64-nfc:not(:first-child) { margin-bottom: 64px !important; }
.ml-64-nfc:not(:first-child), .mx-64-nfc:not(:first-child) { margin-left: 64px !important; }
.-m-64-nfc:not(:first-child) { margin: -64px !important; }
.-mt-64-nfc:not(:first-child), .-my-64-nfc:not(:first-child) { margin-top: -64px !important; }
.-mr-64-nfc:not(:first-child), .-mx-64-nfc:not(:first-child) { margin-right: -64px !important; }
.-mb-64-nfc:not(:first-child), .-my-64-nfc:not(:first-child) { margin-bottom: -64px !important; }
.-ml-64-nfc:not(:first-child), .-mx-64-nfc:not(:first-child) { margin-left: -64px !important; }
.m-64-nlc:not(:last-child) { margin: 64px !important; }
.mt-64-nlc:not(:last-child), .my-64-nlc:not(:last-child) { margin-top: 64px !important; }
.mr-64-nlc:not(:last-child), .mx-64-nlc:not(:last-child) { margin-right: 64px !important; }
.mb-64-nlc:not(:last-child), .my-64-nlc:not(:last-child) { margin-bottom: 64px !important; }
.ml-64-nlc:not(:last-child), .mx-64-nlc:not(:last-child) { margin-left: 64px !important; }
.-m-64-nlc:not(:last-child) { margin: -64px !important; }
.-mt-64-nlc:not(:last-child), .-my-64-nlc:not(:last-child) { margin-top: -64px !important; }
.-mr-64-nlc:not(:last-child), .-mx-64-nlc:not(:last-child) { margin-right: -64px !important; }
.-mb-64-nlc:not(:last-child), .-my-64-nlc:not(:last-child) { margin-bottom: -64px !important; }
.-ml-64-nlc:not(:last-child), .-mx-64-nlc:not(:last-child) { margin-left: -64px !important; }
@media (min-width: 768px) {
    .mr-15-sm { margin-right: 15px !important; }
}
@media (max-width: 767px) {
    .mt-0-xs { margin-top: 0px !important; }
    .mb-0-xs { margin-bottom: 0px !important; }
    .ml-0-xs { margin-left: 0px !important; }
    .mr-0-xs { margin-right: 0px !important; }
    .mt-5-xs { margin-top: 5px !important; }
    .mb-5-xs { margin-bottom: 5px !important; }
    .ml-5-xs { margin-left: 5px !important; }
    .mr-5-xs { margin-right: 5px !important; }
    .mt-10-xs { margin-top: 10px !important; }
    .mb-10-xs { margin-bottom: 10px !important; }
    .ml-10-xs { margin-left: 10px !important; }
    .mr-10-xs { margin-right: 10px !important; }
    .mt-15-xs { margin-top: 15px !important; }
    .mb-15-xs { margin-bottom: 15px !important; }
    .ml-15-xs { margin-left: 15px !important; }
    .mr-15-xs { margin-right: 15px !important; }
    .mt-30-xs { margin-top: 30px !important; }
    .mb-30-xs { margin-bottom: 30px !important; }
    .ml-30-xs { margin-left: 30px !important; }
    .mr-30-xs { margin-right: 30px !important; }
    .mt-45-xs { margin-top: 45px !important; }
    .mb-45-xs { margin-bottom: 45px !important; }
    .ml-45-xs { margin-left: 45px !important; }
    .mr-45-xs { margin-right: 45px !important; }
    .mt-60-xs { margin-top: 60px !important; }
    .mb-60-xs { margin-bottom: 60px !important; }
    .ml-60-xs { margin-left: 60px !important; }
    .mr-60-xs { margin-right: 60px !important; }

    .m-xs-0 { margin: 0px !important; }
    .mt-xs-0, .my-xs-0 { margin-top: 0px !important; }
    .mr-xs-0, .mx-xs-0 { margin-right: 0px !important; }
    .mb-xs-0, .my-xs-0 { margin-bottom: 0px !important; }
    .ml-xs-0, .mx-xs-0 { margin-left: 0px !important; }
    .m-xs-0-nfc:not(:first-child) { margin: 0px !important; }
    .mt-xs-0-nfc:not(:first-child), .my-xs-0-nfc:not(:first-child) { margin-top: 0px !important; }
    .mr-xs-0-nfc:not(:first-child), .mx-xs-0-nfc:not(:first-child) { margin-right: 0px !important; }
    .mb-xs-0-nfc:not(:first-child), .my-xs-0-nfc:not(:first-child) { margin-bottom: 0px !important; }
    .ml-xs-0-nfc:not(:first-child), .mx-xs-0-nfc:not(:first-child) { margin-left: 0px !important; }
    .m-xs-0-nlc:not(:last-child) { margin: 0px !important; }
    .mt-xs-0-nlc:not(:last-child), .my-xs-0-nlc:not(:last-child) { margin-top: 0px !important; }
    .mr-xs-0-nlc:not(:last-child), .mx-xs-0-nlc:not(:last-child) { margin-right: 0px !important; }
    .mb-xs-0-nlc:not(:last-child), .my-xs-0-nlc:not(:last-child) { margin-bottom: 0px !important; }
    .ml-xs-0-nlc:not(:last-child), .mx-xs-0-nlc:not(:last-child) { margin-left: 0px !important; }
    .m-xs-3 { margin: 3px !important; }
    .mt-xs-3, .my-xs-3 { margin-top: 3px !important; }
    .mr-xs-3, .mx-xs-3 { margin-right: 3px !important; }
    .mb-xs-3, .my-xs-3 { margin-bottom: 3px !important; }
    .ml-xs-3, .mx-xs-3 { margin-left: 3px !important; }
    .-m-xs-3 { margin: -3px !important; }
    .-mt-xs-3, .-my-xs-3 { margin-top: -3px !important; }
    .-mr-xs-3, .-mx-xs-3 { margin-right: -3px !important; }
    .-mb-xs-3, .-my-xs-3 { margin-bottom: -3px !important; }
    .-ml-xs-3, .-mx-xs-3 { margin-left: -3px !important; }
    .m-xs-3-nfc:not(:first-child) { margin: 3px !important; }
    .mt-xs-3-nfc:not(:first-child), .my-xs-3-nfc:not(:first-child) { margin-top: 3px !important; }
    .mr-xs-3-nfc:not(:first-child), .mx-xs-3-nfc:not(:first-child) { margin-right: 3px !important; }
    .mb-xs-3-nfc:not(:first-child), .my-xs-3-nfc:not(:first-child) { margin-bottom: 3px !important; }
    .ml-xs-3-nfc:not(:first-child), .mx-xs-3-nfc:not(:first-child) { margin-left: 3px !important; }
    .-m-xs-3-nfc:not(:first-child) { margin: -3px !important; }
    .-mt-xs-3-nfc:not(:first-child), .-my-xs-3-nfc:not(:first-child) { margin-top: -3px !important; }
    .-mr-xs-3-nfc:not(:first-child), .-mx-xs-3-nfc:not(:first-child) { margin-right: -3px !important; }
    .-mb-xs-3-nfc:not(:first-child), .-my-xs-3-nfc:not(:first-child) { margin-bottom: -3px !important; }
    .-ml-xs-3-nfc:not(:first-child), .-mx-xs-3-nfc:not(:first-child) { margin-left: -3px !important; }
    .m-xs-3-nlc:not(:last-child) { margin: 3px !important; }
    .mt-xs-3-nlc:not(:last-child), .my-xs-3-nlc:not(:last-child) { margin-top: 3px !important; }
    .mr-xs-3-nlc:not(:last-child), .mx-xs-3-nlc:not(:last-child) { margin-right: 3px !important; }
    .mb-xs-3-nlc:not(:last-child), .my-xs-3-nlc:not(:last-child) { margin-bottom: 3px !important; }
    .ml-xs-3-nlc:not(:last-child), .mx-xs-3-nlc:not(:last-child) { margin-left: 3px !important; }
    .-m-xs-3-nlc:not(:last-child) { margin: -3px !important; }
    .-mt-xs-3-nlc:not(:last-child), .-my-xs-3-nlc:not(:last-child) { margin-top: -3px !important; }
    .-mr-xs-3-nlc:not(:last-child), .-mx-xs-3-nlc:not(:last-child) { margin-right: -3px !important; }
    .-mb-xs-3-nlc:not(:last-child), .-my-xs-3-nlc:not(:last-child) { margin-bottom: -3px !important; }
    .-ml-xs-3-nlc:not(:last-child), .-mx-xs-3-nlc:not(:last-child) { margin-left: -3px !important; }
    .m-xs-4 { margin: 4px !important; }
    .mt-xs-4, .my-xs-4 { margin-top: 4px !important; }
    .mr-xs-4, .mx-xs-4 { margin-right: 4px !important; }
    .mb-xs-4, .my-xs-4 { margin-bottom: 4px !important; }
    .ml-xs-4, .mx-xs-4 { margin-left: 4px !important; }
    .-m-xs-4 { margin: -4px !important; }
    .-mt-xs-4, .-my-xs-4 { margin-top: -4px !important; }
    .-mr-xs-4, .-mx-xs-4 { margin-right: -4px !important; }
    .-mb-xs-4, .-my-xs-4 { margin-bottom: -4px !important; }
    .-ml-xs-4, .-mx-xs-4 { margin-left: -4px !important; }
    .m-xs-4-nfc:not(:first-child) { margin: 4px !important; }
    .mt-xs-4-nfc:not(:first-child), .my-xs-4-nfc:not(:first-child) { margin-top: 4px !important; }
    .mr-xs-4-nfc:not(:first-child), .mx-xs-4-nfc:not(:first-child) { margin-right: 4px !important; }
    .mb-xs-4-nfc:not(:first-child), .my-xs-4-nfc:not(:first-child) { margin-bottom: 4px !important; }
    .ml-xs-4-nfc:not(:first-child), .mx-xs-4-nfc:not(:first-child) { margin-left: 4px !important; }
    .-m-xs-4-nfc:not(:first-child) { margin: -4px !important; }
    .-mt-xs-4-nfc:not(:first-child), .-my-xs-4-nfc:not(:first-child) { margin-top: -4px !important; }
    .-mr-xs-4-nfc:not(:first-child), .-mx-xs-4-nfc:not(:first-child) { margin-right: -4px !important; }
    .-mb-xs-4-nfc:not(:first-child), .-my-xs-4-nfc:not(:first-child) { margin-bottom: -4px !important; }
    .-ml-xs-4-nfc:not(:first-child), .-mx-xs-4-nfc:not(:first-child) { margin-left: -4px !important; }
    .m-xs-4-nlc:not(:last-child) { margin: 4px !important; }
    .mt-xs-4-nlc:not(:last-child), .my-xs-4-nlc:not(:last-child) { margin-top: 4px !important; }
    .mr-xs-4-nlc:not(:last-child), .mx-xs-4-nlc:not(:last-child) { margin-right: 4px !important; }
    .mb-xs-4-nlc:not(:last-child), .my-xs-4-nlc:not(:last-child) { margin-bottom: 4px !important; }
    .ml-xs-4-nlc:not(:last-child), .mx-xs-4-nlc:not(:last-child) { margin-left: 4px !important; }
    .-m-xs-4-nlc:not(:last-child) { margin: -4px !important; }
    .-mt-xs-4-nlc:not(:last-child), .-my-xs-4-nlc:not(:last-child) { margin-top: -4px !important; }
    .-mr-xs-4-nlc:not(:last-child), .-mx-xs-4-nlc:not(:last-child) { margin-right: -4px !important; }
    .-mb-xs-4-nlc:not(:last-child), .-my-xs-4-nlc:not(:last-child) { margin-bottom: -4px !important; }
    .-ml-xs-4-nlc:not(:last-child), .-mx-xs-4-nlc:not(:last-child) { margin-left: -4px !important; }
    .m-xs-5 { margin: 5px !important; }
    .mt-xs-5, .my-xs-5 { margin-top: 5px !important; }
    .mr-xs-5, .mx-xs-5 { margin-right: 5px !important; }
    .mb-xs-5, .my-xs-5 { margin-bottom: 5px !important; }
    .ml-xs-5, .mx-xs-5 { margin-left: 5px !important; }
    .-m-xs-5 { margin: -5px !important; }
    .-mt-xs-5, .-my-xs-5 { margin-top: -5px !important; }
    .-mr-xs-5, .-mx-xs-5 { margin-right: -5px !important; }
    .-mb-xs-5, .-my-xs-5 { margin-bottom: -5px !important; }
    .-ml-xs-5, .-mx-xs-5 { margin-left: -5px !important; }
    .m-xs-5-nfc:not(:first-child) { margin: 5px !important; }
    .mt-xs-5-nfc:not(:first-child), .my-xs-5-nfc:not(:first-child) { margin-top: 5px !important; }
    .mr-xs-5-nfc:not(:first-child), .mx-xs-5-nfc:not(:first-child) { margin-right: 5px !important; }
    .mb-xs-5-nfc:not(:first-child), .my-xs-5-nfc:not(:first-child) { margin-bottom: 5px !important; }
    .ml-xs-5-nfc:not(:first-child), .mx-xs-5-nfc:not(:first-child) { margin-left: 5px !important; }
    .-m-xs-5-nfc:not(:first-child) { margin: -5px !important; }
    .-mt-xs-5-nfc:not(:first-child), .-my-xs-5-nfc:not(:first-child) { margin-top: -5px !important; }
    .-mr-xs-5-nfc:not(:first-child), .-mx-xs-5-nfc:not(:first-child) { margin-right: -5px !important; }
    .-mb-xs-5-nfc:not(:first-child), .-my-xs-5-nfc:not(:first-child) { margin-bottom: -5px !important; }
    .-ml-xs-5-nfc:not(:first-child), .-mx-xs-5-nfc:not(:first-child) { margin-left: -5px !important; }
    .m-xs-5-nlc:not(:last-child) { margin: 5px !important; }
    .mt-xs-5-nlc:not(:last-child), .my-xs-5-nlc:not(:last-child) { margin-top: 5px !important; }
    .mr-xs-5-nlc:not(:last-child), .mx-xs-5-nlc:not(:last-child) { margin-right: 5px !important; }
    .mb-xs-5-nlc:not(:last-child), .my-xs-5-nlc:not(:last-child) { margin-bottom: 5px !important; }
    .ml-xs-5-nlc:not(:last-child), .mx-xs-5-nlc:not(:last-child) { margin-left: 5px !important; }
    .-m-xs-5-nlc:not(:last-child) { margin: -5px !important; }
    .-mt-xs-5-nlc:not(:last-child), .-my-xs-5-nlc:not(:last-child) { margin-top: -5px !important; }
    .-mr-xs-5-nlc:not(:last-child), .-mx-xs-5-nlc:not(:last-child) { margin-right: -5px !important; }
    .-mb-xs-5-nlc:not(:last-child), .-my-xs-5-nlc:not(:last-child) { margin-bottom: -5px !important; }
    .-ml-xs-5-nlc:not(:last-child), .-mx-xs-5-nlc:not(:last-child) { margin-left: -5px !important; }
    .m-xs-8 { margin: 8px !important; }
    .mt-xs-8, .my-xs-8 { margin-top: 8px !important; }
    .mr-xs-8, .mx-xs-8 { margin-right: 8px !important; }
    .mb-xs-8, .my-xs-8 { margin-bottom: 8px !important; }
    .ml-xs-8, .mx-xs-8 { margin-left: 8px !important; }
    .-m-xs-8 { margin: -8px !important; }
    .-mt-xs-8, .-my-xs-8 { margin-top: -8px !important; }
    .-mr-xs-8, .-mx-xs-8 { margin-right: -8px !important; }
    .-mb-xs-8, .-my-xs-8 { margin-bottom: -8px !important; }
    .-ml-xs-8, .-mx-xs-8 { margin-left: -8px !important; }
    .m-xs-8-nfc:not(:first-child) { margin: 8px !important; }
    .mt-xs-8-nfc:not(:first-child), .my-xs-8-nfc:not(:first-child) { margin-top: 8px !important; }
    .mr-xs-8-nfc:not(:first-child), .mx-xs-8-nfc:not(:first-child) { margin-right: 8px !important; }
    .mb-xs-8-nfc:not(:first-child), .my-xs-8-nfc:not(:first-child) { margin-bottom: 8px !important; }
    .ml-xs-8-nfc:not(:first-child), .mx-xs-8-nfc:not(:first-child) { margin-left: 8px !important; }
    .-m-xs-8-nfc:not(:first-child) { margin: -8px !important; }
    .-mt-xs-8-nfc:not(:first-child), .-my-xs-8-nfc:not(:first-child) { margin-top: -8px !important; }
    .-mr-xs-8-nfc:not(:first-child), .-mx-xs-8-nfc:not(:first-child) { margin-right: -8px !important; }
    .-mb-xs-8-nfc:not(:first-child), .-my-xs-8-nfc:not(:first-child) { margin-bottom: -8px !important; }
    .-ml-xs-8-nfc:not(:first-child), .-mx-xs-8-nfc:not(:first-child) { margin-left: -8px !important; }
    .m-xs-8-nlc:not(:last-child) { margin: 8px !important; }
    .mt-xs-8-nlc:not(:last-child), .my-xs-8-nlc:not(:last-child) { margin-top: 8px !important; }
    .mr-xs-8-nlc:not(:last-child), .mx-xs-8-nlc:not(:last-child) { margin-right: 8px !important; }
    .mb-xs-8-nlc:not(:last-child), .my-xs-8-nlc:not(:last-child) { margin-bottom: 8px !important; }
    .ml-xs-8-nlc:not(:last-child), .mx-xs-8-nlc:not(:last-child) { margin-left: 8px !important; }
    .-m-xs-8-nlc:not(:last-child) { margin: -8px !important; }
    .-mt-xs-8-nlc:not(:last-child), .-my-xs-8-nlc:not(:last-child) { margin-top: -8px !important; }
    .-mr-xs-8-nlc:not(:last-child), .-mx-xs-8-nlc:not(:last-child) { margin-right: -8px !important; }
    .-mb-xs-8-nlc:not(:last-child), .-my-xs-8-nlc:not(:last-child) { margin-bottom: -8px !important; }
    .-ml-xs-8-nlc:not(:last-child), .-mx-xs-8-nlc:not(:last-child) { margin-left: -8px !important; }
    .m-xs-10 { margin: 10px !important; }
    .mt-xs-10, .my-xs-10 { margin-top: 10px !important; }
    .mr-xs-10, .mx-xs-10 { margin-right: 10px !important; }
    .mb-xs-10, .my-xs-10 { margin-bottom: 10px !important; }
    .ml-xs-10, .mx-xs-10 { margin-left: 10px !important; }
    .-m-xs-10 { margin: -10px !important; }
    .-mt-xs-10, .-my-xs-10 { margin-top: -10px !important; }
    .-mr-xs-10, .-mx-xs-10 { margin-right: -10px !important; }
    .-mb-xs-10, .-my-xs-10 { margin-bottom: -10px !important; }
    .-ml-xs-10, .-mx-xs-10 { margin-left: -10px !important; }
    .m-xs-10-nfc:not(:first-child) { margin: 10px !important; }
    .mt-xs-10-nfc:not(:first-child), .my-xs-10-nfc:not(:first-child) { margin-top: 10px !important; }
    .mr-xs-10-nfc:not(:first-child), .mx-xs-10-nfc:not(:first-child) { margin-right: 10px !important; }
    .mb-xs-10-nfc:not(:first-child), .my-xs-10-nfc:not(:first-child) { margin-bottom: 10px !important; }
    .ml-xs-10-nfc:not(:first-child), .mx-xs-10-nfc:not(:first-child) { margin-left: 10px !important; }
    .-m-xs-10-nfc:not(:first-child) { margin: -10px !important; }
    .-mt-xs-10-nfc:not(:first-child), .-my-xs-10-nfc:not(:first-child) { margin-top: -10px !important; }
    .-mr-xs-10-nfc:not(:first-child), .-mx-xs-10-nfc:not(:first-child) { margin-right: -10px !important; }
    .-mb-xs-10-nfc:not(:first-child), .-my-xs-10-nfc:not(:first-child) { margin-bottom: -10px !important; }
    .-ml-xs-10-nfc:not(:first-child), .-mx-xs-10-nfc:not(:first-child) { margin-left: -10px !important; }
    .m-xs-10-nlc:not(:last-child) { margin: 10px !important; }
    .mt-xs-10-nlc:not(:last-child), .my-xs-10-nlc:not(:last-child) { margin-top: 10px !important; }
    .mr-xs-10-nlc:not(:last-child), .mx-xs-10-nlc:not(:last-child) { margin-right: 10px !important; }
    .mb-xs-10-nlc:not(:last-child), .my-xs-10-nlc:not(:last-child) { margin-bottom: 10px !important; }
    .ml-xs-10-nlc:not(:last-child), .mx-xs-10-nlc:not(:last-child) { margin-left: 10px !important; }
    .-m-xs-10-nlc:not(:last-child) { margin: -10px !important; }
    .-mt-xs-10-nlc:not(:last-child), .-my-xs-10-nlc:not(:last-child) { margin-top: -10px !important; }
    .-mr-xs-10-nlc:not(:last-child), .-mx-xs-10-nlc:not(:last-child) { margin-right: -10px !important; }
    .-mb-xs-10-nlc:not(:last-child), .-my-xs-10-nlc:not(:last-child) { margin-bottom: -10px !important; }
    .-ml-xs-10-nlc:not(:last-child), .-mx-xs-10-nlc:not(:last-child) { margin-left: -10px !important; }
    .m-xs-15 { margin: 15px !important; }
    .mt-xs-15, .my-xs-15 { margin-top: 15px !important; }
    .mr-xs-15, .mx-xs-15 { margin-right: 15px !important; }
    .mb-xs-15, .my-xs-15 { margin-bottom: 15px !important; }
    .ml-xs-15, .mx-xs-15 { margin-left: 15px !important; }
    .-m-xs-15 { margin: -15px !important; }
    .-mt-xs-15, .-my-xs-15 { margin-top: -15px !important; }
    .-mr-xs-15, .-mx-xs-15 { margin-right: -15px !important; }
    .-mb-xs-15, .-my-xs-15 { margin-bottom: -15px !important; }
    .-ml-xs-15, .-mx-xs-15 { margin-left: -15px !important; }
    .m-xs-15-nfc:not(:first-child) { margin: 15px !important; }
    .mt-xs-15-nfc:not(:first-child), .my-xs-15-nfc:not(:first-child) { margin-top: 15px !important; }
    .mr-xs-15-nfc:not(:first-child), .mx-xs-15-nfc:not(:first-child) { margin-right: 15px !important; }
    .mb-xs-15-nfc:not(:first-child), .my-xs-15-nfc:not(:first-child) { margin-bottom: 15px !important; }
    .ml-xs-15-nfc:not(:first-child), .mx-xs-15-nfc:not(:first-child) { margin-left: 15px !important; }
    .-m-xs-15-nfc:not(:first-child) { margin: -15px !important; }
    .-mt-xs-15-nfc:not(:first-child), .-my-xs-15-nfc:not(:first-child) { margin-top: -15px !important; }
    .-mr-xs-15-nfc:not(:first-child), .-mx-xs-15-nfc:not(:first-child) { margin-right: -15px !important; }
    .-mb-xs-15-nfc:not(:first-child), .-my-xs-15-nfc:not(:first-child) { margin-bottom: -15px !important; }
    .-ml-xs-15-nfc:not(:first-child), .-mx-xs-15-nfc:not(:first-child) { margin-left: -15px !important; }
    .m-xs-15-nlc:not(:last-child) { margin: 15px !important; }
    .mt-xs-15-nlc:not(:last-child), .my-xs-15-nlc:not(:last-child) { margin-top: 15px !important; }
    .mr-xs-15-nlc:not(:last-child), .mx-xs-15-nlc:not(:last-child) { margin-right: 15px !important; }
    .mb-xs-15-nlc:not(:last-child), .my-xs-15-nlc:not(:last-child) { margin-bottom: 15px !important; }
    .ml-xs-15-nlc:not(:last-child), .mx-xs-15-nlc:not(:last-child) { margin-left: 15px !important; }
    .-m-xs-15-nlc:not(:last-child) { margin: -15px !important; }
    .-mt-xs-15-nlc:not(:last-child), .-my-xs-15-nlc:not(:last-child) { margin-top: -15px !important; }
    .-mr-xs-15-nlc:not(:last-child), .-mx-xs-15-nlc:not(:last-child) { margin-right: -15px !important; }
    .-mb-xs-15-nlc:not(:last-child), .-my-xs-15-nlc:not(:last-child) { margin-bottom: -15px !important; }
    .-ml-xs-15-nlc:not(:last-child), .-mx-xs-15-nlc:not(:last-child) { margin-left: -15px !important; }
    .m-xs-16 { margin: 16px !important; }
    .mt-xs-16, .my-xs-16 { margin-top: 16px !important; }
    .mr-xs-16, .mx-xs-16 { margin-right: 16px !important; }
    .mb-xs-16, .my-xs-16 { margin-bottom: 16px !important; }
    .ml-xs-16, .mx-xs-16 { margin-left: 16px !important; }
    .-m-xs-16 { margin: -16px !important; }
    .-mt-xs-16, .-my-xs-16 { margin-top: -16px !important; }
    .-mr-xs-16, .-mx-xs-16 { margin-right: -16px !important; }
    .-mb-xs-16, .-my-xs-16 { margin-bottom: -16px !important; }
    .-ml-xs-16, .-mx-xs-16 { margin-left: -16px !important; }
    .m-xs-16-nfc:not(:first-child) { margin: 16px !important; }
    .mt-xs-16-nfc:not(:first-child), .my-xs-16-nfc:not(:first-child) { margin-top: 16px !important; }
    .mr-xs-16-nfc:not(:first-child), .mx-xs-16-nfc:not(:first-child) { margin-right: 16px !important; }
    .mb-xs-16-nfc:not(:first-child), .my-xs-16-nfc:not(:first-child) { margin-bottom: 16px !important; }
    .ml-xs-16-nfc:not(:first-child), .mx-xs-16-nfc:not(:first-child) { margin-left: 16px !important; }
    .-m-xs-16-nfc:not(:first-child) { margin: -16px !important; }
    .-mt-xs-16-nfc:not(:first-child), .-my-xs-16-nfc:not(:first-child) { margin-top: -16px !important; }
    .-mr-xs-16-nfc:not(:first-child), .-mx-xs-16-nfc:not(:first-child) { margin-right: -16px !important; }
    .-mb-xs-16-nfc:not(:first-child), .-my-xs-16-nfc:not(:first-child) { margin-bottom: -16px !important; }
    .-ml-xs-16-nfc:not(:first-child), .-mx-xs-16-nfc:not(:first-child) { margin-left: -16px !important; }
    .m-xs-16-nlc:not(:last-child) { margin: 16px !important; }
    .mt-xs-16-nlc:not(:last-child), .my-xs-16-nlc:not(:last-child) { margin-top: 16px !important; }
    .mr-xs-16-nlc:not(:last-child), .mx-xs-16-nlc:not(:last-child) { margin-right: 16px !important; }
    .mb-xs-16-nlc:not(:last-child), .my-xs-16-nlc:not(:last-child) { margin-bottom: 16px !important; }
    .ml-xs-16-nlc:not(:last-child), .mx-xs-16-nlc:not(:last-child) { margin-left: 16px !important; }
    .-m-xs-16-nlc:not(:last-child) { margin: -16px !important; }
    .-mt-xs-16-nlc:not(:last-child), .-my-xs-16-nlc:not(:last-child) { margin-top: -16px !important; }
    .-mr-xs-16-nlc:not(:last-child), .-mx-xs-16-nlc:not(:last-child) { margin-right: -16px !important; }
    .-mb-xs-16-nlc:not(:last-child), .-my-xs-16-nlc:not(:last-child) { margin-bottom: -16px !important; }
    .-ml-xs-16-nlc:not(:last-child), .-mx-xs-16-nlc:not(:last-child) { margin-left: -16px !important; }
    .m-xs-24 { margin: 24px !important; }
    .mt-xs-24, .my-xs-24 { margin-top: 24px !important; }
    .mr-xs-24, .mx-xs-24 { margin-right: 24px !important; }
    .mb-xs-24, .my-xs-24 { margin-bottom: 24px !important; }
    .ml-xs-24, .mx-xs-24 { margin-left: 24px !important; }
    .-m-xs-24 { margin: -24px !important; }
    .-mt-xs-24, .-my-xs-24 { margin-top: -24px !important; }
    .-mr-xs-24, .-mx-xs-24 { margin-right: -24px !important; }
    .-mb-xs-24, .-my-xs-24 { margin-bottom: -24px !important; }
    .-ml-xs-24, .-mx-xs-24 { margin-left: -24px !important; }
    .m-xs-24-nfc:not(:first-child) { margin: 24px !important; }
    .mt-xs-24-nfc:not(:first-child), .my-xs-24-nfc:not(:first-child) { margin-top: 24px !important; }
    .mr-xs-24-nfc:not(:first-child), .mx-xs-24-nfc:not(:first-child) { margin-right: 24px !important; }
    .mb-xs-24-nfc:not(:first-child), .my-xs-24-nfc:not(:first-child) { margin-bottom: 24px !important; }
    .ml-xs-24-nfc:not(:first-child), .mx-xs-24-nfc:not(:first-child) { margin-left: 24px !important; }
    .-m-xs-24-nfc:not(:first-child) { margin: -24px !important; }
    .-mt-xs-24-nfc:not(:first-child), .-my-xs-24-nfc:not(:first-child) { margin-top: -24px !important; }
    .-mr-xs-24-nfc:not(:first-child), .-mx-xs-24-nfc:not(:first-child) { margin-right: -24px !important; }
    .-mb-xs-24-nfc:not(:first-child), .-my-xs-24-nfc:not(:first-child) { margin-bottom: -24px !important; }
    .-ml-xs-24-nfc:not(:first-child), .-mx-xs-24-nfc:not(:first-child) { margin-left: -24px !important; }
    .m-xs-24-nlc:not(:last-child) { margin: 24px !important; }
    .mt-xs-24-nlc:not(:last-child), .my-xs-24-nlc:not(:last-child) { margin-top: 24px !important; }
    .mr-xs-24-nlc:not(:last-child), .mx-xs-24-nlc:not(:last-child) { margin-right: 24px !important; }
    .mb-xs-24-nlc:not(:last-child), .my-xs-24-nlc:not(:last-child) { margin-bottom: 24px !important; }
    .ml-xs-24-nlc:not(:last-child), .mx-xs-24-nlc:not(:last-child) { margin-left: 24px !important; }
    .-m-xs-24-nlc:not(:last-child) { margin: -24px !important; }
    .-mt-xs-24-nlc:not(:last-child), .-my-xs-24-nlc:not(:last-child) { margin-top: -24px !important; }
    .-mr-xs-24-nlc:not(:last-child), .-mx-xs-24-nlc:not(:last-child) { margin-right: -24px !important; }
    .-mb-xs-24-nlc:not(:last-child), .-my-xs-24-nlc:not(:last-child) { margin-bottom: -24px !important; }
    .-ml-xs-24-nlc:not(:last-child), .-mx-xs-24-nlc:not(:last-child) { margin-left: -24px !important; }
    .m-xs-30 { margin: 30px !important; }
    .mt-xs-30, .my-xs-30 { margin-top: 30px !important; }
    .mr-xs-30, .mx-xs-30 { margin-right: 30px !important; }
    .mb-xs-30, .my-xs-30 { margin-bottom: 30px !important; }
    .ml-xs-30, .mx-xs-30 { margin-left: 30px !important; }
    .-m-xs-30 { margin: -30px !important; }
    .-mt-xs-30, .-my-xs-30 { margin-top: -30px !important; }
    .-mr-xs-30, .-mx-xs-30 { margin-right: -30px !important; }
    .-mb-xs-30, .-my-xs-30 { margin-bottom: -30px !important; }
    .-ml-xs-30, .-mx-xs-30 { margin-left: -30px !important; }
    .m-xs-30-nfc:not(:first-child) { margin: 30px !important; }
    .mt-xs-30-nfc:not(:first-child), .my-xs-30-nfc:not(:first-child) { margin-top: 30px !important; }
    .mr-xs-30-nfc:not(:first-child), .mx-xs-30-nfc:not(:first-child) { margin-right: 30px !important; }
    .mb-xs-30-nfc:not(:first-child), .my-xs-30-nfc:not(:first-child) { margin-bottom: 30px !important; }
    .ml-xs-30-nfc:not(:first-child), .mx-xs-30-nfc:not(:first-child) { margin-left: 30px !important; }
    .-m-xs-30-nfc:not(:first-child) { margin: -30px !important; }
    .-mt-xs-30-nfc:not(:first-child), .-my-xs-30-nfc:not(:first-child) { margin-top: -30px !important; }
    .-mr-xs-30-nfc:not(:first-child), .-mx-xs-30-nfc:not(:first-child) { margin-right: -30px !important; }
    .-mb-xs-30-nfc:not(:first-child), .-my-xs-30-nfc:not(:first-child) { margin-bottom: -30px !important; }
    .-ml-xs-30-nfc:not(:first-child), .-mx-xs-30-nfc:not(:first-child) { margin-left: -30px !important; }
    .m-xs-30-nlc:not(:last-child) { margin: 30px !important; }
    .mt-xs-30-nlc:not(:last-child), .my-xs-30-nlc:not(:last-child) { margin-top: 30px !important; }
    .mr-xs-30-nlc:not(:last-child), .mx-xs-30-nlc:not(:last-child) { margin-right: 30px !important; }
    .mb-xs-30-nlc:not(:last-child), .my-xs-30-nlc:not(:last-child) { margin-bottom: 30px !important; }
    .ml-xs-30-nlc:not(:last-child), .mx-xs-30-nlc:not(:last-child) { margin-left: 30px !important; }
    .-m-xs-30-nlc:not(:last-child) { margin: -30px !important; }
    .-mt-xs-30-nlc:not(:last-child), .-my-xs-30-nlc:not(:last-child) { margin-top: -30px !important; }
    .-mr-xs-30-nlc:not(:last-child), .-mx-xs-30-nlc:not(:last-child) { margin-right: -30px !important; }
    .-mb-xs-30-nlc:not(:last-child), .-my-xs-30-nlc:not(:last-child) { margin-bottom: -30px !important; }
    .-ml-xs-30-nlc:not(:last-child), .-mx-xs-30-nlc:not(:last-child) { margin-left: -30px !important; }
    .m-xs-32-nfc:not(:first-child) { margin: 32px !important; }
    .mt-xs-32-nfc:not(:first-child), .my-xs-32-nfc:not(:first-child) { margin-top: 32px !important; }
    .mr-xs-32-nfc:not(:first-child), .mx-xs-32-nfc:not(:first-child) { margin-right: 32px !important; }
    .mb-xs-32-nfc:not(:first-child), .my-xs-32-nfc:not(:first-child) { margin-bottom: 32px !important; }
    .ml-xs-32-nfc:not(:first-child), .mx-xs-32-nfc:not(:first-child) { margin-left: 32px !important; }
    .-m-xs-32-nfc:not(:first-child) { margin: -32px !important; }
    .-mt-xs-32-nfc:not(:first-child), .-my-xs-32-nfc:not(:first-child) { margin-top: -32px !important; }
    .-mr-xs-32-nfc:not(:first-child), .-mx-xs-32-nfc:not(:first-child) { margin-right: -32px !important; }
    .-mb-xs-32-nfc:not(:first-child), .-my-xs-32-nfc:not(:first-child) { margin-bottom: -32px !important; }
    .-ml-xs-32-nfc:not(:first-child), .-mx-xs-32-nfc:not(:first-child) { margin-left: -32px !important; }
    .m-xs-32-nlc:not(:last-child) { margin: 32px !important; }
    .mt-xs-32-nlc:not(:last-child), .my-xs-32-nlc:not(:last-child) { margin-top: 32px !important; }
    .mr-xs-32-nlc:not(:last-child), .mx-xs-32-nlc:not(:last-child) { margin-right: 32px !important; }
    .mb-xs-32-nlc:not(:last-child), .my-xs-32-nlc:not(:last-child) { margin-bottom: 32px !important; }
    .ml-xs-32-nlc:not(:last-child), .mx-xs-32-nlc:not(:last-child) { margin-left: 32px !important; }
    .-m-xs-32-nlc:not(:last-child) { margin: -32px !important; }
    .-mt-xs-32-nlc:not(:last-child), .-my-xs-32-nlc:not(:last-child) { margin-top: -32px !important; }
    .-mr-xs-32-nlc:not(:last-child), .-mx-xs-32-nlc:not(:last-child) { margin-right: -32px !important; }
    .-mb-xs-32-nlc:not(:last-child), .-my-xs-32-nlc:not(:last-child) { margin-bottom: -32px !important; }
    .-ml-xs-32-nlc:not(:last-child), .-mx-xs-32-nlc:not(:last-child) { margin-left: -32px !important; }
    .m-xs-40 { margin: 40px !important; }
    .mt-xs-40, .my-xs-40 { margin-top: 40px !important; }
    .mr-xs-40, .mx-xs-40 { margin-right: 40px !important; }
    .mb-xs-40, .my-xs-40 { margin-bottom: 40px !important; }
    .ml-xs-40, .mx-xs-40 { margin-left: 40px !important; }
    .-m-xs-40 { margin: -40px !important; }
    .-mt-xs-40, .-my-xs-40 { margin-top: -40px !important; }
    .-mr-xs-40, .-mx-xs-40 { margin-right: -40px !important; }
    .-mb-xs-40, .-my-xs-40 { margin-bottom: -40px !important; }
    .-ml-xs-40, .-mx-xs-40 { margin-left: -40px !important; }
    .m-xs-40-nfc:not(:first-child) { margin: 40px !important; }
    .mt-xs-40-nfc:not(:first-child), .my-xs-40-nfc:not(:first-child) { margin-top: 40px !important; }
    .mr-xs-40-nfc:not(:first-child), .mx-xs-40-nfc:not(:first-child) { margin-right: 40px !important; }
    .mb-xs-40-nfc:not(:first-child), .my-xs-40-nfc:not(:first-child) { margin-bottom: 40px !important; }
    .ml-xs-40-nfc:not(:first-child), .mx-xs-40-nfc:not(:first-child) { margin-left: 40px !important; }
    .-m-xs-40-nfc:not(:first-child) { margin: -40px !important; }
    .-mt-xs-40-nfc:not(:first-child), .-my-xs-40-nfc:not(:first-child) { margin-top: -40px !important; }
    .-mr-xs-40-nfc:not(:first-child), .-mx-xs-40-nfc:not(:first-child) { margin-right: -40px !important; }
    .-mb-xs-40-nfc:not(:first-child), .-my-xs-40-nfc:not(:first-child) { margin-bottom: -40px !important; }
    .-ml-xs-40-nfc:not(:first-child), .-mx-xs-40-nfc:not(:first-child) { margin-left: -40px !important; }
    .m-xs-40-nlc:not(:last-child) { margin: 40px !important; }
    .mt-xs-40-nlc:not(:last-child), .my-xs-40-nlc:not(:last-child) { margin-top: 40px !important; }
    .mr-xs-40-nlc:not(:last-child), .mx-xs-40-nlc:not(:last-child) { margin-right: 40px !important; }
    .mb-xs-40-nlc:not(:last-child), .my-xs-40-nlc:not(:last-child) { margin-bottom: 40px !important; }
    .ml-xs-40-nlc:not(:last-child), .mx-xs-40-nlc:not(:last-child) { margin-left: 40px !important; }
    .-m-xs-40-nlc:not(:last-child) { margin: -40px !important; }
    .-mt-xs-40-nlc:not(:last-child), .-my-xs-40-nlc:not(:last-child) { margin-top: -40px !important; }
    .-mr-xs-40-nlc:not(:last-child), .-mx-xs-40-nlc:not(:last-child) { margin-right: -40px !important; }
    .-mb-xs-40-nlc:not(:last-child), .-my-xs-40-nlc:not(:last-child) { margin-bottom: -40px !important; }
    .-ml-xs-40-nlc:not(:last-child), .-mx-xs-40-nlc:not(:last-child) { margin-left: -40px !important; }
    .m-xs-45 { margin: 45px !important; }
    .mt-xs-45, .my-xs-45 { margin-top: 45px !important; }
    .mr-xs-45, .mx-xs-45 { margin-right: 45px !important; }
    .mb-xs-45, .my-xs-45 { margin-bottom: 45px !important; }
    .ml-xs-45, .mx-xs-45 { margin-left: 45px !important; }
    .-m-xs-45 { margin: -45px !important; }
    .-mt-xs-45, .-my-xs-45 { margin-top: -45px !important; }
    .-mr-xs-45, .-mx-xs-45 { margin-right: -45px !important; }
    .-mb-xs-45, .-my-xs-45 { margin-bottom: -45px !important; }
    .-ml-xs-45, .-mx-xs-45 { margin-left: -45px !important; }
    .m-xs-45-nfc:not(:first-child) { margin: 45px !important; }
    .mt-xs-45-nfc:not(:first-child), .my-xs-45-nfc:not(:first-child) { margin-top: 45px !important; }
    .mr-xs-45-nfc:not(:first-child), .mx-xs-45-nfc:not(:first-child) { margin-right: 45px !important; }
    .mb-xs-45-nfc:not(:first-child), .my-xs-45-nfc:not(:first-child) { margin-bottom: 45px !important; }
    .ml-xs-45-nfc:not(:first-child), .mx-xs-45-nfc:not(:first-child) { margin-left: 45px !important; }
    .-m-xs-45-nfc:not(:first-child) { margin: -45px !important; }
    .-mt-xs-45-nfc:not(:first-child), .-my-xs-45-nfc:not(:first-child) { margin-top: -45px !important; }
    .-mr-xs-45-nfc:not(:first-child), .-mx-xs-45-nfc:not(:first-child) { margin-right: -45px !important; }
    .-mb-xs-45-nfc:not(:first-child), .-my-xs-45-nfc:not(:first-child) { margin-bottom: -45px !important; }
    .-ml-xs-45-nfc:not(:first-child), .-mx-xs-45-nfc:not(:first-child) { margin-left: -45px !important; }
    .m-xs-45-nlc:not(:last-child) { margin: 45px !important; }
    .mt-xs-45-nlc:not(:last-child), .my-xs-45-nlc:not(:last-child) { margin-top: 45px !important; }
    .mr-xs-45-nlc:not(:last-child), .mx-xs-45-nlc:not(:last-child) { margin-right: 45px !important; }
    .mb-xs-45-nlc:not(:last-child), .my-xs-45-nlc:not(:last-child) { margin-bottom: 45px !important; }
    .ml-xs-45-nlc:not(:last-child), .mx-xs-45-nlc:not(:last-child) { margin-left: 45px !important; }
    .-m-xs-45-nlc:not(:last-child) { margin: -45px !important; }
    .-mt-xs-45-nlc:not(:last-child), .-my-xs-45-nlc:not(:last-child) { margin-top: -45px !important; }
    .-mr-xs-45-nlc:not(:last-child), .-mx-xs-45-nlc:not(:last-child) { margin-right: -45px !important; }
    .-mb-xs-45-nlc:not(:last-child), .-my-xs-45-nlc:not(:last-child) { margin-bottom: -45px !important; }
    .-ml-xs-45-nlc:not(:last-child), .-mx-xs-45-nlc:not(:last-child) { margin-left: -45px !important; }
    .m-xs-60 { margin: 60px !important; }
    .mt-xs-60, .my-xs-60 { margin-top: 60px !important; }
    .mr-xs-60, .mx-xs-60 { margin-right: 60px !important; }
    .mb-xs-60, .my-xs-60 { margin-bottom: 60px !important; }
    .ml-xs-60, .mx-xs-60 { margin-left: 60px !important; }
    .-m-xs-60 { margin: -60px !important; }
    .-mt-xs-60, .-my-xs-60 { margin-top: -60px !important; }
    .-mr-xs-60, .-mx-xs-60 { margin-right: -60px !important; }
    .-mb-xs-60, .-my-xs-60 { margin-bottom: -60px !important; }
    .-ml-xs-60, .-mx-xs-60 { margin-left: -60px !important; }
    .m-xs-60-nfc:not(:first-child) { margin: 60px !important; }
    .mt-xs-60-nfc:not(:first-child), .my-xs-60-nfc:not(:first-child) { margin-top: 60px !important; }
    .mr-xs-60-nfc:not(:first-child), .mx-xs-60-nfc:not(:first-child) { margin-right: 60px !important; }
    .mb-xs-60-nfc:not(:first-child), .my-xs-60-nfc:not(:first-child) { margin-bottom: 60px !important; }
    .ml-xs-60-nfc:not(:first-child), .mx-xs-60-nfc:not(:first-child) { margin-left: 60px !important; }
    .-m-xs-60-nfc:not(:first-child) { margin: -60px !important; }
    .-mt-xs-60-nfc:not(:first-child), .-my-xs-60-nfc:not(:first-child) { margin-top: -60px !important; }
    .-mr-xs-60-nfc:not(:first-child), .-mx-xs-60-nfc:not(:first-child) { margin-right: -60px !important; }
    .-mb-xs-60-nfc:not(:first-child), .-my-xs-60-nfc:not(:first-child) { margin-bottom: -60px !important; }
    .-ml-xs-60-nfc:not(:first-child), .-mx-xs-60-nfc:not(:first-child) { margin-left: -60px !important; }
    .m-xs-60-nlc:not(:last-child) { margin: 60px !important; }
    .mt-xs-60-nlc:not(:last-child), .my-xs-60-nlc:not(:last-child) { margin-top: 60px !important; }
    .mr-xs-60-nlc:not(:last-child), .mx-xs-60-nlc:not(:last-child) { margin-right: 60px !important; }
    .mb-xs-60-nlc:not(:last-child), .my-xs-60-nlc:not(:last-child) { margin-bottom: 60px !important; }
    .ml-xs-60-nlc:not(:last-child), .mx-xs-60-nlc:not(:last-child) { margin-left: 60px !important; }
    .-m-xs-60-nlc:not(:last-child) { margin: -60px !important; }
    .-mt-xs-60-nlc:not(:last-child), .-my-xs-60-nlc:not(:last-child) { margin-top: -60px !important; }
    .-mr-xs-60-nlc:not(:last-child), .-mx-xs-60-nlc:not(:last-child) { margin-right: -60px !important; }
    .-mb-xs-60-nlc:not(:last-child), .-my-xs-60-nlc:not(:last-child) { margin-bottom: -60px !important; }
    .-ml-xs-60-nlc:not(:last-child), .-mx-xs-60-nlc:not(:last-child) { margin-left: -60px !important; }
    .m-xs-64 { margin: 64px !important; }
    .mt-xs-64, .my-xs-64 { margin-top: 64px !important; }
    .mr-xs-64, .mx-xs-64 { margin-right: 64px !important; }
    .mb-xs-64, .my-xs-64 { margin-bottom: 64px !important; }
    .ml-xs-64, .mx-xs-64 { margin-left: 64px !important; }
    .-m-xs-64 { margin: -64px !important; }
    .-mt-xs-64, .-my-xs-64 { margin-top: -64px !important; }
    .-mr-xs-64, .-mx-xs-64 { margin-right: -64px !important; }
    .-mb-xs-64, .-my-xs-64 { margin-bottom: -64px !important; }
    .-ml-xs-64, .-mx-xs-64 { margin-left: -64px !important; }
    .m-xs-64-nfc:not(:first-child) { margin: 64px !important; }
    .mt-xs-64-nfc:not(:first-child), .my-xs-64-nfc:not(:first-child) { margin-top: 64px !important; }
    .mr-xs-64-nfc:not(:first-child), .mx-xs-64-nfc:not(:first-child) { margin-right: 64px !important; }
    .mb-xs-64-nfc:not(:first-child), .my-xs-64-nfc:not(:first-child) { margin-bottom: 64px !important; }
    .ml-xs-64-nfc:not(:first-child), .mx-xs-64-nfc:not(:first-child) { margin-left: 64px !important; }
    .-m-xs-64-nfc:not(:first-child) { margin: -64px !important; }
    .-mt-xs-64-nfc:not(:first-child), .-my-xs-64-nfc:not(:first-child) { margin-top: -64px !important; }
    .-mr-xs-64-nfc:not(:first-child), .-mx-xs-64-nfc:not(:first-child) { margin-right: -64px !important; }
    .-mb-xs-64-nfc:not(:first-child), .-my-xs-64-nfc:not(:first-child) { margin-bottom: -64px !important; }
    .-ml-xs-64-nfc:not(:first-child), .-mx-xs-64-nfc:not(:first-child) { margin-left: -64px !important; }
    .m-xs-64-nlc:not(:last-child) { margin: 64px !important; }
    .mt-xs-64-nlc:not(:last-child), .my-xs-64-nlc:not(:last-child) { margin-top: 64px !important; }
    .mr-xs-64-nlc:not(:last-child), .mx-xs-64-nlc:not(:last-child) { margin-right: 64px !important; }
    .mb-xs-64-nlc:not(:last-child), .my-xs-64-nlc:not(:last-child) { margin-bottom: 64px !important; }
    .ml-xs-64-nlc:not(:last-child), .mx-xs-64-nlc:not(:last-child) { margin-left: 64px !important; }
    .-m-xs-64-nlc:not(:last-child) { margin: -64px !important; }
    .-mt-xs-64-nlc:not(:last-child), .-my-xs-64-nlc:not(:last-child) { margin-top: -64px !important; }
    .-mr-xs-64-nlc:not(:last-child), .-mx-xs-64-nlc:not(:last-child) { margin-right: -64px !important; }
    .-mb-xs-64-nlc:not(:last-child), .-my-xs-64-nlc:not(:last-child) { margin-bottom: -64px !important; }
    .-ml-xs-64-nlc:not(:last-child), .-mx-xs-64-nlc:not(:last-child) { margin-left: -64px !important; }
}

/* Padding */
.p-0 { padding: 0px !important; }
.pt-0, .py-0 { padding-top: 0px !important; }
.pr-0, .px-0 { padding-right: 0px !important; }
.pb-0, .py-0 { padding-bottom: 0px !important; }
.pl-0, .px-0 { padding-left: 0px !important; }
.p-3 { padding: 3px !important; }
.pt-3, .py-3 { padding-top: 3px !important; }
.pr-3, .px-3 { padding-right: 3px !important; }
.pb-3, .py-3 { padding-bottom: 3px !important; }
.pl-3, .px-3 { padding-left: 3px !important; }
.p-4 { padding: 4px !important; }
.pt-4, .py-4 { padding-top: 4px !important; }
.pr-4, .px-4 { padding-right: 4px !important; }
.pb-4, .py-4 { padding-bottom: 4px !important; }
.pl-4, .px-4 { padding-left: 4px !important; }
.p-5 { padding: 5px !important; }
.pt-5, .py-5 { padding-top: 5px !important; }
.pr-5, .px-5 { padding-right: 5px !important; }
.pb-5, .py-5 { padding-bottom: 5px !important; }
.pl-5, .px-5 { padding-left: 5px !important; }
.p-8 { padding: 8px !important; }
.pt-8, .py-8 { padding-top: 8px !important; }
.pr-8, .px-8 { padding-right: 8px !important; }
.pb-8, .py-8 { padding-bottom: 8px !important; }
.pl-8, .px-8 { padding-left: 8px !important; }
.p-10 { padding: 10px !important; }
.pt-10, .py-10 { padding-top: 10px !important; }
.pr-10, .px-10 { padding-right: 10px !important; }
.pb-10, .py-10 { padding-bottom: 10px !important; }
.pl-10, .px-10 { padding-left: 10px !important; }
.p-14 { padding: 14px !important; }
.pt-14, .py-14 { padding-top: 14px !important; }
.pr-14, .px-14 { padding-right: 14px !important; }
.pb-14, .py-14 { padding-bottom: 14px !important; }
.pl-14, .px-14 { padding-left: 14px !important; }
.p-15 { padding: 15px !important; }
.pt-15, .py-15 { padding-top: 15px !important; }
.pr-15, .px-15 { padding-right: 15px !important; }
.pb-15, .py-15 { padding-bottom: 15px !important; }
.pl-15, .px-15 { padding-left: 15px !important; }
.p-16 { padding: 16px !important; }
.pt-16, .py-16 { padding-top: 16px !important; }
.pr-16, .px-16 { padding-right: 16px !important; }
.pb-16, .py-16 { padding-bottom: 16px !important; }
.pl-16, .px-16 { padding-left: 16px !important; }
.p-18 { padding: 18px !important; }
.pt-18, .py-18 { padding-top: 18px !important; }
.pr-18, .px-18 { padding-right: 18px !important; }
.pb-18, .py-18 { padding-bottom: 18px !important; }
.pl-18, .px-18 { padding-left: 18px !important; }
.p-20 { padding: 20px !important; }
.pt-20, .py-20 { padding-top: 20px !important; }
.pr-20, .px-20 { padding-right: 20px !important; }
.pb-20, .py-20 { padding-bottom: 20px !important; }
.pl-20, .px-20 { padding-left: 20px !important; }
.p-24 { padding: 24px !important; }
.pt-24, .py-24 { padding-top: 24px !important; }
.pr-24, .px-24 { padding-right: 24px !important; }
.pb-24, .py-24 { padding-bottom: 24px !important; }
.pl-24, .px-24 { padding-left: 24px !important; }
.p-30 { padding: 30px !important; }
.pt-30, .py-30 { padding-top: 30px !important; }
.pr-30, .px-30 { padding-right: 30px !important; }
.pb-30, .py-30 { padding-bottom: 30px !important; }
.pl-30, .px-30 { padding-left: 30px !important; }
.p-32 { padding: 32px !important; }
.pt-32, .py-32 { padding-top: 32px !important; }
.pr-32, .px-32 { padding-right: 32px !important; }
.pb-32, .py-32 { padding-bottom: 32px !important; }
.pl-32, .px-32 { padding-left: 32px !important; }
.p-40 { padding: 40px !important; }
.pt-40, .py-40 { padding-top: 40px !important; }
.pr-40, .px-40 { padding-right: 40px !important; }
.pb-40, .py-40 { padding-bottom: 40px !important; }
.pl-40, .px-40 { padding-left: 40px !important; }
.p-45 { padding: 45px !important; }
.pt-45, .py-45 { padding-top: 45px !important; }
.pr-45, .px-45 { padding-right: 45px !important; }
.pb-45, .py-45 { padding-bottom: 45px !important; }
.pl-45, .px-45 { padding-left: 45px !important; }
.p-60 { padding: 60px !important; }
.pt-60, .py-60 { padding-top: 60px !important; }
.pr-60, .px-60 { padding-right: 60px !important; }
.pb-60, .py-60 { padding-bottom: 60px !important; }
.pl-60, .px-60 { padding-left: 60px !important; }
@media (min-width: 1200px) {
    .p-lg-0 { padding: 0px !important; }
    .pt-lg-0, .py-lg-0 { padding-top: 0px !important; }
    .pr-lg-0, .px-lg-0 { padding-right: 0px !important; }
    .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; }
    .pl-lg-0, .px-lg-0 { padding-left: 0px !important; }
    .p-lg-3 { padding: 3px !important; }
    .pt-lg-3, .py-lg-3 { padding-top: 3px !important; }
    .pr-lg-3, .px-lg-3 { padding-right: 3px !important; }
    .pb-lg-3, .py-lg-3 { padding-bottom: 3px !important; }
    .pl-lg-3, .px-lg-3 { padding-left: 3px !important; }
    .p-lg-4 { padding: 4px !important; }
    .pt-lg-4, .py-lg-4 { padding-top: 4px !important; }
    .pr-lg-4, .px-lg-4 { padding-right: 4px !important; }
    .pb-lg-4, .py-lg-4 { padding-bottom: 4px !important; }
    .pl-lg-4, .px-lg-4 { padding-left: 4px !important; }
    .p-lg-5 { padding: 5px !important; }
    .pt-lg-5, .py-lg-5 { padding-top: 5px !important; }
    .pr-lg-5, .px-lg-5 { padding-right: 5px !important; }
    .pb-lg-5, .py-lg-5 { padding-bottom: 5px !important; }
    .pl-lg-5, .px-lg-5 { padding-left: 5px !important; }
    .p-lg-8 { padding: 8px !important; }
    .pt-lg-8, .py-lg-8 { padding-top: 8px !important; }
    .pr-lg-8, .px-lg-8 { padding-right: 8px !important; }
    .pb-lg-8, .py-lg-8 { padding-bottom: 8px !important; }
    .pl-lg-8, .px-lg-8 { padding-left: 8px !important; }
    .p-lg-10 { padding: 10px !important; }
    .pt-lg-10, .py-lg-10 { padding-top: 10px !important; }
    .pr-lg-10, .px-lg-10 { padding-right: 10px !important; }
    .pb-lg-10, .py-lg-10 { padding-bottom: 10px !important; }
    .pl-lg-10, .px-lg-10 { padding-left: 10px !important; }
    .p-lg-14 { padding: 14px !important; }
    .pt-lg-14, .py-lg-14 { padding-top: 14px !important; }
    .pr-lg-14, .px-lg-14 { padding-right: 14px !important; }
    .pb-lg-14, .py-lg-14 { padding-bottom: 14px !important; }
    .pl-lg-14, .px-lg-14 { padding-left: 14px !important; }
    .p-lg-15 { padding: 15px !important; }
    .pt-lg-15, .py-lg-15 { padding-top: 15px !important; }
    .pr-lg-15, .px-lg-15 { padding-right: 15px !important; }
    .pb-lg-15, .py-lg-15 { padding-bottom: 15px !important; }
    .pl-lg-15, .px-lg-15 { padding-left: 15px !important; }
    .p-lg-16 { padding: 16px !important; }
    .pt-lg-16, .py-lg-16 { padding-top: 16px !important; }
    .pr-lg-16, .px-lg-16 { padding-right: 16px !important; }
    .pb-lg-16, .py-lg-16 { padding-bottom: 16px !important; }
    .pl-lg-16, .px-lg-16 { padding-left: 16px !important; }
    .p-lg-18 { padding: 18px !important; }
    .pt-lg-18, .py-lg-18 { padding-top: 18px !important; }
    .pr-lg-18, .px-lg-18 { padding-right: 18px !important; }
    .pb-lg-18, .py-lg-18 { padding-bottom: 18px !important; }
    .pl-lg-18, .px-lg-18 { padding-left: 18px !important; }
    .p-lg-20 { padding: 20px !important; }
    .pt-lg-20, .py-lg-20 { padding-top: 20px !important; }
    .pr-lg-20, .px-lg-20 { padding-right: 20px !important; }
    .pb-lg-20, .py-lg-20 { padding-bottom: 20px !important; }
    .pl-lg-20, .px-lg-20 { padding-left: 20px !important; }
    .p-lg-24 { padding: 24px !important; }
    .pt-lg-24, .py-lg-24 { padding-top: 24px !important; }
    .pr-lg-24, .px-lg-24 { padding-right: 24px !important; }
    .pb-lg-24, .py-lg-24 { padding-bottom: 24px !important; }
    .pl-lg-24, .px-lg-24 { padding-left: 24px !important; }
    .p-lg-30 { padding: 30px !important; }
    .pt-lg-30, .py-lg-30 { padding-top: 30px !important; }
    .pr-lg-30, .px-lg-30 { padding-right: 30px !important; }
    .pb-lg-30, .py-lg-30 { padding-bottom: 30px !important; }
    .pl-lg-30, .px-lg-30 { padding-left: 30px !important; }
    .p-lg-32 { padding: 32px !important; }
    .pt-lg-32, .py-lg-32 { padding-top: 32px !important; }
    .pr-lg-32, .px-lg-32 { padding-right: 32px !important; }
    .pb-lg-32, .py-lg-32 { padding-bottom: 32px !important; }
    .pl-lg-32, .px-lg-32 { padding-left: 32px !important; }
    .p-lg-40 { padding: 40px !important; }
    .pt-lg-40, .py-lg-40 { padding-top: 40px !important; }
    .pr-lg-40, .px-lg-40 { padding-right: 40px !important; }
    .pb-lg-40, .py-lg-40 { padding-bottom: 40px !important; }
    .pl-lg-40, .px-lg-40 { padding-left: 40px !important; }
    .p-lg-45 { padding: 45px !important; }
    .pt-lg-45, .py-lg-45 { padding-top: 45px !important; }
    .pr-lg-45, .px-lg-45 { padding-right: 45px !important; }
    .pb-lg-45, .py-lg-45 { padding-bottom: 45px !important; }
    .pl-lg-45, .px-lg-45 { padding-left: 45px !important; }
    .p-lg-60 { padding: 60px !important; }
    .pt-lg-60, .py-lg-60 { padding-top: 60px !important; }
    .pr-lg-60, .px-lg-60 { padding-right: 60px !important; }
    .pb-lg-60, .py-lg-60 { padding-bottom: 60px !important; }
    .pl-lg-60, .px-lg-60 { padding-left: 60px !important; }
}
@media (min-width: 992px) {
    .p-md-0 { padding: 0px !important; }
    .pt-md-0, .py-md-0 { padding-top: 0px !important; }
    .pr-md-0, .px-md-0 { padding-right: 0px !important; }
    .pb-md-0, .py-md-0 { padding-bottom: 0px !important; }
    .pl-md-0, .px-md-0 { padding-left: 0px !important; }
    .p-md-3 { padding: 3px !important; }
    .pt-md-3, .py-md-3 { padding-top: 3px !important; }
    .pr-md-3, .px-md-3 { padding-right: 3px !important; }
    .pb-md-3, .py-md-3 { padding-bottom: 3px !important; }
    .pl-md-3, .px-md-3 { padding-left: 3px !important; }
    .p-md-4 { padding: 4px !important; }
    .pt-md-4, .py-md-4 { padding-top: 4px !important; }
    .pr-md-4, .px-md-4 { padding-right: 4px !important; }
    .pb-md-4, .py-md-4 { padding-bottom: 4px !important; }
    .pl-md-4, .px-md-4 { padding-left: 4px !important; }
    .p-md-5 { padding: 5px !important; }
    .pt-md-5, .py-md-5 { padding-top: 5px !important; }
    .pr-md-5, .px-md-5 { padding-right: 5px !important; }
    .pb-md-5, .py-md-5 { padding-bottom: 5px !important; }
    .pl-md-5, .px-md-5 { padding-left: 5px !important; }
    .p-md-8 { padding: 8px !important; }
    .pt-md-8, .py-md-8 { padding-top: 8px !important; }
    .pr-md-8, .px-md-8 { padding-right: 8px !important; }
    .pb-md-8, .py-md-8 { padding-bottom: 8px !important; }
    .pl-md-8, .px-md-8 { padding-left: 8px !important; }
    .p-md-10 { padding: 10px !important; }
    .pt-md-10, .py-md-10 { padding-top: 10px !important; }
    .pr-md-10, .px-md-10 { padding-right: 10px !important; }
    .pb-md-10, .py-md-10 { padding-bottom: 10px !important; }
    .pl-md-10, .px-md-10 { padding-left: 10px !important; }
    .p-md-14 { padding: 14px !important; }
    .pt-md-14, .py-md-14 { padding-top: 14px !important; }
    .pr-md-14, .px-md-14 { padding-right: 14px !important; }
    .pb-md-14, .py-md-14 { padding-bottom: 14px !important; }
    .pl-md-14, .px-md-14 { padding-left: 14px !important; }
    .p-md-15 { padding: 15px !important; }
    .pt-md-15, .py-md-15 { padding-top: 15px !important; }
    .pr-md-15, .px-md-15 { padding-right: 15px !important; }
    .pb-md-15, .py-md-15 { padding-bottom: 15px !important; }
    .pl-md-15, .px-md-15 { padding-left: 15px !important; }
    .p-md-16 { padding: 16px !important; }
    .pt-md-16, .py-md-16 { padding-top: 16px !important; }
    .pr-md-16, .px-md-16 { padding-right: 16px !important; }
    .pb-md-16, .py-md-16 { padding-bottom: 16px !important; }
    .pl-md-16, .px-md-16 { padding-left: 16px !important; }
    .p-md-18 { padding: 18px !important; }
    .pt-md-18, .py-md-18 { padding-top: 18px !important; }
    .pr-md-18, .px-md-18 { padding-right: 18px !important; }
    .pb-md-18, .py-md-18 { padding-bottom: 18px !important; }
    .pl-md-18, .px-md-18 { padding-left: 18px !important; }
    .p-md-20 { padding: 20px !important; }
    .pt-md-20, .py-md-20 { padding-top: 20px !important; }
    .pr-md-20, .px-md-20 { padding-right: 20px !important; }
    .pb-md-20, .py-md-20 { padding-bottom: 20px !important; }
    .pl-md-20, .px-md-20 { padding-left: 20px !important; }
    .p-md-24 { padding: 24px !important; }
    .pt-md-24, .py-md-24 { padding-top: 24px !important; }
    .pr-md-24, .px-md-24 { padding-right: 24px !important; }
    .pb-md-24, .py-md-24 { padding-bottom: 24px !important; }
    .pl-md-24, .px-md-24 { padding-left: 24px !important; }
    .p-md-30 { padding: 30px !important; }
    .pt-md-30, .py-md-30 { padding-top: 30px !important; }
    .pr-md-30, .px-md-30 { padding-right: 30px !important; }
    .pb-md-30, .py-md-30 { padding-bottom: 30px !important; }
    .pl-md-30, .px-md-30 { padding-left: 30px !important; }
    .p-md-32 { padding: 32px !important; }
    .pt-md-32, .py-md-32 { padding-top: 32px !important; }
    .pr-md-32, .px-md-32 { padding-right: 32px !important; }
    .pb-md-32, .py-md-32 { padding-bottom: 32px !important; }
    .pl-md-32, .px-md-32 { padding-left: 32px !important; }
    .p-md-40 { padding: 40px !important; }
    .pt-md-40, .py-md-40 { padding-top: 40px !important; }
    .pr-md-40, .px-md-40 { padding-right: 40px !important; }
    .pb-md-40, .py-md-40 { padding-bottom: 40px !important; }
    .pl-md-40, .px-md-40 { padding-left: 40px !important; }
    .p-md-45 { padding: 45px !important; }
    .pt-md-45, .py-md-45 { padding-top: 45px !important; }
    .pr-md-45, .px-md-45 { padding-right: 45px !important; }
    .pb-md-45, .py-md-45 { padding-bottom: 45px !important; }
    .pl-md-45, .px-md-45 { padding-left: 45px !important; }
    .p-md-60 { padding: 60px !important; }
    .pt-md-60, .py-md-60 { padding-top: 60px !important; }
    .pr-md-60, .px-md-60 { padding-right: 60px !important; }
    .pb-md-60, .py-md-60 { padding-bottom: 60px !important; }
    .pl-md-60, .px-md-60 { padding-left: 60px !important; }
}
@media (max-width: 767px) {
    .p-xs-0 { padding: 0px !important; }
    .pt-xs-0, .py-xs-0 { padding-top: 0px !important; }
    .pr-xs-0, .px-xs-0 { padding-right: 0px !important; }
    .pb-xs-0, .py-xs-0 { padding-bottom: 0px !important; }
    .pl-xs-0, .px-xs-0 { padding-left: 0px !important; }
    .p-xs-3 { padding: 3px !important; }
    .pt-xs-3, .py-xs-3 { padding-top: 3px !important; }
    .pr-xs-3, .px-xs-3 { padding-right: 3px !important; }
    .pb-xs-3, .py-xs-3 { padding-bottom: 3px !important; }
    .pl-xs-3, .px-xs-3 { padding-left: 3px !important; }
    .p-xs-4 { padding: 4px !important; }
    .pt-xs-4, .py-xs-4 { padding-top: 4px !important; }
    .pr-xs-4, .px-xs-4 { padding-right: 4px !important; }
    .pb-xs-4, .py-xs-4 { padding-bottom: 4px !important; }
    .pl-xs-4, .px-xs-4 { padding-left: 4px !important; }
    .p-xs-5 { padding: 5px !important; }
    .pt-xs-5, .py-xs-5 { padding-top: 5px !important; }
    .pr-xs-5, .px-xs-5 { padding-right: 5px !important; }
    .pb-xs-5, .py-xs-5 { padding-bottom: 5px !important; }
    .pl-xs-5, .px-xs-5 { padding-left: 5px !important; }
    .p-xs-8 { padding: 8px !important; }
    .pt-xs-8, .py-xs-8 { padding-top: 8px !important; }
    .pr-xs-8, .px-xs-8 { padding-right: 8px !important; }
    .pb-xs-8, .py-xs-8 { padding-bottom: 8px !important; }
    .pl-xs-8, .px-xs-8 { padding-left: 8px !important; }
    .p-xs-10 { padding: 10px !important; }
    .pt-xs-10, .py-xs-10 { padding-top: 10px !important; }
    .pr-xs-10, .px-xs-10 { padding-right: 10px !important; }
    .pb-xs-10, .py-xs-10 { padding-bottom: 10px !important; }
    .pl-xs-10, .px-xs-10 { padding-left: 10px !important; }
    .p-xs-14 { padding: 14px !important; }
    .pt-xs-14, .py-xs-14 { padding-top: 14px !important; }
    .pr-xs-14, .px-xs-14 { padding-right: 14px !important; }
    .pb-xs-14, .py-xs-14 { padding-bottom: 14px !important; }
    .pl-xs-14, .px-xs-14 { padding-left: 14px !important; }
    .p-xs-15 { padding: 15px !important; }
    .pt-xs-15, .py-xs-15 { padding-top: 15px !important; }
    .pr-xs-15, .px-xs-15 { padding-right: 15px !important; }
    .pb-xs-15, .py-xs-15 { padding-bottom: 15px !important; }
    .pl-xs-15, .px-xs-15 { padding-left: 15px !important; }
    .p-xs-16 { padding: 16px !important; }
    .pt-xs-16, .py-xs-16 { padding-top: 16px !important; }
    .pr-xs-16, .px-xs-16 { padding-right: 16px !important; }
    .pb-xs-16, .py-xs-16 { padding-bottom: 16px !important; }
    .pl-xs-16, .px-xs-16 { padding-left: 16px !important; }
    .p-xs-18 { padding: 18px !important; }
    .pt-xs-18, .py-xs-18 { padding-top: 18px !important; }
    .pr-xs-18, .px-xs-18 { padding-right: 18px !important; }
    .pb-xs-18, .py-xs-18 { padding-bottom: 18px !important; }
    .pl-xs-18, .px-xs-18 { padding-left: 18px !important; }
    .p-xs-20 { padding: 20px !important; }
    .pt-xs-20, .py-xs-20 { padding-top: 20px !important; }
    .pr-xs-20, .px-xs-20 { padding-right: 20px !important; }
    .pb-xs-20, .py-xs-20 { padding-bottom: 20px !important; }
    .pl-xs-20, .px-xs-20 { padding-left: 20px !important; }
    .p-xs-24 { padding: 24px !important; }
    .pt-xs-24, .py-xs-24 { padding-top: 24px !important; }
    .pr-xs-24, .px-xs-24 { padding-right: 24px !important; }
    .pb-xs-24, .py-xs-24 { padding-bottom: 24px !important; }
    .pl-xs-24, .px-xs-24 { padding-left: 24px !important; }
    .p-xs-30 { padding: 30px !important; }
    .pt-xs-30, .py-xs-30 { padding-top: 30px !important; }
    .pr-xs-30, .px-xs-30 { padding-right: 30px !important; }
    .pb-xs-30, .py-xs-30 { padding-bottom: 30px !important; }
    .pl-xs-30, .px-xs-30 { padding-left: 30px !important; }
    .p-xs-32 { padding: 32px !important; }
    .pt-xs-32, .py-xs-32 { padding-top: 32px !important; }
    .pr-xs-32, .px-xs-32 { padding-right: 32px !important; }
    .pb-xs-32, .py-xs-32 { padding-bottom: 32px !important; }
    .pl-xs-32, .px-xs-32 { padding-left: 32px !important; }
    .p-xs-40 { padding: 40px !important; }
    .pt-xs-40, .py-xs-40 { padding-top: 40px !important; }
    .pr-xs-40, .px-xs-40 { padding-right: 40px !important; }
    .pb-xs-40, .py-xs-40 { padding-bottom: 40px !important; }
    .pl-xs-40, .px-xs-40 { padding-left: 40px !important; }
    .p-xs-45 { padding: 45px !important; }
    .pt-xs-45, .py-xs-45 { padding-top: 45px !important; }
    .pr-xs-45, .px-xs-45 { padding-right: 45px !important; }
    .pb-xs-45, .py-xs-45 { padding-bottom: 45px !important; }
    .pl-xs-45, .px-xs-45 { padding-left: 45px !important; }
    .p-xs-60 { padding: 60px !important; }
    .pt-xs-60, .py-xs-60 { padding-top: 60px !important; }
    .pr-xs-60, .px-xs-60 { padding-right: 60px !important; }
    .pb-xs-60, .py-xs-60 { padding-bottom: 60px !important; }
    .pl-xs-60, .px-xs-60 { padding-left: 60px !important; }

    /* will delete */
    .p-0-xs { padding: 0px !important; }
    .pt-0-xs, .py-0-xs { padding-top: 0px !important; }
    .pr-0-xs, .px-0-xs { padding-right: 0px !important; }
    .pb-0-xs, .py-0-xs { padding-bottom: 0px !important; }
    .pl-0-xs, .px-0-xs { padding-left: 0px !important; }
    .p-5-xs { padding: 5px !important; }
    .pt-5-xs, .py-5-xs { padding-top: 5px !important; }
    .pr-5-xs, .px-5-xs { padding-right: 5px !important; }
    .pb-5-xs, .py-5-xs { padding-bottom: 5px !important; }
    .pl-5-xs, .px-5-xs { padding-left: 5px !important; }
    .p-10-xs { padding: 10px !important; }
    .pt-10-xs, .py-10-xs { padding-top: 10px !important; }
    .pr-10-xs, .px-10-xs { padding-right: 10px !important; }
    .pb-10-xs, .py-10-xs { padding-bottom: 10px !important; }
    .pl-10-xs, .px-10-xs { padding-left: 10px !important; }
    .p-15-xs { padding: 15px !important; }
    .pt-15-xs, .py-15-xs { padding-top: 15px !important; }
    .pr-15-xs, .px-15-xs { padding-right: 15px !important; }
    .pb-15-xs, .py-15-xs { padding-bottom: 15px !important; }
    .pl-15-xs, .px-15-xs { padding-left: 15px !important; }
    .p-30-xs { padding: 30px !important; }
    .pt-30-xs, .py-30-xs { padding-top: 30px !important; }
    .pr-30-xs, .px-30-xs { padding-right: 30px !important; }
    .pb-30-xs, .py-30-xs { padding-bottom: 30px !important; }
    .pl-30-xs, .px-30-xs { padding-left: 30px !important; }
    .p-40-xs { padding: 40px !important; }
    .pt-40-xs, .py-40-xs { padding-top: 40px !important; }
    .pr-40-xs, .px-40-xs { padding-right: 40px !important; }
    .pb-40-xs, .py-40-xs { padding-bottom: 40px !important; }
    .pl-40-xs, .px-40-xs { padding-left: 40px !important; }
    .p-45-xs { padding: 45px !important; }
    .pt-45-xs, .py-45-xs { padding-top: 45px !important; }
    .pr-45-xs, .px-45-xs { padding-right: 45px !important; }
    .pb-45-xs, .py-45-xs { padding-bottom: 45px !important; }
    .pl-45-xs, .px-45-xs { padding-left: 45px !important; }
    .p-60-xs { padding: 60px !important; }
    .pt-60-xs, .py-60-xs { padding-top: 60px !important; }
    .pr-60-xs, .px-60-xs { padding-right: 60px !important; }
    .pb-60-xs, .py-60-xs { padding-bottom: 60px !important; }
    .pl-60-xs, .px-60-xs { padding-left: 60px !important; }
}


/* Text - Color */
.text-primary { color: var(--txt-primary) !important; }
.text-primary-light { color: var(--txt-primary-light) !important; }
.text-secondary { color: var(--txt-secondary) !important; }
.text-tertiary { color: var(--txt-tertiary) !important; }
.text-success { color: var(--txt-success) !important; }
.text-danger { color: var(--txt-danger) !important; }
.text-error { color: var(--txt-error) !important; }
.text-warning { color: var(--txt-warning) !important; }
.text-header { color: var(--txt-header) !important; }
.text-subdued1 { color: var(--txt-subdued1) !important; }
.text-subdued2 { color: var(--txt-subdued2) !important; }
.text-hint { color: #6E7881 !important; }
.text-placeholder { color: #A4A9AF !important; }
.text-link { color: var(--txt-link) !important; }
.text-gradient-primary {
    background: var(--txt-gradient-primary);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.text-gradient-primary-invert {
    background: linear-gradient(225deg, #0A43D7 0%, #24C2E8 52%, #0DC4F0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.text-black { color: var(--txt-black) !important; }
.text-white { color: var(--white) !important; }
.text-blue { color: var(--primary) !important; }
.text-branding { color: var(--decor-branding) !important; }
.text-crown { color: var(--decor-crown) !important; }
.text-indigo { color: var(--decor-indigo) !important; }
.text-yellow { color: var(--decor-yellow) !important; }
.text-orange { color: var(--decor-orange) !important; }
.text-green { color: var(--decor-green) !important; }
.text-purple { color: var(--decor-purple) !important; }
.text-magenta { color: var(--decor-magenta) !important; }
.text-tomato { color: var(--decor-tomato) !important; }
.text-darken { color: #333333 !important; }
.text-lighten { color: #a0a0a0 !important; }
.text-blue2 { color: #3dd9ff !important; }
.text-blue-darken { color: #0F62A4 !important; }
.text-blue-darkest { color: #374659 !important; }
.text-muted { color: #8f8e8e !important; }
.text-divider { color: #d9d9d9 !important; }
.text-adword { color: #A3A3A3; }
.text-free { color: var(--txt-free) !important; }
.text-basic { color: var(--txt-basic) !important; }
.text-standard { color: var(--txt-standard) !important; }
.text-professional { color: var(--txt-professional) !important; }
.text-premium { color: var(--txt-premium) !important; }
.text-premium-gradient {
    background: var(--txt-premium-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.googleBlue {
    color: #4283F5;
    font-family: 'Nunito';
    letter-spacing: -1px;
    font-weight: 600;
}
.googleRed {
    color: #EA4134;
    font-family: 'Nunito';
    letter-spacing: -1px;
    font-weight: 600;
}
.googleYellow {
    color: #FABC05;
    font-family: 'Nunito';
    letter-spacing: -1px;
    font-weight: 600;
}
.googleGreen {
    color: #38A854;
    font-family: 'Nunito';
    letter-spacing: -1px;
    font-weight: 600;
}
.link-default {
    color: #696969;
    border-bottom: 1px solid #696969;
}
.link-darken {
    color: #373E44;
    border-bottom: 1px solid #373E44;
}
.link-lighten {
    color: #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}
.link-white {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.link-blue {
    color: #28bee3;
    border-bottom: 1px solid #28bee3;
}
.link-blue2 {
    color: #3dd9ff;
    border-bottom: 1px solid #3dd9ff;
}
.link-blue-darken {
    color: #0F62A4;
    border-bottom: 1px solid #0F62A4;
}
.link-blue-darkest {
    color: #374659;
    border-bottom: 1px solid #374659;
}
.link-orange {
    color: #ff712a;
    border-bottom: 1px solid #ff712a;
}
.link-muted {
    color: #8f8e8e;
    border-bottom: 1px solid #8f8e8e;
}

/* Float */
.pull-xs-right { float: right !important; }
@media (min-width: 768px) {
    .pull-sm-right { float: right !important; }
}
@media (min-width: 992px) {
    .pull-md-right { float: right !important; }
}
@media (min-width: 1200px) {
    .pull-lg-right { float: right !important; }
}

/* Align */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
@media (min-width: 992px) {
    .text-md-center { text-align: center; }
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }

    /* will delete */
    .text-center-md { text-align: center; }
    .text-left-md { text-align: left; }
    .text-right-md { text-align: right; }
}
@media (min-width: 1200px) {
    .text-lg-center { text-align: center; }
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }

    /* will delete */
    .text-center-lg { text-align: center; }
    .text-left-lg { text-align: left; }
    .text-right-lg { text-align: right; }
}
@media (max-width: 767px) {
    .text-xs-center { text-align: center; }
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }

    /* will delete */
    .text-center-xs { text-align: center; }
    .text-left-xs { text-align: left; }
    .text-right-xs { text-align: right; }
}


.text-underline { text-decoration: underline; }
.text-underline:hover { text-decoration: underline; }
.text-overline { text-decoration: overline; }
.text-overline:hover { text-decoration: overline; }
.text-line-through { text-decoration: line-through; }
.text-line-through:hover { text-decoration: line-through; }
.text-nowrap { text-wrap: nowrap; }

.divider { border-color: #d9d9d9 !important; }
.divider-right { border-right: 1px solid #d9d9d9 !important; }
.close {
    font-size: 40px;
    font-weight: 400
}

/* Label */
:root {
    --label-py: 3px;
    --label-sm-py: 0px;
    --label-lg-py: 2px;
    --label-border-width: 2px;
}
.label {
    display: inline-block;
    height: 32px;
    font-family: var(--txt-subheading-ff);
    font-size: var(--txt-subheading-fs);
    line-height: 22px;
    font-weight: bold;
    padding: var(--label-py) 16px;
    border-radius: 4px;
    border: var(--label-border-width) solid transparent;
}
.label-sm { 
    height: 24px; 
    font-size: var(--txt-body-s-fs);
    line-height: 22px; 
    padding: var(--label-sm-py) 12px; 
    border-radius: 4px; 
}
.label-lg { 
    height: 40px; 
    font-size: var(--txt-heading-l-fs); 
    line-height: 32px;
    padding: var(--label-lg-py) 24px; 
    border-radius: 8px; 
}
.label-pill { border-radius: 40px; }

.label-primary { background-color: var(--bg-primary); color: var(--white); border-color: var(--bg-primary); }
.label-primary-light { background-color: var(--bg-primary-light); color: var(--white); border-color: var(--bg-primary-light); }
.label-secondary { background-color: var(--bg-secondary); color: var(--white); border-color: var(--bg-secondary); }
.label-tertiary { background-color: var(--bg-tertiary); color: var(--white); border-color: var(--bg-tertiary); }
.label-success { background-color: var(--bg-success); color: var(--white); border-color: var(--bg-success); }
.label-danger { background-color: var(--bg-danger); color: var(--white); border-color: var(--bg-danger); }
.label-error { background-color: var(--bg-error); color: var(--white); border-color: var(--bg-error); }
.label-warning { background-color: var(--bg-warning); color: var(--white); border-color: var(--bg-warning); }
.label-black { background-color: var(--bg-black); color: var(--white); border-color: var(--bg-black); }
.label-white { background-color: var(--white); color: var(--black); border-color: var(--white); }
.label-blue { background-color: var(--primary); color: var(--white); border-color: var(--primary); }
.label-branding { background-color: var(--decor-branding); color: var(--white); border-color: var(--decor-branding); }
.label-crown { background-color: var(--decor-crown); color: var(--white); border-color: var(--decor-crown); }
.label-indigo { background-color: var(--decor-indigo); color: var(--white); border-color: var(--decor-indigo); }
.label-yellow { background-color: var(--decor-yellow); color: var(--white); border-color: var(--decor-yellow); }
.label-orange { background-color: var(--decor-orange); color: var(--white); border-color: var(--decor-orange); }
.label-green { background-color: var(--decor-green); color: var(--white); border-color: var(--decor-green); }
.label-purple { background-color: var(--decor-purple); color: var(--white); border-color: var(--decor-purple); }
.label-magenta { background-color: var(--decor-magenta); color: var(--white); border-color: var(--decor-magenta); }
.label-tomato { background-color: var(--decor-tomato); color: var(--white); border-color: var(--decor-tomato); }
.label-gradient-primary { background: var(--primary-gradient); color: var(--white); border: none; padding-top: calc(var(--label-py) + var(--label-border-width)); padding-bottom: calc(var(--label-py) + var(--label-border-width)); }
.label-gradient-primary.label-sm { padding-top: calc(var(--label-sm-py) + var(--label-border-width)); padding-bottom: calc(var(--label-sm-py) + var(--label-border-width)); }
.label-gradient-primary.label-lg { padding-top: calc(var(--label-lg-py) + var(--label-border-width)); padding-bottom: calc(var(--label-lg-py) + var(--label-border-width)); }
.label-gradient-success { background: var(--success-gradient); color: var(--white); border: none; padding-top: calc(var(--label-py) + var(--label-border-width)); padding-bottom: calc(var(--label-py) + var(--label-border-width)); }
.label-gradient-success.label-sm { padding-top: calc(var(--label-sm-py) + var(--label-border-width)); padding-bottom: calc(var(--label-sm-py) + var(--label-border-width)); }
.label-gradient-success.label-lg { padding-top: calc(var(--label-lg-py) + var(--label-border-width)); padding-bottom: calc(var(--label-lg-py) + var(--label-border-width)); }

.label-v3-free { background-color: var(--v3-free); color: var(--white); border-color: var(--v3-free); }
.label-v3-basic { background-color: var(--v3-basic); color: var(--white); border-color: var(--v3-basic); }
.label-v3-standard { background-color: var(--v3-standard); color: var(--white); border-color: var(--v3-standard); }
.label-v3-professional { background-color: var(--v3-professional); color: var(--white); border-color: var(--v3-professional); }
.label-v4-free { background-color: var(--v4-free); color: var(--white); border-color: var(--v4-free); }
.label-v4-basic { background-color: var(--v4-basic); color: var(--white); border-color: var(--v4-basic); }
.label-v4-standard { background-color: var(--v4-standard); color: var(--white); border-color: var(--v4-standard); }
.label-v4-professional { background-color: var(--v4-professional); color: var(--white); border-color: var(--v4-professional); }
.label-v4-premium { background: var(--v4-premium-gradient); color: var(--white); border: none; padding-top: calc(var(--label-py) + var(--label-border-width)); padding-bottom: calc(var(--label-py) + var(--label-border-width)); }
.label-v4-premium.label-sm { padding-top: calc(var(--label-sm-py) + var(--label-border-width)); padding-bottom: calc(var(--label-sm-py) + var(--label-border-width)); }
.label-v4-premium.label-lg { padding-top: calc(var(--label-lg-py) + var(--label-border-width)); padding-bottom: calc(var(--label-lg-py) + var(--label-border-width)); }

/* Will delete */
.label-free { background-color: var(--v4-free); color: var(--white); border-color: var(--v4-free); }
.label-informative { background-color: var(--v4-basic); color: var(--white); border-color: var(--v4-basic); }
.label-standard { background-color: var(--v4-standard); color: var(--white); border-color: var(--v4-standard); }
.label-premium { background-color: var(--v4-professional); color: var(--white); border-color: var(--v4-professional); }
.label-basic { background-color: var(--v4-basic); color: var(--white); border-color: var(--v4-basic); }
.label-standard { background-color: var(--v4-standard); color: var(--white); border-color: var(--v4-standard); }
.label-professional { background-color: var(--v4-professional); color: var(--white); border-color: var(--v4-professional); }
.label-premium { background: var(--v4-premium-gradient); color: var(--white); border: none; padding-top: calc(var(--label-py) + var(--label-border-width)); padding-bottom: calc(var(--label-py) + var(--label-border-width)); }
.label-premium.label-sm { padding-top: calc(var(--label-sm-py) + var(--label-border-width)); padding-bottom: calc(var(--label-sm-py) + var(--label-border-width)); }
.label-premium.label-lg { padding-top: calc(var(--label-lg-py) + var(--label-border-width)); padding-bottom: calc(var(--label-lg-py) + var(--label-border-width)); }

.label-primary-o { background-color: transparent; color: var(--bg-primary); border-color: var(--bg-primary); }
.label-primary-light-o { background-color: transparent; color: var(--bg-primary-light); border-color: var(--bg-primary-light); }
.label-secondary-o { background-color: transparent; color: var(--bg-secondary); border-color: var(--bg-secondary); }
.label-tertiary-o { background-color: transparent; color: var(--bg-tertiary); border-color: var(--bg-tertiary); }
.label-success-o { background-color: transparent; color: var(--bg-success); border-color: var(--bg-success); }
.label-danger-o { background-color: transparent; color: var(--bg-danger); border-color: var(--bg-danger); }
.label-error-o { background-color: transparent; color: var(--bg-error); border-color: var(--bg-error); }
.label-warning-o { background-color: transparent; color: var(--bg-warning); border-color: var(--bg-warning); }
.label-black-o { background-color: transparent; color: var(--bg-black); border-color: var(--bg-black); }
.label-white-o { background-color: transparent; color: var(--white); border-color: var(--white); }
.label-blue-o { background-color: transparent; color: var(--primary); border-color: var(--primary); }
.label-branding-o { background-color: transparent; color: var(--decor-branding); border-color: var(--decor-branding); }
.label-branding-o { background-color: transparent; color: var(--decor-crown); border-color: var(--decor-crown); }
.label-indigo-o { background-color: transparent; color: var(--decor-indigo); border-color: var(--decor-indigo); }
.label-yellow-o { background-color: transparent; color: var(--decor-yellow); border-color: var(--decor-yellow); }
.label-orange-o { background-color: transparent; color: var(--decor-orange); border-color: var(--decor-orange); }
.label-green-o { background-color: transparent; color: var(--decor-green); border-color: var(--decor-green); }
.label-purple-o { background-color: transparent; color: var(--decor-purple); border-color: var(--decor-purple); }
.label-magenta-o { background-color: transparent; color: var(--decor-magenta); border-color: var(--decor-magenta); }
.label-tomato-o { background-color: transparent; color: var(--decor-tomato); border-color: var(--decor-tomato); }


/* BG */
.bg-primary { background-color: var(--bg-primary) !important; }
.bg-primary-light { background-color: var(--bg-primary-light) !important; }
.bg-secondary { background-color: var(--bg-secondary) !important; }
.bg-tertiary { background-color: var(--bg-tertiary) !important; }
.bg-success { background-color: var(--bg-success) !important; }
.bg-danger { background-color: var(--bg-danger) !important; }
.bg-error { background-color: var(--bg-error) !important; }
.bg-warning { background-color: var(--bg-warning) !important; }
.bg-dark { background-color: var(--bg-dark) !important; }
.bg-black { background-color: var(--bg-black) !important; }
.bg-white { background-color: var(--white) !important; }
.bg-blue { background-color: var(--primary) !important; }
.bg-branding { background-color: var(--decor-branding) !important; }
.bg-crown { background-color: var(--decor-crown) !important; }
.bg-indigo { background-color: var(--decor-indigo) !important; }
.bg-yellow { background-color: var(--decor-yellow) !important; }
.bg-orange { background-color: var(--decor-orange) !important; }
.bg-green { background-color: var(--decor-green) !important; }
.bg-purple { background-color: var(--decor-purple) !important; }
.bg-magenta { background-color: var(--decor-magenta) !important; }
.bg-tomato { background-color: var(--decor-tomato) !important; }
.bg-gradient-primary { background: var(--primary-gradient) !important; }
.bg-free { background-color: var(--v4-free) !important; }
.bg-basic { background-color: var(--v4-basic) !important; }
.bg-standard { background-color: var(--v4-standard) !important; }
.bg-professional { background-color: var(--v4-professional) !important; }
.bg-premium { background-color: var(--v4-premium) !important; }
.bg-premium-gradient { background: var(--v4-premium-gradient) !important; }


/* Border */
.border { border: 1px solid var(--border-divider) !important; }
.border-top { border-top: 1px solid var(--border-divider) !important; }
.border-left { border-left: 1px solid var(--border-divider) !important; }
.border-right { border-right: 1px solid var(--border-divider) !important; }
.border-bottom { border-bottom: 1px solid var(--border-divider) !important; }
.border-2px { border-width: 2px !important; }
.border-3px { border-width: 3px !important; }
.border-4px { border-width: 4px !important; }
.border-5px { border-width: 5px !important; }
.border-radius-25 { border-radius: 25px !important; }
.border-radius-12 { border-radius: 12px !important; }
.border-radius-8 { border-radius: 8px !important; }
.border-radius-4 { border-radius: 8px !important; }
.border-disable { border-color: var(--border-disable) !important; }
.border-divider { border-color: var(--border-divider) !important; }
.border-button { border-color: var(--border-button) !important; }
.border-primary { border-color: var(--border-primary) !important; }
.border-primary-light { border-color: var(--border-primary-light) !important; }
.border-secondary { border-color: var(--border-secondary) !important; }
.border-tertiary { border-color: var(--border-tertiary) !important; }
.border-success { border-color: var(--border-success) !important; }
.border-danger { border-color: var(--border-danger) !important; }
.border-error { border-color: var(--border-error) !important; }
.border-warning { border-color: var(--border-warning) !important; }
.border-black { border-color: var(--border-black) !important; }
.border-white { border-color: var(--white) !important; }
.border-blue { border-color: var(--primary) !important; }
.border-branding { border-color: var(--decor-branding) !important; }
.border-crown { border-color: var(--decor-crown) !important; }
.border-indigo { border-color: var(--decor-indigo) !important; }
.border-yellow { border-color: var(--decor-yellow) !important; }
.border-orange { border-color: var(--decor-orange) !important; }
.border-green { border-color: var(--decor-green) !important; }
.border-purple { border-color: var(--decor-purple) !important; }
.border-magenta { border-color: var(--decor-magenta) !important; }
.border-tomato { border-color: var(--decor-tomato) !important; }
.border-gradient-primary { border-color: var(--primary) !important; }
.border-free { border-color: var(--v4-free) !important; }
.border-basic { border-color: var(--v4-basic) !important; }
.border-standard { border-color: var(--v4-standard) !important; }
.border-professional { border-color: var(--v4-professional) !important; }
.border-premium { border-color: var(--v4-premium) !important; }
.border-premium-gradient { border-color: var(--v4-premium) !important; }


/* Cursor */
.cursor-p,
.cursor-pointer,
.cursor-pointer-hover:hover { cursor: pointer !important; }

/* Btn */
.btn {  /* 36px */
    font-family: "Noto Sans Thai";
    font-weight: bold;
    font-size: 14px;
    line-height: 22px; /* 1.5742857 */
    padding: 5px 16px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    text-decoration:none;
    transition: all 150ms;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    outline: 0px solid transparent;
    outline-offset: 2px;
    border: 2px solid;
}
.btn i { font-size: 14px; }
.btn:active, 
.btn.active { outline: 0; background-image: none; -webkit-box-shadow: none; box-shadow: none; }
.btn:active { position: relative; top: 1px; }
.btn-block+.btn-block { margin-top: 15px; }
.btn.readonly { cursor: auto; pointer-events: none; }
.btn:disabled,
.btn.disabled { cursor: not-allowed; pointer-events: none; }
@media (max-width: 767px) {
    .btn-block-xs { display: block; width: 100% !important; }
    .btn-block-xs+.btn-block-xs { margin-top: 15px; }
    .btn-auto-xs { display: inline-block; width: auto; }
}

/* Btn - Shape */
.btn-square { border-radius: 4px !important; }
.btn-pill { border-radius: 40px !important; }

/* Btn - Size */
.btn.btn-sm { font-size: 12px; line-height: 1.5; padding: 1px 12px; } /* 24px */
.btn.btn-sm i { font-size: 12px; }
.btn.btn-lg {  font-size: 16px; line-height: 1.5; padding: 10px 20px; } /* 48px */
.btn.btn-lg i { font-size: 16px; }
/* @media (max-width: 767px) {
    .btn.btn-lg { font-size: 14px; line-height: 22px; padding: 5px 16px; }
    .btn.btn-lg i { font-size: 14px; }
} */

/* Btn - Theme Color */
.btn-primary { background: var(--action-gradient-primary); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-primary:hover, 
.btn-primary.hover { background: var(--action-gradient-primary-hover); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-primary:focus, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active { background: var(--action-gradient-primary); background-origin: border-box; color: var(--txt-white); border-color: transparent; outline: 2px solid #13a1e7 !important; outline-offset: 2px !important; }
.btn-primary:disabled, 
.btn-primary.disabled,
.btn-primary.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-primary-o { background: #FFFFFF; color: #17C7F3; border-color: #17C7F3; }
.btn-primary-o:hover, 
.btn-primary-o.hover { background: var(--action-gradient-primary); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-primary-o:focus, 
.btn-primary-o:focus, 
.btn-primary-o:active, 
.btn-primary-o.active { background: var(--action-gradient-primary); background-origin: border-box; color: var(--txt-white); border-color: transparent; outline: 2px solid #13a1e7 !important; outline-offset: 2px !important; }
.btn-primary-o:disabled, 
.btn-primary-o.disabled,
.btn-primary-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-secondary { background-color: var(--bg-white); color: var(--txt-primary); border-color: var(--border-white); }
.btn-secondary:hover, 
.btn-secondary.hover { background-color: var(--bg-primary); color: var(--txt-white); border-color: var(--border-primary); }
.btn-secondary:focus, 
.btn-secondary.focus, 
.btn-secondary:active, 
.btn-secondary.active { background-color:var(--bg-white); color:var(--txt-primary); border-color:var(--border-white); outline: 2px solid var(--border-primary) !important; outline-offset: 2px !important; }
.btn-secondary:disabled, 
.btn-secondary.disabled,
.btn-secondary.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-secondary-o { background: transparent; color: var(--txt-white); border-color: var(--txt-white); }
.btn-secondary-o:hover, 
.btn-secondary-o.hover { background: var(--bg-white); color: var(--txt-primary); border-color: var(--txt-white); }
.btn-secondary-o:focus, 
.btn-secondary-o:focus, 
.btn-secondary-o:active, 
.btn-secondary-o.active { background: var(--bg-white); color: var(--txt-primary); border-color: var(--border-white); outline: 2px solid var(--border-primary) !important; outline-offset: 2px !important; }
.btn-secondary-o:disabled, 
.btn-secondary-o.disabled,
.btn-secondary-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-tertiary { background: var(--action-gradient-tertiary); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-tertiary:hover, 
.btn-tertiary.hover { background: var(--action-gradient-tertiary-hover); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-tertiary:focus, 
.btn-tertiary:focus, 
.btn-tertiary:active, 
.btn-tertiary.active { background: var(--action-gradient-tertiary); background-origin: border-box; color: var(--txt-white); border-color: transparent; outline: 2px solid var(--border-tertiary) !important; outline-offset: 2px !important; }
.btn-tertiary:disabled, 
.btn-tertiary.disabled,
.btn-tertiary.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-tertiary-o { background: var(--bg-white); color: var(--txt-subdued1); border-color: var(--txt-subdued1); }
.btn-tertiary-o:hover, 
.btn-tertiary-o.hover { background: var(--action-gradient-tertiary); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-tertiary-o:focus, 
.btn-tertiary-o:focus, 
.btn-tertiary-o:active, 
.btn-tertiary-o.active { background: var(--action-gradient-tertiary); background-origin: border-box; color: var(--txt-white); border-color: transparent; outline: 2px solid var(--border-tertiary) !important; outline-offset: 2px !important; }
.btn-tertiary-o:disabled, 
.btn-tertiary-o.disabled,
.btn-tertiary-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

/* Special */
.btn-tertiary-to-primary { background: var(--action-gradient-tertiary); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-tertiary-to-primary:hover, 
.btn-tertiary-to-primary.hover { background: var(--action-gradient-primary); background-origin: border-box; color: var(--txt-white); border-color: transparent; }
.btn-tertiary-to-primary:focus, 
.btn-tertiary-to-primary:focus, 
.btn-tertiary-to-primary:active, 
.btn-tertiary-to-primary.active { background: var(--action-gradient-primary); background-origin: border-box; color: var(--txt-white); border-color: transparent; outline: 2px solid #13a1e7 !important; outline-offset: 2px !important; }
.btn-tertiary-to-primary:disabled, 
.btn-tertiary-to-primary.disabled,
.btn-tertiary-to-primary.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-success { background-color: var(--action-success-default); color:#FFFFFF; border-color: var(--border-success); }
.btn-success:hover, 
.btn-success.hover { background-color: var(--action-success-hover); color: var(--txt-white); border-color: var(--action-success-hover); }
.btn-success:focus, 
.btn-success.focus, 
.btn-success:active, 
.btn-success.active { background-color: var(--action-success-default); color:#FFFFFF; border-color: var(--border-success); outline: 2px solid var(--border-success) !important; outline-offset: 2px !important; }
.btn-success:disabled, 
.btn-success.disabled,
.btn-success.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-success-o { background: #FFFFFF; color: var(--txt-success); border-color: var(--border-success); }
.btn-success-o:hover, 
.btn-success-o.hover { background-color: var(--action-success-default); color: var(--txt-white); border-color: var(--border-success); }
.btn-success-o:focus, 
.btn-success-o:focus, 
.btn-success-o:active, 
.btn-success-o.active { background-color: var(--action-success-default); color: var(--txt-white); border-color: var(--border-success); outline: 2px solid var(--border-success) !important; outline-offset: 2px !important; }
.btn-success-o:disabled, 
.btn-success-o.disabled,
.btn-success-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-danger { background-color: var(--action-danger-default); color:#FFFFFF; border-color: var(--border-danger); }
.btn-danger:hover, 
.btn-danger.hover { background-color: var(--action-danger-hover); color: var(--txt-white); border-color: var(--action-danger-hover); }
.btn-danger:focus, 
.btn-danger.focus, 
.btn-danger:active, 
.btn-danger.active { background-color: var(--action-danger-default); color:#FFFFFF; border-color: var(--border-danger); outline: 2px solid var(--border-danger) !important; outline-offset: 2px !important; }
.btn-danger:disabled, 
.btn-danger.disabled,
.btn-danger.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-danger-o { background: #FFFFFF; color: var(--txt-danger); border-color: var(--border-danger); }
.btn-danger-o:hover, 
.btn-danger-o.hover { background-color: var(--action-danger-default); color: var(--txt-white); border-color: var(--border-danger); }
.btn-danger-o:focus, 
.btn-danger-o:focus, 
.btn-danger-o:active, 
.btn-danger-o.active { background-color: var(--action-danger-default); color: var(--txt-white); border-color: var(--border-danger); outline: 2px solid var(--border-danger) !important; outline-offset: 2px !important; }
.btn-danger-o:disabled, 
.btn-danger-o.disabled,
.btn-danger-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-error { background-color: var(--action-error-default); color:#FFFFFF; border-color: var(--border-error); }
.btn-error:hover, 
.btn-error.hover { background-color: var(--action-error-hover); color: var(--txt-white); border-color: var(--action-error-hover); }
.btn-error:focus, 
.btn-error.focus, 
.btn-error:active, 
.btn-error.active { background-color: var(--action-error-default); color:#FFFFFF; border-color: var(--border-error); outline: 2px solid var(--border-error) !important; outline-offset: 2px !important; }
.btn-error:disabled, 
.btn-error.disabled,
.btn-error.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-error-o { background: #FFFFFF; color: var(--txt-error); border-color: var(--border-error); }
.btn-error-o:hover, 
.btn-error-o.hover { background-color: var(--action-error-default); color: var(--txt-white); border-color: var(--border-error); }
.btn-error-o:focus, 
.btn-error-o:focus, 
.btn-error-o:active, 
.btn-error-o.active { background-color: var(--action-error-default); color: var(--txt-white); border-color: var(--border-error); outline: 2px solid var(--border-error) !important; outline-offset: 2px !important; }
.btn-error-o:disabled, 
.btn-error-o.disabled,
.btn-error-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-warning { background-color: var(--action-warning-default); color:#FFFFFF; border-color: var(--border-warning); }
.btn-warning:hover, 
.btn-warning.hover { background-color: var(--action-warning-hover); color: var(--txt-white); border-color: var(--action-warning-hover); }
.btn-warning:focus, 
.btn-warning.focus, 
.btn-warning:active, 
.btn-warning.active { background-color: var(--action-warning-default); color:#FFFFFF; border-color: var(--border-warning); outline: 2px solid var(--border-warning) !important; outline-offset: 2px !important; }
.btn-warning:disabled, 
.btn-warning.disabled,
.btn-warning.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-warning-o { background: #FFFFFF; color: var(--txt-warning); border-color: var(--border-warning); }
.btn-warning-o:hover, 
.btn-warning-o.hover { background-color: var(--action-warning-default); color: var(--txt-white); border-color: var(--border-warning); }
.btn-warning-o:focus, 
.btn-warning-o:focus, 
.btn-warning-o:active, 
.btn-warning-o.active { background-color: var(--action-warning-default); color: var(--txt-white); border-color: var(--border-warning); outline: 2px solid var(--border-warning) !important; outline-offset: 2px !important; }
.btn-warning-o:disabled, 
.btn-warning-o.disabled,
.btn-warning-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }


/* Btn - Color */
.btn-white-blue { background-color: var(--bg-white); color: var(--txt-primary); border-color: var(--border-white); }
.btn-white-blue:hover, 
.btn-white-blue.hover { background-color: var(--bg-primary); color: var(--txt-white); border-color: var(--border-primary); }
.btn-white-blue:focus, 
.btn-white-blue.focus, 
.btn-white-blue:active, 
.btn-white-blue.active { background-color:var(--bg-white); color:var(--txt-primary); border-color:var(--border-white); outline: 2px solid var(--border-primary) !important; outline-offset: 2px !important; }
.btn-white-blue:disabled, 
.btn-white-blue.disabled,
.btn-white-blue.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-branding { background-color: var(--bg-white); color: var(--decor-branding); border-color: var(--border-white); }
.btn-white-branding:hover, 
.btn-white-branding.hover { background-color: var(--decor-branding); color: var(--txt-white); border-color: var(--decor-branding); }
.btn-white-branding:focus, 
.btn-white-branding.focus, 
.btn-white-branding:active, 
.btn-white-branding.active { background-color:var(--bg-white); color:var(--decor-branding); border-color:var(--border-white); outline: 2px solid var(--decor-branding) !important; outline-offset: 2px !important; }
.btn-white-branding:disabled, 
.btn-white-branding.disabled,
.btn-white-branding.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-indigo { background-color: var(--bg-white); color: var(--decor-indigo); border-color: var(--border-white); }
.btn-white-indigo:hover, 
.btn-white-indigo.hover { background-color: var(--decor-indigo); color: var(--txt-white); border-color: var(--decor-indigo); }
.btn-white-indigo:focus, 
.btn-white-indigo.focus, 
.btn-white-indigo:active, 
.btn-white-indigo.active { background-color:var(--bg-white); color:var(--decor-indigo); border-color:var(--border-white); outline: 2px solid var(--decor-indigo) !important; outline-offset: 2px !important; }
.btn-white-indigo:disabled, 
.btn-white-indigo.disabled,
.btn-white-indigo.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-yellow { background-color: var(--bg-white); color: var(--decor-yellow); border-color: var(--border-white); }
.btn-white-yellow:hover, 
.btn-white-yellow.hover { background-color: var(--decor-yellow); color: var(--txt-white); border-color: var(--decor-yellow); }
.btn-white-yellow:focus, 
.btn-white-yellow.focus, 
.btn-white-yellow:active, 
.btn-white-yellow.active { background-color:var(--bg-white); color:var(--decor-yellow); border-color:var(--border-white); outline: 2px solid var(--decor-yellow) !important; outline-offset: 2px !important; }
.btn-white-yellow:disabled, 
.btn-white-yellow.disabled,
.btn-white-yellow.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-orange { background-color: var(--bg-white); color: var(--decor-orange); border-color: var(--border-white); }
.btn-white-orange:hover, 
.btn-white-orange.hover { background-color: var(--decor-orange); color: var(--txt-white); border-color: var(--decor-orange); }
.btn-white-orange:focus, 
.btn-white-orange.focus, 
.btn-white-orange:active, 
.btn-white-orange.active { background-color:var(--bg-white); color:var(--decor-orange); border-color:var(--border-white); outline: 2px solid var(--decor-orange) !important; outline-offset: 2px !important; }
.btn-white-orange:disabled, 
.btn-white-orange.disabled,
.btn-white-orange.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-purple { background-color: var(--bg-white); color: var(--decor-purple); border-color: var(--border-white); }
.btn-white-purple:hover, 
.btn-white-purple.hover { background-color: var(--decor-purple); color: var(--txt-white); border-color: var(--decor-purple); }
.btn-white-purple:focus, 
.btn-white-purple.focus, 
.btn-white-purple:active, 
.btn-white-purple.active { background-color:var(--bg-white); color:var(--decor-purple); border-color:var(--border-white); outline: 2px solid var(--decor-purple) !important; outline-offset: 2px !important; }
.btn-white-purple:disabled, 
.btn-white-purple.disabled,
.btn-white-purple.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-magenta { background-color: var(--bg-white); color: var(--decor-magenta); border-color: var(--border-white); }
.btn-white-magenta:hover, 
.btn-white-magenta.hover { background-color: var(--decor-magenta); color: var(--txt-white); border-color: var(--decor-magenta); }
.btn-white-magenta:focus, 
.btn-white-magenta.focus, 
.btn-white-magenta:active, 
.btn-white-magenta.active { background-color:var(--bg-white); color:var(--decor-magenta); border-color:var(--border-white); outline: 2px solid var(--decor-magenta) !important; outline-offset: 2px !important; }
.btn-white-magenta:disabled, 
.btn-white-magenta.disabled,
.btn-white-magenta.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-tomato { background-color: var(--bg-white); color: var(--decor-tomato); border-color: var(--border-white); }
.btn-white-tomato:hover, 
.btn-white-tomato.hover { background-color: var(--decor-tomato); color: var(--txt-white); border-color: var(--decor-tomato); }
.btn-white-tomato:focus, 
.btn-white-tomato.focus, 
.btn-white-tomato:active, 
.btn-white-tomato.active { background-color:var(--bg-white); color:var(--decor-tomato); border-color:var(--border-white); outline: 2px solid var(--decor-tomato) !important; outline-offset: 2px !important; }
.btn-white-tomato:disabled, 
.btn-white-tomato.disabled,
.btn-white-tomato.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-green { background-color: var(--bg-white); color: var(--decor-green); border-color: var(--border-white); }
.btn-white-green:hover, 
.btn-white-green.hover { background-color: var(--decor-green); color: var(--txt-white); border-color: var(--decor-green); }
.btn-white-green:focus, 
.btn-white-green.focus, 
.btn-white-green:active, 
.btn-white-green.active { background-color:var(--bg-white); color:var(--decor-green); border-color:var(--border-white); outline: 2px solid var(--decor-green) !important; outline-offset: 2px !important; }
.btn-white-green:disabled, 
.btn-white-green.disabled,
.btn-white-green.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-black { background-color: var(--bg-black); color: var(--txt-white); border-color: var(--border-black); }
.btn-black:hover, 
.btn-black.hover { background-color: var(--bg-black); color: var(--txt-white); border-color: var(--border-black); }
.btn-black:focus, 
.btn-black.focus, 
.btn-black:active, 
.btn-black.active { background-color: var(--bg-black); color: var(--txt-white); border-color: var(--border-black); outline: 2px solid var(--border-black) !important; outline-offset: 2px !important; }
.btn-black:disabled, 
.btn-black.disabled,
.btn-black.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-black-o { background-color: var(--bg-white); color: var(--txt-black); border-color: var(--border-black); }
.btn-black-o:hover, 
.btn-black-o.hover { background-color: var(--bg-black); color: var(--txt-white); border-color: var(--border-black); }
.btn-black-o:focus, 
.btn-black-o.focus, 
.btn-black-o:active, 
.btn-black-o.active { background-color: var(--bg-white); color: var(--txt-black); border-color: var(--border-black); outline: 2px solid var(--border-black) !important; outline-offset: 2px !important; }
.btn-black-o:disabled, 
.btn-black-o.disabled,
.btn-black-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-white { background-color: var(--bg-white); color: var(--txt-black); border-color: var(--border-white); }
.btn-white:hover, 
.btn-white.hover { background-color: var(--bg-white); color: var(--txt-black); border-color: var(--border-white); }
.btn-white:focus, 
.btn-white.focus, 
.btn-white:active, 
.btn-white.active { background-color: var(--bg-white); color: var(--txt-black); border-color: var(--border-white); outline: 2px solid var(--border-white) !important; outline-offset: 2px !important; }
.btn-white:disabled, 
.btn-white.disabled,
.btn-white.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-white-o { background-color: transparent; color: var(--txt-white); border-color: var(--border-white); }
.btn-white-o:hover, 
.btn-white-o.hover { background-color: var(--bg-white); color: var(--txt-black); border-color: var(--border-white); }
.btn-white-o:focus, 
.btn-white-o.focus, 
.btn-white-o:active, 
.btn-white-o.active { background-color: transparent; color: var(--txt-white); border-color: var(--border-white); outline: 2px solid var(--border-white) !important; outline-offset: 2px !important; }
.btn-white-o:disabled, 
.btn-white-o.disabled,
.btn-white-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-blue { background-color: var(--bg-primary); color: var(--txt-white); border-color: var(--border-primary); }
.btn-blue:hover, 
.btn-blue.hover { background-color: #09A1E0; color: var(--txt-white); border-color: #09A1E0; }
.btn-blue:focus, 
.btn-blue.focus, 
.btn-blue:active, 
.btn-blue.active { background-color: var(--bg-primary); color: var(--txt-white); border-color: var(--border-primary); outline: 2px solid var(--border-primary) !important; outline-offset: 2px !important; }
.btn-blue:disabled, 
.btn-blue.disabled,
.btn-blue.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-blue-o { background-color: var(--bg-white); color: var(--txt-primary); border-color: var(--border-primary); }
.btn-blue-o:hover, 
.btn-blue-o.hover { background-color: var(--bg-primary); color: var(--txt-white); border-color: var(--border-primary); }
.btn-blue-o:focus, 
.btn-blue-o.focus, 
.btn-blue-o:active, 
.btn-blue-o.active { background-color:var(--bg-white); color:var(--txt-primary); border-color:var(--border-primary); outline: 2px solid var(--border-primary) !important; outline-offset: 2px !important; }
.btn-blue-o:disabled, 
.btn-blue-o.disabled,
.btn-blue-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-branding { background-color: var(--decor-branding); color: var(--txt-white); border-color: var(--decor-branding); }
.btn-branding:hover, 
.btn-branding.hover { background-color: var(--decor-branding); color: var(--txt-white); border-color: var(--decor-branding); }
.btn-branding:focus, 
.btn-branding.focus, 
.btn-branding:active, 
.btn-branding.active { background-color: var(--decor-branding); color: var(--txt-white); border-color: var(--decor-branding); outline: 2px solid var(--decor-branding) !important; outline-offset: 2px !important; }
.btn-branding:disabled, 
.btn-branding.disabled,
.btn-branding.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-branding-o { background-color: var(--bg-white); color: var(--decor-branding); border-color: var(--decor-branding); }
.btn-branding-o:hover, 
.btn-branding-o.hover { background-color: var(--decor-branding); color: var(--txt-white); border-color: var(--decor-branding); }
.btn-branding-o:focus, 
.btn-branding-o.focus, 
.btn-branding-o:active, 
.btn-branding-o.active { background-color:var(--bg-white); color: var(--decor-branding); border-color:var(--decor-branding); outline: 2px solid var(--decor-branding) !important; outline-offset: 2px !important; }
.btn-branding-o:disabled, 
.btn-branding-o.disabled,
.btn-branding-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-indigo { background-color: var(--decor-indigo); color: var(--txt-white); border-color: var(--decor-indigo); }
.btn-indigo:hover, 
.btn-indigo.hover { background-color: var(--decor-indigo); color: var(--txt-white); border-color: var(--decor-indigo); }
.btn-indigo:focus, 
.btn-indigo.focus, 
.btn-indigo:active, 
.btn-indigo.active { background-color: var(--decor-indigo); color: var(--txt-white); border-color: var(--decor-indigo); outline: 2px solid var(--decor-indigo) !important; outline-offset: 2px !important; }
.btn-indigo:disabled, 
.btn-indigo.disabled,
.btn-indigo.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-indigo-o { background-color: var(--bg-white); color: var(--decor-indigo); border-color: var(--decor-indigo); }
.btn-indigo-o:hover, 
.btn-indigo-o.hover { background-color: var(--decor-indigo); color: var(--txt-white); border-color: var(--decor-indigo); }
.btn-indigo-o:focus, 
.btn-indigo-o.focus, 
.btn-indigo-o:active, 
.btn-indigo-o.active { background-color:var(--bg-white); color: var(--decor-indigo); border-color:var(--decor-indigo); outline: 2px solid var(--decor-indigo) !important; outline-offset: 2px !important; }
.btn-indigo-o:disabled, 
.btn-indigo-o.disabled,
.btn-indigo-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-yellow { background-color: var(--decor-yellow); color: var(--txt-white); border-color: var(--decor-yellow); }
.btn-yellow:hover, 
.btn-yellow.hover { background-color: var(--decor-yellow); color: var(--txt-white); border-color: var(--decor-yellow); }
.btn-yellow:focus, 
.btn-yellow.focus, 
.btn-yellow:active, 
.btn-yellow.active { background-color: var(--decor-yellow); color: var(--txt-white); border-color: var(--decor-yellow); outline: 2px solid var(--decor-yellow) !important; outline-offset: 2px !important; }
.btn-yellow:disabled, 
.btn-yellow.disabled,
.btn-yellow.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-yellow-o { background-color: var(--bg-white); color: var(--decor-yellow); border-color: var(--decor-yellow); }
.btn-yellow-o:hover, 
.btn-yellow-o.hover { background-color: var(--decor-yellow); color: var(--txt-white); border-color: var(--decor-yellow); }
.btn-yellow-o:focus, 
.btn-yellow-o.focus, 
.btn-yellow-o:active, 
.btn-yellow-o.active { background-color:var(--bg-white); color: var(--decor-yellow); border-color:var(--decor-yellow); outline: 2px solid var(--decor-yellow) !important; outline-offset: 2px !important; }
.btn-yellow-o:disabled, 
.btn-yellow-o.disabled,
.btn-yellow-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-orange { background-color: var(--decor-orange); color: var(--txt-white); border-color: var(--decor-orange); }
.btn-orange:hover, 
.btn-orange.hover { background-color: var(--decor-orange); color: var(--txt-white); border-color: var(--decor-orange); }
.btn-orange:focus, 
.btn-orange.focus, 
.btn-orange:active, 
.btn-orange.active { background-color: var(--decor-orange); color: var(--txt-white); border-color: var(--decor-orange); outline: 2px solid var(--decor-orange) !important; outline-offset: 2px !important; }
.btn-orange:disabled, 
.btn-orange.disabled,
.btn-orange.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-orange-o { background-color: var(--bg-white); color: var(--decor-orange); border-color: var(--decor-orange); }
.btn-orange-o:hover, 
.btn-orange-o.hover { background-color: var(--decor-orange); color: var(--txt-white); border-color: var(--decor-orange); }
.btn-orange-o:focus, 
.btn-orange-o.focus, 
.btn-orange-o:active, 
.btn-orange-o.active { background-color:var(--bg-white); color: var(--decor-orange); border-color:var(--decor-orange); outline: 2px solid var(--decor-orange) !important; outline-offset: 2px !important; }
.btn-orange-o:disabled, 
.btn-orange-o.disabled,
.btn-orange-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-purple { background-color: var(--decor-purple); color: var(--txt-white); border-color: var(--decor-purple); }
.btn-purple:hover, 
.btn-purple.hover { background-color: var(--decor-purple); color: var(--txt-white); border-color: var(--decor-purple); }
.btn-purple:focus, 
.btn-purple.focus, 
.btn-purple:active, 
.btn-purple.active { background-color: var(--decor-purple); color: var(--txt-white); border-color: var(--decor-purple); outline: 2px solid var(--decor-purple) !important; outline-offset: 2px !important; }
.btn-purple:disabled, 
.btn-purple.disabled,
.btn-purple.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-purple-o { background-color: var(--bg-white); color: var(--decor-purple); border-color: var(--decor-purple); }
.btn-purple-o:hover, 
.btn-purple-o.hover { background-color: var(--decor-purple); color: var(--txt-white); border-color: var(--decor-purple); }
.btn-purple-o:focus, 
.btn-purple-o.focus, 
.btn-purple-o:active, 
.btn-purple-o.active { background-color:var(--bg-white); color: var(--decor-purple); border-color:var(--decor-purple); outline: 2px solid var(--decor-purple) !important; outline-offset: 2px !important; }
.btn-purple-o:disabled, 
.btn-purple-o.disabled,
.btn-purple-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-magenta { background-color: var(--decor-magenta); color: var(--txt-white); border-color: var(--decor-magenta); }
.btn-magenta:hover, 
.btn-magenta.hover { background-color: var(--decor-magenta); color: var(--txt-white); border-color: var(--decor-magenta); }
.btn-magenta:focus, 
.btn-magenta.focus, 
.btn-magenta:active, 
.btn-magenta.active { background-color: var(--decor-magenta); color: var(--txt-white); border-color: var(--decor-magenta); outline: 2px solid var(--decor-magenta) !important; outline-offset: 2px !important; }
.btn-magenta:disabled, 
.btn-magenta.disabled,
.btn-magenta.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-magenta-o { background-color: var(--bg-white); color: var(--decor-magenta); border-color: var(--decor-magenta); }
.btn-magenta-o:hover, 
.btn-magenta-o.hover { background-color: var(--decor-magenta); color: var(--txt-white); border-color: var(--decor-magenta); }
.btn-magenta-o:focus, 
.btn-magenta-o.focus, 
.btn-magenta-o:active, 
.btn-magenta-o.active { background-color:var(--bg-white); color: var(--decor-magenta); border-color:var(--decor-magenta); outline: 2px solid var(--decor-magenta) !important; outline-offset: 2px !important; }
.btn-magenta-o:disabled, 
.btn-magenta-o.disabled,
.btn-magenta-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-tomato { background-color: var(--decor-tomato); color: var(--txt-white); border-color: var(--decor-tomato); }
.btn-tomato:hover, 
.btn-tomato.hover { background-color: var(--decor-tomato); color: var(--txt-white); border-color: var(--decor-tomato); }
.btn-tomato:focus, 
.btn-tomato.focus, 
.btn-tomato:active, 
.btn-tomato.active { background-color: var(--decor-tomato); color: var(--txt-white); border-color: var(--decor-tomato); outline: 2px solid var(--decor-tomato) !important; outline-offset: 2px !important; }
.btn-tomato:disabled, 
.btn-tomato.disabled,
.btn-tomato.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-tomato-o { background-color: var(--bg-white); color: var(--decor-tomato); border-color: var(--decor-tomato); }
.btn-tomato-o:hover, 
.btn-tomato-o.hover { background-color: var(--decor-tomato); color: var(--txt-white); border-color: var(--decor-tomato); }
.btn-tomato-o:focus, 
.btn-tomato-o.focus, 
.btn-tomato-o:active, 
.btn-tomato-o.active { background-color:var(--bg-white); color: var(--decor-tomato); border-color:var(--decor-tomato); outline: 2px solid var(--decor-tomato) !important; outline-offset: 2px !important; }
.btn-tomato-o:disabled, 
.btn-tomato-o.disabled,
.btn-tomato-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

.btn-green { background-color: var(--decor-green); color: var(--txt-white); border-color: var(--decor-green); }
.btn-green:hover, 
.btn-green.hover { background-color: var(--decor-green); color: var(--txt-white); border-color: var(--decor-green); }
.btn-green:focus, 
.btn-green.focus, 
.btn-green:active, 
.btn-green.active { background-color: var(--decor-green); color: var(--txt-white); border-color: var(--decor-green); outline: 2px solid var(--decor-green) !important; outline-offset: 2px !important; }
.btn-green:disabled, 
.btn-green.disabled,
.btn-green.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--action-disable); }

.btn-green-o { background-color: var(--bg-white); color: var(--decor-green); border-color: var(--decor-green); }
.btn-green-o:hover, 
.btn-green-o.hover { background-color: var(--decor-green); color: var(--txt-white); border-color: var(--decor-green); }
.btn-green-o:focus, 
.btn-green-o.focus, 
.btn-green-o:active, 
.btn-green-o.active { background-color:var(--bg-white); color: var(--decor-green); border-color:var(--decor-green); outline: 2px solid var(--decor-green) !important; outline-offset: 2px !important; }
.btn-green-o:disabled, 
.btn-green-o.disabled,
.btn-green-o.disable { background: var(--action-disable); color: var(--txt-disable); border-color: var(--txt-disable); }

/* Btn - Social */
.btn-facebook { background: #FFFFFF; border: 1px solid #DADCE0; border-radius: 4px; }
.btn-facebook:hover, 
.btn-facebook:focus, 
.btn-facebook:active { border: 1px solid #D2E3FC; background-color: #4285f40a; }

.btn-google { background: #FFFFFF; border: 1px solid #DADCE0; border-radius: 4px; }
.btn-google:hover, 
.btn-google:focus, 
.btn-google:active { border: 1px solid #D2E3FC; background-color: #4285f40a; }

.btn-paypal { background-color: #FFC43A; color: #373E44; }
.btn-paypal:hover, 
.btn-paypal:focus, 
.btn-paypal:focus { background-color: #FFB506; color: #373E44; }

.btn-line { background-color: #06C755; color: #FFFFFF; }
.btn-line:hover, 
.btn-line:focus, 
.btn-line:focus { background-color: #06C755; color: #FFFFFF; }




/* btn-tab */
@media (max-width: 991px) {
    .rowBtnTap {
        margin-left: -5px;
        margin-right: -5px;
    }
    .colBtnTap {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.btn-tab {
    display: block;
    padding: 5px 0;
    font-size: var(--txt-body-m-fs);
    line-height: 1;
    text-align: center;
    cursor: pointer;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
    white-space: nowrap;
    background-color: transparent;
    border-bottom: 2px solid #d4dde4;
}
.btn-tab i {
    font-size: 14px;
}
.btn-tab+.btn-tab {
    margin-left: 15px;
}
.btn-tab.active,
.btn-tab:active,
.btn-tab:focus {
    top: 0;
}
@media (max-width: 767px) {
    .btn-tab {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 767px) {
    .btn-tab {
        font-size: var(--txt-body-s-fs);
    }
}
.btn-tab-blue.active,
.btn-tab-blue:active,
.btn-tab-blue:focus {
    background-color: transparent;
    color: #28bee3;
    border-bottom: 2px solid #28bee3;
}


/* Form */
.form-control {
    padding: var(--inp-py) var(--inp-px);
    font-family: var(--inp-ff);
    font-size: var(--inp-fs);
    line-height: var(--inp-h);
    height: var(--inp-h);
    background: var(--white);
    border: 1px solid var(--border-divider);
}
select.form-control {
    padding-top: 4px;
}
.input-group-addon {
    font-size: var(--txt-body-s-fs);
}
.input-group-btn .btn {
    position: relative;
    border-radius: 4px;
    height: 36px;
}
.form-control[type="password"] {}
.form-control::placeholder,
.form-control::-webkit-input-placeholder {
    font-family: 'Noboto', "open sans", arial, sans-serif;
    line-height: normal;
    vertical-align: middle;
    color: var(--txt-placeholder);
}
.form-control::-moz-placeholder {
    font-family: 'Noboto', "open sans", arial, sans-serif;
    line-height: normal;
    vertical-align: middle;
    color: var(--txt-placeholder);
}
.form-control:-moz-placeholder {
    font-family: 'Noboto', "open sans", arial, sans-serif;
    line-height: normal;
    vertical-align: middle;
    color: var(--txt-placeholder);
}
.form-control:-ms-input-placeholder {
    font-family: 'Noboto', "open sans", arial, sans-serif;
    line-height: normal;
    vertical-align: middle;
    color: var(--txt-placeholder);
}
.form-separate {
  background-color: #d9d9d9;
  position: relative;
  height: 1px;
  line-height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.form-separate > .form-separate-text {
  background-color: #fff;
  z-index: 2;
  padding-left: 10px;
  padding-right: 10px;
  transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
}
.formMaterial .form-control {
    font-size: var(--txt-body-m-fs);
    height: 38px;
    line-height: 36px;
    padding: 3px 12px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #d4dde4;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.formMaterial .form-control:focus {
    border-color: #28bee3;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.formMaterial select.form-control {
    padding-left: 4px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url('../images/fa-angle-down.jpg');
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: right center;
}
.formMaterial label {
    padding-top: 5px;
}
.form-group-creaditcard-number { position: relative; }
.form-group-creaditcard-number label { background-color: #fff; z-index: 1; }
.form-group-creaditcard-number .append {
    position: absolute;
    margin-right: var(--inp-px);
    height: 22px;
    width: 34px;
    overflow: hidden;
    top: 7px;
    right: 0px;
}
.form-group-creaditcard-number .append img { position: relative; width: 100%; top: 0px; }
.form-group-creaditcard-number .append img.visa { top: -32px; }
.form-group-creaditcard-number .append img.visa_electron { top: -64px; }
.form-group-creaditcard-number .append img.mastercard { top: -96px; }
.form-group-creaditcard-number .append img.maestro { top: -128px; }
.form-group-creaditcard-number .append img.discover { top: -160px; }
.form-group-creaditcard-number .append img.amex { top: -192px; }
.form-group-creaditcard-number .append img.jcb { top: -224px; }
.form-group-creaditcard-number .hint {
    position: absolute;
    margin-left: var(--inp-px);
    top: 8px;
    font-family: var(--inp-ff);
    font-size: var(--inp-fs);
    color: var(--txt-placeholder);
    pointer-events: none;
}
.form-group-creaditcard-number .hint .fill { opacity: 0; }
.form-group-creditecard-expire { position: relative; }
.form-group-creditecard-expire .hint {
    position: absolute;
    margin-left: var(--inp-px);
    top: 8px;
    font-family: var(--inp-ff);
    font-size: var(--inp-fs);
    color: var(--txt-placeholder);
    pointer-events: none;
}
.form-group-creditecard-expire .hint .fill { opacity: 0; }


/* Dropdown */
.dropdown-menu li>a {
    line-height: 30px
}
.dropdown-menu>li>a {
    color: #696969;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: var(--txt-primary) !important;
    background: none;
}
@media (min-width: 1024px) {
    .dropdown-menu-large .dropdown-header {
        padding: 3px 15px 3px 10px !important
    }
}
.dropdown.open a.dropdown-toggle {
    color: var(--txt-primary)
}
.dropdown i.fa-angle-down.pull-right {
    line-height: inherit;
    transition:  0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
.dropdown.open i.fa-angle-down.pull-right {
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
}
.dropdown-menu {
    font-size: var(--txt-body-m-fs);
}
.dropdown-menu-large {
    padding: 20px 0
}
@media (max-width: 1023px) {
    .dropdown-menu-large {
        padding: 0
    }
}
.dropdown-menu-large>li>ul {
    padding: 0;
    margin: 0
}
.dropdown-menu-large>li>ul>li {
    list-style: none
}
.dropdown-menu-large>li>ul>li>a {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: normal
}
.dropdown-menu-large>li ul>li>a:hover, 
.dropdown-menu-large>li ul>li>a:focus {
    text-decoration: none;
    color: #20bce2
}
.dropdown-menu-large .disabled>a, .dropdown-menu-large .disabled>a:hover, .dropdown-menu-large .disabled>a:focus {
    color: #999
}
.dropdown-menu-large .disabled>a:hover, .dropdown-menu-large .disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}
.dropdown-menu-large .dropdown-header {
    color: #0F64B7;
    font-size: 16px
}
@media (max-width: 768px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0
    }
    .dropdown-menu-large>li {
        border-top: 1px solid #E0E0E0
    }
    .dropdown-menu-large>li:last-child {
        margin-bottom: 0
    }
    .dropdown-menu-large .dropdown-header{}
    .dropdown-menu-large>li>ul>li>a {
        padding: 10px 10px;
    }
}
.btn-group.open .dropdown-toggle {
    box-shadow: none;
    color: #333
}


/* Top */
.navbar-nav .open .dropdown-menu {
    background-color: #FFF;
    right: auto
}


/* Footer */


/* Modal */
.modal-dialog {
    width: 480px !important;
    max-width: 100%;
    position: absolute !important;
    top: 0;
    left: 50%
}
.modal .modal-dialog {
    transform: translate3d(-50%, 20px, 0) !important;
    -webkit-transform: translate3d(-50%, 20px, 0) !important;
    -moz-transform: translate3d(-50%, 20px, 0) !important;
    -ms-transform: translate3d(-50%, 20px, 0) !important;
    opacity: 0
}
.modal.fade .modal-dialog {
    opacity: .5
}
.modal.in .modal-dialog {
    opacity: 1
}
.modal-content {
    border: none;
    border-radius: 0;
    padding: 15px 15px;
}
.modal-header {
    padding: 15px;
}
.modal-body {
    padding: 15px;
}
@media (max-width: 767px) {
    .modal-dialog {
        width: 350px !important;
    }
}
@media (max-width: 480px) {
    .modal-dialog {
        margin: 0
    }
}


/* Panel */
.panel-title {
    font-size: 18px;
}


/* Table */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    line-height: 1.2;
}


/* Pagination */
/* .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
} */
.pagination>li>a,
.pagination>li>span {
    float: left;
    position: relative;
    padding: 7px 14px;
    margin-left: -1px;
    font-size: 14px;
    line-height: 20px;
    color: var(--txt-subdued2);
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid var(--border-divider);
}
.pagination>li>a:not(.prev):not(.next),
.pagination>li>span:not(.prev):not(.next) {
    font-family: "Noboto";
}
.page-first:has(~ .pagination),
.pagination ~ .page-last {
    font-family: "Noboto";
    font-size: 14px;
    line-height: 20px;
    color: var(--txt-subdued2);
    padding: 7px 14px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
}
/* .pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
} */
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: var(--txt-header);
    background-color: var(--grey-50);
    border-color: var(--border-divider);
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: var(--white);
    background: var(--action-gradient-primary);
    border-color: var(--border-divider);
    cursor: default
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: var(--txt-placeholder);
    background: var(--white);
    border-color: var(--border-divider);
    cursor: not-allowed;
}
/* Pagination - Size */
.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 11px 18px;
    font-size: 18px;
    line-height: 24px;
}
.page-first:has(~ .pagination-lg),
.pagination-lg ~ .page-last {
    padding: 11px 18px;
    font-size: 18px;
    line-height: 24px;
}
/* 
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
} */
.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 16px;
}
.page-first:has(~ .pagination-sm),
.pagination-sm ~ .page-last {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 16px;
}
/*
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
} */



/* Addition */
.tooltip-inner {
    min-width: 200px
}
.back-to-top {
    background: #20bce2 none repeat scroll 0 0;
    bottom: 110px;
    color: #fff;
    font-size: 40px;
    height: 50px;
    line-height: 40px;
    margin: 0;
    opacity: .7;
    padding: 3px;
    position: fixed;
    right: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 50px;
    z-index: 100;
    border-radius: 10px
}
.divLineMe {
    background-color: #01c402;
    background-image: url('../images/line.svg');
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 5;
    font-weight: 700;
    color: #FFF;
    padding-left: 50px;
    line-height: 50px
}
#divViewportLoading {
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -webkit-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    opacity: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    /* background: transparent; */
    background: #ffffff;
    z-index: -1
}
#divViewportLoading.active {
    opacity: 1;
    z-index: 9999
}
.section-body {
    opacity: 1;
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -webkit-transition: all .5s ease 0;
    -o-transition: all .5s ease 0
}
.section-body.loading {
    opacity: 0
}
#Certificate-banners {
    display: inline-block
}


/* Select Item */
.select-item .item {
    padding: 8px 24px;
    font-family: var(--txt-body-l-ff);
    font-size: var(--txt-body-l-fs);
    text-align: center;
    color: var(--txt-header);
    background-color: var(--white);
    border: 1px solid var(--border-divider);
    border-radius: 8px;
    cursor: pointer;
}
.select-item .item:hover {
    border: 1px solid var(--border-secondary);
    box-shadow: 0px 0px 0px 0px rgba(40, 190, 227, 0.25), inset 0px 0px 0px 1px var(--border-secondary);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(40, 190, 227, 0.25), inset 0px 0px 0px 1px var(--border-secondary);
}
.select-item .item.active {
    border: 1px solid var(--border-secondary);
    box-shadow: 0px 0px 0px 3px rgba(40, 190, 227, 0.25), inset 0px 0px 0px 1px var(--border-secondary);
    -webkit-box-shadow: 0px 0px 0px 3px rgba(40, 190, 227, 0.25), inset 0px 0px 0px 1px var(--border-secondary);
}







/* Will Delete - Air */
.btn-blue2 { background-color: #2a9ae0; color:#fff; border-color: #2a9ae0; }
.btn-blue2:hover, 
.btn-blue2:focus, 
.btn-blue2:focus { color:#fff; border-color: #2a9ae0; }

.btn-yellow2 { background-color: #ffb52a; color: #fff; border-color: #ffb52a; }
.btn-yellow2:hover, 
.btn-yellow2:focus, 
.btn-yellow2:focus { color:#fff; border-color: #ffb52a; }

.btn082016_Orange {
    background-color:#ff7c3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    text-decoration:none;
}
.btn082016_Orange:hover, .btn082016_Orange:focus, .btn082016_Orange:active {
    color: #FFF;
    background-color: #E05D1B;
}
.btn082016_Orange:active {
    position:relative;
    top:1px;
}

.btn082016_Deepblue {
    background-color:#3B5998;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    text-decoration:none;
}
.btn082016_Deepblue:hover, .btn082016_Deepblue:focus, .btn082016_Deepblue:active {
    color: #FFF;
    background-color: #1C3A79;
}
.btn082016_Deepblue:active {
    position:relative;
    top:1px;
}

.btn082016_Blue {
    background-color:#03B5E3;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    text-decoration:none;
}
.btn082016_Blue:hover, .btn082016_Blue:focus, .btn082016_Blue:focus {
    color: #FFF;
    background-color:#09A1E0;
}
.btn082016_Blue:active {
    position:relative;
    top:1px;
}

.btn-skyblue {
    color: #FFF;
    width: auto;
    padding: 5px 20px;
    background: #28bde2;
    border: 1px solid #16a1c3
}
.btn-skyblue:hover, .btn-skyblue:focus, .btn-skyblue:active {
    background: #21abcd;
    color: #FFF
}

.btn-darkblue {
    color: #FFF;
    padding: 5px 20px;
    background: -webkit-linear-gradient(#3C5A99, #4D69A2);
    background: -o-linear-gradient(#3C5A99, #4D69A2);
    background: -moz-linear-gradient(#3C5A99, #4D69A2);
    background: linear-gradient(#3C5A99, #4D69A2)
}
.btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active {
    color: #FFF;
    background: -webkit-linear-gradient(#4D69A2, #3C5A99);
    background: -o-linear-gradient(#4D69A2, #3C5A99);
    background: -moz-linear-gradient(#4D69A2, #3C5A99);
    background: linear-gradient(#4D69A2, #3C5A99)
}

.btnFacebook { background-color:#3B5998; color:#fff; }
.btnFacebook:hover, 
.btnFacebook:focus, 
.btnFacebook:active { background-color: #1C3A79; color: #fff; }


/* Bootstrap 4.0 */
.boostrap4 .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.boostrap4 .col,
.boostrap4 [class*="col-"] {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.boostrap4 .col { flex: 1 0 0%;}
.boostrap4 .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.boostrap4 .col-1 { flex: 0 0 8.33%; max-width: 8.33%; }
.boostrap4 .col-2 { flex: 0 0 16.66%; max-width: 16.66%; }
.boostrap4 .col-3 { flex: 0 0 25%; max-width: 25%; }
.boostrap4 .col-4 { flex: 0 0 33.33%; max-width: 33.33%; }
.boostrap4 .col-5 { flex: 0 0 41.66%; max-width: 41.66%; }
.boostrap4 .col-6 { flex: 0 0 50%; max-width: 50%; }
.boostrap4 .col-7 { flex: 0 0 58.33%; max-width: 58.33%; }
.boostrap4 .col-8 { flex: 0 0 66.66%; max-width: 66.66%; }
.boostrap4 .col-9 { flex: 0 0 75%; max-width: 75%; }
.boostrap4 .col-10 { flex: 0 0 83.33%; max-width: 83.33%; }
.boostrap4 .col-11 { flex: 0 0 91.66%; max-width: 91.66%; }
.boostrap4 .col-12 { flex: 0 0 100%; max-width: 100%; }
.boostrap4 .offset-1 { margin-left: 8.33%; }
.boostrap4 .offset-2 { margin-left: 16.66%; }
.boostrap4 .offset-3 { margin-left: 25%; }
.boostrap4 .offset-4 { margin-left: 33.33%; }
.boostrap4 .offset-5 { margin-left: 41.66%; }
.boostrap4 .offset-6 { margin-left: 50%; }
.boostrap4 .offset-7 { margin-left: 58.33%; }
.boostrap4 .offset-8 { margin-left: 66.66%; }
.boostrap4 .offset-9 { margin-left: 75%; }
.boostrap4 .offset-10 { margin-left: 83.33%; }
.boostrap4 .offset-11 { margin-left: 91.66%; }
@media (min-width: 576px) {
    .boostrap4 .col-sm { flex: 1 0 0%; }
    .boostrap4 .col-sm-1 { flex: 0 0 8.33%; max-width: 8.33%; }
    .boostrap4 .col-sm-2 { flex: 0 0 16.66%; max-width: 16.66%; }
    .boostrap4 .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
    .boostrap4 .col-sm-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .boostrap4 .col-sm-5 { flex: 0 0 41.66%; max-width: 41.66%; }
    .boostrap4 .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    .boostrap4 .col-sm-7 { flex: 0 0 58.33%; max-width: 58.33%; }
    .boostrap4 .col-sm-8 { flex: 0 0 66.66%; max-width: 66.66%; }
    .boostrap4 .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
    .boostrap4 .col-sm-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .boostrap4 .col-sm-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .boostrap4 .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
    .boostrap4 .col-md { flex: 1 0 0%; }
    .boostrap4 .col-md-1 { flex: 0 0 8.33%; max-width: 8.33%; }
    .boostrap4 .col-md-2 { flex: 0 0 16.66%; max-width: 16.66%; }
    .boostrap4 .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .boostrap4 .col-md-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .boostrap4 .col-md-5 { flex: 0 0 41.66%; max-width: 41.66%; }
    .boostrap4 .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .boostrap4 .col-md-7 { flex: 0 0 58.33%; max-width: 58.33%; }
    .boostrap4 .col-md-8 { flex: 0 0 66.66%; max-width: 66.66%; }
    .boostrap4 .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .boostrap4 .col-md-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .boostrap4 .col-md-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .boostrap4 .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
    .boostrap4 .col-lg { flex: 1 0 0%; }
    .boostrap4 .col-lg-1 { flex: 0 0 8.33%; max-width: 8.33%; }
    .boostrap4 .col-lg-2 { flex: 0 0 16.66%; max-width: 16.66%; }
    .boostrap4 .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
    .boostrap4 .col-lg-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .boostrap4 .col-lg-5 { flex: 0 0 41.66%; max-width: 41.66%; }
    .boostrap4 .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .boostrap4 .col-lg-7 { flex: 0 0 58.33%; max-width: 58.33%; }
    .boostrap4 .col-lg-8 { flex: 0 0 66.66%; max-width: 66.66%; }
    .boostrap4 .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
    .boostrap4 .col-lg-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .boostrap4 .col-lg-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .boostrap4 .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
    .boostrap4 .col-xl { flex: 1 0 0%; }
    .boostrap4 .col-xl-1 { flex: 0 0 8.33%; max-width: 8.33%; }
    .boostrap4 .col-xl-2 { flex: 0 0 16.66%; max-width: 16.66%; }
    .boostrap4 .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
    .boostrap4 .col-xl-4 { flex: 0 0 33.33%; max-width: 33.33%; }
    .boostrap4 .col-xl-5 { flex: 0 0 41.66%; max-width: 41.66%; }
    .boostrap4 .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
    .boostrap4 .col-xl-7 { flex: 0 0 58.33%; max-width: 58.33%; }
    .boostrap4 .col-xl-8 { flex: 0 0 66.66%; max-width: 66.66%; }
    .boostrap4 .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
    .boostrap4 .col-xl-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .boostrap4 .col-xl-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .boostrap4 .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
}