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

.border-right {
    border-right: 1px solid #dee2e6;
}

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

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

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.ui.input {
    position: relative;
    font-weight: normal;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(0, 0, 0, 0.87);
}

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

    .ui.input > input {
        margin: 0em;
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        text-align: left;
        line-height: 1.21428571em;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        padding: 0.67857143em 1em;
        background: #FFFFFF;
        border: 1px solid rgba(34, 36, 38, 0.15);
        color: rgba(0, 0, 0, 0.87);
        border-radius: 0.28571429rem;
        -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: box-shadow 0.1s ease, border-color 0.1s ease;
        transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        /*--------------------
Placeholder
---------------------*/


        /* browsers require these rules separate */
        .ui.input > input::-webkit-input-placeholder {
            color: rgba(191, 191, 191, 0.87);
        }

        .ui.input > input::-moz-placeholder {
            color: rgba(191, 191, 191, 0.87);
        }

        .ui.input > input:-ms-input-placeholder {
            color: rgba(191, 191, 191, 0.87);
        }


    /*******************************
States
*******************************/


    /*--------------------
Disabled
---------------------*/

    .ui.disabled.input,
    .ui.input:not(.disabled) input[disabled] {
        opacity: 0.45;
    }

        .ui.disabled.input > input,
        .ui.input:not(.disabled) input[disabled] {
            pointer-events: none;
        }

    /*--------------------
Active
---------------------*/

    .ui.input > input:active,
    .ui.input.down input {
        border-color: rgba(0, 0, 0, 0.3);
        background: #FAFAFA;
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*--------------------
Loading
---------------------*/

.ui.loading.loading.input > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.loading.input > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------------
Focus
---------------------*/

.ui.input.focus > input,
.ui.input > input:focus {
    border-color: #85B7D9;
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ui.input.focus > input::-webkit-input-placeholder,
    .ui.input > input:focus::-webkit-input-placeholder {
        color: rgba(115, 115, 115, 0.87);
    }

    .ui.input.focus > input::-moz-placeholder,
    .ui.input > input:focus::-moz-placeholder {
        color: rgba(115, 115, 115, 0.87);
    }

    .ui.input.focus > input:-ms-input-placeholder,
    .ui.input > input:focus:-ms-input-placeholder {
        color: rgba(115, 115, 115, 0.87);
    }

/*--------------------
Error
---------------------*/

.ui.input.error > input {
    background-color: #FFF6F6;
    border-color: #E0B4B4;
    color: #9F3A38;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    /* Error Placeholder */
    .ui.input.error > input::-webkit-input-placeholder {
        color: #e7bdbc;
    }

    .ui.input.error > input::-moz-placeholder {
        color: #e7bdbc;
    }

    .ui.input.error > input:-ms-input-placeholder {
        color: #e7bdbc !important;
    }

    /* Focused Error Placeholder */
    .ui.input.error > input:focus::-webkit-input-placeholder {
        color: #da9796;
    }

    .ui.input.error > input:focus::-moz-placeholder {
        color: #da9796;
    }

    .ui.input.error > input:focus:-ms-input-placeholder {
        color: #da9796 !important;
    }


/*******************************
Variations
*******************************/


/*--------------------
Transparent
---------------------*/

.ui.transparent.input > input {
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 0em !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
    width: 1.1em;
}

.ui.transparent.icon.input > input {
    padding-left: 0em !important;
    padding-right: 2em !important;
}

.ui.transparent[class*="left icon"].input > input {
    padding-left: 2em !important;
    padding-right: 0em !important;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
    color: #FFFFFF;
}

    .ui.transparent.inverted.input > input {
        color: inherit;
    }

        .ui.transparent.inverted.input > input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        .ui.transparent.inverted.input > input::-moz-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

        .ui.transparent.inverted.input > input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
        }

/*--------------------
Icon
---------------------*/

.ui.icon.input > i.icon {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0px;
    right: 0px;
    margin: 0em;
    height: 100%;
    width: 2.67142857em;
    opacity: 0.5;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

    .ui.icon.input > i.icon:not(.link) {
        pointer-events: none;
    }

.ui.icon.input > input {
    padding-right: 2.67142857em !important;
}

.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -0.5em;
}

.ui.icon.input > i.link.icon {
    cursor: pointer;
}

.ui.icon.input > i.circular.icon {
    top: 0.35em;
    right: 0.5em;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
    right: auto;
    left: 1px;
    border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui[class*="left icon"].input > i.circular.icon {
    right: auto;
    left: 0.5em;
}

.ui[class*="left icon"].input > input {
    padding-left: 2.67142857em !important;
    padding-right: 1em !important;
}

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
    opacity: 1;
}

/*--------------------
Labeled
---------------------*/


/* Adjacent Label */
.ui.labeled.input > .label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    font-size: 1em;
}

    .ui.labeled.input > .label:not(.corner) {
        padding-top: 0.78571429em;
        padding-bottom: 0.78571429em;
    }

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

    .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left-color: transparent;
    }

        .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
            border-left-color: #85B7D9;
        }

/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: transparent !important;
}

    .ui[class*="right labeled"].input > input + .label {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .ui[class*="right labeled"].input > input:focus {
        border-right-color: #85B7D9 !important;
    }

/* Corner Label */
.ui.labeled.input .corner.label {
    top: 1px;
    right: 1px;
    font-size: 0.64285714em;
    border-radius: 0em 0.28571429rem 0em 0em;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
    padding-right: 2.5em !important;
}

.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
    padding-right: 3.25em !important;
}

.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
    margin-right: 1.25em;
}

/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input > input {
    padding-left: 2.5em !important;
}

.ui[class*="left corner labeled"].icon.input > input {
    padding-left: 3.25em !important;
}

.ui[class*="left corner labeled"].icon.input > .icon {
    margin-left: 1.25em;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
    top: 1px;
    right: 1px;
}

.ui.input > .ui.left.corner.label {
    right: auto;
    left: 1px;
}

/*--------------------
Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .ui.action.input > .button,
    .ui.action.input > .buttons > .button {
        padding-top: 0.78571429em;
        padding-bottom: 0.78571429em;
        margin: 0;
    }

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: transparent !important;
}

.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
    border-radius: 0px;
}

.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
    border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}

/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
    border-right-color: #85B7D9 !important;
}

/* Button on Left */
.ui[class*="left action"].input > input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left-color: transparent !important;
}

.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
    border-radius: 0px;
}

    .ui[class*="left action"].input > .dropdown:first-child,
    .ui[class*="left action"].input > .button:first-child,
    .ui[class*="left action"].input > .buttons:first-child > .button {
        border-radius: 0.28571429rem 0px 0px 0.28571429rem;
    }

/* Input Focus */
.ui[class*="left action"].input > input:focus {
    border-left-color: #85B7D9 !important;
}

/*--------------------
Inverted
---------------------*/


/* Standard */
.ui.inverted.input > input {
    border: none;
}

/*--------------------
Fluid
---------------------*/

.ui.fluid.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .ui.fluid.input > input {
        width: 0px !important;
    }

/*--------------------
Size
---------------------*/

.ui.mini.input {
    font-size: 0.78571429em;
}

.ui.small.input {
    font-size: 0.92857143em;
}

.ui.input {
    font-size: 1em;
}

.ui.large.input {
    font-size: 1.14285714em;
}

.ui.big.input {
    font-size: 1.28571429em;
}

.ui.huge.input {
    font-size: 1.42857143em;
}

.ui.massive.input {
    font-size: 1.71428571em;
}

/*!
* # Semantic UI 2.4.1 - Icon
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/


/*******************************
Icon
*******************************/

@font-face {
    font-family: 'Icons';
    src: url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/icons.eot");
    src: url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/icons.eot?#iefix") format('embedded-opentype'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/icons.woff2") format('woff2'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/icons.woff") format('woff'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/icons.ttf") format('truetype'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/icons.svg#icons") format('svg');
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none;
    font-display: swap;
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    i.icon:before {
        background: none !important;
    }


    /*******************************
Types
*******************************/


    /*--------------
Loading
---------------*/

    i.icon.loading {
        height: 1em;
        line-height: 1;
        -webkit-animation: icon-loading 2s linear infinite;
        animation: icon-loading 2s linear infinite;
    }

@-webkit-keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*******************************
States
*******************************/

i.icon.hover {
    opacity: 1 !important;
}

i.icon.active {
    opacity: 1 !important;
}

i.emphasized.icon {
    opacity: 1 !important;
}

i.disabled.icon {
    opacity: 0.45 !important;
}


/*******************************
Variations
*******************************/


/*-------------------
Fitted
--------------------*/

i.fitted.icon {
    width: auto;
    margin: 0em !important;
}

/*-------------------
Link
--------------------*/

i.link.icon,
i.link.icons {
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

    i.link.icon:hover,
    i.link.icons:hover {
        opacity: 1 !important;
    }

/*-------------------
Circular
--------------------*/

i.circular.icon {
    border-radius: 500em !important;
    line-height: 1 !important;
    padding: 0.5em 0em !important;
    -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    width: 2em !important;
    height: 2em !important;
}

i.circular.inverted.icon {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*-------------------
Flipped
--------------------*/

i.flipped.icon,
i.horizontally.flipped.icon {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

i.vertically.flipped.icon {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

/*-------------------
Rotated
--------------------*/

i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

i.left.rotated.icon,
i.counterclockwise.rotated.icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*-------------------
Bordered
--------------------*/

i.bordered.icon {
    line-height: 1;
    vertical-align: baseline;
    width: 2em;
    height: 2em;
    padding: 0.5em 0em !important;
    -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}

i.bordered.inverted.icon {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*-------------------
Inverted
--------------------*/


/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
    background-color: #1B1C1D !important;
    color: #FFFFFF !important;
}

i.inverted.icon {
    color: #FFFFFF;
}

/*-------------------
Colors
--------------------*/


/* Red */
i.red.icon {
    color: #DB2828 !important;
}

i.inverted.red.icon {
    color: #FF695E !important;
}

i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
    background-color: #DB2828 !important;
    color: #FFFFFF !important;
}

/* Orange */
i.orange.icon {
    color: #F2711C !important;
}

i.inverted.orange.icon {
    color: #FF851B !important;
}

i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
    background-color: #F2711C !important;
    color: #FFFFFF !important;
}

/* Yellow */
i.yellow.icon {
    color: #FBBD08 !important;
}

i.inverted.yellow.icon {
    color: #FFE21F !important;
}

i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
    background-color: #FBBD08 !important;
    color: #FFFFFF !important;
}

/* Olive */
i.olive.icon {
    color: #B5CC18 !important;
}

i.inverted.olive.icon {
    color: #D9E778 !important;
}

i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
    background-color: #B5CC18 !important;
    color: #FFFFFF !important;
}

/* Green */
i.green.icon {
    color: #21BA45 !important;
}

i.inverted.green.icon {
    color: #2ECC40 !important;
}

i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
    background-color: #21BA45 !important;
    color: #FFFFFF !important;
}

/* Teal */
i.teal.icon {
    color: #00B5AD !important;
}

i.inverted.teal.icon {
    color: #6DFFFF !important;
}

i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
    background-color: #00B5AD !important;
    color: #FFFFFF !important;
}

/* Blue */
i.blue.icon {
    color: #2185D0 !important;
}

i.inverted.blue.icon {
    color: #54C8FF !important;
}

i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
    background-color: #2185D0 !important;
    color: #FFFFFF !important;
}

/* Violet */
i.violet.icon {
    color: #6435C9 !important;
}

i.inverted.violet.icon {
    color: #A291FB !important;
}

i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
    background-color: #6435C9 !important;
    color: #FFFFFF !important;
}

/* Purple */
i.purple.icon {
    color: #A333C8 !important;
}

i.inverted.purple.icon {
    color: #DC73FF !important;
}

i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
    background-color: #A333C8 !important;
    color: #FFFFFF !important;
}

/* Pink */
i.pink.icon {
    color: #E03997 !important;
}

i.inverted.pink.icon {
    color: #FF8EDF !important;
}

i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
    background-color: #E03997 !important;
    color: #FFFFFF !important;
}

/* Brown */
i.brown.icon {
    color: #A5673F !important;
}

i.inverted.brown.icon {
    color: #D67C1C !important;
}

i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
    background-color: #A5673F !important;
    color: #FFFFFF !important;
}

/* Grey */
i.grey.icon {
    color: #767676 !important;
}

i.inverted.grey.icon {
    color: #DCDDDE !important;
}

i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
    background-color: #767676 !important;
    color: #FFFFFF !important;
}

/* Black */
i.black.icon {
    color: #1B1C1D !important;
}

i.inverted.black.icon {
    color: #545454 !important;
}

i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
    background-color: #1B1C1D !important;
    color: #FFFFFF !important;
}

/*-------------------
Sizes
--------------------*/

i.mini.icon,
i.mini.icons {
    line-height: 1;
    font-size: 0.4em;
}

i.tiny.icon,
i.tiny.icons {
    line-height: 1;
    font-size: 0.5em;
}

i.small.icon,
i.small.icons {
    line-height: 1;
    font-size: 0.75em;
}

i.icon,
i.icons {
    font-size: 1em;
}

i.large.icon,
i.large.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 1.5em;
}

i.big.icon,
i.big.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 2em;
}

i.huge.icon,
i.huge.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 4em;
}

i.massive.icon,
i.massive.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 8em;
}


/*******************************
Groups
*******************************/

i.icons {
    display: inline-block;
    position: relative;
    line-height: 1;
}

    i.icons .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        margin: 0em;
        margin: 0;
    }

        i.icons .icon:first-child {
            position: static;
            width: auto;
            height: auto;
            vertical-align: top;
            -webkit-transform: none;
            transform: none;
            margin-right: 0.25rem;
        }

    /* Corner Icon */
    i.icons .corner.icon {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        font-size: 0.45em;
        text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
    }

    i.icons .top.right.corner.icon {
        top: 0;
        left: auto;
        right: 0;
        bottom: auto;
    }

    i.icons .top.left.corner.icon {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
    }

    i.icons .bottom.left.corner.icon {
        top: auto;
        left: 0;
        right: auto;
        bottom: 0;
    }

    i.icons .bottom.right.corner.icon {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0;
    }

    i.icons .inverted.corner.icon {
        text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
    }

/*
* Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome
* License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
*/


/*******************************

Semantic-UI integration of font-awesome :

///class names are separated
i.icon.circle => i.icon.circle
i.icon.circle-o => i.icon.circle.outline

//abbreviation are replaced by full letters:
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
i.icon.ellipsis-v => i.icon.ellipsis.vertical
.alpha => .i.icon.alphabet
.asc => .i.icon.ascending
.desc => .i.icon.descending
.alt =>.alternate

ASCII order is conserved for easier maintenance.

Icons that only have one style 'outline', 'square' etc do not require this class
for instance `lemon icon` not `lemon outline icon` since there is only one lemon

*******************************/



/*******************************
Icons
*******************************/


/* Deprecated *In/Out Naming Conflict) */
i.icon.linkedin.in:before {
    content: "\f0e1";
}

i.icon.zoom.in:before {
    content: "\f00e";
}

i.icon.zoom.out:before {
    content: "\f010";
}

i.icon.sign.in:before {
    content: "\f2f6";
}

i.icon.in.cart:before {
    content: "\f218";
}

i.icon.log.out:before {
    content: "\f2f5";
}

i.icon.sign.out:before {
    content: "\f2f5";
}

/* Icons */
i.icon.\35 00px:before {
    content: "\f26e";
}

i.icon.accessible.icon:before {
    content: "\f368";
}

i.icon.accusoft:before {
    content: "\f369";
}

i.icon.address.book:before {
    content: "\f2b9";
}

i.icon.address.card:before {
    content: "\f2bb";
}

i.icon.adjust:before {
    content: "\f042";
}

i.icon.adn:before {
    content: "\f170";
}

i.icon.adversal:before {
    content: "\f36a";
}

i.icon.affiliatetheme:before {
    content: "\f36b";
}

i.icon.algolia:before {
    content: "\f36c";
}

i.icon.align.center:before {
    content: "\f037";
}

i.icon.align.justify:before {
    content: "\f039";
}

i.icon.align.left:before {
    content: "\f036";
}

i.icon.align.right:before {
    content: "\f038";
}

i.icon.amazon:before {
    content: "\f270";
}

i.icon.amazon.pay:before {
    content: "\f42c";
}

i.icon.ambulance:before {
    content: "\f0f9";
}

i.icon.american.sign.language.interpreting:before {
    content: "\f2a3";
}

i.icon.amilia:before {
    content: "\f36d";
}

i.icon.anchor:before {
    content: "\f13d";
}

i.icon.android:before {
    content: "\f17b";
}

i.icon.angellist:before {
    content: "\f209";
}

i.icon.angle.double.down:before {
    content: "\f103";
}

i.icon.angle.double.left:before {
    content: "\f100";
}

i.icon.angle.double.right:before {
    content: "\f101";
}

i.icon.angle.double.up:before {
    content: "\f102";
}

i.icon.angle.down:before {
    content: "\f107";
}

i.icon.angle.left:before {
    content: "\f104";
}

i.icon.angle.right:before {
    content: "\f105";
}

i.icon.angle.up:before {
    content: "\f106";
}

i.icon.angrycreative:before {
    content: "\f36e";
}

i.icon.angular:before {
    content: "\f420";
}

i.icon.app.store:before {
    content: "\f36f";
}

i.icon.app.store.ios:before {
    content: "\f370";
}

i.icon.apper:before {
    content: "\f371";
}

i.icon.apple:before {
    content: "\f179";
}

i.icon.apple.pay:before {
    content: "\f415";
}

i.icon.archive:before {
    content: "\f187";
}

i.icon.arrow.alternate.circle.down:before {
    content: "\f358";
}

i.icon.arrow.alternate.circle.left:before {
    content: "\f359";
}

i.icon.arrow.alternate.circle.right:before {
    content: "\f35a";
}

i.icon.arrow.alternate.circle.up:before {
    content: "\f35b";
}

i.icon.arrow.circle.down:before {
    content: "\f0ab";
}

i.icon.arrow.circle.left:before {
    content: "\f0a8";
}

i.icon.arrow.circle.right:before {
    content: "\f0a9";
}

i.icon.arrow.circle.up:before {
    content: "\f0aa";
}

i.icon.arrow.down:before {
    content: "\f063";
}

i.icon.arrow.left:before {
    content: "\f060";
}

i.icon.arrow.right:before {
    content: "\f061";
}

i.icon.arrow.up:before {
    content: "\f062";
}

i.icon.arrows.alternate:before {
    content: "\f0b2";
}

i.icon.arrows.alternate.horizontal:before {
    content: "\f337";
}

i.icon.arrows.alternate.vertical:before {
    content: "\f338";
}

i.icon.assistive.listening.systems:before {
    content: "\f2a2";
}

i.icon.asterisk:before {
    content: "\f069";
}

i.icon.asymmetrik:before {
    content: "\f372";
}

i.icon.at:before {
    content: "\f1fa";
}

i.icon.audible:before {
    content: "\f373";
}

i.icon.audio.description:before {
    content: "\f29e";
}

i.icon.autoprefixer:before {
    content: "\f41c";
}

i.icon.avianex:before {
    content: "\f374";
}

i.icon.aviato:before {
    content: "\f421";
}

i.icon.aws:before {
    content: "\f375";
}

i.icon.backward:before {
    content: "\f04a";
}

i.icon.balance.scale:before {
    content: "\f24e";
}

i.icon.ban:before {
    content: "\f05e";
}

i.icon.band.aid:before {
    content: "\f462";
}

i.icon.bandcamp:before {
    content: "\f2d5";
}

i.icon.barcode:before {
    content: "\f02a";
}

i.icon.bars:before {
    content: "\f0c9";
}

i.icon.baseball.ball:before {
    content: "\f433";
}

i.icon.basketball.ball:before {
    content: "\f434";
}

i.icon.bath:before {
    content: "\f2cd";
}

i.icon.battery.empty:before {
    content: "\f244";
}

i.icon.battery.full:before {
    content: "\f240";
}

i.icon.battery.half:before {
    content: "\f242";
}

i.icon.battery.quarter:before {
    content: "\f243";
}

i.icon.battery.three.quarters:before {
    content: "\f241";
}

i.icon.bed:before {
    content: "\f236";
}

i.icon.beer:before {
    content: "\f0fc";
}

i.icon.behance:before {
    content: "\f1b4";
}

i.icon.behance.square:before {
    content: "\f1b5";
}

i.icon.bell:before {
    content: "\f0f3";
}

i.icon.bell.slash:before {
    content: "\f1f6";
}

i.icon.bicycle:before {
    content: "\f206";
}

i.icon.bimobject:before {
    content: "\f378";
}

i.icon.binoculars:before {
    content: "\f1e5";
}

i.icon.birthday.cake:before {
    content: "\f1fd";
}

i.icon.bitbucket:before {
    content: "\f171";
}

i.icon.bitcoin:before {
    content: "\f379";
}

i.icon.bity:before {
    content: "\f37a";
}

i.icon.black.tie:before {
    content: "\f27e";
}

i.icon.blackberry:before {
    content: "\f37b";
}

i.icon.blind:before {
    content: "\f29d";
}

i.icon.blogger:before {
    content: "\f37c";
}

i.icon.blogger.b:before {
    content: "\f37d";
}

i.icon.bluetooth:before {
    content: "\f293";
}

i.icon.bluetooth.b:before {
    content: "\f294";
}

i.icon.bold:before {
    content: "\f032";
}

i.icon.bolt:before {
    content: "\f0e7";
}

i.icon.bomb:before {
    content: "\f1e2";
}

i.icon.book:before {
    content: "\f02d";
}

i.icon.bookmark:before {
    content: "\f02e";
}

i.icon.bowling.ball:before {
    content: "\f436";
}

i.icon.box:before {
    content: "\f466";
}

i.icon.boxes:before {
    content: "\f468";
}

i.icon.braille:before {
    content: "\f2a1";
}

i.icon.briefcase:before {
    content: "\f0b1";
}

i.icon.btc:before {
    content: "\f15a";
}

i.icon.bug:before {
    content: "\f188";
}

i.icon.building:before {
    content: "\f1ad";
}

i.icon.bullhorn:before {
    content: "\f0a1";
}

i.icon.bullseye:before {
    content: "\f140";
}

i.icon.buromobelexperte:before {
    content: "\f37f";
}

i.icon.bus:before {
    content: "\f207";
}

i.icon.buysellads:before {
    content: "\f20d";
}

i.icon.calculator:before {
    content: "\f1ec";
}

i.icon.calendar:before {
    content: "\f133";
}

i.icon.calendar.alternate:before {
    content: "\f073";
}

i.icon.calendar.check:before {
    content: "\f274";
}

i.icon.calendar.minus:before {
    content: "\f272";
}

i.icon.calendar.plus:before {
    content: "\f271";
}

i.icon.calendar.times:before {
    content: "\f273";
}

i.icon.camera:before {
    content: "\f030";
}

i.icon.camera.retro:before {
    content: "\f083";
}

i.icon.car:before {
    content: "\f1b9";
}

i.icon.caret.down:before {
    content: "\f0d7";
}

i.icon.caret.left:before {
    content: "\f0d9";
}

i.icon.caret.right:before {
    content: "\f0da";
}

i.icon.caret.square.down:before {
    content: "\f150";
}

i.icon.caret.square.left:before {
    content: "\f191";
}

i.icon.caret.square.right:before {
    content: "\f152";
}

i.icon.caret.square.up:before {
    content: "\f151";
}

i.icon.caret.up:before {
    content: "\f0d8";
}

i.icon.cart.arrow.down:before {
    content: "\f218";
}

i.icon.cart.plus:before {
    content: "\f217";
}

i.icon.cc.amazon.pay:before {
    content: "\f42d";
}

i.icon.cc.amex:before {
    content: "\f1f3";
}

i.icon.cc.apple.pay:before {
    content: "\f416";
}

i.icon.cc.diners.club:before {
    content: "\f24c";
}

i.icon.cc.discover:before {
    content: "\f1f2";
}

i.icon.cc.jcb:before {
    content: "\f24b";
}

i.icon.cc.mastercard:before {
    content: "\f1f1";
}

i.icon.cc.paypal:before {
    content: "\f1f4";
}

i.icon.cc.stripe:before {
    content: "\f1f5";
}

i.icon.cc.visa:before {
    content: "\f1f0";
}

i.icon.centercode:before {
    content: "\f380";
}

i.icon.certificate:before {
    content: "\f0a3";
}

i.icon.chart.area:before {
    content: "\f1fe";
}

i.icon.chart.bar:before {
    content: "\f080";
}

i.icon.chart.line:before {
    content: "\f201";
}

i.icon.chart.pie:before {
    content: "\f200";
}

i.icon.check:before {
    content: "\f00c";
}

i.icon.check.circle:before {
    content: "\f058";
}

i.icon.check.square:before {
    content: "\f14a";
}

i.icon.chess:before {
    content: "\f439";
}

i.icon.chess.bishop:before {
    content: "\f43a";
}

i.icon.chess.board:before {
    content: "\f43c";
}

i.icon.chess.king:before {
    content: "\f43f";
}

i.icon.chess.knight:before {
    content: "\f441";
}

i.icon.chess.pawn:before {
    content: "\f443";
}

i.icon.chess.queen:before {
    content: "\f445";
}

i.icon.chess.rook:before {
    content: "\f447";
}

i.icon.chevron.circle.down:before {
    content: "\f13a";
}

i.icon.chevron.circle.left:before {
    content: "\f137";
}

i.icon.chevron.circle.right:before {
    content: "\f138";
}

i.icon.chevron.circle.up:before {
    content: "\f139";
}

i.icon.chevron.down:before {
    content: "\f078";
}

i.icon.chevron.left:before {
    content: "\f053";
}

i.icon.chevron.right:before {
    content: "\f054";
}

i.icon.chevron.up:before {
    content: "\f077";
}

i.icon.child:before {
    content: "\f1ae";
}

i.icon.chrome:before {
    content: "\f268";
}

i.icon.circle:before {
    content: "\f111";
}

i.icon.circle.notch:before {
    content: "\f1ce";
}

i.icon.clipboard:before {
    content: "\f328";
}

i.icon.clipboard.check:before {
    content: "\f46c";
}

i.icon.clipboard.list:before {
    content: "\f46d";
}

i.icon.clock:before {
    content: "\f017";
}

i.icon.clone:before {
    content: "\f24d";
}

i.icon.closed.captioning:before {
    content: "\f20a";
}

i.icon.cloud:before {
    content: "\f0c2";
}

i.icon.cloudscale:before {
    content: "\f383";
}

i.icon.cloudsmith:before {
    content: "\f384";
}

i.icon.cloudversify:before {
    content: "\f385";
}

i.icon.code:before {
    content: "\f121";
}

i.icon.code.branch:before {
    content: "\f126";
}

i.icon.codepen:before {
    content: "\f1cb";
}

i.icon.codiepie:before {
    content: "\f284";
}

i.icon.coffee:before {
    content: "\f0f4";
}

i.icon.cog:before {
    content: "\f013";
}

i.icon.cogs:before {
    content: "\f085";
}

i.icon.columns:before {
    content: "\f0db";
}

i.icon.comment:before {
    content: "\f075";
}

i.icon.comment.alternate:before {
    content: "\f27a";
}

i.icon.comments:before {
    content: "\f086";
}

i.icon.compass:before {
    content: "\f14e";
}

i.icon.compress:before {
    content: "\f066";
}

i.icon.connectdevelop:before {
    content: "\f20e";
}

i.icon.contao:before {
    content: "\f26d";
}

i.icon.copy:before {
    content: "\f0c5";
}

i.icon.copyright:before {
    content: "\f1f9";
}

i.icon.cpanel:before {
    content: "\f388";
}

i.icon.creative.commons:before {
    content: "\f25e";
}

i.icon.credit.card:before {
    content: "\f09d";
}

i.icon.crop:before {
    content: "\f125";
}

i.icon.crosshairs:before {
    content: "\f05b";
}

i.icon.css3:before {
    content: "\f13c";
}

i.icon.css3.alternate:before {
    content: "\f38b";
}

i.icon.cube:before {
    content: "\f1b2";
}

i.icon.cubes:before {
    content: "\f1b3";
}

i.icon.cut:before {
    content: "\f0c4";
}

i.icon.cuttlefish:before {
    content: "\f38c";
}

i.icon.d.and.d:before {
    content: "\f38d";
}

i.icon.dashcube:before {
    content: "\f210";
}

i.icon.database:before {
    content: "\f1c0";
}

i.icon.deaf:before {
    content: "\f2a4";
}

i.icon.delicious:before {
    content: "\f1a5";
}

i.icon.deploydog:before {
    content: "\f38e";
}

i.icon.deskpro:before {
    content: "\f38f";
}

i.icon.desktop:before {
    content: "\f108";
}

i.icon.deviantart:before {
    content: "\f1bd";
}

i.icon.digg:before {
    content: "\f1a6";
}

i.icon.digital.ocean:before {
    content: "\f391";
}

i.icon.discord:before {
    content: "\f392";
}

i.icon.discourse:before {
    content: "\f393";
}

i.icon.dna:before {
    content: "\f471";
}

i.icon.dochub:before {
    content: "\f394";
}

i.icon.docker:before {
    content: "\f395";
}

i.icon.dollar.sign:before {
    content: "\f155";
}

i.icon.dolly:before {
    content: "\f472";
}

i.icon.dolly.flatbed:before {
    content: "\f474";
}

i.icon.dot.circle:before {
    content: "\f192";
}

i.icon.download:before {
    content: "\f019";
}

i.icon.draft2digital:before {
    content: "\f396";
}

i.icon.dribbble:before {
    content: "\f17d";
}

i.icon.dribbble.square:before {
    content: "\f397";
}

i.icon.dropbox:before {
    content: "\f16b";
}

i.icon.drupal:before {
    content: "\f1a9";
}

i.icon.dyalog:before {
    content: "\f399";
}

i.icon.earlybirds:before {
    content: "\f39a";
}

i.icon.edge:before {
    content: "\f282";
}

i.icon.edit:before {
    content: "\f044";
}

i.icon.eject:before {
    content: "\f052";
}

i.icon.elementor:before {
    content: "\f430";
}

i.icon.ellipsis.horizontal:before {
    content: "\f141";
}

i.icon.ellipsis.vertical:before {
    content: "\f142";
}

i.icon.ember:before {
    content: "\f423";
}

i.icon.empire:before {
    content: "\f1d1";
}

i.icon.envelope:before {
    content: "\f0e0";
}

i.icon.envelope.open:before {
    content: "\f2b6";
}

i.icon.envelope.square:before {
    content: "\f199";
}

i.icon.envira:before {
    content: "\f299";
}

i.icon.eraser:before {
    content: "\f12d";
}

i.icon.erlang:before {
    content: "\f39d";
}

i.icon.ethereum:before {
    content: "\f42e";
}

i.icon.etsy:before {
    content: "\f2d7";
}

i.icon.euro.sign:before {
    content: "\f153";
}

i.icon.exchange.alternate:before {
    content: "\f362";
}

i.icon.exclamation:before {
    content: "\f12a";
}

i.icon.exclamation.circle:before {
    content: "\f06a";
}

i.icon.exclamation.triangle:before {
    content: "\f071";
}

i.icon.expand:before {
    content: "\f065";
}

i.icon.expand.arrows.alternate:before {
    content: "\f31e";
}

i.icon.expeditedssl:before {
    content: "\f23e";
}

i.icon.external.alternate:before {
    content: "\f35d";
}

i.icon.external.square.alternate:before {
    content: "\f360";
}

i.icon.eye:before {
    content: "\f06e";
}

i.icon.eye.dropper:before {
    content: "\f1fb";
}

i.icon.eye.slash:before {
    content: "\f070";
}

i.icon.facebook:before {
    content: "\f09a";
}

i.icon.facebook.f:before {
    content: "\f39e";
}

i.icon.facebook.messenger:before {
    content: "\f39f";
}

i.icon.facebook.square:before {
    content: "\f082";
}

i.icon.fast.backward:before {
    content: "\f049";
}

i.icon.fast.forward:before {
    content: "\f050";
}

i.icon.fax:before {
    content: "\f1ac";
}

i.icon.female:before {
    content: "\f182";
}

i.icon.fighter.jet:before {
    content: "\f0fb";
}

i.icon.file:before {
    content: "\f15b";
}

i.icon.file.alternate:before {
    content: "\f15c";
}

i.icon.file.archive:before {
    content: "\f1c6";
}

i.icon.file.audio:before {
    content: "\f1c7";
}

i.icon.file.code:before {
    content: "\f1c9";
}

i.icon.file.excel:before {
    content: "\f1c3";
}

i.icon.file.image:before {
    content: "\f1c5";
}

i.icon.file.pdf:before {
    content: "\f1c1";
}

i.icon.file.powerpoint:before {
    content: "\f1c4";
}

i.icon.file.video:before {
    content: "\f1c8";
}

i.icon.file.word:before {
    content: "\f1c2";
}

i.icon.film:before {
    content: "\f008";
}

i.icon.filter:before {
    content: "\f0b0";
}

i.icon.fire:before {
    content: "\f06d";
}

i.icon.fire.extinguisher:before {
    content: "\f134";
}

i.icon.firefox:before {
    content: "\f269";
}

i.icon.first.aid:before {
    content: "\f479";
}

i.icon.first.order:before {
    content: "\f2b0";
}

i.icon.firstdraft:before {
    content: "\f3a1";
}

i.icon.flag:before {
    content: "\f024";
}

i.icon.flag.checkered:before {
    content: "\f11e";
}

i.icon.flask:before {
    content: "\f0c3";
}

i.icon.flickr:before {
    content: "\f16e";
}

i.icon.flipboard:before {
    content: "\f44d";
}

i.icon.fly:before {
    content: "\f417";
}

i.icon.folder:before {
    content: "\f07b";
}

i.icon.folder.open:before {
    content: "\f07c";
}

i.icon.font:before {
    content: "\f031";
}

i.icon.font.awesome:before {
    content: "\f2b4";
}

i.icon.font.awesome.alternate:before {
    content: "\f35c";
}

i.icon.font.awesome.flag:before {
    content: "\f425";
}

i.icon.fonticons:before {
    content: "\f280";
}

i.icon.fonticons.fi:before {
    content: "\f3a2";
}

i.icon.football.ball:before {
    content: "\f44e";
}

i.icon.fort.awesome:before {
    content: "\f286";
}

i.icon.fort.awesome.alternate:before {
    content: "\f3a3";
}

i.icon.forumbee:before {
    content: "\f211";
}

i.icon.forward:before {
    content: "\f04e";
}

i.icon.foursquare:before {
    content: "\f180";
}

i.icon.free.code.camp:before {
    content: "\f2c5";
}

i.icon.freebsd:before {
    content: "\f3a4";
}

i.icon.frown:before {
    content: "\f119";
}

i.icon.futbol:before {
    content: "\f1e3";
}

i.icon.gamepad:before {
    content: "\f11b";
}

i.icon.gavel:before {
    content: "\f0e3";
}

i.icon.gem:before {
    content: "\f3a5";
}

i.icon.genderless:before {
    content: "\f22d";
}

i.icon.get.pocket:before {
    content: "\f265";
}

i.icon.gg:before {
    content: "\f260";
}

i.icon.gg.circle:before {
    content: "\f261";
}

i.icon.gift:before {
    content: "\f06b";
}

i.icon.git:before {
    content: "\f1d3";
}

i.icon.git.square:before {
    content: "\f1d2";
}

i.icon.github:before {
    content: "\f09b";
}

i.icon.github.alternate:before {
    content: "\f113";
}

i.icon.github.square:before {
    content: "\f092";
}

i.icon.gitkraken:before {
    content: "\f3a6";
}

i.icon.gitlab:before {
    content: "\f296";
}

i.icon.gitter:before {
    content: "\f426";
}

i.icon.glass.martini:before {
    content: "\f000";
}

i.icon.glide:before {
    content: "\f2a5";
}

i.icon.glide.g:before {
    content: "\f2a6";
}

i.icon.globe:before {
    content: "\f0ac";
}

i.icon.gofore:before {
    content: "\f3a7";
}

i.icon.golf.ball:before {
    content: "\f450";
}

i.icon.goodreads:before {
    content: "\f3a8";
}

i.icon.goodreads.g:before {
    content: "\f3a9";
}

i.icon.google:before {
    content: "\f1a0";
}

i.icon.google.drive:before {
    content: "\f3aa";
}

i.icon.google.play:before {
    content: "\f3ab";
}

i.icon.google.plus:before {
    content: "\f2b3";
}

i.icon.google.plus.g:before {
    content: "\f0d5";
}

i.icon.google.plus.square:before {
    content: "\f0d4";
}

i.icon.google.wallet:before {
    content: "\f1ee";
}

i.icon.graduation.cap:before {
    content: "\f19d";
}

i.icon.gratipay:before {
    content: "\f184";
}

i.icon.grav:before {
    content: "\f2d6";
}

i.icon.gripfire:before {
    content: "\f3ac";
}

i.icon.grunt:before {
    content: "\f3ad";
}

i.icon.gulp:before {
    content: "\f3ae";
}

i.icon.h.square:before {
    content: "\f0fd";
}

i.icon.hacker.news:before {
    content: "\f1d4";
}

i.icon.hacker.news.square:before {
    content: "\f3af";
}

i.icon.hand.lizard:before {
    content: "\f258";
}

i.icon.hand.paper:before {
    content: "\f256";
}

i.icon.hand.peace:before {
    content: "\f25b";
}

i.icon.hand.point.down:before {
    content: "\f0a7";
}

i.icon.hand.point.left:before {
    content: "\f0a5";
}

i.icon.hand.point.right:before {
    content: "\f0a4";
}

i.icon.hand.point.up:before {
    content: "\f0a6";
}

i.icon.hand.pointer:before {
    content: "\f25a";
}

i.icon.hand.rock:before {
    content: "\f255";
}

i.icon.hand.scissors:before {
    content: "\f257";
}

i.icon.hand.spock:before {
    content: "\f259";
}

i.icon.handshake:before {
    content: "\f2b5";
}

i.icon.hashtag:before {
    content: "\f292";
}

i.icon.hdd:before {
    content: "\f0a0";
}

i.icon.heading:before {
    content: "\f1dc";
}

i.icon.headphones:before {
    content: "\f025";
}

i.icon.heart:before {
    content: "\f004";
}

i.icon.heartbeat:before {
    content: "\f21e";
}

i.icon.hips:before {
    content: "\f452";
}

i.icon.hire.a.helper:before {
    content: "\f3b0";
}

i.icon.history:before {
    content: "\f1da";
}

i.icon.hockey.puck:before {
    content: "\f453";
}

i.icon.home:before {
    content: "\f015";
}

i.icon.hooli:before {
    content: "\f427";
}

i.icon.hospital:before {
    content: "\f0f8";
}

i.icon.hospital.symbol:before {
    content: "\f47e";
}

i.icon.hotjar:before {
    content: "\f3b1";
}

i.icon.hourglass:before {
    content: "\f254";
}

i.icon.hourglass.end:before {
    content: "\f253";
}

i.icon.hourglass.half:before {
    content: "\f252";
}

i.icon.hourglass.start:before {
    content: "\f251";
}

i.icon.houzz:before {
    content: "\f27c";
}

i.icon.html5:before {
    content: "\f13b";
}

i.icon.hubspot:before {
    content: "\f3b2";
}

i.icon.i.cursor:before {
    content: "\f246";
}

i.icon.id.badge:before {
    content: "\f2c1";
}

i.icon.id.card:before {
    content: "\f2c2";
}

i.icon.image:before {
    content: "\f03e";
}

i.icon.images:before {
    content: "\f302";
}

i.icon.imdb:before {
    content: "\f2d8";
}

i.icon.inbox:before {
    content: "\f01c";
}

i.icon.indent:before {
    content: "\f03c";
}

i.icon.industry:before {
    content: "\f275";
}

i.icon.info:before {
    content: "\f129";
}

i.icon.info.circle:before {
    content: "\f05a";
}

i.icon.instagram:before {
    content: "\f16d";
}

i.icon.internet.explorer:before {
    content: "\f26b";
}

i.icon.ioxhost:before {
    content: "\f208";
}

i.icon.italic:before {
    content: "\f033";
}

i.icon.itunes:before {
    content: "\f3b4";
}

i.icon.itunes.note:before {
    content: "\f3b5";
}

i.icon.jenkins:before {
    content: "\f3b6";
}

i.icon.joget:before {
    content: "\f3b7";
}

i.icon.joomla:before {
    content: "\f1aa";
}

i.icon.js:before {
    content: "\f3b8";
}

i.icon.js.square:before {
    content: "\f3b9";
}

i.icon.jsfiddle:before {
    content: "\f1cc";
}

i.icon.key:before {
    content: "\f084";
}

i.icon.keyboard:before {
    content: "\f11c";
}

i.icon.keycdn:before {
    content: "\f3ba";
}

i.icon.kickstarter:before {
    content: "\f3bb";
}

i.icon.kickstarter.k:before {
    content: "\f3bc";
}

i.icon.korvue:before {
    content: "\f42f";
}

i.icon.language:before {
    content: "\f1ab";
}

i.icon.laptop:before {
    content: "\f109";
}

i.icon.laravel:before {
    content: "\f3bd";
}

i.icon.lastfm:before {
    content: "\f202";
}

i.icon.lastfm.square:before {
    content: "\f203";
}

i.icon.leaf:before {
    content: "\f06c";
}

i.icon.leanpub:before {
    content: "\f212";
}

i.icon.lemon:before {
    content: "\f094";
}

i.icon.less:before {
    content: "\f41d";
}

i.icon.level.down.alternate:before {
    content: "\f3be";
}

i.icon.level.up.alternate:before {
    content: "\f3bf";
}

i.icon.life.ring:before {
    content: "\f1cd";
}

i.icon.lightbulb:before {
    content: "\f0eb";
}

i.icon.linechat:before {
    content: "\f3c0";
}

i.icon.linkify:before {
    content: "\f0c1";
}

i.icon.linkedin:before {
    content: "\f08c";
}

i.icon.linkedin.alt:before {
    content: "\f0e1";
}

i.icon.linode:before {
    content: "\f2b8";
}

i.icon.linux:before {
    content: "\f17c";
}

i.icon.lira.sign:before {
    content: "\f195";
}

i.icon.list:before {
    content: "\f03a";
}

i.icon.list.alternate:before {
    content: "\f022";
}

i.icon.list.ol:before {
    content: "\f0cb";
}

i.icon.list.ul:before {
    content: "\f0ca";
}

i.icon.location.arrow:before {
    content: "\f124";
}

i.icon.lock:before {
    content: "\f023";
}

i.icon.lock.open:before {
    content: "\f3c1";
}

i.icon.long.arrow.alternate.down:before {
    content: "\f309";
}

i.icon.long.arrow.alternate.left:before {
    content: "\f30a";
}

i.icon.long.arrow.alternate.right:before {
    content: "\f30b";
}

i.icon.long.arrow.alternate.up:before {
    content: "\f30c";
}

i.icon.low.vision:before {
    content: "\f2a8";
}

i.icon.lyft:before {
    content: "\f3c3";
}

i.icon.magento:before {
    content: "\f3c4";
}

i.icon.magic:before {
    content: "\f0d0";
}

i.icon.magnet:before {
    content: "\f076";
}

i.icon.male:before {
    content: "\f183";
}

i.icon.map:before {
    content: "\f279";
}

i.icon.map.marker:before {
    content: "\f041";
}

i.icon.map.marker.alternate:before {
    content: "\f3c5";
}

i.icon.map.pin:before {
    content: "\f276";
}

i.icon.map.signs:before {
    content: "\f277";
}

i.icon.mars:before {
    content: "\f222";
}

i.icon.mars.double:before {
    content: "\f227";
}

i.icon.mars.stroke:before {
    content: "\f229";
}

i.icon.mars.stroke.horizontal:before {
    content: "\f22b";
}

i.icon.mars.stroke.vertical:before {
    content: "\f22a";
}

i.icon.maxcdn:before {
    content: "\f136";
}

i.icon.medapps:before {
    content: "\f3c6";
}

i.icon.medium:before {
    content: "\f23a";
}

i.icon.medium.m:before {
    content: "\f3c7";
}

i.icon.medkit:before {
    content: "\f0fa";
}

i.icon.medrt:before {
    content: "\f3c8";
}

i.icon.meetup:before {
    content: "\f2e0";
}

i.icon.meh:before {
    content: "\f11a";
}

i.icon.mercury:before {
    content: "\f223";
}

i.icon.microchip:before {
    content: "\f2db";
}

i.icon.microphone:before {
    content: "\f130";
}

i.icon.microphone.slash:before {
    content: "\f131";
}

i.icon.microsoft:before {
    content: "\f3ca";
}

i.icon.minus:before {
    content: "\f068";
}

i.icon.minus.circle:before {
    content: "\f056";
}

i.icon.minus.square:before {
    content: "\f146";
}

i.icon.mix:before {
    content: "\f3cb";
}

i.icon.mixcloud:before {
    content: "\f289";
}

i.icon.mizuni:before {
    content: "\f3cc";
}

i.icon.mobile:before {
    content: "\f10b";
}

i.icon.mobile.alternate:before {
    content: "\f3cd";
}

i.icon.modx:before {
    content: "\f285";
}

i.icon.monero:before {
    content: "\f3d0";
}

i.icon.money.bill.alternate:before {
    content: "\f3d1";
}

i.icon.moon:before {
    content: "\f186";
}

i.icon.motorcycle:before {
    content: "\f21c";
}

i.icon.mouse.pointer:before {
    content: "\f245";
}

i.icon.music:before {
    content: "\f001";
}

i.icon.napster:before {
    content: "\f3d2";
}

i.icon.neuter:before {
    content: "\f22c";
}

i.icon.newspaper:before {
    content: "\f1ea";
}

i.icon.nintendo.switch:before {
    content: "\f418";
}

i.icon.node:before {
    content: "\f419";
}

i.icon.node.js:before {
    content: "\f3d3";
}

i.icon.npm:before {
    content: "\f3d4";
}

i.icon.ns8:before {
    content: "\f3d5";
}

i.icon.nutritionix:before {
    content: "\f3d6";
}

i.icon.object.group:before {
    content: "\f247";
}

i.icon.object.ungroup:before {
    content: "\f248";
}

i.icon.odnoklassniki:before {
    content: "\f263";
}

i.icon.odnoklassniki.square:before {
    content: "\f264";
}

i.icon.opencart:before {
    content: "\f23d";
}

i.icon.openid:before {
    content: "\f19b";
}

i.icon.opera:before {
    content: "\f26a";
}

i.icon.optin.monster:before {
    content: "\f23c";
}

i.icon.osi:before {
    content: "\f41a";
}

i.icon.outdent:before {
    content: "\f03b";
}

i.icon.page4:before {
    content: "\f3d7";
}

i.icon.pagelines:before {
    content: "\f18c";
}

i.icon.paint.brush:before {
    content: "\f1fc";
}

i.icon.palfed:before {
    content: "\f3d8";
}

i.icon.pallet:before {
    content: "\f482";
}

i.icon.paper.plane:before {
    content: "\f1d8";
}

i.icon.paperclip:before {
    content: "\f0c6";
}

i.icon.paragraph:before {
    content: "\f1dd";
}

i.icon.paste:before {
    content: "\f0ea";
}

i.icon.patreon:before {
    content: "\f3d9";
}

i.icon.pause:before {
    content: "\f04c";
}

i.icon.pause.circle:before {
    content: "\f28b";
}

i.icon.paw:before {
    content: "\f1b0";
}

i.icon.paypal:before {
    content: "\f1ed";
}

i.icon.pen.square:before {
    content: "\f14b";
}

i.icon.pencil.alternate:before {
    content: "\f303";
}

i.icon.percent:before {
    content: "\f295";
}

i.icon.periscope:before {
    content: "\f3da";
}

i.icon.phabricator:before {
    content: "\f3db";
}

i.icon.phoenix.framework:before {
    content: "\f3dc";
}

i.icon.phone:before {
    content: "\f095";
}

i.icon.phone.square:before {
    content: "\f098";
}

i.icon.phone.volume:before {
    content: "\f2a0";
}

i.icon.php:before {
    content: "\f457";
}

i.icon.pied.piper:before {
    content: "\f2ae";
}

i.icon.pied.piper.alternate:before {
    content: "\f1a8";
}

i.icon.pied.piper.pp:before {
    content: "\f1a7";
}

i.icon.pills:before {
    content: "\f484";
}

i.icon.pinterest:before {
    content: "\f0d2";
}

i.icon.pinterest.p:before {
    content: "\f231";
}

i.icon.pinterest.square:before {
    content: "\f0d3";
}

i.icon.plane:before {
    content: "\f072";
}

i.icon.play:before {
    content: "\f04b";
}

i.icon.play.circle:before {
    content: "\f144";
}

i.icon.playstation:before {
    content: "\f3df";
}

i.icon.plug:before {
    content: "\f1e6";
}

i.icon.plus:before {
    content: "\f067";
}

i.icon.plus.circle:before {
    content: "\f055";
}

i.icon.plus.square:before {
    content: "\f0fe";
}

i.icon.podcast:before {
    content: "\f2ce";
}

i.icon.pound.sign:before {
    content: "\f154";
}

i.icon.power.off:before {
    content: "\f011";
}

i.icon.print:before {
    content: "\f02f";
}

i.icon.product.hunt:before {
    content: "\f288";
}

i.icon.pushed:before {
    content: "\f3e1";
}

i.icon.puzzle.piece:before {
    content: "\f12e";
}

i.icon.python:before {
    content: "\f3e2";
}

i.icon.qq:before {
    content: "\f1d6";
}

i.icon.qrcode:before {
    content: "\f029";
}

i.icon.question:before {
    content: "\f128";
}

i.icon.question.circle:before {
    content: "\f059";
}

i.icon.quidditch:before {
    content: "\f458";
}

i.icon.quinscape:before {
    content: "\f459";
}

i.icon.quora:before {
    content: "\f2c4";
}

i.icon.quote.left:before {
    content: "\f10d";
}

i.icon.quote.right:before {
    content: "\f10e";
}

i.icon.random:before {
    content: "\f074";
}

i.icon.ravelry:before {
    content: "\f2d9";
}

i.icon.react:before {
    content: "\f41b";
}

i.icon.rebel:before {
    content: "\f1d0";
}

i.icon.recycle:before {
    content: "\f1b8";
}

i.icon.redriver:before {
    content: "\f3e3";
}

i.icon.reddit:before {
    content: "\f1a1";
}

i.icon.reddit.alien:before {
    content: "\f281";
}

i.icon.reddit.square:before {
    content: "\f1a2";
}

i.icon.redo:before {
    content: "\f01e";
}

i.icon.redo.alternate:before {
    content: "\f2f9";
}

i.icon.registered:before {
    content: "\f25d";
}

i.icon.rendact:before {
    content: "\f3e4";
}

i.icon.renren:before {
    content: "\f18b";
}

i.icon.reply:before {
    content: "\f3e5";
}

i.icon.reply.all:before {
    content: "\f122";
}

i.icon.replyd:before {
    content: "\f3e6";
}

i.icon.resolving:before {
    content: "\f3e7";
}

i.icon.retweet:before {
    content: "\f079";
}

i.icon.road:before {
    content: "\f018";
}

i.icon.rocket:before {
    content: "\f135";
}

i.icon.rocketchat:before {
    content: "\f3e8";
}

i.icon.rockrms:before {
    content: "\f3e9";
}

i.icon.rss:before {
    content: "\f09e";
}

i.icon.rss.square:before {
    content: "\f143";
}

i.icon.ruble.sign:before {
    content: "\f158";
}

i.icon.rupee.sign:before {
    content: "\f156";
}

i.icon.safari:before {
    content: "\f267";
}

i.icon.sass:before {
    content: "\f41e";
}

i.icon.save:before {
    content: "\f0c7";
}

i.icon.schlix:before {
    content: "\f3ea";
}

i.icon.scribd:before {
    content: "\f28a";
}

i.icon.search:before {
    content: "\f002";
}

i.icon.search.minus:before {
    content: "\f010";
}

i.icon.search.plus:before {
    content: "\f00e";
}

i.icon.searchengin:before {
    content: "\f3eb";
}

i.icon.sellcast:before {
    content: "\f2da";
}

i.icon.sellsy:before {
    content: "\f213";
}

i.icon.server:before {
    content: "\f233";
}

i.icon.servicestack:before {
    content: "\f3ec";
}

i.icon.share:before {
    content: "\f064";
}

i.icon.share.alternate:before {
    content: "\f1e0";
}

i.icon.share.alternate.square:before {
    content: "\f1e1";
}

i.icon.share.square:before {
    content: "\f14d";
}

i.icon.shekel.sign:before {
    content: "\f20b";
}

i.icon.shield.alternate:before {
    content: "\f3ed";
}

i.icon.ship:before {
    content: "\f21a";
}

i.icon.shipping.fast:before {
    content: "\f48b";
}

i.icon.shirtsinbulk:before {
    content: "\f214";
}

i.icon.shopping.bag:before {
    content: "\f290";
}

i.icon.shopping.basket:before {
    content: "\f291";
}

i.icon.shopping.cart:before {
    content: "\f07a";
}

i.icon.shower:before {
    content: "\f2cc";
}

i.icon.sign.language:before {
    content: "\f2a7";
}

i.icon.signal:before {
    content: "\f012";
}

i.icon.simplybuilt:before {
    content: "\f215";
}

i.icon.sistrix:before {
    content: "\f3ee";
}

i.icon.sitemap:before {
    content: "\f0e8";
}

i.icon.skyatlas:before {
    content: "\f216";
}

i.icon.skype:before {
    content: "\f17e";
}

i.icon.slack:before {
    content: "\f198";
}

i.icon.slack.hash:before {
    content: "\f3ef";
}

i.icon.sliders.horizontal:before {
    content: "\f1de";
}

i.icon.slideshare:before {
    content: "\f1e7";
}

i.icon.smile:before {
    content: "\f118";
}

i.icon.snapchat:before {
    content: "\f2ab";
}

i.icon.snapchat.ghost:before {
    content: "\f2ac";
}

i.icon.snapchat.square:before {
    content: "\f2ad";
}

i.icon.snowflake:before {
    content: "\f2dc";
}

i.icon.sort:before {
    content: "\f0dc";
}

i.icon.sort.alphabet.down:before {
    content: "\f15d";
}

i.icon.sort.alphabet.up:before {
    content: "\f15e";
}

i.icon.sort.amount.down:before {
    content: "\f160";
}

i.icon.sort.amount.up:before {
    content: "\f161";
}

i.icon.sort.down:before {
    content: "\f0dd";
}

i.icon.sort.numeric.down:before {
    content: "\f162";
}

i.icon.sort.numeric.up:before {
    content: "\f163";
}

i.icon.sort.up:before {
    content: "\f0de";
}

i.icon.soundcloud:before {
    content: "\f1be";
}

i.icon.space.shuttle:before {
    content: "\f197";
}

i.icon.speakap:before {
    content: "\f3f3";
}

i.icon.spinner:before {
    content: "\f110";
}

i.icon.spotify:before {
    content: "\f1bc";
}

i.icon.square:before {
    content: "\f0c8";
}

i.icon.square.full:before {
    content: "\f45c";
}

i.icon.stack.exchange:before {
    content: "\f18d";
}

i.icon.stack.overflow:before {
    content: "\f16c";
}

i.icon.star:before {
    content: "\f005";
}

i.icon.star.half:before {
    content: "\f089";
}

i.icon.staylinked:before {
    content: "\f3f5";
}

i.icon.steam:before {
    content: "\f1b6";
}

i.icon.steam.square:before {
    content: "\f1b7";
}

i.icon.steam.symbol:before {
    content: "\f3f6";
}

i.icon.step.backward:before {
    content: "\f048";
}

i.icon.step.forward:before {
    content: "\f051";
}

i.icon.stethoscope:before {
    content: "\f0f1";
}

i.icon.sticker.mule:before {
    content: "\f3f7";
}

i.icon.sticky.note:before {
    content: "\f249";
}

i.icon.stop:before {
    content: "\f04d";
}

i.icon.stop.circle:before {
    content: "\f28d";
}

i.icon.stopwatch:before {
    content: "\f2f2";
}

i.icon.strava:before {
    content: "\f428";
}

i.icon.street.view:before {
    content: "\f21d";
}

i.icon.strikethrough:before {
    content: "\f0cc";
}

i.icon.stripe:before {
    content: "\f429";
}

i.icon.stripe.s:before {
    content: "\f42a";
}

i.icon.studiovinari:before {
    content: "\f3f8";
}

i.icon.stumbleupon:before {
    content: "\f1a4";
}

i.icon.stumbleupon.circle:before {
    content: "\f1a3";
}

i.icon.subscript:before {
    content: "\f12c";
}

i.icon.subway:before {
    content: "\f239";
}

i.icon.suitcase:before {
    content: "\f0f2";
}

i.icon.sun:before {
    content: "\f185";
}

i.icon.superpowers:before {
    content: "\f2dd";
}

i.icon.superscript:before {
    content: "\f12b";
}

i.icon.supple:before {
    content: "\f3f9";
}

i.icon.sync:before {
    content: "\f021";
}

i.icon.sync.alternate:before {
    content: "\f2f1";
}

i.icon.syringe:before {
    content: "\f48e";
}

i.icon.table:before {
    content: "\f0ce";
}

i.icon.table.tennis:before {
    content: "\f45d";
}

i.icon.tablet:before {
    content: "\f10a";
}

i.icon.tablet.alternate:before {
    content: "\f3fa";
}

i.icon.tachometer.alternate:before {
    content: "\f3fd";
}

i.icon.tag:before {
    content: "\f02b";
}

i.icon.tags:before {
    content: "\f02c";
}

i.icon.tasks:before {
    content: "\f0ae";
}

i.icon.taxi:before {
    content: "\f1ba";
}

i.icon.telegram:before {
    content: "\f2c6";
}

i.icon.telegram.plane:before {
    content: "\f3fe";
}

i.icon.tencent.weibo:before {
    content: "\f1d5";
}

i.icon.terminal:before {
    content: "\f120";
}

i.icon.text.height:before {
    content: "\f034";
}

i.icon.text.width:before {
    content: "\f035";
}

i.icon.th:before {
    content: "\f00a";
}

i.icon.th.large:before {
    content: "\f009";
}

i.icon.th.list:before {
    content: "\f00b";
}

i.icon.themeisle:before {
    content: "\f2b2";
}

i.icon.thermometer:before {
    content: "\f491";
}

i.icon.thermometer.empty:before {
    content: "\f2cb";
}

i.icon.thermometer.full:before {
    content: "\f2c7";
}

i.icon.thermometer.half:before {
    content: "\f2c9";
}

i.icon.thermometer.quarter:before {
    content: "\f2ca";
}

i.icon.thermometer.three.quarters:before {
    content: "\f2c8";
}

i.icon.thumbs.down:before {
    content: "\f165";
}

i.icon.thumbs.up:before {
    content: "\f164";
}

i.icon.thumbtack:before {
    content: "\f08d";
}

i.icon.ticket.alternate:before {
    content: "\f3ff";
}

i.icon.times:before {
    content: "\f00d";
}

i.icon.times.circle:before {
    content: "\f057";
}

i.icon.tint:before {
    content: "\f043";
}

i.icon.toggle.off:before {
    content: "\f204";
}

i.icon.toggle.on:before {
    content: "\f205";
}

i.icon.trademark:before {
    content: "\f25c";
}

i.icon.train:before {
    content: "\f238";
}

i.icon.transgender:before {
    content: "\f224";
}

i.icon.transgender.alternate:before {
    content: "\f225";
}

i.icon.trash:before {
    content: "\f1f8";
}

i.icon.trash.alternate:before {
    content: "\f2ed";
}

i.icon.tree:before {
    content: "\f1bb";
}

i.icon.trello:before {
    content: "\f181";
}

i.icon.tripadvisor:before {
    content: "\f262";
}

i.icon.trophy:before {
    content: "\f091";
}

i.icon.truck:before {
    content: "\f0d1";
}

i.icon.tty:before {
    content: "\f1e4";
}

i.icon.tumblr:before {
    content: "\f173";
}

i.icon.tumblr.square:before {
    content: "\f174";
}

i.icon.tv:before {
    content: "\f26c";
}

i.icon.twitch:before {
    content: "\f1e8";
}

i.icon.twitter:before {
    content: "\f099";
}

i.icon.twitter.square:before {
    content: "\f081";
}

i.icon.typo3:before {
    content: "\f42b";
}

i.icon.uber:before {
    content: "\f402";
}

i.icon.uikit:before {
    content: "\f403";
}

i.icon.umbrella:before {
    content: "\f0e9";
}

i.icon.underline:before {
    content: "\f0cd";
}

i.icon.undo:before {
    content: "\f0e2";
}

i.icon.undo.alternate:before {
    content: "\f2ea";
}

i.icon.uniregistry:before {
    content: "\f404";
}

i.icon.universal.access:before {
    content: "\f29a";
}

i.icon.university:before {
    content: "\f19c";
}

i.icon.unlink:before {
    content: "\f127";
}

i.icon.unlock:before {
    content: "\f09c";
}

i.icon.unlock.alternate:before {
    content: "\f13e";
}

i.icon.untappd:before {
    content: "\f405";
}

i.icon.upload:before {
    content: "\f093";
}

i.icon.usb:before {
    content: "\f287";
}

i.icon.user:before {
    content: "\f007";
}

i.icon.user.circle:before {
    content: "\f2bd";
}

i.icon.user.md:before {
    content: "\f0f0";
}

i.icon.user.plus:before {
    content: "\f234";
}

i.icon.user.secret:before {
    content: "\f21b";
}

i.icon.user.times:before {
    content: "\f235";
}

i.icon.users:before {
    content: "\f0c0";
}

i.icon.ussunnah:before {
    content: "\f407";
}

i.icon.utensil.spoon:before {
    content: "\f2e5";
}

i.icon.utensils:before {
    content: "\f2e7";
}

i.icon.vaadin:before {
    content: "\f408";
}

i.icon.venus:before {
    content: "\f221";
}

i.icon.venus.double:before {
    content: "\f226";
}

i.icon.venus.mars:before {
    content: "\f228";
}

i.icon.viacoin:before {
    content: "\f237";
}

i.icon.viadeo:before {
    content: "\f2a9";
}

i.icon.viadeo.square:before {
    content: "\f2aa";
}

i.icon.viber:before {
    content: "\f409";
}

i.icon.video:before {
    content: "\f03d";
}

i.icon.vimeo:before {
    content: "\f40a";
}

i.icon.vimeo.square:before {
    content: "\f194";
}

i.icon.vimeo.v:before {
    content: "\f27d";
}

i.icon.vine:before {
    content: "\f1ca";
}

i.icon.vk:before {
    content: "\f189";
}

i.icon.vnv:before {
    content: "\f40b";
}

i.icon.volleyball.ball:before {
    content: "\f45f";
}

i.icon.volume.down:before {
    content: "\f027";
}

i.icon.volume.off:before {
    content: "\f026";
}

i.icon.volume.up:before {
    content: "\f028";
}

i.icon.vuejs:before {
    content: "\f41f";
}

i.icon.warehouse:before {
    content: "\f494";
}

i.icon.weibo:before {
    content: "\f18a";
}

i.icon.weight:before {
    content: "\f496";
}

i.icon.weixin:before {
    content: "\f1d7";
}

i.icon.whatsapp:before {
    content: "\f232";
}

i.icon.whatsapp.square:before {
    content: "\f40c";
}

i.icon.wheelchair:before {
    content: "\f193";
}

i.icon.whmcs:before {
    content: "\f40d";
}

i.icon.wifi:before {
    content: "\f1eb";
}

i.icon.wikipedia.w:before {
    content: "\f266";
}

i.icon.window.close:before {
    content: "\f410";
}

i.icon.window.maximize:before {
    content: "\f2d0";
}

i.icon.window.minimize:before {
    content: "\f2d1";
}

i.icon.window.restore:before {
    content: "\f2d2";
}

i.icon.windows:before {
    content: "\f17a";
}

i.icon.won.sign:before {
    content: "\f159";
}

i.icon.wordpress:before {
    content: "\f19a";
}

i.icon.wordpress.simple:before {
    content: "\f411";
}

i.icon.wpbeginner:before {
    content: "\f297";
}

i.icon.wpexplorer:before {
    content: "\f2de";
}

i.icon.wpforms:before {
    content: "\f298";
}

i.icon.wrench:before {
    content: "\f0ad";
}

i.icon.xbox:before {
    content: "\f412";
}

i.icon.xing:before {
    content: "\f168";
}

i.icon.xing.square:before {
    content: "\f169";
}

i.icon.y.combinator:before {
    content: "\f23b";
}

i.icon.yahoo:before {
    content: "\f19e";
}

i.icon.yandex:before {
    content: "\f413";
}

i.icon.yandex.international:before {
    content: "\f414";
}

i.icon.yelp:before {
    content: "\f1e9";
}

i.icon.yen.sign:before {
    content: "\f157";
}

i.icon.yoast:before {
    content: "\f2b1";
}

i.icon.youtube:before {
    content: "\f167";
}

i.icon.youtube.square:before {
    content: "\f431";
}

/* Aliases */
i.icon.chess.rock:before {
    content: "\f447";
}

i.icon.ordered.list:before {
    content: "\f0cb";
}

i.icon.unordered.list:before {
    content: "\f0ca";
}

i.icon.user.doctor:before {
    content: "\f0f0";
}

i.icon.shield:before {
    content: "\f3ed";
}

i.icon.puzzle:before {
    content: "\f12e";
}

i.icon.credit.card.amazon.pay:before {
    content: "\f42d";
}

i.icon.credit.card.american.express:before {
    content: "\f1f3";
}

i.icon.credit.card.diners.club:before {
    content: "\f24c";
}

i.icon.credit.card.discover:before {
    content: "\f1f2";
}

i.icon.credit.card.jcb:before {
    content: "\f24b";
}

i.icon.credit.card.mastercard:before {
    content: "\f1f1";
}

i.icon.credit.card.paypal:before {
    content: "\f1f4";
}

i.icon.credit.card.stripe:before {
    content: "\f1f5";
}

i.icon.credit.card.visa:before {
    content: "\f1f0";
}

i.icon.add.circle:before {
    content: "\f055";
}

i.icon.add.square:before {
    content: "\f0fe";
}

i.icon.add.to.calendar:before {
    content: "\f271";
}

i.icon.add.to.cart:before {
    content: "\f217";
}

i.icon.add.user:before {
    content: "\f234";
}

i.icon.add:before {
    content: "\f067";
}

i.icon.alarm.mute:before {
    content: "\f1f6";
}

i.icon.alarm:before {
    content: "\f0f3";
}

i.icon.ald:before {
    content: "\f2a2";
}

i.icon.als:before {
    content: "\f2a2";
}

i.icon.american.express.card:before {
    content: "\f1f3";
}

i.icon.american.express:before {
    content: "\f1f3";
}

i.icon.amex:before {
    content: "\f1f3";
}

i.icon.announcement:before {
    content: "\f0a1";
}

i.icon.area.chart:before {
    content: "\f1fe";
}

i.icon.area.graph:before {
    content: "\f1fe";
}

i.icon.arrow.down.cart:before {
    content: "\f218";
}

i.icon.asexual:before {
    content: "\f22d";
}

i.icon.asl.interpreting:before {
    content: "\f2a3";
}

i.icon.asl:before {
    content: "\f2a3";
}

i.icon.assistive.listening.devices:before {
    content: "\f2a2";
}

i.icon.attach:before {
    content: "\f0c6";
}

i.icon.attention:before {
    content: "\f06a";
}

i.icon.balance:before {
    content: "\f24e";
}

i.icon.bar:before {
    content: "\f0fc";
}

i.icon.bathtub:before {
    content: "\f2cd";
}

i.icon.battery.four:before {
    content: "\f240";
}

i.icon.battery.high:before {
    content: "\f241";
}

i.icon.battery.low:before {
    content: "\f243";
}

i.icon.battery.medium:before {
    content: "\f242";
}

i.icon.battery.one:before {
    content: "\f243";
}

i.icon.battery.three:before {
    content: "\f241";
}

i.icon.battery.two:before {
    content: "\f242";
}

i.icon.battery.zero:before {
    content: "\f244";
}

i.icon.birthday:before {
    content: "\f1fd";
}

i.icon.block.layout:before {
    content: "\f009";
}

i.icon.bluetooth.alternative:before {
    content: "\f294";
}

i.icon.broken.chain:before {
    content: "\f127";
}

i.icon.browser:before {
    content: "\f022";
}

i.icon.call.square:before {
    content: "\f098";
}

i.icon.call:before {
    content: "\f095";
}

i.icon.cancel:before {
    content: "\f00d";
}

i.icon.cart:before {
    content: "\f07a";
}

i.icon.cc:before {
    content: "\f20a";
}

i.icon.chain:before {
    content: "\f0c1";
}

i.icon.chat:before {
    content: "\f075";
}

i.icon.checked.calendar:before {
    content: "\f274";
}

i.icon.checkmark:before {
    content: "\f00c";
}

i.icon.circle.notched:before {
    content: "\f1ce";
}

i.icon.close:before {
    content: "\f00d";
}

i.icon.cny:before {
    content: "\f157";
}

i.icon.cocktail:before {
    content: "\f000";
}

i.icon.commenting:before {
    content: "\f27a";
}

i.icon.computer:before {
    content: "\f108";
}

i.icon.configure:before {
    content: "\f0ad";
}

i.icon.content:before {
    content: "\f0c9";
}

i.icon.deafness:before {
    content: "\f2a4";
}

i.icon.delete.calendar:before {
    content: "\f273";
}

i.icon.delete:before {
    content: "\f00d";
}

i.icon.detective:before {
    content: "\f21b";
}

i.icon.diners.club.card:before {
    content: "\f24c";
}

i.icon.diners.club:before {
    content: "\f24c";
}

i.icon.discover.card:before {
    content: "\f1f2";
}

i.icon.discover:before {
    content: "\f1f2";
}

i.icon.discussions:before {
    content: "\f086";
}

i.icon.doctor:before {
    content: "\f0f0";
}

i.icon.dollar:before {
    content: "\f155";
}

i.icon.dont:before {
    content: "\f05e";
}

i.icon.dribble:before {
    content: "\f17d";
}

i.icon.drivers.license:before {
    content: "\f2c2";
}

i.icon.dropdown:before {
    content: "\f0d7";
}

i.icon.eercast:before {
    content: "\f2da";
}

i.icon.emergency:before {
    content: "\f0f9";
}

i.icon.envira.gallery:before {
    content: "\f299";
}

i.icon.erase:before {
    content: "\f12d";
}

i.icon.eur:before {
    content: "\f153";
}

i.icon.euro:before {
    content: "\f153";
}

i.icon.eyedropper:before {
    content: "\f1fb";
}

i.icon.fa:before {
    content: "\f2b4";
}

i.icon.factory:before {
    content: "\f275";
}

i.icon.favorite:before {
    content: "\f005";
}

i.icon.feed:before {
    content: "\f09e";
}

i.icon.female.homosexual:before {
    content: "\f226";
}

i.icon.file.text:before {
    content: "\f15c";
}

i.icon.find:before {
    content: "\f1e5";
}

i.icon.first.aid:before {
    content: "\f0fa";
}

i.icon.five.hundred.pixels:before {
    content: "\f26e";
}

i.icon.fork:before {
    content: "\f126";
}

i.icon.game:before {
    content: "\f11b";
}

i.icon.gay:before {
    content: "\f227";
}

i.icon.gbp:before {
    content: "\f154";
}

i.icon.gittip:before {
    content: "\f184";
}

i.icon.google.plus.circle:before {
    content: "\f2b3";
}

i.icon.google.plus.official:before {
    content: "\f2b3";
}

i.icon.grab:before {
    content: "\f255";
}

i.icon.graduation:before {
    content: "\f19d";
}

i.icon.grid.layout:before {
    content: "\f00a";
}

i.icon.group:before {
    content: "\f0c0";
}

i.icon.h:before {
    content: "\f0fd";
}

i.icon.hand.victory:before {
    content: "\f25b";
}

i.icon.handicap:before {
    content: "\f193";
}

i.icon.hard.of.hearing:before {
    content: "\f2a4";
}

i.icon.header:before {
    content: "\f1dc";
}

i.icon.help.circle:before {
    content: "\f059";
}

i.icon.help:before {
    content: "\f128";
}

i.icon.heterosexual:before {
    content: "\f228";
}

i.icon.hide:before {
    content: "\f070";
}

i.icon.hotel:before {
    content: "\f236";
}

i.icon.hourglass.four:before {
    content: "\f254";
}

i.icon.hourglass.full:before {
    content: "\f254";
}

i.icon.hourglass.one:before {
    content: "\f251";
}

i.icon.hourglass.three:before {
    content: "\f253";
}

i.icon.hourglass.two:before {
    content: "\f252";
}

i.icon.idea:before {
    content: "\f0eb";
}

i.icon.ils:before {
    content: "\f20b";
}

i.icon.in-cart:before {
    content: "\f218";
}

i.icon.inr:before {
    content: "\f156";
}

i.icon.intergender:before {
    content: "\f224";
}

i.icon.intersex:before {
    content: "\f224";
}

i.icon.japan.credit.bureau.card:before {
    content: "\f24b";
}

i.icon.japan.credit.bureau:before {
    content: "\f24b";
}

i.icon.jcb:before {
    content: "\f24b";
}

i.icon.jpy:before {
    content: "\f157";
}

i.icon.krw:before {
    content: "\f159";
}

i.icon.lab:before {
    content: "\f0c3";
}

i.icon.law:before {
    content: "\f24e";
}

i.icon.legal:before {
    content: "\f0e3";
}

i.icon.lesbian:before {
    content: "\f226";
}

i.icon.lightning:before {
    content: "\f0e7";
}

i.icon.like:before {
    content: "\f004";
}

i.icon.line.graph:before {
    content: "\f201";
}

i.icon.linkedin.square:before {
    content: "\f08c";
}

i.icon.linkify:before {
    content: "\f0c1";
}

i.icon.lira:before {
    content: "\f195";
}

i.icon.list.layout:before {
    content: "\f00b";
}

i.icon.magnify:before {
    content: "\f00e";
}

i.icon.mail.forward:before {
    content: "\f064";
}

i.icon.mail.square:before {
    content: "\f199";
}

i.icon.mail:before {
    content: "\f0e0";
}

i.icon.male.homosexual:before {
    content: "\f227";
}

i.icon.man:before {
    content: "\f222";
}

i.icon.marker:before {
    content: "\f041";
}

i.icon.mars.alternate:before {
    content: "\f229";
}

i.icon.mars.horizontal:before {
    content: "\f22b";
}

i.icon.mars.vertical:before {
    content: "\f22a";
}

i.icon.mastercard.card:before {
    content: "\f1f1";
}

i.icon.mastercard:before {
    content: "\f1f1";
}

i.icon.microsoft.edge:before {
    content: "\f282";
}

i.icon.military:before {
    content: "\f0fb";
}

i.icon.ms.edge:before {
    content: "\f282";
}

i.icon.mute:before {
    content: "\f131";
}

i.icon.new.pied.piper:before {
    content: "\f2ae";
}

i.icon.non.binary.transgender:before {
    content: "\f223";
}

i.icon.numbered.list:before {
    content: "\f0cb";
}

i.icon.optinmonster:before {
    content: "\f23c";
}

i.icon.options:before {
    content: "\f1de";
}

i.icon.other.gender.horizontal:before {
    content: "\f22b";
}

i.icon.other.gender.vertical:before {
    content: "\f22a";
}

i.icon.other.gender:before {
    content: "\f229";
}

i.icon.payment:before {
    content: "\f09d";
}

i.icon.paypal.card:before {
    content: "\f1f4";
}

i.icon.pencil.square:before {
    content: "\f14b";
}

i.icon.photo:before {
    content: "\f030";
}

i.icon.picture:before {
    content: "\f03e";
}

i.icon.pie.chart:before {
    content: "\f200";
}

i.icon.pie.graph:before {
    content: "\f200";
}

i.icon.pied.piper.hat:before {
    content: "\f2ae";
}

i.icon.pin:before {
    content: "\f08d";
}

i.icon.plus.cart:before {
    content: "\f217";
}

i.icon.pocket:before {
    content: "\f265";
}

i.icon.point:before {
    content: "\f041";
}

i.icon.pointing.down:before {
    content: "\f0a7";
}

i.icon.pointing.left:before {
    content: "\f0a5";
}

i.icon.pointing.right:before {
    content: "\f0a4";
}

i.icon.pointing.up:before {
    content: "\f0a6";
}

i.icon.pound:before {
    content: "\f154";
}

i.icon.power.cord:before {
    content: "\f1e6";
}

i.icon.power:before {
    content: "\f011";
}

i.icon.privacy:before {
    content: "\f084";
}

i.icon.r.circle:before {
    content: "\f25d";
}

i.icon.rain:before {
    content: "\f0e9";
}

i.icon.record:before {
    content: "\f03d";
}

i.icon.refresh:before {
    content: "\f021";
}

i.icon.remove.circle:before {
    content: "\f057";
}

i.icon.remove.from.calendar:before {
    content: "\f272";
}

i.icon.remove.user:before {
    content: "\f235";
}

i.icon.remove:before {
    content: "\f00d";
}

i.icon.repeat:before {
    content: "\f01e";
}

i.icon.rmb:before {
    content: "\f157";
}

i.icon.rouble:before {
    content: "\f158";
}

i.icon.rub:before {
    content: "\f158";
}

i.icon.ruble:before {
    content: "\f158";
}

i.icon.rupee:before {
    content: "\f156";
}

i.icon.s15:before {
    content: "\f2cd";
}

i.icon.selected.radio:before {
    content: "\f192";
}

i.icon.send:before {
    content: "\f1d8";
}

i.icon.setting:before {
    content: "\f013";
}

i.icon.settings:before {
    content: "\f085";
}

i.icon.shekel:before {
    content: "\f20b";
}

i.icon.sheqel:before {
    content: "\f20b";
}

i.icon.shipping:before {
    content: "\f0d1";
}

i.icon.shop:before {
    content: "\f07a";
}

i.icon.shuffle:before {
    content: "\f074";
}

i.icon.shutdown:before {
    content: "\f011";
}

i.icon.sidebar:before {
    content: "\f0c9";
}

i.icon.signing:before {
    content: "\f2a7";
}

i.icon.signup:before {
    content: "\f044";
}

i.icon.sliders:before {
    content: "\f1de";
}

i.icon.soccer:before {
    content: "\f1e3";
}

i.icon.sort.alphabet.ascending:before {
    content: "\f15d";
}

i.icon.sort.alphabet.descending:before {
    content: "\f15e";
}

i.icon.sort.ascending:before {
    content: "\f0de";
}

i.icon.sort.content.ascending:before {
    content: "\f160";
}

i.icon.sort.content.descending:before {
    content: "\f161";
}

i.icon.sort.descending:before {
    content: "\f0dd";
}

i.icon.sort.numeric.ascending:before {
    content: "\f162";
}

i.icon.sort.numeric.descending:before {
    content: "\f163";
}

i.icon.sound:before {
    content: "\f025";
}

i.icon.spy:before {
    content: "\f21b";
}

i.icon.stripe.card:before {
    content: "\f1f5";
}

i.icon.student:before {
    content: "\f19d";
}

i.icon.talk:before {
    content: "\f27a";
}

i.icon.target:before {
    content: "\f140";
}

i.icon.teletype:before {
    content: "\f1e4";
}

i.icon.television:before {
    content: "\f26c";
}

i.icon.text.cursor:before {
    content: "\f246";
}

i.icon.text.telephone:before {
    content: "\f1e4";
}

i.icon.theme.isle:before {
    content: "\f2b2";
}

i.icon.theme:before {
    content: "\f043";
}

i.icon.thermometer:before {
    content: "\f2c7";
}

i.icon.thumb.tack:before {
    content: "\f08d";
}

i.icon.time:before {
    content: "\f017";
}

i.icon.tm:before {
    content: "\f25c";
}

i.icon.toggle.down:before {
    content: "\f150";
}

i.icon.toggle.left:before {
    content: "\f191";
}

i.icon.toggle.right:before {
    content: "\f152";
}

i.icon.toggle.up:before {
    content: "\f151";
}

i.icon.translate:before {
    content: "\f1ab";
}

i.icon.travel:before {
    content: "\f0b1";
}

i.icon.treatment:before {
    content: "\f0f1";
}

i.icon.triangle.down:before {
    content: "\f0d7";
}

i.icon.triangle.left:before {
    content: "\f0d9";
}

i.icon.triangle.right:before {
    content: "\f0da";
}

i.icon.triangle.up:before {
    content: "\f0d8";
}

i.icon.try:before {
    content: "\f195";
}

i.icon.unhide:before {
    content: "\f06e";
}

i.icon.unlinkify:before {
    content: "\f127";
}

i.icon.unmute:before {
    content: "\f130";
}

i.icon.usd:before {
    content: "\f155";
}

i.icon.user.cancel:before {
    content: "\f235";
}

i.icon.user.close:before {
    content: "\f235";
}

i.icon.user.delete:before {
    content: "\f235";
}

i.icon.user.x:before {
    content: "\f235";
}

i.icon.vcard:before {
    content: "\f2bb";
}

i.icon.video.camera:before {
    content: "\f03d";
}

i.icon.video.play:before {
    content: "\f144";
}

i.icon.visa.card:before {
    content: "\f1f0";
}

i.icon.visa:before {
    content: "\f1f0";
}

i.icon.volume.control.phone:before {
    content: "\f2a0";
}

i.icon.wait:before {
    content: "\f017";
}

i.icon.warning.circle:before {
    content: "\f06a";
}

i.icon.warning.sign:before {
    content: "\f071";
}

i.icon.warning:before {
    content: "\f12a";
}

i.icon.wechat:before {
    content: "\f1d7";
}

i.icon.wi-fi:before {
    content: "\f1eb";
}

i.icon.wikipedia:before {
    content: "\f266";
}

i.icon.winner:before {
    content: "\f091";
}

i.icon.wizard:before {
    content: "\f0d0";
}

i.icon.woman:before {
    content: "\f221";
}

i.icon.won:before {
    content: "\f159";
}

i.icon.wordpress.beginner:before {
    content: "\f297";
}

i.icon.wordpress.forms:before {
    content: "\f298";
}

i.icon.world:before {
    content: "\f0ac";
}

i.icon.write.square:before {
    content: "\f14b";
}

i.icon.x:before {
    content: "\f00d";
}

i.icon.yc:before {
    content: "\f23b";
}

i.icon.ycombinator:before {
    content: "\f23b";
}

i.icon.yen:before {
    content: "\f157";
}

i.icon.zip:before {
    content: "\f187";
}

i.icon.zoom-in:before {
    content: "\f00e";
}

i.icon.zoom-out:before {
    content: "\f010";
}

i.icon.zoom:before {
    content: "\f00e";
}

i.icon.bitbucket.square:before {
    content: "\f171";
}

i.icon.checkmark.box:before {
    content: "\f14a";
}

i.icon.circle.thin:before {
    content: "\f111";
}

i.icon.cloud.download:before {
    content: "\f381";
}

i.icon.cloud.upload:before {
    content: "\f382";
}

i.icon.compose:before {
    content: "\f303";
}

i.icon.conversation:before {
    content: "\f086";
}

i.icon.credit.card.alternative:before {
    content: "\f09d";
}

i.icon.currency:before {
    content: "\f3d1";
}

i.icon.dashboard:before {
    content: "\f3fd";
}

i.icon.diamond:before {
    content: "\f3a5";
}

i.icon.disk:before {
    content: "\f0a0";
}

i.icon.exchange:before {
    content: "\f362";
}

i.icon.external.share:before {
    content: "\f14d";
}

i.icon.external.square:before {
    content: "\f360";
}

i.icon.external:before {
    content: "\f35d";
}

i.icon.facebook.official:before {
    content: "\f082";
}

i.icon.food:before {
    content: "\f2e7";
}

i.icon.hourglass.zero:before {
    content: "\f253";
}

i.icon.level.down:before {
    content: "\f3be";
}

i.icon.level.up:before {
    content: "\f3bf";
}

i.icon.logout:before {
    content: "\f2f5";
}

i.icon.meanpath:before {
    content: "\f0c8";
}

i.icon.money:before {
    content: "\f3d1";
}

i.icon.move:before {
    content: "\f0b2";
}

i.icon.pencil:before {
    content: "\f303";
}

i.icon.protect:before {
    content: "\f023";
}

i.icon.radio:before {
    content: "\f192";
}

i.icon.remove.bookmark:before {
    content: "\f02e";
}

i.icon.resize.horizontal:before {
    content: "\f337";
}

i.icon.resize.vertical:before {
    content: "\f338";
}

i.icon.sign-in:before {
    content: "\f2f6";
}

i.icon.sign-out:before {
    content: "\f2f5";
}

i.icon.spoon:before {
    content: "\f2e5";
}

i.icon.star.half.empty:before {
    content: "\f089";
}

i.icon.star.half.full:before {
    content: "\f089";
}

i.icon.ticket:before {
    content: "\f3ff";
}

i.icon.times.rectangle:before {
    content: "\f410";
}

i.icon.write:before {
    content: "\f303";
}

i.icon.youtube.play:before {
    content: "\f167";
}


/*******************************
Outline Icons
*******************************/


/* Outline Icon */

/* Load & Define Icon Font */
@font-face {
    font-family: 'outline-icons';
    src: url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/outline-icons.eot");
    src: url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/outline-icons.eot?#iefix") format('embedded-opentype'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/outline-icons.woff2") format('woff2'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/outline-icons.woff") format('woff'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/outline-icons.ttf") format('truetype'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/outline-icons.svg#icons") format('svg');
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none;
    font-display: swap;
}

i.icon.outline {
    font-family: 'outline-icons';
}

/* Icon Definitions */
i.icon.address.book.outline:before {
    content: "\f2b9";
}

i.icon.address.card.outline:before {
    content: "\f2bb";
}

i.icon.arrow.alternate.circle.down.outline:before {
    content: "\f358";
}

i.icon.arrow.alternate.circle.left.outline:before {
    content: "\f359";
}

i.icon.arrow.alternate.circle.right.outline:before {
    content: "\f35a";
}

i.icon.arrow.alternate.circle.up.outline:before {
    content: "\f35b";
}

i.icon.bell.outline:before {
    content: "\f0f3";
}

i.icon.bell.slash.outline:before {
    content: "\f1f6";
}

i.icon.bookmark.outline:before {
    content: "\f02e";
}

i.icon.building.outline:before {
    content: "\f1ad";
}

i.icon.calendar.outline:before {
    content: "\f133";
}

i.icon.calendar.alternate.outline:before {
    content: "\f073";
}

i.icon.calendar.check.outline:before {
    content: "\f274";
}

i.icon.calendar.minus.outline:before {
    content: "\f272";
}

i.icon.calendar.plus.outline:before {
    content: "\f271";
}

i.icon.calendar.times.outline:before {
    content: "\f273";
}

i.icon.caret.square.down.outline:before {
    content: "\f150";
}

i.icon.caret.square.left.outline:before {
    content: "\f191";
}

i.icon.caret.square.right.outline:before {
    content: "\f152";
}

i.icon.caret.square.up.outline:before {
    content: "\f151";
}

i.icon.chart.bar.outline:before {
    content: "\f080";
}

i.icon.check.circle.outline:before {
    content: "\f058";
}

i.icon.check.square.outline:before {
    content: "\f14a";
}

i.icon.circle.outline:before {
    content: "\f111";
}

i.icon.clipboard.outline:before {
    content: "\f328";
}

i.icon.clock.outline:before {
    content: "\f017";
}

i.icon.clone.outline:before {
    content: "\f24d";
}

i.icon.closed.captioning.outline:before {
    content: "\f20a";
}

i.icon.comment.outline:before {
    content: "\f075";
}

i.icon.comment.alternate.outline:before {
    content: "\f27a";
}

i.icon.comments.outline:before {
    content: "\f086";
}

i.icon.compass.outline:before {
    content: "\f14e";
}

i.icon.copy.outline:before {
    content: "\f0c5";
}

i.icon.copyright.outline:before {
    content: "\f1f9";
}

i.icon.credit.card.outline:before {
    content: "\f09d";
}

i.icon.dot.circle.outline:before {
    content: "\f192";
}

i.icon.edit.outline:before {
    content: "\f044";
}

i.icon.envelope.outline:before {
    content: "\f0e0";
}

i.icon.envelope.open.outline:before {
    content: "\f2b6";
}

i.icon.eye.slash.outline:before {
    content: "\f070";
}

i.icon.file.outline:before {
    content: "\f15b";
}

i.icon.file.alternate.outline:before {
    content: "\f15c";
}

i.icon.file.archive.outline:before {
    content: "\f1c6";
}

i.icon.file.audio.outline:before {
    content: "\f1c7";
}

i.icon.file.code.outline:before {
    content: "\f1c9";
}

i.icon.file.excel.outline:before {
    content: "\f1c3";
}

i.icon.file.image.outline:before {
    content: "\f1c5";
}

i.icon.file.pdf.outline:before {
    content: "\f1c1";
}

i.icon.file.powerpoint.outline:before {
    content: "\f1c4";
}

i.icon.file.video.outline:before {
    content: "\f1c8";
}

i.icon.file.word.outline:before {
    content: "\f1c2";
}

i.icon.flag.outline:before {
    content: "\f024";
}

i.icon.folder.outline:before {
    content: "\f07b";
}

i.icon.folder.open.outline:before {
    content: "\f07c";
}

i.icon.frown.outline:before {
    content: "\f119";
}

i.icon.futbol.outline:before {
    content: "\f1e3";
}

i.icon.gem.outline:before {
    content: "\f3a5";
}

i.icon.hand.lizard.outline:before {
    content: "\f258";
}

i.icon.hand.paper.outline:before {
    content: "\f256";
}

i.icon.hand.peace.outline:before {
    content: "\f25b";
}

i.icon.hand.point.down.outline:before {
    content: "\f0a7";
}

i.icon.hand.point.left.outline:before {
    content: "\f0a5";
}

i.icon.hand.point.right.outline:before {
    content: "\f0a4";
}

i.icon.hand.point.up.outline:before {
    content: "\f0a6";
}

i.icon.hand.pointer.outline:before {
    content: "\f25a";
}

i.icon.hand.rock.outline:before {
    content: "\f255";
}

i.icon.hand.scissors.outline:before {
    content: "\f257";
}

i.icon.hand.spock.outline:before {
    content: "\f259";
}

i.icon.handshake.outline:before {
    content: "\f2b5";
}

i.icon.hdd.outline:before {
    content: "\f0a0";
}

i.icon.heart.outline:before {
    content: "\f004";
}

i.icon.hospital.outline:before {
    content: "\f0f8";
}

i.icon.hourglass.outline:before {
    content: "\f254";
}

i.icon.id.badge.outline:before {
    content: "\f2c1";
}

i.icon.id.card.outline:before {
    content: "\f2c2";
}

i.icon.image.outline:before {
    content: "\f03e";
}

i.icon.images.outline:before {
    content: "\f302";
}

i.icon.keyboard.outline:before {
    content: "\f11c";
}

i.icon.lemon.outline:before {
    content: "\f094";
}

i.icon.life.ring.outline:before {
    content: "\f1cd";
}

i.icon.lightbulb.outline:before {
    content: "\f0eb";
}

i.icon.list.alternate.outline:before {
    content: "\f022";
}

i.icon.map.outline:before {
    content: "\f279";
}

i.icon.meh.outline:before {
    content: "\f11a";
}

i.icon.minus.square.outline:before {
    content: "\f146";
}

i.icon.money.bill.alternate.outline:before {
    content: "\f3d1";
}

i.icon.moon.outline:before {
    content: "\f186";
}

i.icon.newspaper.outline:before {
    content: "\f1ea";
}

i.icon.object.group.outline:before {
    content: "\f247";
}

i.icon.object.ungroup.outline:before {
    content: "\f248";
}

i.icon.paper.plane.outline:before {
    content: "\f1d8";
}

i.icon.pause.circle.outline:before {
    content: "\f28b";
}

i.icon.play.circle.outline:before {
    content: "\f144";
}

i.icon.plus.square.outline:before {
    content: "\f0fe";
}

i.icon.question.circle.outline:before {
    content: "\f059";
}

i.icon.registered.outline:before {
    content: "\f25d";
}

i.icon.save.outline:before {
    content: "\f0c7";
}

i.icon.share.square.outline:before {
    content: "\f14d";
}

i.icon.smile.outline:before {
    content: "\f118";
}

i.icon.snowflake.outline:before {
    content: "\f2dc";
}

i.icon.square.outline:before {
    content: "\f0c8";
}

i.icon.star.outline:before {
    content: "\f005";
}

i.icon.star.half.outline:before {
    content: "\f089";
}

i.icon.sticky.note.outline:before {
    content: "\f249";
}

i.icon.stop.circle.outline:before {
    content: "\f28d";
}

i.icon.sun.outline:before {
    content: "\f185";
}

i.icon.thumbs.down.outline:before {
    content: "\f165";
}

i.icon.thumbs.up.outline:before {
    content: "\f164";
}

i.icon.times.circle.outline:before {
    content: "\f057";
}

i.icon.trash.alternate.outline:before {
    content: "\f2ed";
}

i.icon.user.outline:before {
    content: "\f007";
}

i.icon.user.circle.outline:before {
    content: "\f2bd";
}

i.icon.window.close.outline:before {
    content: "\f410";
}

i.icon.window.maximize.outline:before {
    content: "\f2d0";
}

i.icon.window.minimize.outline:before {
    content: "\f2d1";
}

i.icon.window.restore.outline:before {
    content: "\f2d2";
}

/* Outline Aliases */
i.icon.disk.outline:before {
    content: "\f0a0";
}

i.icon.heart.empty,
i.icon.star.empty {
    font-family: 'outline-icons';
}

    i.icon.heart.empty:before {
        content: "\f004";
    }

    i.icon.star.empty:before {
        content: "\f089";
    }


/*******************************
Brand Icons
*******************************/


/* Load & Define Brand Font */
@font-face {
    font-family: 'brand-icons';
    src: url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/brand-icons.eot");
    src: url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/brand-icons.eot?#iefix") format('embedded-opentype'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/brand-icons.woff2") format('woff2'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/brand-icons.woff") format('woff'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/brand-icons.ttf") format('truetype'), url("/Content/Plugins/Semantic-UI/themes/default/Content/fonts/brand-icons.svg#icons") format('svg');
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none;
    font-display: swap;
}

/* Brand Icon Font Family */
i.icon.\35 00px,
i.icon.accessible.icon,
i.icon.accusoft,
i.icon.adn,
i.icon.adversal,
i.icon.affiliatetheme,
i.icon.algolia,
i.icon.amazon,
i.icon.amazon.pay,
i.icon.amilia,
i.icon.android,
i.icon.angellist,
i.icon.angrycreative,
i.icon.angular,
i.icon.app.store,
i.icon.app.store.ios,
i.icon.apper,
i.icon.apple,
i.icon.apple.pay,
i.icon.asymmetrik,
i.icon.audible,
i.icon.autoprefixer,
i.icon.avianex,
i.icon.aviato,
i.icon.aws,
i.icon.bandcamp,
i.icon.behance,
i.icon.behance.square,
i.icon.bimobject,
i.icon.bitbucket,
i.icon.bitcoin,
i.icon.bity,
i.icon.black.tie,
i.icon.blackberry,
i.icon.blogger,
i.icon.blogger.b,
i.icon.bluetooth,
i.icon.bluetooth.b,
i.icon.btc,
i.icon.buromobelexperte,
i.icon.buysellads,
i.icon.cc.amazon.pay,
i.icon.cc.amex,
i.icon.cc.apple.pay,
i.icon.cc.diners.club,
i.icon.cc.discover,
i.icon.cc.jcb,
i.icon.cc.mastercard,
i.icon.cc.paypal,
i.icon.cc.stripe,
i.icon.cc.visa,
i.icon.centercode,
i.icon.chrome,
i.icon.cloudscale,
i.icon.cloudsmith,
i.icon.cloudversify,
i.icon.codepen,
i.icon.codiepie,
i.icon.connectdevelop,
i.icon.contao,
i.icon.cpanel,
i.icon.creative.commons,
i.icon.css3,
i.icon.css3.alternate,
i.icon.cuttlefish,
i.icon.d.and.d,
i.icon.dashcube,
i.icon.delicious,
i.icon.deploydog,
i.icon.deskpro,
i.icon.deviantart,
i.icon.digg,
i.icon.digital.ocean,
i.icon.discord,
i.icon.discourse,
i.icon.dochub,
i.icon.docker,
i.icon.draft2digital,
i.icon.dribbble,
i.icon.dribbble.square,
i.icon.dropbox,
i.icon.drupal,
i.icon.dyalog,
i.icon.earlybirds,
i.icon.edge,
i.icon.elementor,
i.icon.ember,
i.icon.empire,
i.icon.envira,
i.icon.erlang,
i.icon.ethereum,
i.icon.etsy,
i.icon.expeditedssl,
i.icon.facebook,
i.icon.facebook.f,
i.icon.facebook.messenger,
i.icon.facebook.square,
i.icon.firefox,
i.icon.first.order,
i.icon.firstdraft,
i.icon.flickr,
i.icon.flipboard,
i.icon.fly,
i.icon.font.awesome,
i.icon.font.awesome.alternate,
i.icon.font.awesome.flag,
i.icon.fonticons,
i.icon.fonticons.fi,
i.icon.fort.awesome,
i.icon.fort.awesome.alternate,
i.icon.forumbee,
i.icon.foursquare,
i.icon.free.code.camp,
i.icon.freebsd,
i.icon.get.pocket,
i.icon.gg,
i.icon.gg.circle,
i.icon.git,
i.icon.git.square,
i.icon.github,
i.icon.github.alternate,
i.icon.github.square,
i.icon.gitkraken,
i.icon.gitlab,
i.icon.gitter,
i.icon.glide,
i.icon.glide.g,
i.icon.gofore,
i.icon.goodreads,
i.icon.goodreads.g,
i.icon.google,
i.icon.google.drive,
i.icon.google.play,
i.icon.google.plus,
i.icon.google.plus.g,
i.icon.google.plus.square,
i.icon.google.wallet,
i.icon.gratipay,
i.icon.grav,
i.icon.gripfire,
i.icon.grunt,
i.icon.gulp,
i.icon.hacker.news,
i.icon.hacker.news.square,
i.icon.hips,
i.icon.hire.a.helper,
i.icon.hooli,
i.icon.hotjar,
i.icon.houzz,
i.icon.html5,
i.icon.hubspot,
i.icon.imdb,
i.icon.instagram,
i.icon.internet.explorer,
i.icon.ioxhost,
i.icon.itunes,
i.icon.itunes.note,
i.icon.jenkins,
i.icon.joget,
i.icon.joomla,
i.icon.js,
i.icon.js.square,
i.icon.jsfiddle,
i.icon.keycdn,
i.icon.kickstarter,
i.icon.kickstarter.k,
i.icon.korvue,
i.icon.laravel,
i.icon.lastfm,
i.icon.lastfm.square,
i.icon.leanpub,
i.icon.less,
i.icon.linechat,
i.icon.linkedin,
i.icon.linkedin.alternate,
i.icon.linkedin.in,
i.icon.linode,
i.icon.linux,
i.icon.lyft,
i.icon.magento,
i.icon.maxcdn,
i.icon.medapps,
i.icon.medium,
i.icon.medium.m,
i.icon.medrt,
i.icon.meetup,
i.icon.microsoft,
i.icon.mix,
i.icon.mixcloud,
i.icon.mizuni,
i.icon.modx,
i.icon.monero,
i.icon.napster,
i.icon.nintendo.switch,
i.icon.node,
i.icon.node.js,
i.icon.npm,
i.icon.ns8,
i.icon.nutritionix,
i.icon.odnoklassniki,
i.icon.odnoklassniki.square,
i.icon.opencart,
i.icon.openid,
i.icon.opera,
i.icon.optin.monster,
i.icon.osi,
i.icon.page4,
i.icon.pagelines,
i.icon.palfed,
i.icon.patreon,
i.icon.paypal,
i.icon.periscope,
i.icon.phabricator,
i.icon.phoenix.framework,
i.icon.php,
i.icon.pied.piper,
i.icon.pied.piper.alternate,
i.icon.pied.piper.pp,
i.icon.pinterest,
i.icon.pinterest.p,
i.icon.pinterest.square,
i.icon.playstation,
i.icon.product.hunt,
i.icon.pushed,
i.icon.python,
i.icon.qq,
i.icon.quinscape,
i.icon.quora,
i.icon.ravelry,
i.icon.react,
i.icon.rebel,
i.icon.redriver,
i.icon.reddit,
i.icon.reddit.alien,
i.icon.reddit.square,
i.icon.rendact,
i.icon.renren,
i.icon.replyd,
i.icon.resolving,
i.icon.rocketchat,
i.icon.rockrms,
i.icon.safari,
i.icon.sass,
i.icon.schlix,
i.icon.scribd,
i.icon.searchengin,
i.icon.sellcast,
i.icon.sellsy,
i.icon.servicestack,
i.icon.shirtsinbulk,
i.icon.simplybuilt,
i.icon.sistrix,
i.icon.skyatlas,
i.icon.skype,
i.icon.slack,
i.icon.slack.hash,
i.icon.slideshare,
i.icon.snapchat,
i.icon.snapchat.ghost,
i.icon.snapchat.square,
i.icon.soundcloud,
i.icon.speakap,
i.icon.spotify,
i.icon.stack.exchange,
i.icon.stack.overflow,
i.icon.staylinked,
i.icon.steam,
i.icon.steam.square,
i.icon.steam.symbol,
i.icon.sticker.mule,
i.icon.strava,
i.icon.stripe,
i.icon.stripe.s,
i.icon.studiovinari,
i.icon.stumbleupon,
i.icon.stumbleupon.circle,
i.icon.superpowers,
i.icon.supple,
i.icon.telegram,
i.icon.telegram.plane,
i.icon.tencent.weibo,
i.icon.themeisle,
i.icon.trello,
i.icon.tripadvisor,
i.icon.tumblr,
i.icon.tumblr.square,
i.icon.twitch,
i.icon.twitter,
i.icon.twitter.square,
i.icon.typo3,
i.icon.uber,
i.icon.uikit,
i.icon.uniregistry,
i.icon.untappd,
i.icon.usb,
i.icon.ussunnah,
i.icon.vaadin,
i.icon.viacoin,
i.icon.viadeo,
i.icon.viadeo.square,
i.icon.viber,
i.icon.vimeo,
i.icon.vimeo.square,
i.icon.vimeo.v,
i.icon.vine,
i.icon.vk,
i.icon.vnv,
i.icon.vuejs,
i.icon.wechat,
i.icon.weibo,
i.icon.weixin,
i.icon.whatsapp,
i.icon.whatsapp.square,
i.icon.whmcs,
i.icon.wikipedia.w,
i.icon.windows,
i.icon.wordpress,
i.icon.wordpress.simple,
i.icon.wpbeginner,
i.icon.wpexplorer,
i.icon.wpforms,
i.icon.xbox,
i.icon.xing,
i.icon.xing.square,
i.icon.y.combinator,
i.icon.yahoo,
i.icon.yandex,
i.icon.yandex.international,
i.icon.yelp,
i.icon.yoast,
i.icon.youtube,
i.icon.youtube.square {
    font-family: 'brand-icons';
}

/* Brand Icons Ideally Would Be Defined Here */

/*!
* # Semantic UI 2.4.0 - Dropdown
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/


/*******************************
Dropdown
*******************************/

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: left;
    -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


    /*******************************
Content
*******************************/


    /*--------------
Menu
---------------*/

    .ui.dropdown .menu {
        cursor: auto;
        position: absolute;
        display: none;
        outline: none;
        top: 100%;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        margin: 0em;
        padding: 0em 0em;
        background: #FFFFFF;
        font-size: 1em;
        text-shadow: none;
        text-align: left;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        border: 1px solid rgba(34, 36, 38, 0.15);
        border-radius: 0.28571429rem;
        -webkit-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease;
        z-index: 11;
        will-change: transform, opacity;
    }

        .ui.dropdown .menu > * {
            white-space: nowrap;
        }

    /*--------------
Hidden Input
---------------*/

    .ui.dropdown > input:not(.search):first-child,
    .ui.dropdown > select {
        display: none !important;
    }

    /*--------------
Dropdown Icon
---------------*/

    .ui.dropdown > .dropdown.icon {
        position: relative;
        width: auto;
        font-size: 0.85714286em;
        margin: 0em 0em 0em 1em;
    }

    .ui.dropdown .menu > .item .dropdown.icon {
        width: auto;
        float: right;
        margin: 0em 0em 0em 1em;
    }

        .ui.dropdown .menu > .item .dropdown.icon + .text {
            margin-right: 1em;
        }

    /*--------------
Text
---------------*/

    .ui.dropdown > .text {
        display: inline-block;
        -webkit-transition: none;
        transition: none;
    }

    /*--------------
Menu Item
---------------*/

    .ui.dropdown .menu > .item {
        position: relative;
        cursor: pointer;
        display: block;
        border: none;
        height: auto;
        text-align: left;
        border-top: none;
        line-height: 1em;
        color: rgba(0, 0, 0, 0.87);
        padding: 0.78571429rem 1.14285714rem !important;
        font-size: 1rem;
        text-transform: none;
        font-weight: normal;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-touch-callout: none;
    }

        .ui.dropdown .menu > .item:first-child {
            border-top-width: 0px;
        }

    /*--------------
Floated Content
---------------*/

    .ui.dropdown > .text > [class*="right floated"],
    .ui.dropdown .menu .item > [class*="right floated"] {
        float: right !important;
        margin-right: 0em !important;
        margin-left: 1em !important;
    }

    .ui.dropdown > .text > [class*="left floated"],
    .ui.dropdown .menu .item > [class*="left floated"] {
        float: left !important;
        margin-left: 0em !important;
        margin-right: 1em !important;
    }

    .ui.dropdown .menu .item > .icon.floated,
    .ui.dropdown .menu .item > .flag.floated,
    .ui.dropdown .menu .item > .image.floated,
    .ui.dropdown .menu .item > img.floated {
        margin-top: 0em;
    }

    /*--------------
Menu Divider
---------------*/

    .ui.dropdown .menu > .header {
        margin: 1rem 0rem 0.75rem;
        padding: 0em 1.14285714rem;
        color: rgba(0, 0, 0, 0.85);
        font-size: 0.78571429em;
        font-weight: bold;
        text-transform: uppercase;
    }

    .ui.dropdown .menu > .divider {
        border-top: 1px solid rgba(34, 36, 38, 0.1);
        height: 0em;
        margin: 0.5em 0em;
    }

    .ui.dropdown.dropdown .menu > .input {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 1.14285714rem 0.78571429rem;
        min-width: 10rem;
    }

    .ui.dropdown .menu > .header + .input {
        margin-top: 0em;
    }

    .ui.dropdown .menu > .input:not(.transparent) input {
        padding: 0.5em 1em;
    }

    .ui.dropdown .menu > .input:not(.transparent) .button,
    .ui.dropdown .menu > .input:not(.transparent) .icon,
    .ui.dropdown .menu > .input:not(.transparent) .label {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    /*-----------------
Item Description
-------------------*/

    .ui.dropdown > .text > .description,
    .ui.dropdown .menu > .item > .description {
        float: right;
        margin: 0em 0em 0em 1em;
        color: rgba(0, 0, 0, 0.4);
    }

    /*-----------------
Message
-------------------*/

    .ui.dropdown .menu > .message {
        padding: 0.78571429rem 1.14285714rem;
        font-weight: normal;
    }

        .ui.dropdown .menu > .message:not(.ui) {
            color: rgba(0, 0, 0, 0.4);
        }

    /*--------------
Sub Menu
---------------*/

    .ui.dropdown .menu .menu {
        top: 0% !important;
        left: 100%;
        right: auto;
        margin: 0em 0em 0em -0.5em !important;
        border-radius: 0.28571429rem !important;
        z-index: 21 !important;
    }

        /* Hide Arrow */
        .ui.dropdown .menu .menu:after {
            display: none;
        }

    /*--------------
Sub Elements
---------------*/


    /* Icons / Flags / Labels / Image */
    .ui.dropdown > .text > .icon,
    .ui.dropdown > .text > .label,
    .ui.dropdown > .text > .flag,
    .ui.dropdown > .text > img,
    .ui.dropdown > .text > .image {
        margin-top: 0em;
    }

    .ui.dropdown .menu > .item > .icon,
    .ui.dropdown .menu > .item > .label,
    .ui.dropdown .menu > .item > .flag,
    .ui.dropdown .menu > .item > .image,
    .ui.dropdown .menu > .item > img {
        margin-top: 0em;
    }

    .ui.dropdown > .text > .icon,
    .ui.dropdown > .text > .label,
    .ui.dropdown > .text > .flag,
    .ui.dropdown > .text > img,
    .ui.dropdown > .text > .image,
    .ui.dropdown .menu > .item > .icon,
    .ui.dropdown .menu > .item > .label,
    .ui.dropdown .menu > .item > .flag,
    .ui.dropdown .menu > .item > .image,
    .ui.dropdown .menu > .item > img {
        margin-left: 0em;
        float: none;
        margin-right: 0.78571429rem;
    }

    /*--------------
Image
---------------*/

    .ui.dropdown > .text > img,
    .ui.dropdown > .text > .image,
    .ui.dropdown .menu > .item > .image,
    .ui.dropdown .menu > .item > img {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-top: -0.5em;
        margin-bottom: -0.5em;
        max-height: 2em;
    }


    /*******************************
Coupling
*******************************/


    /*--------------
Menu
---------------*/


    /* Remove Menu Item Divider */
    .ui.dropdown .ui.menu > .item:before,
    .ui.menu .ui.dropdown .menu > .item:before {
        display: none;
    }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
    border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
    left: auto;
    right: 0em;
}

/*--------------
Label
---------------*/


/* Dropdown Menu */
.ui.label.dropdown .menu {
    min-width: 100%;
}

/*--------------
Button
---------------*/


/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
    margin: 0em;
}

.ui.button.dropdown .menu {
    min-width: 100%;
}


/*******************************
Types
*******************************/


/*--------------
Selection
---------------*/


/* Displays like a select box */
.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #FFFFFF;
    display: inline-block;
    padding: 0.78571429em 2.1em 0.78571429em 1em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}

    .ui.selection.dropdown.visible,
    .ui.selection.dropdown.active {
        z-index: 10;
    }

select.ui.dropdown {
    height: 38px;
    padding: 0.5em;
    border: 1px solid rgba(34, 36, 38, 0.15);
    visibility: visible;
}

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.21428571em;
    top: 0.78571429em;
    right: 1em;
    z-index: 3;
    margin: -0.78571429em;
    padding: 0.91666667em;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
    min-width: 0px;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0px !important;
    width: auto;
    outline: none;
    margin: 0px -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

    .ui.selection.dropdown .menu:after,
    .ui.selection.dropdown .menu:before {
        display: none;
    }

    /*--------------
Message
---------------*/

    .ui.selection.dropdown .menu > .message {
        padding: 0.78571429rem 1.14285714rem;
    }

@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem;
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem;
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem;
    }
}

@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem;
    }
}

/* Menu Item */
.ui.selection.dropdown .menu > .item {
    border-top: 1px solid #FAFAFA;
    padding: 0.78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
    display: none;
}

/* Hover */
.ui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, 0.35);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Active */
.ui.selection.active.dropdown {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

    .ui.selection.active.dropdown .menu {
        border-color: #96C8DA;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    }

/* Focus */
.ui.selection.dropdown:focus {
    border-color: #96C8DA;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ui.selection.dropdown:focus .menu {
        border-color: #96C8DA;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8);
}

/* Visible Hover */
.ui.selection.active.dropdown:hover {
    border-color: #96C8DA;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

    .ui.selection.active.dropdown:hover .menu {
        border-color: #96C8DA;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
    opacity: '';
    z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown {
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0em !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
    border-radius: 0.28571429rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .ui.active.empty.selection.dropdown .menu {
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

/*--------------
Searchable
---------------*/


/* Search Selection */
.ui.search.dropdown {
    min-width: '';
}

    /* Search Dropdown */
    .ui.search.dropdown > input.search {
        background: none transparent !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        cursor: text;
        top: 0em;
        left: 1px;
        width: 100%;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        padding: inherit;
    }

    /* Text Layering */
    .ui.search.dropdown > input.search {
        position: absolute;
        z-index: 2;
    }

    .ui.search.dropdown > .text {
        cursor: text;
        position: relative;
        left: 1px;
        z-index: 3;
    }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
    line-height: 1.21428571em;
    padding: 0.67857143em 2.1em 0.67857143em 1em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
    line-height: 1.21428571em;
    padding: 0.67857143em 2.1em 0.67857143em 1em;
    display: none;
    white-space: pre;
}

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
    cursor: auto;
}

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
    pointer-events: none;
}

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
    opacity: 0.45;
}

.ui.active.search.dropdown input.search:focus + .text {
    color: rgba(115, 115, 115, 0.87) !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem;
    }
}

@media only screen and (min-width: 768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem;
    }
}

@media only screen and (min-width: 992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem;
    }
}

@media only screen and (min-width: 1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem;
    }
}

/*--------------
Multiple
---------------*/


/* Multiple Selection */
.ui.multiple.dropdown {
    padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}

    .ui.multiple.dropdown .menu {
        cursor: auto;
    }

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
    cursor: text;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: 0.35714286em 0.78571429em;
    margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
    box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
    margin: '';
    padding: '';
}

/* Text */
.ui.multiple.dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45238095em 0em 0.45238095em 0.64285714em;
    line-height: 1.21428571em;
}

.ui.multiple.dropdown > .label ~ input.search {
    margin-left: 0.14285714em !important;
}

.ui.multiple.dropdown > .label ~ .text {
    display: none;
}

/*-----------------
Multiple Search
-----------------*/


/* Prompt Text */
.ui.multiple.search.dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: 0.45238095em 0em 0.45238095em 0.64285714em;
    line-height: 1.21428571em;
}

.ui.multiple.search.dropdown > .label ~ .text {
    display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45238095em 0em 0.45238095em 0.64285714em;
    width: 2.2em;
    line-height: 1.21428571em;
}

/*--------------
Inline
---------------*/

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit;
}

    .ui.inline.dropdown .dropdown.icon {
        margin: 0em 0.21428571em 0em 0.21428571em;
        vertical-align: baseline;
    }

    .ui.inline.dropdown > .text {
        font-weight: bold;
    }

    .ui.inline.dropdown .menu {
        cursor: auto;
        margin-top: 0.21428571em;
        border-radius: 0.28571429rem;
    }


/*******************************
States
*******************************/


/*--------------------
Active
----------------------*/


/* Menu Item Active */
.ui.dropdown .menu .active.item {
    background: transparent;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 12;
}

/*--------------------
Hover
----------------------*/


/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    z-index: 13;
}

/*--------------------
Loading
---------------------*/

.ui.loading.dropdown > i.icon {
    height: 1em !important;
}

.ui.loading.selection.dropdown > i.icon {
    padding: 1.5em 1.28571429em !important;
}

.ui.loading.dropdown > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.dropdown > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: dropdown-spin 0.6s linear;
    animation: dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
    display: none;
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*--------------------
Default Text
----------------------*/

.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
    color: rgba(191, 191, 191, 0.87);
}

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
    color: rgba(115, 115, 115, 0.87);
}

/*--------------------
Loading
----------------------*/

.ui.loading.dropdown > .text {
    -webkit-transition: none;
    transition: none;
}

/* Used To Check Position */
.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1;
}

.ui.dropdown > .loading.menu {
    left: 0px !important;
    right: auto !important;
}

.ui.dropdown > .menu .loading.menu {
    left: 100% !important;
    right: auto !important;
}

/*--------------------
Keyboard Select
----------------------*/


/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
}

/*--------------------
Search Filtered
----------------------*/


/* Filtered Item */
.ui.dropdown > .filtered.text {
    visibility: hidden;
}

.ui.dropdown .filtered.item {
    display: none !important;
}

/*--------------------
Error
----------------------*/

.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
    color: #9F3A38;
}

.ui.selection.dropdown.error {
    background: #FFF6F6;
    border-color: #E0B4B4;
}

    .ui.selection.dropdown.error:hover {
        border-color: #E0B4B4;
    }

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
    border-color: #E0B4B4;
}

    .ui.dropdown.error > .menu > .item {
        color: #9F3A38;
    }

.ui.multiple.selection.error.dropdown > .label {
    border-color: #E0B4B4;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
    background-color: #FFF2F2;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
    background-color: #FDCFCF;
}

/*--------------------
Clear
----------------------*/

.ui.dropdown > .clear.dropdown.icon {
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

    .ui.dropdown > .clear.dropdown.icon:hover {
        opacity: 1;
    }

/*--------------------
Disabled
----------------------*/


/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: 0.45;
}


/*******************************
Variations
*******************************/


/*--------------
Direction
---------------*/


/* Flyout Direction */
.ui.dropdown .menu {
    left: 0px;
}

    /* Default Side (Right) */
    .ui.dropdown .right.menu > .menu,
    .ui.dropdown .menu .right.menu {
        left: 100% !important;
        right: auto !important;
        border-radius: 0.28571429rem !important;
    }

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
    left: auto !important;
    right: 0px !important;
}

    .ui.dropdown > .left.menu .menu,
    .ui.dropdown .menu .left.menu {
        left: auto;
        right: 100%;
        margin: 0em -0.5em 0em 0em !important;
        border-radius: 0.28571429rem !important;
    }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0em 0em 0em 0em;
}

    .ui.dropdown .item .left.dropdown.icon + .text,
    .ui.dropdown .left.menu .item .dropdown.icon + .text {
        margin-left: 1em;
        margin-right: 0em;
    }

/*--------------
Upward
---------------*/


/* Upward Main Menu */
.ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important;
}

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Selection */
.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0px !important;
    -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

.ui.upward.selection.dropdown:hover {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

/* Active Upward */
.ui.active.upward.selection.dropdown {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}

    .ui.upward.active.selection.dropdown:hover .menu {
        -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
    }

/*--------------
Simple
---------------*/


/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    overflow-x: hidden;
    overflow-y: auto;
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important;
}

.ui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
}

    .ui.scrolling.dropdown .menu .item.item.item,
    .ui.dropdown .scrolling.menu > .item.item.item {
        border-top: none;
    }

    .ui.scrolling.dropdown .menu .item:first-child,
    .ui.dropdown .scrolling.menu .item:first-child {
        border-top: none;
    }

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
    display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {

    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        min-width: calc(100% - 17px);
    }
}

@media only screen and (max-width: 767px) {

    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 10.28571429rem;
    }
}

@media only screen and (min-width: 768px) {

    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 15.42857143rem;
    }
}

@media only screen and (min-width: 992px) {

    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 20.57142857rem;
    }
}

@media only screen and (min-width: 1920px) {

    .ui.scrolling.dropdown .menu,
    .ui.dropdown .scrolling.menu {
        max-height: 20.57142857rem;
    }
}

/*--------------
Simple
---------------*/


/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
    display: none;
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
    border-bottom-left-radius: 0em !important;
    border-bottom-right-radius: 0em !important;
}

    .ui.simple.active.dropdown > .menu,
    .ui.simple.dropdown:hover > .menu {
        overflow: visible;
        width: auto;
        height: auto;
        top: 100% !important;
        opacity: 1;
    }

        .ui.simple.dropdown > .menu > .item:active > .menu,
        .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
            overflow: visible;
            width: auto;
            height: auto;
            top: 0% !important;
            left: 100% !important;
            opacity: 1;
        }

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
    display: block;
}

/*--------------
Fluid
---------------*/

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0em;
}

    .ui.fluid.dropdown > .dropdown.icon {
        float: right;
    }

/*--------------
Floating
---------------*/

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
    box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
    border-radius: 0.28571429rem !important;
}

.ui.floating.dropdown > .menu {
    margin-top: 0.5em !important;
    border-radius: 0.28571429rem !important;
}

/*--------------
Pointing
---------------*/

.ui.pointing.dropdown > .menu {
    top: 100%;
    margin-top: 0.78571429rem;
    border-radius: 0.28571429rem;
}

    .ui.pointing.dropdown > .menu:after {
        display: block;
        position: absolute;
        pointer-events: none;
        content: '';
        visibility: visible;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 0.5em;
        height: 0.5em;
        -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
        background: #FFFFFF;
        z-index: 2;
    }

    .ui.pointing.dropdown > .menu:after {
        top: -0.25em;
        left: 50%;
        margin: 0em 0em 0em -0.25em;
    }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0%;
    right: auto;
    margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0%;
    right: auto;
    margin: 1em 0em 0em;
}

    .ui.top.left.pointing.dropdown > .menu:after {
        top: -0.25em;
        left: 1em;
        right: auto;
        margin: 0em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    right: 0%;
    left: auto;
    margin: 1em 0em 0em;
}

    .ui.top.pointing.dropdown > .left.menu:after,
    .ui.top.right.pointing.dropdown > .menu:after {
        top: -0.25em;
        left: auto !important;
        right: 1em !important;
        margin: 0em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
    top: 0%;
    left: 100%;
    right: auto;
    margin: 0em 0em 0em 1em;
}

    .ui.left.pointing.dropdown > .menu:after {
        top: 1em;
        left: -0.25em;
        margin: 0em 0em 0em 0em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
    left: auto !important;
    right: 100% !important;
    margin: 0em 1em 0em 0em;
}

    .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
        top: 1em;
        left: auto;
        right: -0.25em;
        margin: 0em 0em 0em 0em;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
    top: 0%;
    left: auto;
    right: 100%;
    margin: 0em 1em 0em 0em;
}

    .ui.right.pointing.dropdown > .menu:after {
        top: 1em;
        left: auto;
        right: -0.25em;
        margin: 0em 0em 0em 0em;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    left: 0%;
    right: auto;
    margin: 0em 0em 1em;
}

    .ui.bottom.pointing.dropdown > .menu:after {
        top: auto;
        bottom: -0.25em;
        right: auto;
        margin: 0em;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    /* Reverse Sub-Menu Direction */
    .ui.bottom.pointing.dropdown > .menu .menu {
        top: auto !important;
        bottom: 0px !important;
    }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
    left: 0%;
    right: auto;
}

    .ui.bottom.left.pointing.dropdown > .menu:after {
        left: 1em;
        right: auto;
    }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
    right: 0%;
    left: auto;
}

    .ui.bottom.right.pointing.dropdown > .menu:after {
        left: auto;
        right: 1em;
    }

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
    top: auto !important;
    bottom: 100% !important;
    margin: 0em 0em 0.78571429rem;
    border-radius: 0.28571429rem;
}

    .ui.pointing.upward.dropdown .menu:after,
    .ui.top.pointing.upward.dropdown .menu:after {
        top: 100% !important;
        bottom: auto !important;
        -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
        margin: -0.25em 0em 0em;
    }

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top: auto !important;
    bottom: 0 !important;
    margin: 0em 1em 0em 0em;
}

    .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
        top: auto !important;
        bottom: 0 !important;
        margin: 0em 0em 1em 0em;
        -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
    }

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top: auto !important;
    bottom: 0 !important;
    margin: 0em 0em 0em 1em;
}

    .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
        top: auto !important;
        bottom: 0 !important;
        margin: 0em 0em 1em 0em;
        -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
    }


/*******************************
Theme Overrides
*******************************/


/* Dropdown Carets */
@font-face {
    font-family: 'Dropdown';
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ui.dropdown > .dropdown.icon {
    font-family: 'Dropdown';
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

.ui.dropdown > .dropdown.icon {
    width: auto;
}

    .ui.dropdown > .dropdown.icon:before {
        content: '\f0d7';
    }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
    content: '\f0da'
    /*rtl:'\f0d9'*/
    ;
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
    /*rtl:"\f0da"*/
    ;
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\f0da"
    /*rtl:"\f0d9"*/
    ;
}

.ui.dropdown > .clear.icon:before {
    content: "\f00d";
}

/*!
* # Semantic UI 2.4.0 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/


/*******************************
Transitions
*******************************/

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/*******************************
States
*******************************/


/* Animating */
.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important;
}

/* Loading */
.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

/* Hidden */
.hidden.transition {
    display: none;
    visibility: hidden;
}

/* Visible */
.visible.transition {
    display: block !important;
    visibility: visible !important;
    /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}

/* Disabled */
.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}


/*******************************
Variations
*******************************/

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/*******************************
Transitions
*******************************/

/*
Some transitions adapted from Animate CSS
https://github.com/daneden/animate.css

Additional transitions adapted from Glide
by Nick Pettit - https://github.com/nickpettit/glide
*/

/*--------------
Browse
---------------*/

.transition.browse {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

    .transition.browse.in {
        -webkit-animation-name: browseIn;
        animation-name: browseIn;
    }

    .transition.browse.out,
    .transition.browse.left.out {
        -webkit-animation-name: browseOutLeft;
        animation-name: browseOutLeft;
    }

    .transition.browse.right.out {
        -webkit-animation-name: browseOutRight;
        animation-name: browseOutRight;
    }

/* In */
@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
    }

    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999;
    }

    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999;
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
    }

    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999;
    }

    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999;
    }
}

/* Out */
@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

/*--------------
Drop
---------------*/

.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

    .drop.transition.in {
        -webkit-animation-name: dropIn;
        animation-name: dropIn;
    }

    .drop.transition.out {
        -webkit-animation-name: dropOut;
        animation-name: dropOut;
    }

/* Drop */
@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

/*--------------
Fade
---------------*/

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/* Out */
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}

/*--------------
Flips
---------------*/

.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}

/* Out */
@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}

/*--------------
Scale
---------------*/

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Out */
@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

/*--------------
Fly
---------------*/


/* Inward */
.transition.fly {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .transition.fly.in {
        -webkit-animation-name: flyIn;
        animation-name: flyIn;
    }

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp;
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown;
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut;
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

/* Out */
@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@-webkit-keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-webkit-keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

/*--------------
Slide
---------------*/

.transition.slide.in,
.transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/* In */
@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

/* Out */
@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

/*--------------
Swing
---------------*/

.transition.swing {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/* In */
@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }
}

/* Out */
@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}

/*--------------
Zoom
---------------*/

.transition.zoom.in {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.transition.zoom.out {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}


/*******************************
Static Animations
*******************************/


/*--------------
Emphasis
---------------*/

.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash;
}

.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake;
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada;
}

.pulse.transition {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle;
}

.transition.glow {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.transition.glow {
    -webkit-animation-name: glow;
    animation-name: glow;
}

/* Flash */
@-webkit-keyframes flash {

    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {

    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

/* Shake */
@-webkit-keyframes shake {

    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {

    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

/* Bounce */
@-webkit-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

/* Tada */
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

/* Pulse */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/* Jiggle */
@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* Glow */
@-webkit-keyframes glow {
    0% {
        background-color: #FCFCFD;
    }

    30% {
        background-color: #FFF6CD;
    }

    100% {
        background-color: #FCFCFD;
    }
}

@keyframes glow {
    0% {
        background-color: #FCFCFD;
    }

    30% {
        background-color: #FFF6CD;
    }

    100% {
        background-color: #FCFCFD;
    }
}

/*!
* # Semantic UI 2.4.0 - Search
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/


/*******************************
Search
*******************************/

.ui.search {
    position: relative;
}

    .ui.search > .prompt {
        margin: 0em;
        outline: none;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        text-shadow: none;
        font-style: normal;
        font-weight: normal;
        line-height: 1.21428571em;
        padding: 0.67857143em 1em;
        font-size: 1em;
        background: #FFFFFF;
        border: 1px solid rgba(34, 36, 38, 0.15);
        color: rgba(0, 0, 0, 0.87);
        -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
        box-shadow: 0em 0em 0em 0em transparent inset;
        -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
        transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    }

    .ui.search .prompt {
        border-radius: 500rem;
    }

        /*--------------
Icon
---------------*/

        .ui.search .prompt ~ .search.icon {
            cursor: pointer;
        }

    /*--------------
Results
---------------*/

    .ui.search > .results {
        display: none;
        position: absolute;
        top: 100%;
        left: 0%;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        white-space: normal;
        text-align: left;
        text-transform: none;
        background: #FFFFFF;
        margin-top: 0.5em;
        width: 18em;
        border-radius: 0.28571429rem;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
        border: 1px solid #D4D4D5;
        z-index: 998;
    }

        .ui.search > .results > :first-child {
            border-radius: 0.28571429rem 0.28571429rem 0em 0em;
        }

        .ui.search > .results > :last-child {
            border-radius: 0em 0em 0.28571429rem 0.28571429rem;
        }

        /*--------------
Result
---------------*/

        .ui.search > .results .result {
            cursor: pointer;
            display: block;
            overflow: hidden;
            font-size: 1em;
            padding: 0.85714286em 1.14285714em;
            color: rgba(0, 0, 0, 0.87);
            line-height: 1.33;
            border-bottom: 1px solid rgba(34, 36, 38, 0.1);
        }

            .ui.search > .results .result:last-child {
                border-bottom: none !important;
            }

            /* Image */
            .ui.search > .results .result .image {
                float: right;
                overflow: hidden;
                background: none;
                width: 5em;
                height: 3em;
                border-radius: 0.25em;
            }

                .ui.search > .results .result .image img {
                    display: block;
                    width: auto;
                    height: 100%;
                }

                /*--------------
Info
---------------*/

                .ui.search > .results .result .image + .content {
                    margin: 0em 6em 0em 0em;
                }

            .ui.search > .results .result .title {
                margin: -0.14285714em 0em 0em;
                font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
                font-weight: bold;
                font-size: 1em;
                color: rgba(0, 0, 0, 0.85);
            }

            .ui.search > .results .result .description {
                margin-top: 0;
                font-size: 0.92857143em;
                color: rgba(0, 0, 0, 0.4);
            }

            .ui.search > .results .result .price {
                float: right;
                color: #21BA45;
            }

        /*--------------
Message
---------------*/

        .ui.search > .results > .message {
            padding: 1em 1em;
        }

            .ui.search > .results > .message .header {
                font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
                font-size: 1rem;
                font-weight: bold;
                color: rgba(0, 0, 0, 0.87);
            }

            .ui.search > .results > .message .description {
                margin-top: 0.25rem;
                font-size: 1em;
                color: rgba(0, 0, 0, 0.87);
            }

        /* View All Results */
        .ui.search > .results > .action {
            display: block;
            border-top: none;
            background: #F3F4F5;
            padding: 0.92857143em 1em;
            color: rgba(0, 0, 0, 0.87);
            font-weight: bold;
            text-align: center;
        }


    /*******************************
States
*******************************/


    /*--------------------
Focus
---------------------*/

    .ui.search > .prompt:focus {
        border-color: rgba(34, 36, 38, 0.35);
        background: #FFFFFF;
        color: rgba(0, 0, 0, 0.95);
    }

/*--------------------
Loading
---------------------*/

.ui.loading.search .input > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.search .input > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------
Hover
---------------*/

.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
    background: #F9FAFB;
}

.ui.search .action:hover {
    background: #E0E0E0;
}

/*--------------
Active
---------------*/

.ui.category.search > .results .category.active {
    background: #F3F4F5;
}

    .ui.category.search > .results .category.active > .name {
        color: rgba(0, 0, 0, 0.87);
    }

.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
    position: relative;
    border-left-color: rgba(34, 36, 38, 0.1);
    background: #F3F4F5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ui.search > .results .result.active .title {
        color: rgba(0, 0, 0, 0.85);
    }

    .ui.search > .results .result.active .description {
        color: rgba(0, 0, 0, 0.85);
    }

/*--------------------
Disabled
----------------------*/


/* Disabled */
.ui.disabled.search {
    cursor: default;
    pointer-events: none;
    opacity: 0.45;
}


/*******************************
Types
*******************************/


/*--------------
Selection
---------------*/

.ui.search.selection .prompt {
    border-radius: 0.28571429rem;
}

/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
    pointer-events: none;
    position: absolute;
    left: auto;
    opacity: 0;
    color: '';
    top: 0em;
    right: 0em;
    -webkit-transition: color 0.1s ease, opacity 0.1s ease;
    transition: color 0.1s ease, opacity 0.1s ease;
}

.ui.search.selection > .icon.input > .active.remove.icon {
    cursor: pointer;
    opacity: 0.8;
    pointer-events: auto;
}

.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
    right: 1.85714em;
}

.ui.search.selection > .icon.input > .remove.icon:hover {
    opacity: 1;
    color: #DB2828;
}

/*--------------
Category
---------------*/

.ui.category.search .results {
    width: 28em;
}

    .ui.category.search .results.animating,
    .ui.category.search .results.visible {
        display: table;
    }

/* Category */
.ui.category.search > .results .category {
    display: table-row;
    background: #F3F4F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background 0.1s ease, border-color 0.1s ease;
    transition: background 0.1s ease, border-color 0.1s ease;
}

    /* Last Category */
    .ui.category.search > .results .category:last-child {
        border-bottom: none;
    }

    /* First / Last */
    .ui.category.search > .results .category:first-child .name + .result {
        border-radius: 0em 0.28571429rem 0em 0em;
    }

    .ui.category.search > .results .category:last-child .result:last-child {
        border-radius: 0em 0em 0.28571429rem 0em;
    }

    /* Category Result Name */
    .ui.category.search > .results .category > .name {
        display: table-cell;
        text-overflow: ellipsis;
        width: 100px;
        white-space: nowrap;
        background: transparent;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding: 0.4em 1em;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.4);
        border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    }

    /* Category Result */
    .ui.category.search > .results .category .results {
        display: table-cell;
        background: #FFFFFF;
        border-left: 1px solid rgba(34, 36, 38, 0.15);
        border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    }

    .ui.category.search > .results .category .result {
        border-bottom: 1px solid rgba(34, 36, 38, 0.1);
        -webkit-transition: background 0.1s ease, border-color 0.1s ease;
        transition: background 0.1s ease, border-color 0.1s ease;
        padding: 0.85714286em 1.14285714em;
    }


/*******************************
Variations
*******************************/


/*-------------------
Left / Right
--------------------*/

.ui[class*="left aligned"].search > .results {
    right: auto;
    left: 0%;
}

.ui[class*="right aligned"].search > .results {
    right: 0%;
    left: auto;
}

/*--------------
Fluid
---------------*/

.ui.fluid.search .results {
    width: 100%;
}

/*--------------
Sizes
---------------*/

.ui.mini.search {
    font-size: 0.78571429em;
}

.ui.small.search {
    font-size: 0.92857143em;
}

.ui.search {
    font-size: 1em;
}

.ui.large.search {
    font-size: 1.14285714em;
}

.ui.big.search {
    font-size: 1.28571429em;
}

.ui.huge.search {
    font-size: 1.42857143em;
}

.ui.massive.search {
    font-size: 1.71428571em;
}

/*--------------
Mobile
---------------*/

@media only screen and (max-width: 767px) {
    .ui.search .results {
        max-width: calc(100vw - 2rem);
    }
}


/*!
 * Font Awesome Pro 5.10.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
    content: "\f26e";
}

.fa-abacus:before {
    content: "\f640";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acorn:before {
    content: "\f6ae";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-alarm-clock:before {
    content: "\f34e";
}

.fa-alarm-exclamation:before {
    content: "\f843";
}

.fa-alarm-plus:before {
    content: "\f844";
}

.fa-alarm-snooze:before {
    content: "\f845";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-alicorn:before {
    content: "\f6b0";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-slash:before {
    content: "\f846";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-analytics:before {
    content: "\f643";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angel:before {
    content: "\f779";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-crate:before {
    content: "\f6b1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-alt-down:before {
    content: "\f354";
}

.fa-arrow-alt-from-bottom:before {
    content: "\f346";
}

.fa-arrow-alt-from-left:before {
    content: "\f347";
}

.fa-arrow-alt-from-right:before {
    content: "\f348";
}

.fa-arrow-alt-from-top:before {
    content: "\f349";
}

.fa-arrow-alt-left:before {
    content: "\f355";
}

.fa-arrow-alt-right:before {
    content: "\f356";
}

.fa-arrow-alt-square-down:before {
    content: "\f350";
}

.fa-arrow-alt-square-left:before {
    content: "\f351";
}

.fa-arrow-alt-square-right:before {
    content: "\f352";
}

.fa-arrow-alt-square-up:before {
    content: "\f353";
}

.fa-arrow-alt-to-bottom:before {
    content: "\f34a";
}

.fa-arrow-alt-to-left:before {
    content: "\f34b";
}

.fa-arrow-alt-to-right:before {
    content: "\f34c";
}

.fa-arrow-alt-to-top:before {
    content: "\f34d";
}

.fa-arrow-alt-up:before {
    content: "\f357";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-from-bottom:before {
    content: "\f342";
}

.fa-arrow-from-left:before {
    content: "\f343";
}

.fa-arrow-from-right:before {
    content: "\f344";
}

.fa-arrow-from-top:before {
    content: "\f345";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-square-down:before {
    content: "\f339";
}

.fa-arrow-square-left:before {
    content: "\f33a";
}

.fa-arrow-square-right:before {
    content: "\f33b";
}

.fa-arrow-square-up:before {
    content: "\f33c";
}

.fa-arrow-to-bottom:before {
    content: "\f33d";
}

.fa-arrow-to-left:before {
    content: "\f33e";
}

.fa-arrow-to-right:before {
    content: "\f340";
}

.fa-arrow-to-top:before {
    content: "\f341";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-atom-alt:before {
    content: "\f5d3";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-axe:before {
    content: "\f6b2";
}

.fa-axe-battle:before {
    content: "\f6b3";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backpack:before {
    content: "\f5d4";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-badge:before {
    content: "\f335";
}

.fa-badge-check:before {
    content: "\f336";
}

.fa-badge-dollar:before {
    content: "\f645";
}

.fa-badge-percent:before {
    content: "\f646";
}

.fa-badger-honey:before {
    content: "\f6b4";
}

.fa-bags-shopping:before {
    content: "\f847";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ball-pile:before {
    content: "\f77e";
}

.fa-ballot:before {
    content: "\f732";
}

.fa-ballot-check:before {
    content: "\f733";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-barcode-alt:before {
    content: "\f463";
}

.fa-barcode-read:before {
    content: "\f464";
}

.fa-barcode-scan:before {
    content: "\f465";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball:before {
    content: "\f432";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-basketball-hoop:before {
    content: "\f435";
}

.fa-bat:before {
    content: "\f6b5";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-bolt:before {
    content: "\f376";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-slash:before {
    content: "\f377";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-exclamation:before {
    content: "\f848";
}

.fa-bell-plus:before {
    content: "\f849";
}

.fa-bell-school:before {
    content: "\f5d5";
}

.fa-bell-school-slash:before {
    content: "\f5d6";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bells:before {
    content: "\f77f";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-biking-mountain:before {
    content: "\f84b";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blanket:before {
    content: "\f498";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bone-break:before {
    content: "\f5d8";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-alt:before {
    content: "\f5d9";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-heart:before {
    content: "\f499";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-book-spells:before {
    content: "\f6b8";
}

.fa-book-user:before {
    content: "\f7e7";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-books:before {
    content: "\f5db";
}

.fa-books-medical:before {
    content: "\f7e8";
}

.fa-boot:before {
    content: "\f782";
}

.fa-booth-curtain:before {
    content: "\f734";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-bottom:before {
    content: "\f84d";
}

.fa-border-center-h:before {
    content: "\f89c";
}

.fa-border-center-v:before {
    content: "\f89d";
}

.fa-border-inner:before {
    content: "\f84e";
}

.fa-border-left:before {
    content: "\f84f";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-outer:before {
    content: "\f851";
}

.fa-border-right:before {
    content: "\f852";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-border-style-alt:before {
    content: "\f854";
}

.fa-border-top:before {
    content: "\f855";
}

.fa-bow-arrow:before {
    content: "\f6b9";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-bowling-pins:before {
    content: "\f437";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-alt:before {
    content: "\f49a";
}

.fa-box-ballot:before {
    content: "\f735";
}

.fa-box-check:before {
    content: "\f467";
}

.fa-box-fragile:before {
    content: "\f49b";
}

.fa-box-full:before {
    content: "\f49c";
}

.fa-box-heart:before {
    content: "\f49d";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-up:before {
    content: "\f49f";
}

.fa-box-usd:before {
    content: "\f4a0";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-boxes-alt:before {
    content: "\f4a1";
}

.fa-boxing-glove:before {
    content: "\f438";
}

.fa-brackets:before {
    content: "\f7e9";
}

.fa-brackets-curly:before {
    content: "\f7ea";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-loaf:before {
    content: "\f7eb";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-bring-forward:before {
    content: "\f856";
}

.fa-bring-front:before {
    content: "\f857";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-browser:before {
    content: "\f37e";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-bullseye-arrow:before {
    content: "\f648";
}

.fa-bullseye-pointer:before {
    content: "\f649";
}

.fa-burger-soda:before {
    content: "\f858";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-burrito:before {
    content: "\f7ed";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-bus-school:before {
    content: "\f5dd";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-cabinet-filing:before {
    content: "\f64b";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calculator-alt:before {
    content: "\f64c";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-edit:before {
    content: "\f333";
}

.fa-calendar-exclamation:before {
    content: "\f334";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-star:before {
    content: "\f736";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-alt:before {
    content: "\f332";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campfire:before {
    content: "\f6ba";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candle-holder:before {
    content: "\f6bc";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-candy-corn:before {
    content: "\f6bd";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-building:before {
    content: "\f859";
}

.fa-car-bump:before {
    content: "\f5e0";
}

.fa-car-bus:before {
    content: "\f85a";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-garage:before {
    content: "\f5e2";
}

.fa-car-mechanic:before {
    content: "\f5e3";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-car-tilt:before {
    content: "\f5e5";
}

.fa-car-wash:before {
    content: "\f5e6";
}

.fa-caret-circle-down:before {
    content: "\f32d";
}

.fa-caret-circle-left:before {
    content: "\f32e";
}

.fa-caret-circle-right:before {
    content: "\f330";
}

.fa-caret-circle-up:before {
    content: "\f331";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cars:before {
    content: "\f85b";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cauldron:before {
    content: "\f6bf";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chair-office:before {
    content: "\f6c1";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-line-down:before {
    content: "\f64d";
}

.fa-chart-network:before {
    content: "\f78a";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-chart-pie-alt:before {
    content: "\f64e";
}

.fa-chart-scatter:before {
    content: "\f7ee";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-cheese-swiss:before {
    content: "\f7f0";
}

.fa-cheeseburger:before {
    content: "\f7f1";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-bishop-alt:before {
    content: "\f43b";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-clock:before {
    content: "\f43d";
}

.fa-chess-clock-alt:before {
    content: "\f43e";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-king-alt:before {
    content: "\f440";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-knight-alt:before {
    content: "\f442";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-pawn-alt:before {
    content: "\f444";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-queen-alt:before {
    content: "\f446";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chess-rook-alt:before {
    content: "\f448";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-double-down:before {
    content: "\f322";
}

.fa-chevron-double-left:before {
    content: "\f323";
}

.fa-chevron-double-right:before {
    content: "\f324";
}

.fa-chevron-double-up:before {
    content: "\f325";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-square-down:before {
    content: "\f329";
}

.fa-chevron-square-left:before {
    content: "\f32a";
}

.fa-chevron-square-right:before {
    content: "\f32b";
}

.fa-chevron-square-up:before {
    content: "\f32c";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chimney:before {
    content: "\f78b";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-claw-marks:before {
    content: "\f6c2";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clipboard-list-check:before {
    content: "\f737";
}

.fa-clipboard-prescription:before {
    content: "\f5e8";
}

.fa-clipboard-user:before {
    content: "\f7f3";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-drizzle:before {
    content: "\f738";
}

.fa-cloud-hail:before {
    content: "\f739";
}

.fa-cloud-hail-mixed:before {
    content: "\f73a";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-rainbow:before {
    content: "\f73e";
}

.fa-cloud-showers:before {
    content: "\f73f";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sleet:before {
    content: "\f741";
}

.fa-cloud-snow:before {
    content: "\f742";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-clouds:before {
    content: "\f744";
}

.fa-clouds-moon:before {
    content: "\f745";
}

.fa-clouds-sun:before {
    content: "\f746";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-club:before {
    content: "\f327";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-code-commit:before {
    content: "\f386";
}

.fa-code-merge:before {
    content: "\f387";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-coffee-togo:before {
    content: "\f6c5";
}

.fa-coffin:before {
    content: "\f6c6";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coin:before {
    content: "\f85c";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-alt-check:before {
    content: "\f4a2";
}

.fa-comment-alt-dollar:before {
    content: "\f650";
}

.fa-comment-alt-dots:before {
    content: "\f4a3";
}

.fa-comment-alt-edit:before {
    content: "\f4a4";
}

.fa-comment-alt-exclamation:before {
    content: "\f4a5";
}

.fa-comment-alt-lines:before {
    content: "\f4a6";
}

.fa-comment-alt-medical:before {
    content: "\f7f4";
}

.fa-comment-alt-minus:before {
    content: "\f4a7";
}

.fa-comment-alt-plus:before {
    content: "\f4a8";
}

.fa-comment-alt-slash:before {
    content: "\f4a9";
}

.fa-comment-alt-smile:before {
    content: "\f4aa";
}

.fa-comment-alt-times:before {
    content: "\f4ab";
}

.fa-comment-check:before {
    content: "\f4ac";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-edit:before {
    content: "\f4ae";
}

.fa-comment-exclamation:before {
    content: "\f4af";
}

.fa-comment-lines:before {
    content: "\f4b0";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-minus:before {
    content: "\f4b1";
}

.fa-comment-plus:before {
    content: "\f4b2";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comment-smile:before {
    content: "\f4b4";
}

.fa-comment-times:before {
    content: "\f4b5";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-alt:before {
    content: "\f4b6";
}

.fa-comments-alt-dollar:before {
    content: "\f652";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compass-slash:before {
    content: "\f5e9";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-compress-wide:before {
    content: "\f326";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-construction:before {
    content: "\f85d";
}

.fa-container-storage:before {
    content: "\f4b7";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-conveyor-belt:before {
    content: "\f46e";
}

.fa-conveyor-belt-alt:before {
    content: "\f46f";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-corn:before {
    content: "\f6c7";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cow:before {
    content: "\f6c8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-credit-card-blank:before {
    content: "\f389";
}

.fa-credit-card-front:before {
    content: "\f38a";
}

.fa-cricket:before {
    content: "\f449";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-croissant:before {
    content: "\f7f6";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-crutches:before {
    content: "\f7f8";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-curling:before {
    content: "\f44a";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dagger:before {
    content: "\f6cb";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-debug:before {
    content: "\f7f9";
}

.fa-deer:before {
    content: "\f78e";
}

.fa-deer-rudolph:before {
    content: "\f78f";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-desktop-alt:before {
    content: "\f390";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dewpoint:before {
    content: "\f748";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d10:before {
    content: "\f6cd";
}

.fa-dice-d12:before {
    content: "\f6ce";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d4:before {
    content: "\f6d0";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-d8:before {
    content: "\f6d2";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digging:before {
    content: "\f85e";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-diploma:before {
    content: "\f5ea";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-do-not-enter:before {
    content: "\f5ec";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dog-leashed:before {
    content: "\f6d4";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-empty:before {
    content: "\f473";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-dolly-flatbed-alt:before {
    content: "\f475";
}

.fa-dolly-flatbed-empty:before {
    content: "\f476";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-circle:before {
    content: "\f5ed";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-draw-square:before {
    content: "\f5ef";
}

.fa-dreidel:before {
    content: "\f792";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-drone:before {
    content: "\f85f";
}

.fa-drone-alt:before {
    content: "\f860";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick:before {
    content: "\f6d6";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dryer:before {
    content: "\f861";
}

.fa-dryer-alt:before {
    content: "\f862";
}

.fa-duck:before {
    content: "\f6d8";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-ear:before {
    content: "\f5f0";
}

.fa-ear-muffs:before {
    content: "\f795";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-eclipse:before {
    content: "\f749";
}

.fa-eclipse-alt:before {
    content: "\f74a";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-egg-fried:before {
    content: "\f7fc";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-elephant:before {
    content: "\f6da";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-h-alt:before {
    content: "\f39b";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ellipsis-v-alt:before {
    content: "\f39c";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-empty-set:before {
    content: "\f656";
}

.fa-engine-warning:before {
    content: "\f5f2";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-dollar:before {
    content: "\f657";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-square:before {
    content: "\f321";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows:before {
    content: "\f31d";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expand-wide:before {
    content: "\f320";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-evil:before {
    content: "\f6db";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-farm:before {
    content: "\f864";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-field-hockey:before {
    content: "\f44c";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-certificate:before {
    content: "\f5f3";
}

.fa-file-chart-line:before {
    content: "\f659";
}

.fa-file-chart-pie:before {
    content: "\f65a";
}

.fa-file-check:before {
    content: "\f316";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-edit:before {
    content: "\f31c";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-exclamation:before {
    content: "\f31a";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-minus:before {
    content: "\f318";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-plus:before {
    content: "\f319";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-search:before {
    content: "\f865";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-spreadsheet:before {
    content: "\f65b";
}

.fa-file-times:before {
    content: "\f317";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-user:before {
    content: "\f65c";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-files-medical:before {
    content: "\f7fd";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-film-alt:before {
    content: "\f3a0";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-fire-smoke:before {
    content: "\f74b";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-fireplace:before {
    content: "\f79a";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fish-cooked:before {
    content: "\f7fe";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-alt:before {
    content: "\f74c";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flame:before {
    content: "\f6df";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flask-poison:before {
    content: "\f6e0";
}

.fa-flask-potion:before {
    content: "\f6e1";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flower:before {
    content: "\f7ff";
}

.fa-flower-daffodil:before {
    content: "\f800";
}

.fa-flower-tulip:before {
    content: "\f801";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-fog:before {
    content: "\f74e";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-folder-times:before {
    content: "\f65f";
}

.fa-folder-tree:before {
    content: "\f802";
}

.fa-folders:before {
    content: "\f660";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-font-case:before {
    content: "\f866";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-football-helmet:before {
    content: "\f44f";
}

.fa-forklift:before {
    content: "\f47a";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-fragile:before {
    content: "\f4bb";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-french-fries:before {
    content: "\f803";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frosty-head:before {
    content: "\f79b";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-function:before {
    content: "\f661";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-game-board:before {
    content: "\f867";
}

.fa-game-board-alt:before {
    content: "\f868";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gas-pump-slash:before {
    content: "\f5f4";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gift-card:before {
    content: "\f663";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-gingerbread-man:before {
    content: "\f79d";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass:before {
    content: "\f804";
}

.fa-glass-champagne:before {
    content: "\f79e";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-citrus:before {
    content: "\f869";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glass-whiskey-rocks:before {
    content: "\f7a1";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glasses-alt:before {
    content: "\f5f5";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-globe-snow:before {
    content: "\f7a3";
}

.fa-globe-stand:before {
    content: "\f5f6";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-golf-club:before {
    content: "\f451";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-h1:before {
    content: "\f313";
}

.fa-h2:before {
    content: "\f314";
}

.fa-h3:before {
    content: "\f315";
}

.fa-h4:before {
    content: "\f86a";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hammer-war:before {
    content: "\f6e4";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-heart:before {
    content: "\f4bc";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-box:before {
    content: "\f47b";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-magic:before {
    content: "\f6e5";
}

.fa-hand-holding-seedling:before {
    content: "\f4bf";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-receiving:before {
    content: "\f47c";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-heart:before {
    content: "\f4c3";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-usd:before {
    content: "\f4c5";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt:before {
    content: "\f4c6";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-chef:before {
    content: "\f86b";
}

.fa-hat-santa:before {
    content: "\f7a7";
}

.fa-hat-winter:before {
    content: "\f7a8";
}

.fa-hat-witch:before {
    content: "\f6e7";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-haykal:before {
    content: "\f666";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side:before {
    content: "\f6e9";
}

.fa-head-side-brain:before {
    content: "\f808";
}

.fa-head-side-medical:before {
    content: "\f809";
}

.fa-head-vr:before {
    content: "\f6ea";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heart-circle:before {
    content: "\f4c7";
}

.fa-heart-rate:before {
    content: "\f5f8";
}

.fa-heart-square:before {
    content: "\f4c8";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-helmet-battle:before {
    content: "\f6eb";
}

.fa-hexagon:before {
    content: "\f312";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-mask:before {
    content: "\f6ee";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-hockey-sticks:before {
    content: "\f454";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-home-alt:before {
    content: "\f80a";
}

.fa-home-heart:before {
    content: "\f4c9";
}

.fa-home-lg:before {
    content: "\f80b";
}

.fa-home-lg-alt:before {
    content: "\f80c";
}

.fa-hood-cloak:before {
    content: "\f6ef";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-horizontal-rule:before {
    content: "\f86c";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hospitals:before {
    content: "\f80e";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-flood:before {
    content: "\f74f";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-humidity:before {
    content: "\f750";
}

.fa-hurricane:before {
    content: "\f751";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-ice-skate:before {
    content: "\f7ac";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-icons-alt:before {
    content: "\f86e";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-inbox-in:before {
    content: "\f310";
}

.fa-inbox-out:before {
    content: "\f311";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-industry-alt:before {
    content: "\f3b3";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-info-square:before {
    content: "\f30f";
}

.fa-inhaler:before {
    content: "\f5f9";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-integral:before {
    content: "\f667";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-intersection:before {
    content: "\f668";
}

.fa-inventory:before {
    content: "\f480";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-island-tropical:before {
    content: "\f811";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-jack-o-lantern:before {
    content: "\f30e";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-kerning:before {
    content: "\f86f";
}

.fa-key:before {
    content: "\f084";
}

.fa-key-skeleton:before {
    content: "\f6f3";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-keynote:before {
    content: "\f66c";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kidneys:before {
    content: "\f5fb";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kite:before {
    content: "\f6f4";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-knife-kitchen:before {
    content: "\f6f5";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-lambda:before {
    content: "\f66e";
}

.fa-lamp:before {
    content: "\f4ca";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-landmark-alt:before {
    content: "\f752";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-layer-minus:before {
    content: "\f5fe";
}

.fa-layer-plus:before {
    content: "\f5ff";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leaf-heart:before {
    content: "\f4cb";
}

.fa-leaf-maple:before {
    content: "\f6f6";
}

.fa-leaf-oak:before {
    content: "\f6f7";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-lightbulb-dollar:before {
    content: "\f670";
}

.fa-lightbulb-exclamation:before {
    content: "\f671";
}

.fa-lightbulb-on:before {
    content: "\f672";
}

.fa-lightbulb-slash:before {
    content: "\f673";
}

.fa-lights-holiday:before {
    content: "\f7b2";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-line-columns:before {
    content: "\f870";
}

.fa-line-height:before {
    content: "\f871";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lips:before {
    content: "\f600";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location:before {
    content: "\f601";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-location-circle:before {
    content: "\f602";
}

.fa-location-slash:before {
    content: "\f603";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-alt:before {
    content: "\f30d";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-lock-open-alt:before {
    content: "\f3c2";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-loveseat:before {
    content: "\f4cc";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luchador:before {
    content: "\f455";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-mace:before {
    content: "\f6f8";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailbox:before {
    content: "\f813";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-mandolin:before {
    content: "\f6f9";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-marker-alt-slash:before {
    content: "\f605";
}

.fa-map-marker-check:before {
    content: "\f606";
}

.fa-map-marker-edit:before {
    content: "\f607";
}

.fa-map-marker-exclamation:before {
    content: "\f608";
}

.fa-map-marker-minus:before {
    content: "\f609";
}

.fa-map-marker-plus:before {
    content: "\f60a";
}

.fa-map-marker-question:before {
    content: "\f60b";
}

.fa-map-marker-slash:before {
    content: "\f60c";
}

.fa-map-marker-smile:before {
    content: "\f60d";
}

.fa-map-marker-times:before {
    content: "\f60e";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-meat:before {
    content: "\f814";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaphone:before {
    content: "\f675";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-mind-share:before {
    content: "\f677";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-hexagon:before {
    content: "\f307";
}

.fa-minus-octagon:before {
    content: "\f308";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mistletoe:before {
    content: "\f7b4";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-mobile-android:before {
    content: "\f3ce";
}

.fa-mobile-android-alt:before {
    content: "\f3cf";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-money-check-edit:before {
    content: "\f872";
}

.fa-money-check-edit-alt:before {
    content: "\f873";
}

.fa-monitor-heart-rate:before {
    content: "\f611";
}

.fa-monkey:before {
    content: "\f6fb";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-moon-cloud:before {
    content: "\f754";
}

.fa-moon-stars:before {
    content: "\f755";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mountains:before {
    content: "\f6fd";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug:before {
    content: "\f874";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-mug-marshmallows:before {
    content: "\f7b7";
}

.fa-mug-tea:before {
    content: "\f875";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-narwhal:before {
    content: "\f6fe";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-octagon:before {
    content: "\f306";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-oil-temp:before {
    content: "\f614";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-omega:before {
    content: "\f67a";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-ornament:before {
    content: "\f7b8";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-overline:before {
    content: "\f876";
}

.fa-page-break:before {
    content: "\f877";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-brush-alt:before {
    content: "\f5a9";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-pallet-alt:before {
    content: "\f483";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-paragraph-rtl:before {
    content: "\f878";
}

.fa-parking:before {
    content: "\f540";
}

.fa-parking-circle:before {
    content: "\f615";
}

.fa-parking-circle-slash:before {
    content: "\f616";
}

.fa-parking-slash:before {
    content: "\f617";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paw-alt:before {
    content: "\f701";
}

.fa-paw-claws:before {
    content: "\f702";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pegasus:before {
    content: "\f703";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-paintbrush:before {
    content: "\f618";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-pennant:before {
    content: "\f456";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-person-carry:before {
    content: "\f4cf";
}

.fa-person-dolly:before {
    content: "\f4d0";
}

.fa-person-dolly-empty:before {
    content: "\f4d1";
}

.fa-person-sign:before {
    content: "\f757";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-laptop:before {
    content: "\f87a";
}

.fa-phone-office:before {
    content: "\f67d";
}

.fa-phone-plus:before {
    content: "\f4d2";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pi:before {
    content: "\f67e";
}

.fa-pie:before {
    content: "\f705";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pig:before {
    content: "\f706";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza:before {
    content: "\f817";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-alt:before {
    content: "\f3de";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-hexagon:before {
    content: "\f300";
}

.fa-plus-octagon:before {
    content: "\f301";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-podium:before {
    content: "\f680";
}

.fa-podium-star:before {
    content: "\f758";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poll-people:before {
    content: "\f759";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-popcorn:before {
    content: "\f819";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-presentation:before {
    content: "\f685";
}

.fa-print:before {
    content: "\f02f";
}

.fa-print-search:before {
    content: "\f81a";
}

.fa-print-slash:before {
    content: "\f686";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pumpkin:before {
    content: "\f707";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-question-square:before {
    content: "\f2fd";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-rabbit:before {
    content: "\f708";
}

.fa-rabbit-fast:before {
    content: "\f709";
}

.fa-racquet:before {
    content: "\f45a";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-raindrops:before {
    content: "\f75c";
}

.fa-ram:before {
    content: "\f70a";
}

.fa-ramp-loading:before {
    content: "\f4d4";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-rectangle-landscape:before {
    content: "\f2fa";
}

.fa-rectangle-portrait:before {
    content: "\f2fb";
}

.fa-rectangle-wide:before {
    content: "\f2fc";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-repeat:before {
    content: "\f363";
}

.fa-repeat-1:before {
    content: "\f365";
}

.fa-repeat-1-alt:before {
    content: "\f366";
}

.fa-repeat-alt:before {
    content: "\f364";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-retweet-alt:before {
    content: "\f361";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-rings-wedding:before {
    content: "\f81b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-route-highway:before {
    content: "\f61a";
}

.fa-route-interstate:before {
    content: "\f61b";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-triangle:before {
    content: "\f61c";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-rv:before {
    content: "\f7be";
}

.fa-sack:before {
    content: "\f81c";
}

.fa-sack-dollar:before {
    content: "\f81d";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salad:before {
    content: "\f81e";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sandwich:before {
    content: "\f81f";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-sausage:before {
    content: "\f820";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-scalpel:before {
    content: "\f61d";
}

.fa-scalpel-path:before {
    content: "\f61e";
}

.fa-scanner:before {
    content: "\f488";
}

.fa-scanner-keyboard:before {
    content: "\f489";
}

.fa-scanner-touchscreen:before {
    content: "\f48a";
}

.fa-scarecrow:before {
    content: "\f70d";
}

.fa-scarf:before {
    content: "\f7c1";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-scroll-old:before {
    content: "\f70f";
}

.fa-scrubber:before {
    content: "\f2f8";
}

.fa-scythe:before {
    content: "\f710";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-send-back:before {
    content: "\f87e";
}

.fa-send-backward:before {
    content: "\f87f";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-all:before {
    content: "\f367";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-sheep:before {
    content: "\f711";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield:before {
    content: "\f132";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-check:before {
    content: "\f2f7";
}

.fa-shield-cross:before {
    content: "\f712";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shipping-timed:before {
    content: "\f48c";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shish-kebab:before {
    content: "\f821";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shovel:before {
    content: "\f713";
}

.fa-shovel-snow:before {
    content: "\f7c3";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shredder:before {
    content: "\f68a";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-shuttlecock:before {
    content: "\f45b";
}

.fa-sickle:before {
    content: "\f822";
}

.fa-sigma:before {
    content: "\f68b";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signal-1:before {
    content: "\f68c";
}

.fa-signal-2:before {
    content: "\f68d";
}

.fa-signal-3:before {
    content: "\f68e";
}

.fa-signal-4:before {
    content: "\f68f";
}

.fa-signal-alt:before {
    content: "\f690";
}

.fa-signal-alt-1:before {
    content: "\f691";
}

.fa-signal-alt-2:before {
    content: "\f692";
}

.fa-signal-alt-3:before {
    content: "\f693";
}

.fa-signal-alt-slash:before {
    content: "\f694";
}

.fa-signal-slash:before {
    content: "\f695";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-skeleton:before {
    content: "\f620";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-ski-jump:before {
    content: "\f7c7";
}

.fa-ski-lift:before {
    content: "\f7c8";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sledding:before {
    content: "\f7cb";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-sliders-h-square:before {
    content: "\f3f0";
}

.fa-sliders-v:before {
    content: "\f3f1";
}

.fa-sliders-v-square:before {
    content: "\f3f2";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-plus:before {
    content: "\f5b9";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoke:before {
    content: "\f760";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snake:before {
    content: "\f716";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snooze:before {
    content: "\f880";
}

.fa-snow-blowing:before {
    content: "\f761";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowflakes:before {
    content: "\f7cf";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowmobile:before {
    content: "\f7d1";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-alt:before {
    content: "\f883";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-shapes-down:before {
    content: "\f888";
}

.fa-sort-shapes-down-alt:before {
    content: "\f889";
}

.fa-sort-shapes-up:before {
    content: "\f88a";
}

.fa-sort-shapes-up-alt:before {
    content: "\f88b";
}

.fa-sort-size-down:before {
    content: "\f88c";
}

.fa-sort-size-down-alt:before {
    content: "\f88d";
}

.fa-sort-size-up:before {
    content: "\f88e";
}

.fa-sort-size-up-alt:before {
    content: "\f88f";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-soup:before {
    content: "\f823";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-spade:before {
    content: "\f2f4";
}

.fa-sparkles:before {
    content: "\f890";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spider-black-widow:before {
    content: "\f718";
}

.fa-spider-web:before {
    content: "\f719";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-spinner-third:before {
    content: "\f3f4";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root:before {
    content: "\f697";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-squirrel:before {
    content: "\f71a";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-staff:before {
    content: "\f71b";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-christmas:before {
    content: "\f7d4";
}

.fa-star-exclamation:before {
    content: "\f2f3";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-stars:before {
    content: "\f762";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steak:before {
    content: "\f824";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-steering-wheel:before {
    content: "\f622";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stocking:before {
    content: "\f7d5";
}

.fa-stomach:before {
    content: "\f623";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-stretcher:before {
    content: "\f825";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-sun-cloud:before {
    content: "\f763";
}

.fa-sun-dust:before {
    content: "\f764";
}

.fa-sun-haze:before {
    content: "\f765";
}

.fa-sunglasses:before {
    content: "\f892";
}

.fa-sunrise:before {
    content: "\f766";
}

.fa-sunset:before {
    content: "\f767";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-sword:before {
    content: "\f71c";
}

.fa-swords:before {
    content: "\f71d";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablet-android:before {
    content: "\f3fb";
}

.fa-tablet-android-alt:before {
    content: "\f3fc";
}

.fa-tablet-rugged:before {
    content: "\f48f";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer:before {
    content: "\f0e4";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tachometer-alt-average:before {
    content: "\f624";
}

.fa-tachometer-alt-fast:before {
    content: "\f625";
}

.fa-tachometer-alt-fastest:before {
    content: "\f626";
}

.fa-tachometer-alt-slow:before {
    content: "\f627";
}

.fa-tachometer-alt-slowest:before {
    content: "\f628";
}

.fa-tachometer-average:before {
    content: "\f629";
}

.fa-tachometer-fast:before {
    content: "\f62a";
}

.fa-tachometer-fastest:before {
    content: "\f62b";
}

.fa-tachometer-slow:before {
    content: "\f62c";
}

.fa-tachometer-slowest:before {
    content: "\f62d";
}

.fa-taco:before {
    content: "\f826";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tally:before {
    content: "\f69c";
}

.fa-tanakh:before {
    content: "\f827";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-tasks-alt:before {
    content: "\f828";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-frigid:before {
    content: "\f768";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-hot:before {
    content: "\f76a";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-tennis-ball:before {
    content: "\f45e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text:before {
    content: "\f893";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-size:before {
    content: "\f894";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-theta:before {
    content: "\f69e";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-thunderstorm:before {
    content: "\f76c";
}

.fa-thunderstorm-moon:before {
    content: "\f76d";
}

.fa-thunderstorm-sun:before {
    content: "\f76e";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-tilde:before {
    content: "\f69f";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-times-hexagon:before {
    content: "\f2ee";
}

.fa-times-octagon:before {
    content: "\f2f0";
}

.fa-times-square:before {
    content: "\f2d3";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tire:before {
    content: "\f631";
}

.fa-tire-flat:before {
    content: "\f632";
}

.fa-tire-pressure-warning:before {
    content: "\f633";
}

.fa-tire-rugged:before {
    content: "\f634";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-alt:before {
    content: "\f71f";
}

.fa-tombstone:before {
    content: "\f720";
}

.fa-tombstone-alt:before {
    content: "\f721";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-toothbrush:before {
    content: "\f635";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tornado:before {
    content: "\f76f";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-cone:before {
    content: "\f636";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-traffic-light-go:before {
    content: "\f638";
}

.fa-traffic-light-slow:before {
    content: "\f639";
}

.fa-traffic-light-stop:before {
    content: "\f63a";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-trash-undo:before {
    content: "\f895";
}

.fa-trash-undo-alt:before {
    content: "\f896";
}

.fa-treasure-chest:before {
    content: "\f723";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-tree-alt:before {
    content: "\f400";
}

.fa-tree-christmas:before {
    content: "\f7db";
}

.fa-tree-decorated:before {
    content: "\f7dc";
}

.fa-tree-large:before {
    content: "\f7dd";
}

.fa-tree-palm:before {
    content: "\f82b";
}

.fa-trees:before {
    content: "\f724";
}

.fa-trello:before {
    content: "\f181";
}

.fa-triangle:before {
    content: "\f2ec";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-trophy-alt:before {
    content: "\f2eb";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-container:before {
    content: "\f4dc";
}

.fa-truck-couch:before {
    content: "\f4dd";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-truck-plow:before {
    content: "\f7de";
}

.fa-truck-ramp:before {
    content: "\f4e0";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-turkey:before {
    content: "\f725";
}

.fa-turtle:before {
    content: "\f726";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-tv-retro:before {
    content: "\f401";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-unicorn:before {
    content: "\f727";
}

.fa-union:before {
    content: "\f6a2";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-usd-circle:before {
    content: "\f2e8";
}

.fa-usd-square:before {
    content: "\f2e9";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-chart:before {
    content: "\f6a3";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-crown:before {
    content: "\f6a4";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-hard-hat:before {
    content: "\f82c";
}

.fa-user-headset:before {
    content: "\f82d";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-md-chat:before {
    content: "\f82e";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-class:before {
    content: "\f63d";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-users-crown:before {
    content: "\f6a5";
}

.fa-users-medical:before {
    content: "\f830";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-fork:before {
    content: "\f2e3";
}

.fa-utensil-knife:before {
    content: "\f2e4";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-utensils-alt:before {
    content: "\f2e6";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-value-absolute:before {
    content: "\f6a6";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-plus:before {
    content: "\f4e1";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volcano:before {
    content: "\f770";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume:before {
    content: "\f6a8";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-slash:before {
    content: "\f2e2";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-nay:before {
    content: "\f771";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walker:before {
    content: "\f831";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-wand:before {
    content: "\f72a";
}

.fa-wand-magic:before {
    content: "\f72b";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-warehouse-alt:before {
    content: "\f495";
}

.fa-washer:before {
    content: "\f898";
}

.fa-watch:before {
    content: "\f2e1";
}

.fa-watch-fitness:before {
    content: "\f63e";
}

.fa-water:before {
    content: "\f773";
}

.fa-water-lower:before {
    content: "\f774";
}

.fa-water-rise:before {
    content: "\f775";
}

.fa-wave-sine:before {
    content: "\f899";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-wave-triangle:before {
    content: "\f89a";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-webcam:before {
    content: "\f832";
}

.fa-webcam-slash:before {
    content: "\f833";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whale:before {
    content: "\f72c";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheat:before {
    content: "\f72d";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whistle:before {
    content: "\f460";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wifi-1:before {
    content: "\f6aa";
}

.fa-wifi-2:before {
    content: "\f6ab";
}

.fa-wifi-slash:before {
    content: "\f6ac";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-wind-turbine:before {
    content: "\f89b";
}

.fa-wind-warning:before {
    content: "\f776";
}

.fa-window:before {
    content: "\f40e";
}

.fa-window-alt:before {
    content: "\f40f";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-windsock:before {
    content: "\f777";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wreath:before {
    content: "\f7e2";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("https://www.krungsri.com/bank/CMSWebParts/CM-Css/fontawesome-pro-5.2.0-web/webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://www.krungsri.com/bank/CMSWebParts/CM-Css/fontawesome-pro-5.2.0-web/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www.krungsri.com/bank/CMSWebParts/CM-Css/fontawesome-pro-5.2.0-web/webfonts/fa-brands-400.woff") format("woff"), url("https://www.krungsri.com/bank/CMSWebParts/CM-Css/fontawesome-pro-5.2.0-web/webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../webfonts/fa-duotone-900.eot");
    src: url("../webfonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.woff") format("woff"), url("../webfonts/fa-duotone-900.ttf") format("truetype"), url("../webfonts/fa-duotone-900.svg#fontawesome") format("svg");
}

.fad {
    position: relative;
    font-family: 'Font Awesome 5 Duotone';
    font-weight: 900;
}

    .fad:before {
        position: absolute;
        color: var(--fa-primary-color, inherit);
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1);
    }

    .fad:after {
        color: var(--fa-secondary-color, inherit);
        opacity: 0.4;
        opacity: var(--fa-secondary-opacity, 0.4);
    }

    .fad.fa-swap-opacity:before {
        opacity: 0.4;
        opacity: var(--fa-secondary-opacity, 0.4);
    }

    .fad.fa-swap-opacity:after {
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1);
    }

    .fad.fa-inverse {
        color: #fff;
    }

    .fad.fa-stack-1x,
    .fad.fa-stack-2x {
        position: absolute;
    }

        .fad.fa-stack-1x:before,
        .fad.fa-stack-2x:before,
        .fad.fa-fw:before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .fad.fa-abacus:after {
        content: "\10f640";
    }

    .fad.fa-acorn:after {
        content: "\10f6ae";
    }

    .fad.fa-ad:after {
        content: "\10f641";
    }

    .fad.fa-address-book:after {
        content: "\10f2b9";
    }

    .fad.fa-address-card:after {
        content: "\10f2bb";
    }

    .fad.fa-adjust:after {
        content: "\10f042";
    }

    .fad.fa-air-freshener:after {
        content: "\10f5d0";
    }

    .fad.fa-alarm-clock:after {
        content: "\10f34e";
    }

    .fad.fa-alarm-exclamation:after {
        content: "\10f843";
    }

    .fad.fa-alarm-plus:after {
        content: "\10f844";
    }

    .fad.fa-alarm-snooze:after {
        content: "\10f845";
    }

    .fad.fa-alicorn:after {
        content: "\10f6b0";
    }

    .fad.fa-align-center:after {
        content: "\10f037";
    }

    .fad.fa-align-justify:after {
        content: "\10f039";
    }

    .fad.fa-align-left:after {
        content: "\10f036";
    }

    .fad.fa-align-right:after {
        content: "\10f038";
    }

    .fad.fa-align-slash:after {
        content: "\10f846";
    }

    .fad.fa-allergies:after {
        content: "\10f461";
    }

    .fad.fa-ambulance:after {
        content: "\10f0f9";
    }

    .fad.fa-american-sign-language-interpreting:after {
        content: "\10f2a3";
    }

    .fad.fa-analytics:after {
        content: "\10f643";
    }

    .fad.fa-anchor:after {
        content: "\10f13d";
    }

    .fad.fa-angel:after {
        content: "\10f779";
    }

    .fad.fa-angle-double-down:after {
        content: "\10f103";
    }

    .fad.fa-angle-double-left:after {
        content: "\10f100";
    }

    .fad.fa-angle-double-right:after {
        content: "\10f101";
    }

    .fad.fa-angle-double-up:after {
        content: "\10f102";
    }

    .fad.fa-angle-down:after {
        content: "\10f107";
    }

    .fad.fa-angle-left:after {
        content: "\10f104";
    }

    .fad.fa-angle-right:after {
        content: "\10f105";
    }

    .fad.fa-angle-up:after {
        content: "\10f106";
    }

    .fad.fa-angry:after {
        content: "\10f556";
    }

    .fad.fa-ankh:after {
        content: "\10f644";
    }

    .fad.fa-apple-alt:after {
        content: "\10f5d1";
    }

    .fad.fa-apple-crate:after {
        content: "\10f6b1";
    }

    .fad.fa-archive:after {
        content: "\10f187";
    }

    .fad.fa-archway:after {
        content: "\10f557";
    }

    .fad.fa-arrow-alt-circle-down:after {
        content: "\10f358";
    }

    .fad.fa-arrow-alt-circle-left:after {
        content: "\10f359";
    }

    .fad.fa-arrow-alt-circle-right:after {
        content: "\10f35a";
    }

    .fad.fa-arrow-alt-circle-up:after {
        content: "\10f35b";
    }

    .fad.fa-arrow-alt-down:after {
        content: "\10f354";
    }

    .fad.fa-arrow-alt-from-bottom:after {
        content: "\10f346";
    }

    .fad.fa-arrow-alt-from-left:after {
        content: "\10f347";
    }

    .fad.fa-arrow-alt-from-right:after {
        content: "\10f348";
    }

    .fad.fa-arrow-alt-from-top:after {
        content: "\10f349";
    }

    .fad.fa-arrow-alt-left:after {
        content: "\10f355";
    }

    .fad.fa-arrow-alt-right:after {
        content: "\10f356";
    }

    .fad.fa-arrow-alt-square-down:after {
        content: "\10f350";
    }

    .fad.fa-arrow-alt-square-left:after {
        content: "\10f351";
    }

    .fad.fa-arrow-alt-square-right:after {
        content: "\10f352";
    }

    .fad.fa-arrow-alt-square-up:after {
        content: "\10f353";
    }

    .fad.fa-arrow-alt-to-bottom:after {
        content: "\10f34a";
    }

    .fad.fa-arrow-alt-to-left:after {
        content: "\10f34b";
    }

    .fad.fa-arrow-alt-to-right:after {
        content: "\10f34c";
    }

    .fad.fa-arrow-alt-to-top:after {
        content: "\10f34d";
    }

    .fad.fa-arrow-alt-up:after {
        content: "\10f357";
    }

    .fad.fa-arrow-circle-down:after {
        content: "\10f0ab";
    }

    .fad.fa-arrow-circle-left:after {
        content: "\10f0a8";
    }

    .fad.fa-arrow-circle-right:after {
        content: "\10f0a9";
    }

    .fad.fa-arrow-circle-up:after {
        content: "\10f0aa";
    }

    .fad.fa-arrow-down:after {
        content: "\10f063";
    }

    .fad.fa-arrow-from-bottom:after {
        content: "\10f342";
    }

    .fad.fa-arrow-from-left:after {
        content: "\10f343";
    }

    .fad.fa-arrow-from-right:after {
        content: "\10f344";
    }

    .fad.fa-arrow-from-top:after {
        content: "\10f345";
    }

    .fad.fa-arrow-left:after {
        content: "\10f060";
    }

    .fad.fa-arrow-right:after {
        content: "\10f061";
    }

    .fad.fa-arrow-square-down:after {
        content: "\10f339";
    }

    .fad.fa-arrow-square-left:after {
        content: "\10f33a";
    }

    .fad.fa-arrow-square-right:after {
        content: "\10f33b";
    }

    .fad.fa-arrow-square-up:after {
        content: "\10f33c";
    }

    .fad.fa-arrow-to-bottom:after {
        content: "\10f33d";
    }

    .fad.fa-arrow-to-left:after {
        content: "\10f33e";
    }

    .fad.fa-arrow-to-right:after {
        content: "\10f340";
    }

    .fad.fa-arrow-to-top:after {
        content: "\10f341";
    }

    .fad.fa-arrow-up:after {
        content: "\10f062";
    }

    .fad.fa-arrows:after {
        content: "\10f047";
    }

    .fad.fa-arrows-alt:after {
        content: "\10f0b2";
    }

    .fad.fa-arrows-alt-h:after {
        content: "\10f337";
    }

    .fad.fa-arrows-alt-v:after {
        content: "\10f338";
    }

    .fad.fa-arrows-h:after {
        content: "\10f07e";
    }

    .fad.fa-arrows-v:after {
        content: "\10f07d";
    }

    .fad.fa-assistive-listening-systems:after {
        content: "\10f2a2";
    }

    .fad.fa-asterisk:after {
        content: "\10f069";
    }

    .fad.fa-at:after {
        content: "\10f1fa";
    }

    .fad.fa-atlas:after {
        content: "\10f558";
    }

    .fad.fa-atom:after {
        content: "\10f5d2";
    }

    .fad.fa-atom-alt:after {
        content: "\10f5d3";
    }

    .fad.fa-audio-description:after {
        content: "\10f29e";
    }

    .fad.fa-award:after {
        content: "\10f559";
    }

    .fad.fa-axe:after {
        content: "\10f6b2";
    }

    .fad.fa-axe-battle:after {
        content: "\10f6b3";
    }

    .fad.fa-baby:after {
        content: "\10f77c";
    }

    .fad.fa-baby-carriage:after {
        content: "\10f77d";
    }

    .fad.fa-backpack:after {
        content: "\10f5d4";
    }

    .fad.fa-backspace:after {
        content: "\10f55a";
    }

    .fad.fa-backward:after {
        content: "\10f04a";
    }

    .fad.fa-bacon:after {
        content: "\10f7e5";
    }

    .fad.fa-badge:after {
        content: "\10f335";
    }

    .fad.fa-badge-check:after {
        content: "\10f336";
    }

    .fad.fa-badge-dollar:after {
        content: "\10f645";
    }

    .fad.fa-badge-percent:after {
        content: "\10f646";
    }

    .fad.fa-badger-honey:after {
        content: "\10f6b4";
    }

    .fad.fa-bags-shopping:after {
        content: "\10f847";
    }

    .fad.fa-balance-scale:after {
        content: "\10f24e";
    }

    .fad.fa-balance-scale-left:after {
        content: "\10f515";
    }

    .fad.fa-balance-scale-right:after {
        content: "\10f516";
    }

    .fad.fa-ball-pile:after {
        content: "\10f77e";
    }

    .fad.fa-ballot:after {
        content: "\10f732";
    }

    .fad.fa-ballot-check:after {
        content: "\10f733";
    }

    .fad.fa-ban:after {
        content: "\10f05e";
    }

    .fad.fa-band-aid:after {
        content: "\10f462";
    }

    .fad.fa-barcode:after {
        content: "\10f02a";
    }

    .fad.fa-barcode-alt:after {
        content: "\10f463";
    }

    .fad.fa-barcode-read:after {
        content: "\10f464";
    }

    .fad.fa-barcode-scan:after {
        content: "\10f465";
    }

    .fad.fa-bars:after {
        content: "\10f0c9";
    }

    .fad.fa-baseball:after {
        content: "\10f432";
    }

    .fad.fa-baseball-ball:after {
        content: "\10f433";
    }

    .fad.fa-basketball-ball:after {
        content: "\10f434";
    }

    .fad.fa-basketball-hoop:after {
        content: "\10f435";
    }

    .fad.fa-bat:after {
        content: "\10f6b5";
    }

    .fad.fa-bath:after {
        content: "\10f2cd";
    }

    .fad.fa-battery-bolt:after {
        content: "\10f376";
    }

    .fad.fa-battery-empty:after {
        content: "\10f244";
    }

    .fad.fa-battery-full:after {
        content: "\10f240";
    }

    .fad.fa-battery-half:after {
        content: "\10f242";
    }

    .fad.fa-battery-quarter:after {
        content: "\10f243";
    }

    .fad.fa-battery-slash:after {
        content: "\10f377";
    }

    .fad.fa-battery-three-quarters:after {
        content: "\10f241";
    }

    .fad.fa-bed:after {
        content: "\10f236";
    }

    .fad.fa-beer:after {
        content: "\10f0fc";
    }

    .fad.fa-bell:after {
        content: "\10f0f3";
    }

    .fad.fa-bell-exclamation:after {
        content: "\10f848";
    }

    .fad.fa-bell-plus:after {
        content: "\10f849";
    }

    .fad.fa-bell-school:after {
        content: "\10f5d5";
    }

    .fad.fa-bell-school-slash:after {
        content: "\10f5d6";
    }

    .fad.fa-bell-slash:after {
        content: "\10f1f6";
    }

    .fad.fa-bells:after {
        content: "\10f77f";
    }

    .fad.fa-bezier-curve:after {
        content: "\10f55b";
    }

    .fad.fa-bible:after {
        content: "\10f647";
    }

    .fad.fa-bicycle:after {
        content: "\10f206";
    }

    .fad.fa-biking:after {
        content: "\10f84a";
    }

    .fad.fa-biking-mountain:after {
        content: "\10f84b";
    }

    .fad.fa-binoculars:after {
        content: "\10f1e5";
    }

    .fad.fa-biohazard:after {
        content: "\10f780";
    }

    .fad.fa-birthday-cake:after {
        content: "\10f1fd";
    }

    .fad.fa-blanket:after {
        content: "\10f498";
    }

    .fad.fa-blender:after {
        content: "\10f517";
    }

    .fad.fa-blender-phone:after {
        content: "\10f6b6";
    }

    .fad.fa-blind:after {
        content: "\10f29d";
    }

    .fad.fa-blog:after {
        content: "\10f781";
    }

    .fad.fa-bold:after {
        content: "\10f032";
    }

    .fad.fa-bolt:after {
        content: "\10f0e7";
    }

    .fad.fa-bomb:after {
        content: "\10f1e2";
    }

    .fad.fa-bone:after {
        content: "\10f5d7";
    }

    .fad.fa-bone-break:after {
        content: "\10f5d8";
    }

    .fad.fa-bong:after {
        content: "\10f55c";
    }

    .fad.fa-book:after {
        content: "\10f02d";
    }

    .fad.fa-book-alt:after {
        content: "\10f5d9";
    }

    .fad.fa-book-dead:after {
        content: "\10f6b7";
    }

    .fad.fa-book-heart:after {
        content: "\10f499";
    }

    .fad.fa-book-medical:after {
        content: "\10f7e6";
    }

    .fad.fa-book-open:after {
        content: "\10f518";
    }

    .fad.fa-book-reader:after {
        content: "\10f5da";
    }

    .fad.fa-book-spells:after {
        content: "\10f6b8";
    }

    .fad.fa-book-user:after {
        content: "\10f7e7";
    }

    .fad.fa-bookmark:after {
        content: "\10f02e";
    }

    .fad.fa-books:after {
        content: "\10f5db";
    }

    .fad.fa-books-medical:after {
        content: "\10f7e8";
    }

    .fad.fa-boot:after {
        content: "\10f782";
    }

    .fad.fa-booth-curtain:after {
        content: "\10f734";
    }

    .fad.fa-border-all:after {
        content: "\10f84c";
    }

    .fad.fa-border-bottom:after {
        content: "\10f84d";
    }

    .fad.fa-border-inner:after {
        content: "\10f84e";
    }

    .fad.fa-border-left:after {
        content: "\10f84f";
    }

    .fad.fa-border-none:after {
        content: "\10f850";
    }

    .fad.fa-border-outer:after {
        content: "\10f851";
    }

    .fad.fa-border-right:after {
        content: "\10f852";
    }

    .fad.fa-border-style:after {
        content: "\10f853";
    }

    .fad.fa-border-style-alt:after {
        content: "\10f854";
    }

    .fad.fa-border-top:after {
        content: "\10f855";
    }

    .fad.fa-bow-arrow:after {
        content: "\10f6b9";
    }

    .fad.fa-bowling-ball:after {
        content: "\10f436";
    }

    .fad.fa-bowling-pins:after {
        content: "\10f437";
    }

    .fad.fa-box:after {
        content: "\10f466";
    }

    .fad.fa-box-alt:after {
        content: "\10f49a";
    }

    .fad.fa-box-ballot:after {
        content: "\10f735";
    }

    .fad.fa-box-check:after {
        content: "\10f467";
    }

    .fad.fa-box-fragile:after {
        content: "\10f49b";
    }

    .fad.fa-box-full:after {
        content: "\10f49c";
    }

    .fad.fa-box-heart:after {
        content: "\10f49d";
    }

    .fad.fa-box-open:after {
        content: "\10f49e";
    }

    .fad.fa-box-up:after {
        content: "\10f49f";
    }

    .fad.fa-box-usd:after {
        content: "\10f4a0";
    }

    .fad.fa-boxes:after {
        content: "\10f468";
    }

    .fad.fa-boxes-alt:after {
        content: "\10f4a1";
    }

    .fad.fa-boxing-glove:after {
        content: "\10f438";
    }

    .fad.fa-brackets:after {
        content: "\10f7e9";
    }

    .fad.fa-brackets-curly:after {
        content: "\10f7ea";
    }

    .fad.fa-braille:after {
        content: "\10f2a1";
    }

    .fad.fa-brain:after {
        content: "\10f5dc";
    }

    .fad.fa-bread-loaf:after {
        content: "\10f7eb";
    }

    .fad.fa-bread-slice:after {
        content: "\10f7ec";
    }

    .fad.fa-briefcase:after {
        content: "\10f0b1";
    }

    .fad.fa-briefcase-medical:after {
        content: "\10f469";
    }

    .fad.fa-bring-forward:after {
        content: "\10f856";
    }

    .fad.fa-bring-front:after {
        content: "\10f857";
    }

    .fad.fa-broadcast-tower:after {
        content: "\10f519";
    }

    .fad.fa-broom:after {
        content: "\10f51a";
    }

    .fad.fa-browser:after {
        content: "\10f37e";
    }

    .fad.fa-brush:after {
        content: "\10f55d";
    }

    .fad.fa-bug:after {
        content: "\10f188";
    }

    .fad.fa-building:after {
        content: "\10f1ad";
    }

    .fad.fa-bullhorn:after {
        content: "\10f0a1";
    }

    .fad.fa-bullseye:after {
        content: "\10f140";
    }

    .fad.fa-bullseye-arrow:after {
        content: "\10f648";
    }

    .fad.fa-bullseye-pointer:after {
        content: "\10f649";
    }

    .fad.fa-burger-soda:after {
        content: "\10f858";
    }

    .fad.fa-burn:after {
        content: "\10f46a";
    }

    .fad.fa-burrito:after {
        content: "\10f7ed";
    }

    .fad.fa-bus:after {
        content: "\10f207";
    }

    .fad.fa-bus-alt:after {
        content: "\10f55e";
    }

    .fad.fa-bus-school:after {
        content: "\10f5dd";
    }

    .fad.fa-business-time:after {
        content: "\10f64a";
    }

    .fad.fa-cabinet-filing:after {
        content: "\10f64b";
    }

    .fad.fa-calculator:after {
        content: "\10f1ec";
    }

    .fad.fa-calculator-alt:after {
        content: "\10f64c";
    }

    .fad.fa-calendar:after {
        content: "\10f133";
    }

    .fad.fa-calendar-alt:after {
        content: "\10f073";
    }

    .fad.fa-calendar-check:after {
        content: "\10f274";
    }

    .fad.fa-calendar-day:after {
        content: "\10f783";
    }

    .fad.fa-calendar-edit:after {
        content: "\10f333";
    }

    .fad.fa-calendar-exclamation:after {
        content: "\10f334";
    }

    .fad.fa-calendar-minus:after {
        content: "\10f272";
    }

    .fad.fa-calendar-plus:after {
        content: "\10f271";
    }

    .fad.fa-calendar-star:after {
        content: "\10f736";
    }

    .fad.fa-calendar-times:after {
        content: "\10f273";
    }

    .fad.fa-calendar-week:after {
        content: "\10f784";
    }

    .fad.fa-camera:after {
        content: "\10f030";
    }

    .fad.fa-camera-alt:after {
        content: "\10f332";
    }

    .fad.fa-camera-retro:after {
        content: "\10f083";
    }

    .fad.fa-campfire:after {
        content: "\10f6ba";
    }

    .fad.fa-campground:after {
        content: "\10f6bb";
    }

    .fad.fa-candle-holder:after {
        content: "\10f6bc";
    }

    .fad.fa-candy-cane:after {
        content: "\10f786";
    }

    .fad.fa-candy-corn:after {
        content: "\10f6bd";
    }

    .fad.fa-cannabis:after {
        content: "\10f55f";
    }

    .fad.fa-capsules:after {
        content: "\10f46b";
    }

    .fad.fa-car:after {
        content: "\10f1b9";
    }

    .fad.fa-car-alt:after {
        content: "\10f5de";
    }

    .fad.fa-car-battery:after {
        content: "\10f5df";
    }

    .fad.fa-car-building:after {
        content: "\10f859";
    }

    .fad.fa-car-bump:after {
        content: "\10f5e0";
    }

    .fad.fa-car-bus:after {
        content: "\10f85a";
    }

    .fad.fa-car-crash:after {
        content: "\10f5e1";
    }

    .fad.fa-car-garage:after {
        content: "\10f5e2";
    }

    .fad.fa-car-mechanic:after {
        content: "\10f5e3";
    }

    .fad.fa-car-side:after {
        content: "\10f5e4";
    }

    .fad.fa-car-tilt:after {
        content: "\10f5e5";
    }

    .fad.fa-car-wash:after {
        content: "\10f5e6";
    }

    .fad.fa-caret-circle-down:after {
        content: "\10f32d";
    }

    .fad.fa-caret-circle-left:after {
        content: "\10f32e";
    }

    .fad.fa-caret-circle-right:after {
        content: "\10f330";
    }

    .fad.fa-caret-circle-up:after {
        content: "\10f331";
    }

    .fad.fa-caret-down:after {
        content: "\10f0d7";
    }

    .fad.fa-caret-left:after {
        content: "\10f0d9";
    }

    .fad.fa-caret-right:after {
        content: "\10f0da";
    }

    .fad.fa-caret-square-down:after {
        content: "\10f150";
    }

    .fad.fa-caret-square-left:after {
        content: "\10f191";
    }

    .fad.fa-caret-square-right:after {
        content: "\10f152";
    }

    .fad.fa-caret-square-up:after {
        content: "\10f151";
    }

    .fad.fa-caret-up:after {
        content: "\10f0d8";
    }

    .fad.fa-carrot:after {
        content: "\10f787";
    }

    .fad.fa-cars:after {
        content: "\10f85b";
    }

    .fad.fa-cart-arrow-down:after {
        content: "\10f218";
    }

    .fad.fa-cart-plus:after {
        content: "\10f217";
    }

    .fad.fa-cash-register:after {
        content: "\10f788";
    }

    .fad.fa-cat:after {
        content: "\10f6be";
    }

    .fad.fa-cauldron:after {
        content: "\10f6bf";
    }

    .fad.fa-certificate:after {
        content: "\10f0a3";
    }

    .fad.fa-chair:after {
        content: "\10f6c0";
    }

    .fad.fa-chair-office:after {
        content: "\10f6c1";
    }

    .fad.fa-chalkboard:after {
        content: "\10f51b";
    }

    .fad.fa-chalkboard-teacher:after {
        content: "\10f51c";
    }

    .fad.fa-charging-station:after {
        content: "\10f5e7";
    }

    .fad.fa-chart-area:after {
        content: "\10f1fe";
    }

    .fad.fa-chart-bar:after {
        content: "\10f080";
    }

    .fad.fa-chart-line:after {
        content: "\10f201";
    }

    .fad.fa-chart-line-down:after {
        content: "\10f64d";
    }

    .fad.fa-chart-network:after {
        content: "\10f78a";
    }

    .fad.fa-chart-pie:after {
        content: "\10f200";
    }

    .fad.fa-chart-pie-alt:after {
        content: "\10f64e";
    }

    .fad.fa-chart-scatter:after {
        content: "\10f7ee";
    }

    .fad.fa-check:after {
        content: "\10f00c";
    }

    .fad.fa-check-circle:after {
        content: "\10f058";
    }

    .fad.fa-check-double:after {
        content: "\10f560";
    }

    .fad.fa-check-square:after {
        content: "\10f14a";
    }

    .fad.fa-cheese:after {
        content: "\10f7ef";
    }

    .fad.fa-cheese-swiss:after {
        content: "\10f7f0";
    }

    .fad.fa-cheeseburger:after {
        content: "\10f7f1";
    }

    .fad.fa-chess:after {
        content: "\10f439";
    }

    .fad.fa-chess-bishop:after {
        content: "\10f43a";
    }

    .fad.fa-chess-bishop-alt:after {
        content: "\10f43b";
    }

    .fad.fa-chess-board:after {
        content: "\10f43c";
    }

    .fad.fa-chess-clock:after {
        content: "\10f43d";
    }

    .fad.fa-chess-clock-alt:after {
        content: "\10f43e";
    }

    .fad.fa-chess-king:after {
        content: "\10f43f";
    }

    .fad.fa-chess-king-alt:after {
        content: "\10f440";
    }

    .fad.fa-chess-knight:after {
        content: "\10f441";
    }

    .fad.fa-chess-knight-alt:after {
        content: "\10f442";
    }

    .fad.fa-chess-pawn:after {
        content: "\10f443";
    }

    .fad.fa-chess-pawn-alt:after {
        content: "\10f444";
    }

    .fad.fa-chess-queen:after {
        content: "\10f445";
    }

    .fad.fa-chess-queen-alt:after {
        content: "\10f446";
    }

    .fad.fa-chess-rook:after {
        content: "\10f447";
    }

    .fad.fa-chess-rook-alt:after {
        content: "\10f448";
    }

    .fad.fa-chevron-circle-down:after {
        content: "\10f13a";
    }

    .fad.fa-chevron-circle-left:after {
        content: "\10f137";
    }

    .fad.fa-chevron-circle-right:after {
        content: "\10f138";
    }

    .fad.fa-chevron-circle-up:after {
        content: "\10f139";
    }

    .fad.fa-chevron-double-down:after {
        content: "\10f322";
    }

    .fad.fa-chevron-double-left:after {
        content: "\10f323";
    }

    .fad.fa-chevron-double-right:after {
        content: "\10f324";
    }

    .fad.fa-chevron-double-up:after {
        content: "\10f325";
    }

    .fad.fa-chevron-down:after {
        content: "\10f078";
    }

    .fad.fa-chevron-left:after {
        content: "\10f053";
    }

    .fad.fa-chevron-right:after {
        content: "\10f054";
    }

    .fad.fa-chevron-square-down:after {
        content: "\10f329";
    }

    .fad.fa-chevron-square-left:after {
        content: "\10f32a";
    }

    .fad.fa-chevron-square-right:after {
        content: "\10f32b";
    }

    .fad.fa-chevron-square-up:after {
        content: "\10f32c";
    }

    .fad.fa-chevron-up:after {
        content: "\10f077";
    }

    .fad.fa-child:after {
        content: "\10f1ae";
    }

    .fad.fa-chimney:after {
        content: "\10f78b";
    }

    .fad.fa-church:after {
        content: "\10f51d";
    }

    .fad.fa-circle:after {
        content: "\10f111";
    }

    .fad.fa-circle-notch:after {
        content: "\10f1ce";
    }

    .fad.fa-city:after {
        content: "\10f64f";
    }

    .fad.fa-claw-marks:after {
        content: "\10f6c2";
    }

    .fad.fa-clinic-medical:after {
        content: "\10f7f2";
    }

    .fad.fa-clipboard:after {
        content: "\10f328";
    }

    .fad.fa-clipboard-check:after {
        content: "\10f46c";
    }

    .fad.fa-clipboard-list:after {
        content: "\10f46d";
    }

    .fad.fa-clipboard-list-check:after {
        content: "\10f737";
    }

    .fad.fa-clipboard-prescription:after {
        content: "\10f5e8";
    }

    .fad.fa-clipboard-user:after {
        content: "\10f7f3";
    }

    .fad.fa-clock:after {
        content: "\10f017";
    }

    .fad.fa-clone:after {
        content: "\10f24d";
    }

    .fad.fa-closed-captioning:after {
        content: "\10f20a";
    }

    .fad.fa-cloud:after {
        content: "\10f0c2";
    }

    .fad.fa-cloud-download:after {
        content: "\10f0ed";
    }

    .fad.fa-cloud-download-alt:after {
        content: "\10f381";
    }

    .fad.fa-cloud-drizzle:after {
        content: "\10f738";
    }

    .fad.fa-cloud-hail:after {
        content: "\10f739";
    }

    .fad.fa-cloud-hail-mixed:after {
        content: "\10f73a";
    }

    .fad.fa-cloud-meatball:after {
        content: "\10f73b";
    }

    .fad.fa-cloud-moon:after {
        content: "\10f6c3";
    }

    .fad.fa-cloud-moon-rain:after {
        content: "\10f73c";
    }

    .fad.fa-cloud-rain:after {
        content: "\10f73d";
    }

    .fad.fa-cloud-rainbow:after {
        content: "\10f73e";
    }

    .fad.fa-cloud-showers:after {
        content: "\10f73f";
    }

    .fad.fa-cloud-showers-heavy:after {
        content: "\10f740";
    }

    .fad.fa-cloud-sleet:after {
        content: "\10f741";
    }

    .fad.fa-cloud-snow:after {
        content: "\10f742";
    }

    .fad.fa-cloud-sun:after {
        content: "\10f6c4";
    }

    .fad.fa-cloud-sun-rain:after {
        content: "\10f743";
    }

    .fad.fa-cloud-upload:after {
        content: "\10f0ee";
    }

    .fad.fa-cloud-upload-alt:after {
        content: "\10f382";
    }

    .fad.fa-clouds:after {
        content: "\10f744";
    }

    .fad.fa-clouds-moon:after {
        content: "\10f745";
    }

    .fad.fa-clouds-sun:after {
        content: "\10f746";
    }

    .fad.fa-club:after {
        content: "\10f327";
    }

    .fad.fa-cocktail:after {
        content: "\10f561";
    }

    .fad.fa-code:after {
        content: "\10f121";
    }

    .fad.fa-code-branch:after {
        content: "\10f126";
    }

    .fad.fa-code-commit:after {
        content: "\10f386";
    }

    .fad.fa-code-merge:after {
        content: "\10f387";
    }

    .fad.fa-coffee:after {
        content: "\10f0f4";
    }

    .fad.fa-coffee-togo:after {
        content: "\10f6c5";
    }

    .fad.fa-coffin:after {
        content: "\10f6c6";
    }

    .fad.fa-cog:after {
        content: "\10f013";
    }

    .fad.fa-cogs:after {
        content: "\10f085";
    }

    .fad.fa-coin:after {
        content: "\10f85c";
    }

    .fad.fa-coins:after {
        content: "\10f51e";
    }

    .fad.fa-columns:after {
        content: "\10f0db";
    }

    .fad.fa-comment:after {
        content: "\10f075";
    }

    .fad.fa-comment-alt:after {
        content: "\10f27a";
    }

    .fad.fa-comment-alt-check:after {
        content: "\10f4a2";
    }

    .fad.fa-comment-alt-dollar:after {
        content: "\10f650";
    }

    .fad.fa-comment-alt-dots:after {
        content: "\10f4a3";
    }

    .fad.fa-comment-alt-edit:after {
        content: "\10f4a4";
    }

    .fad.fa-comment-alt-exclamation:after {
        content: "\10f4a5";
    }

    .fad.fa-comment-alt-lines:after {
        content: "\10f4a6";
    }

    .fad.fa-comment-alt-medical:after {
        content: "\10f7f4";
    }

    .fad.fa-comment-alt-minus:after {
        content: "\10f4a7";
    }

    .fad.fa-comment-alt-plus:after {
        content: "\10f4a8";
    }

    .fad.fa-comment-alt-slash:after {
        content: "\10f4a9";
    }

    .fad.fa-comment-alt-smile:after {
        content: "\10f4aa";
    }

    .fad.fa-comment-alt-times:after {
        content: "\10f4ab";
    }

    .fad.fa-comment-check:after {
        content: "\10f4ac";
    }

    .fad.fa-comment-dollar:after {
        content: "\10f651";
    }

    .fad.fa-comment-dots:after {
        content: "\10f4ad";
    }

    .fad.fa-comment-edit:after {
        content: "\10f4ae";
    }

    .fad.fa-comment-exclamation:after {
        content: "\10f4af";
    }

    .fad.fa-comment-lines:after {
        content: "\10f4b0";
    }

    .fad.fa-comment-medical:after {
        content: "\10f7f5";
    }

    .fad.fa-comment-minus:after {
        content: "\10f4b1";
    }

    .fad.fa-comment-plus:after {
        content: "\10f4b2";
    }

    .fad.fa-comment-slash:after {
        content: "\10f4b3";
    }

    .fad.fa-comment-smile:after {
        content: "\10f4b4";
    }

    .fad.fa-comment-times:after {
        content: "\10f4b5";
    }

    .fad.fa-comments:after {
        content: "\10f086";
    }

    .fad.fa-comments-alt:after {
        content: "\10f4b6";
    }

    .fad.fa-comments-alt-dollar:after {
        content: "\10f652";
    }

    .fad.fa-comments-dollar:after {
        content: "\10f653";
    }

    .fad.fa-compact-disc:after {
        content: "\10f51f";
    }

    .fad.fa-compass:after {
        content: "\10f14e";
    }

    .fad.fa-compass-slash:after {
        content: "\10f5e9";
    }

    .fad.fa-compress:after {
        content: "\10f066";
    }

    .fad.fa-compress-alt:after {
        content: "\10f422";
    }

    .fad.fa-compress-arrows-alt:after {
        content: "\10f78c";
    }

    .fad.fa-compress-wide:after {
        content: "\10f326";
    }

    .fad.fa-concierge-bell:after {
        content: "\10f562";
    }

    .fad.fa-construction:after {
        content: "\10f85d";
    }

    .fad.fa-container-storage:after {
        content: "\10f4b7";
    }

    .fad.fa-conveyor-belt:after {
        content: "\10f46e";
    }

    .fad.fa-conveyor-belt-alt:after {
        content: "\10f46f";
    }

    .fad.fa-cookie:after {
        content: "\10f563";
    }

    .fad.fa-cookie-bite:after {
        content: "\10f564";
    }

    .fad.fa-copy:after {
        content: "\10f0c5";
    }

    .fad.fa-copyright:after {
        content: "\10f1f9";
    }

    .fad.fa-corn:after {
        content: "\10f6c7";
    }

    .fad.fa-couch:after {
        content: "\10f4b8";
    }

    .fad.fa-cow:after {
        content: "\10f6c8";
    }

    .fad.fa-credit-card:after {
        content: "\10f09d";
    }

    .fad.fa-credit-card-blank:after {
        content: "\10f389";
    }

    .fad.fa-credit-card-front:after {
        content: "\10f38a";
    }

    .fad.fa-cricket:after {
        content: "\10f449";
    }

    .fad.fa-croissant:after {
        content: "\10f7f6";
    }

    .fad.fa-crop:after {
        content: "\10f125";
    }

    .fad.fa-crop-alt:after {
        content: "\10f565";
    }

    .fad.fa-cross:after {
        content: "\10f654";
    }

    .fad.fa-crosshairs:after {
        content: "\10f05b";
    }

    .fad.fa-crow:after {
        content: "\10f520";
    }

    .fad.fa-crown:after {
        content: "\10f521";
    }

    .fad.fa-crutch:after {
        content: "\10f7f7";
    }

    .fad.fa-crutches:after {
        content: "\10f7f8";
    }

    .fad.fa-cube:after {
        content: "\10f1b2";
    }

    .fad.fa-cubes:after {
        content: "\10f1b3";
    }

    .fad.fa-curling:after {
        content: "\10f44a";
    }

    .fad.fa-cut:after {
        content: "\10f0c4";
    }

    .fad.fa-dagger:after {
        content: "\10f6cb";
    }

    .fad.fa-database:after {
        content: "\10f1c0";
    }

    .fad.fa-deaf:after {
        content: "\10f2a4";
    }

    .fad.fa-debug:after {
        content: "\10f7f9";
    }

    .fad.fa-deer:after {
        content: "\10f78e";
    }

    .fad.fa-deer-rudolph:after {
        content: "\10f78f";
    }

    .fad.fa-democrat:after {
        content: "\10f747";
    }

    .fad.fa-desktop:after {
        content: "\10f108";
    }

    .fad.fa-desktop-alt:after {
        content: "\10f390";
    }

    .fad.fa-dewpoint:after {
        content: "\10f748";
    }

    .fad.fa-dharmachakra:after {
        content: "\10f655";
    }

    .fad.fa-diagnoses:after {
        content: "\10f470";
    }

    .fad.fa-diamond:after {
        content: "\10f219";
    }

    .fad.fa-dice:after {
        content: "\10f522";
    }

    .fad.fa-dice-d10:after {
        content: "\10f6cd";
    }

    .fad.fa-dice-d12:after {
        content: "\10f6ce";
    }

    .fad.fa-dice-d20:after {
        content: "\10f6cf";
    }

    .fad.fa-dice-d4:after {
        content: "\10f6d0";
    }

    .fad.fa-dice-d6:after {
        content: "\10f6d1";
    }

    .fad.fa-dice-d8:after {
        content: "\10f6d2";
    }

    .fad.fa-dice-five:after {
        content: "\10f523";
    }

    .fad.fa-dice-four:after {
        content: "\10f524";
    }

    .fad.fa-dice-one:after {
        content: "\10f525";
    }

    .fad.fa-dice-six:after {
        content: "\10f526";
    }

    .fad.fa-dice-three:after {
        content: "\10f527";
    }

    .fad.fa-dice-two:after {
        content: "\10f528";
    }

    .fad.fa-digging:after {
        content: "\10f85e";
    }

    .fad.fa-digital-tachograph:after {
        content: "\10f566";
    }

    .fad.fa-diploma:after {
        content: "\10f5ea";
    }

    .fad.fa-directions:after {
        content: "\10f5eb";
    }

    .fad.fa-disease:after {
        content: "\10f7fa";
    }

    .fad.fa-divide:after {
        content: "\10f529";
    }

    .fad.fa-dizzy:after {
        content: "\10f567";
    }

    .fad.fa-dna:after {
        content: "\10f471";
    }

    .fad.fa-do-not-enter:after {
        content: "\10f5ec";
    }

    .fad.fa-dog:after {
        content: "\10f6d3";
    }

    .fad.fa-dog-leashed:after {
        content: "\10f6d4";
    }

    .fad.fa-dollar-sign:after {
        content: "\10f155";
    }

    .fad.fa-dolly:after {
        content: "\10f472";
    }

    .fad.fa-dolly-empty:after {
        content: "\10f473";
    }

    .fad.fa-dolly-flatbed:after {
        content: "\10f474";
    }

    .fad.fa-dolly-flatbed-alt:after {
        content: "\10f475";
    }

    .fad.fa-dolly-flatbed-empty:after {
        content: "\10f476";
    }

    .fad.fa-donate:after {
        content: "\10f4b9";
    }

    .fad.fa-door-closed:after {
        content: "\10f52a";
    }

    .fad.fa-door-open:after {
        content: "\10f52b";
    }

    .fad.fa-dot-circle:after {
        content: "\10f192";
    }

    .fad.fa-dove:after {
        content: "\10f4ba";
    }

    .fad.fa-download:after {
        content: "\10f019";
    }

    .fad.fa-drafting-compass:after {
        content: "\10f568";
    }

    .fad.fa-dragon:after {
        content: "\10f6d5";
    }

    .fad.fa-draw-circle:after {
        content: "\10f5ed";
    }

    .fad.fa-draw-polygon:after {
        content: "\10f5ee";
    }

    .fad.fa-draw-square:after {
        content: "\10f5ef";
    }

    .fad.fa-dreidel:after {
        content: "\10f792";
    }

    .fad.fa-drone:after {
        content: "\10f85f";
    }

    .fad.fa-drone-alt:after {
        content: "\10f860";
    }

    .fad.fa-drum:after {
        content: "\10f569";
    }

    .fad.fa-drum-steelpan:after {
        content: "\10f56a";
    }

    .fad.fa-drumstick:after {
        content: "\10f6d6";
    }

    .fad.fa-drumstick-bite:after {
        content: "\10f6d7";
    }

    .fad.fa-dryer:after {
        content: "\10f861";
    }

    .fad.fa-dryer-alt:after {
        content: "\10f862";
    }

    .fad.fa-duck:after {
        content: "\10f6d8";
    }

    .fad.fa-dumbbell:after {
        content: "\10f44b";
    }

    .fad.fa-dumpster:after {
        content: "\10f793";
    }

    .fad.fa-dumpster-fire:after {
        content: "\10f794";
    }

    .fad.fa-dungeon:after {
        content: "\10f6d9";
    }

    .fad.fa-ear:after {
        content: "\10f5f0";
    }

    .fad.fa-ear-muffs:after {
        content: "\10f795";
    }

    .fad.fa-eclipse:after {
        content: "\10f749";
    }

    .fad.fa-eclipse-alt:after {
        content: "\10f74a";
    }

    .fad.fa-edit:after {
        content: "\10f044";
    }

    .fad.fa-egg:after {
        content: "\10f7fb";
    }

    .fad.fa-egg-fried:after {
        content: "\10f7fc";
    }

    .fad.fa-eject:after {
        content: "\10f052";
    }

    .fad.fa-elephant:after {
        content: "\10f6da";
    }

    .fad.fa-ellipsis-h:after {
        content: "\10f141";
    }

    .fad.fa-ellipsis-h-alt:after {
        content: "\10f39b";
    }

    .fad.fa-ellipsis-v:after {
        content: "\10f142";
    }

    .fad.fa-ellipsis-v-alt:after {
        content: "\10f39c";
    }

    .fad.fa-empty-set:after {
        content: "\10f656";
    }

    .fad.fa-engine-warning:after {
        content: "\10f5f2";
    }

    .fad.fa-envelope:after {
        content: "\10f0e0";
    }

    .fad.fa-envelope-open:after {
        content: "\10f2b6";
    }

    .fad.fa-envelope-open-dollar:after {
        content: "\10f657";
    }

    .fad.fa-envelope-open-text:after {
        content: "\10f658";
    }

    .fad.fa-envelope-square:after {
        content: "\10f199";
    }

    .fad.fa-equals:after {
        content: "\10f52c";
    }

    .fad.fa-eraser:after {
        content: "\10f12d";
    }

    .fad.fa-ethernet:after {
        content: "\10f796";
    }

    .fad.fa-euro-sign:after {
        content: "\10f153";
    }

    .fad.fa-exchange:after {
        content: "\10f0ec";
    }

    .fad.fa-exchange-alt:after {
        content: "\10f362";
    }

    .fad.fa-exclamation:after {
        content: "\10f12a";
    }

    .fad.fa-exclamation-circle:after {
        content: "\10f06a";
    }

    .fad.fa-exclamation-square:after {
        content: "\10f321";
    }

    .fad.fa-exclamation-triangle:after {
        content: "\10f071";
    }

    .fad.fa-expand:after {
        content: "\10f065";
    }

    .fad.fa-expand-alt:after {
        content: "\10f424";
    }

    .fad.fa-expand-arrows:after {
        content: "\10f31d";
    }

    .fad.fa-expand-arrows-alt:after {
        content: "\10f31e";
    }

    .fad.fa-expand-wide:after {
        content: "\10f320";
    }

    .fad.fa-external-link:after {
        content: "\10f08e";
    }

    .fad.fa-external-link-alt:after {
        content: "\10f35d";
    }

    .fad.fa-external-link-square:after {
        content: "\10f14c";
    }

    .fad.fa-external-link-square-alt:after {
        content: "\10f360";
    }

    .fad.fa-eye:after {
        content: "\10f06e";
    }

    .fad.fa-eye-dropper:after {
        content: "\10f1fb";
    }

    .fad.fa-eye-evil:after {
        content: "\10f6db";
    }

    .fad.fa-eye-slash:after {
        content: "\10f070";
    }

    .fad.fa-fan:after {
        content: "\10f863";
    }

    .fad.fa-farm:after {
        content: "\10f864";
    }

    .fad.fa-fast-backward:after {
        content: "\10f049";
    }

    .fad.fa-fast-forward:after {
        content: "\10f050";
    }

    .fad.fa-fax:after {
        content: "\10f1ac";
    }

    .fad.fa-feather:after {
        content: "\10f52d";
    }

    .fad.fa-feather-alt:after {
        content: "\10f56b";
    }

    .fad.fa-female:after {
        content: "\10f182";
    }

    .fad.fa-field-hockey:after {
        content: "\10f44c";
    }

    .fad.fa-fighter-jet:after {
        content: "\10f0fb";
    }

    .fad.fa-file:after {
        content: "\10f15b";
    }

    .fad.fa-file-alt:after {
        content: "\10f15c";
    }

    .fad.fa-file-archive:after {
        content: "\10f1c6";
    }

    .fad.fa-file-audio:after {
        content: "\10f1c7";
    }

    .fad.fa-file-certificate:after {
        content: "\10f5f3";
    }

    .fad.fa-file-chart-line:after {
        content: "\10f659";
    }

    .fad.fa-file-chart-pie:after {
        content: "\10f65a";
    }

    .fad.fa-file-check:after {
        content: "\10f316";
    }

    .fad.fa-file-code:after {
        content: "\10f1c9";
    }

    .fad.fa-file-contract:after {
        content: "\10f56c";
    }

    .fad.fa-file-csv:after {
        content: "\10f6dd";
    }

    .fad.fa-file-download:after {
        content: "\10f56d";
    }

    .fad.fa-file-edit:after {
        content: "\10f31c";
    }

    .fad.fa-file-excel:after {
        content: "\10f1c3";
    }

    .fad.fa-file-exclamation:after {
        content: "\10f31a";
    }

    .fad.fa-file-export:after {
        content: "\10f56e";
    }

    .fad.fa-file-image:after {
        content: "\10f1c5";
    }

    .fad.fa-file-import:after {
        content: "\10f56f";
    }

    .fad.fa-file-invoice:after {
        content: "\10f570";
    }

    .fad.fa-file-invoice-dollar:after {
        content: "\10f571";
    }

    .fad.fa-file-medical:after {
        content: "\10f477";
    }

    .fad.fa-file-medical-alt:after {
        content: "\10f478";
    }

    .fad.fa-file-minus:after {
        content: "\10f318";
    }

    .fad.fa-file-pdf:after {
        content: "\10f1c1";
    }

    .fad.fa-file-plus:after {
        content: "\10f319";
    }

    .fad.fa-file-powerpoint:after {
        content: "\10f1c4";
    }

    .fad.fa-file-prescription:after {
        content: "\10f572";
    }

    .fad.fa-file-search:after {
        content: "\10f865";
    }

    .fad.fa-file-signature:after {
        content: "\10f573";
    }

    .fad.fa-file-spreadsheet:after {
        content: "\10f65b";
    }

    .fad.fa-file-times:after {
        content: "\10f317";
    }

    .fad.fa-file-upload:after {
        content: "\10f574";
    }

    .fad.fa-file-user:after {
        content: "\10f65c";
    }

    .fad.fa-file-video:after {
        content: "\10f1c8";
    }

    .fad.fa-file-word:after {
        content: "\10f1c2";
    }

    .fad.fa-files-medical:after {
        content: "\10f7fd";
    }

    .fad.fa-fill:after {
        content: "\10f575";
    }

    .fad.fa-fill-drip:after {
        content: "\10f576";
    }

    .fad.fa-film:after {
        content: "\10f008";
    }

    .fad.fa-film-alt:after {
        content: "\10f3a0";
    }

    .fad.fa-filter:after {
        content: "\10f0b0";
    }

    .fad.fa-fingerprint:after {
        content: "\10f577";
    }

    .fad.fa-fire:after {
        content: "\10f06d";
    }

    .fad.fa-fire-alt:after {
        content: "\10f7e4";
    }

    .fad.fa-fire-extinguisher:after {
        content: "\10f134";
    }

    .fad.fa-fire-smoke:after {
        content: "\10f74b";
    }

    .fad.fa-fireplace:after {
        content: "\10f79a";
    }

    .fad.fa-first-aid:after {
        content: "\10f479";
    }

    .fad.fa-fish:after {
        content: "\10f578";
    }

    .fad.fa-fish-cooked:after {
        content: "\10f7fe";
    }

    .fad.fa-fist-raised:after {
        content: "\10f6de";
    }

    .fad.fa-flag:after {
        content: "\10f024";
    }

    .fad.fa-flag-alt:after {
        content: "\10f74c";
    }

    .fad.fa-flag-checkered:after {
        content: "\10f11e";
    }

    .fad.fa-flag-usa:after {
        content: "\10f74d";
    }

    .fad.fa-flame:after {
        content: "\10f6df";
    }

    .fad.fa-flask:after {
        content: "\10f0c3";
    }

    .fad.fa-flask-poison:after {
        content: "\10f6e0";
    }

    .fad.fa-flask-potion:after {
        content: "\10f6e1";
    }

    .fad.fa-flower:after {
        content: "\10f7ff";
    }

    .fad.fa-flower-daffodil:after {
        content: "\10f800";
    }

    .fad.fa-flower-tulip:after {
        content: "\10f801";
    }

    .fad.fa-flushed:after {
        content: "\10f579";
    }

    .fad.fa-fog:after {
        content: "\10f74e";
    }

    .fad.fa-folder:after {
        content: "\10f07b";
    }

    .fad.fa-folder-minus:after {
        content: "\10f65d";
    }

    .fad.fa-folder-open:after {
        content: "\10f07c";
    }

    .fad.fa-folder-plus:after {
        content: "\10f65e";
    }

    .fad.fa-folder-times:after {
        content: "\10f65f";
    }

    .fad.fa-folder-tree:after {
        content: "\10f802";
    }

    .fad.fa-folders:after {
        content: "\10f660";
    }

    .fad.fa-font:after {
        content: "\10f031";
    }

    .fad.fa-font-awesome-logo-full:after {
        content: "\10f4e6";
    }

    .fad.fa-font-case:after {
        content: "\10f866";
    }

    .fad.fa-football-ball:after {
        content: "\10f44e";
    }

    .fad.fa-football-helmet:after {
        content: "\10f44f";
    }

    .fad.fa-forklift:after {
        content: "\10f47a";
    }

    .fad.fa-forward:after {
        content: "\10f04e";
    }

    .fad.fa-fragile:after {
        content: "\10f4bb";
    }

    .fad.fa-french-fries:after {
        content: "\10f803";
    }

    .fad.fa-frog:after {
        content: "\10f52e";
    }

    .fad.fa-frosty-head:after {
        content: "\10f79b";
    }

    .fad.fa-frown:after {
        content: "\10f119";
    }

    .fad.fa-frown-open:after {
        content: "\10f57a";
    }

    .fad.fa-function:after {
        content: "\10f661";
    }

    .fad.fa-funnel-dollar:after {
        content: "\10f662";
    }

    .fad.fa-futbol:after {
        content: "\10f1e3";
    }

    .fad.fa-game-board:after {
        content: "\10f867";
    }

    .fad.fa-game-board-alt:after {
        content: "\10f868";
    }

    .fad.fa-gamepad:after {
        content: "\10f11b";
    }

    .fad.fa-gas-pump:after {
        content: "\10f52f";
    }

    .fad.fa-gas-pump-slash:after {
        content: "\10f5f4";
    }

    .fad.fa-gavel:after {
        content: "\10f0e3";
    }

    .fad.fa-gem:after {
        content: "\10f3a5";
    }

    .fad.fa-genderless:after {
        content: "\10f22d";
    }

    .fad.fa-ghost:after {
        content: "\10f6e2";
    }

    .fad.fa-gift:after {
        content: "\10f06b";
    }

    .fad.fa-gift-card:after {
        content: "\10f663";
    }

    .fad.fa-gifts:after {
        content: "\10f79c";
    }

    .fad.fa-gingerbread-man:after {
        content: "\10f79d";
    }

    .fad.fa-glass:after {
        content: "\10f804";
    }

    .fad.fa-glass-champagne:after {
        content: "\10f79e";
    }

    .fad.fa-glass-cheers:after {
        content: "\10f79f";
    }

    .fad.fa-glass-citrus:after {
        content: "\10f869";
    }

    .fad.fa-glass-martini:after {
        content: "\10f000";
    }

    .fad.fa-glass-martini-alt:after {
        content: "\10f57b";
    }

    .fad.fa-glass-whiskey:after {
        content: "\10f7a0";
    }

    .fad.fa-glass-whiskey-rocks:after {
        content: "\10f7a1";
    }

    .fad.fa-glasses:after {
        content: "\10f530";
    }

    .fad.fa-glasses-alt:after {
        content: "\10f5f5";
    }

    .fad.fa-globe:after {
        content: "\10f0ac";
    }

    .fad.fa-globe-africa:after {
        content: "\10f57c";
    }

    .fad.fa-globe-americas:after {
        content: "\10f57d";
    }

    .fad.fa-globe-asia:after {
        content: "\10f57e";
    }

    .fad.fa-globe-europe:after {
        content: "\10f7a2";
    }

    .fad.fa-globe-snow:after {
        content: "\10f7a3";
    }

    .fad.fa-globe-stand:after {
        content: "\10f5f6";
    }

    .fad.fa-golf-ball:after {
        content: "\10f450";
    }

    .fad.fa-golf-club:after {
        content: "\10f451";
    }

    .fad.fa-gopuram:after {
        content: "\10f664";
    }

    .fad.fa-graduation-cap:after {
        content: "\10f19d";
    }

    .fad.fa-greater-than:after {
        content: "\10f531";
    }

    .fad.fa-greater-than-equal:after {
        content: "\10f532";
    }

    .fad.fa-grimace:after {
        content: "\10f57f";
    }

    .fad.fa-grin:after {
        content: "\10f580";
    }

    .fad.fa-grin-alt:after {
        content: "\10f581";
    }

    .fad.fa-grin-beam:after {
        content: "\10f582";
    }

    .fad.fa-grin-beam-sweat:after {
        content: "\10f583";
    }

    .fad.fa-grin-hearts:after {
        content: "\10f584";
    }

    .fad.fa-grin-squint:after {
        content: "\10f585";
    }

    .fad.fa-grin-squint-tears:after {
        content: "\10f586";
    }

    .fad.fa-grin-stars:after {
        content: "\10f587";
    }

    .fad.fa-grin-tears:after {
        content: "\10f588";
    }

    .fad.fa-grin-tongue:after {
        content: "\10f589";
    }

    .fad.fa-grin-tongue-squint:after {
        content: "\10f58a";
    }

    .fad.fa-grin-tongue-wink:after {
        content: "\10f58b";
    }

    .fad.fa-grin-wink:after {
        content: "\10f58c";
    }

    .fad.fa-grip-horizontal:after {
        content: "\10f58d";
    }

    .fad.fa-grip-lines:after {
        content: "\10f7a4";
    }

    .fad.fa-grip-lines-vertical:after {
        content: "\10f7a5";
    }

    .fad.fa-grip-vertical:after {
        content: "\10f58e";
    }

    .fad.fa-guitar:after {
        content: "\10f7a6";
    }

    .fad.fa-h-square:after {
        content: "\10f0fd";
    }

    .fad.fa-h1:after {
        content: "\10f313";
    }

    .fad.fa-h2:after {
        content: "\10f314";
    }

    .fad.fa-h3:after {
        content: "\10f315";
    }

    .fad.fa-h4:after {
        content: "\10f86a";
    }

    .fad.fa-hamburger:after {
        content: "\10f805";
    }

    .fad.fa-hammer:after {
        content: "\10f6e3";
    }

    .fad.fa-hammer-war:after {
        content: "\10f6e4";
    }

    .fad.fa-hamsa:after {
        content: "\10f665";
    }

    .fad.fa-hand-heart:after {
        content: "\10f4bc";
    }

    .fad.fa-hand-holding:after {
        content: "\10f4bd";
    }

    .fad.fa-hand-holding-box:after {
        content: "\10f47b";
    }

    .fad.fa-hand-holding-heart:after {
        content: "\10f4be";
    }

    .fad.fa-hand-holding-magic:after {
        content: "\10f6e5";
    }

    .fad.fa-hand-holding-seedling:after {
        content: "\10f4bf";
    }

    .fad.fa-hand-holding-usd:after {
        content: "\10f4c0";
    }

    .fad.fa-hand-holding-water:after {
        content: "\10f4c1";
    }

    .fad.fa-hand-lizard:after {
        content: "\10f258";
    }

    .fad.fa-hand-middle-finger:after {
        content: "\10f806";
    }

    .fad.fa-hand-paper:after {
        content: "\10f256";
    }

    .fad.fa-hand-peace:after {
        content: "\10f25b";
    }

    .fad.fa-hand-point-down:after {
        content: "\10f0a7";
    }

    .fad.fa-hand-point-left:after {
        content: "\10f0a5";
    }

    .fad.fa-hand-point-right:after {
        content: "\10f0a4";
    }

    .fad.fa-hand-point-up:after {
        content: "\10f0a6";
    }

    .fad.fa-hand-pointer:after {
        content: "\10f25a";
    }

    .fad.fa-hand-receiving:after {
        content: "\10f47c";
    }

    .fad.fa-hand-rock:after {
        content: "\10f255";
    }

    .fad.fa-hand-scissors:after {
        content: "\10f257";
    }

    .fad.fa-hand-spock:after {
        content: "\10f259";
    }

    .fad.fa-hands:after {
        content: "\10f4c2";
    }

    .fad.fa-hands-heart:after {
        content: "\10f4c3";
    }

    .fad.fa-hands-helping:after {
        content: "\10f4c4";
    }

    .fad.fa-hands-usd:after {
        content: "\10f4c5";
    }

    .fad.fa-handshake:after {
        content: "\10f2b5";
    }

    .fad.fa-handshake-alt:after {
        content: "\10f4c6";
    }

    .fad.fa-hanukiah:after {
        content: "\10f6e6";
    }

    .fad.fa-hard-hat:after {
        content: "\10f807";
    }

    .fad.fa-hashtag:after {
        content: "\10f292";
    }

    .fad.fa-hat-chef:after {
        content: "\10f86b";
    }

    .fad.fa-hat-santa:after {
        content: "\10f7a7";
    }

    .fad.fa-hat-winter:after {
        content: "\10f7a8";
    }

    .fad.fa-hat-witch:after {
        content: "\10f6e7";
    }

    .fad.fa-hat-wizard:after {
        content: "\10f6e8";
    }

    .fad.fa-haykal:after {
        content: "\10f666";
    }

    .fad.fa-hdd:after {
        content: "\10f0a0";
    }

    .fad.fa-head-side:after {
        content: "\10f6e9";
    }

    .fad.fa-head-side-brain:after {
        content: "\10f808";
    }

    .fad.fa-head-side-medical:after {
        content: "\10f809";
    }

    .fad.fa-head-vr:after {
        content: "\10f6ea";
    }

    .fad.fa-heading:after {
        content: "\10f1dc";
    }

    .fad.fa-headphones:after {
        content: "\10f025";
    }

    .fad.fa-headphones-alt:after {
        content: "\10f58f";
    }

    .fad.fa-headset:after {
        content: "\10f590";
    }

    .fad.fa-heart:after {
        content: "\10f004";
    }

    .fad.fa-heart-broken:after {
        content: "\10f7a9";
    }

    .fad.fa-heart-circle:after {
        content: "\10f4c7";
    }

    .fad.fa-heart-rate:after {
        content: "\10f5f8";
    }

    .fad.fa-heart-square:after {
        content: "\10f4c8";
    }

    .fad.fa-heartbeat:after {
        content: "\10f21e";
    }

    .fad.fa-helicopter:after {
        content: "\10f533";
    }

    .fad.fa-helmet-battle:after {
        content: "\10f6eb";
    }

    .fad.fa-hexagon:after {
        content: "\10f312";
    }

    .fad.fa-highlighter:after {
        content: "\10f591";
    }

    .fad.fa-hiking:after {
        content: "\10f6ec";
    }

    .fad.fa-hippo:after {
        content: "\10f6ed";
    }

    .fad.fa-history:after {
        content: "\10f1da";
    }

    .fad.fa-hockey-mask:after {
        content: "\10f6ee";
    }

    .fad.fa-hockey-puck:after {
        content: "\10f453";
    }

    .fad.fa-hockey-sticks:after {
        content: "\10f454";
    }

    .fad.fa-holly-berry:after {
        content: "\10f7aa";
    }

    .fad.fa-home:after {
        content: "\10f015";
    }

    .fad.fa-home-alt:after {
        content: "\10f80a";
    }

    .fad.fa-home-heart:after {
        content: "\10f4c9";
    }

    .fad.fa-home-lg:after {
        content: "\10f80b";
    }

    .fad.fa-home-lg-alt:after {
        content: "\10f80c";
    }

    .fad.fa-hood-cloak:after {
        content: "\10f6ef";
    }

    .fad.fa-horizontal-rule:after {
        content: "\10f86c";
    }

    .fad.fa-horse:after {
        content: "\10f6f0";
    }

    .fad.fa-horse-head:after {
        content: "\10f7ab";
    }

    .fad.fa-hospital:after {
        content: "\10f0f8";
    }

    .fad.fa-hospital-alt:after {
        content: "\10f47d";
    }

    .fad.fa-hospital-symbol:after {
        content: "\10f47e";
    }

    .fad.fa-hospital-user:after {
        content: "\10f80d";
    }

    .fad.fa-hospitals:after {
        content: "\10f80e";
    }

    .fad.fa-hot-tub:after {
        content: "\10f593";
    }

    .fad.fa-hotdog:after {
        content: "\10f80f";
    }

    .fad.fa-hotel:after {
        content: "\10f594";
    }

    .fad.fa-hourglass:after {
        content: "\10f254";
    }

    .fad.fa-hourglass-end:after {
        content: "\10f253";
    }

    .fad.fa-hourglass-half:after {
        content: "\10f252";
    }

    .fad.fa-hourglass-start:after {
        content: "\10f251";
    }

    .fad.fa-house-damage:after {
        content: "\10f6f1";
    }

    .fad.fa-house-flood:after {
        content: "\10f74f";
    }

    .fad.fa-hryvnia:after {
        content: "\10f6f2";
    }

    .fad.fa-humidity:after {
        content: "\10f750";
    }

    .fad.fa-hurricane:after {
        content: "\10f751";
    }

    .fad.fa-i-cursor:after {
        content: "\10f246";
    }

    .fad.fa-ice-cream:after {
        content: "\10f810";
    }

    .fad.fa-ice-skate:after {
        content: "\10f7ac";
    }

    .fad.fa-icicles:after {
        content: "\10f7ad";
    }

    .fad.fa-icons:after {
        content: "\10f86d";
    }

    .fad.fa-icons-alt:after {
        content: "\10f86e";
    }

    .fad.fa-id-badge:after {
        content: "\10f2c1";
    }

    .fad.fa-id-card:after {
        content: "\10f2c2";
    }

    .fad.fa-id-card-alt:after {
        content: "\10f47f";
    }

    .fad.fa-igloo:after {
        content: "\10f7ae";
    }

    .fad.fa-image:after {
        content: "\10f03e";
    }

    .fad.fa-images:after {
        content: "\10f302";
    }

    .fad.fa-inbox:after {
        content: "\10f01c";
    }

    .fad.fa-inbox-in:after {
        content: "\10f310";
    }

    .fad.fa-inbox-out:after {
        content: "\10f311";
    }

    .fad.fa-indent:after {
        content: "\10f03c";
    }

    .fad.fa-industry:after {
        content: "\10f275";
    }

    .fad.fa-industry-alt:after {
        content: "\10f3b3";
    }

    .fad.fa-infinity:after {
        content: "\10f534";
    }

    .fad.fa-info:after {
        content: "\10f129";
    }

    .fad.fa-info-circle:after {
        content: "\10f05a";
    }

    .fad.fa-info-square:after {
        content: "\10f30f";
    }

    .fad.fa-inhaler:after {
        content: "\10f5f9";
    }

    .fad.fa-integral:after {
        content: "\10f667";
    }

    .fad.fa-intersection:after {
        content: "\10f668";
    }

    .fad.fa-inventory:after {
        content: "\10f480";
    }

    .fad.fa-island-tropical:after {
        content: "\10f811";
    }

    .fad.fa-italic:after {
        content: "\10f033";
    }

    .fad.fa-jack-o-lantern:after {
        content: "\10f30e";
    }

    .fad.fa-jedi:after {
        content: "\10f669";
    }

    .fad.fa-joint:after {
        content: "\10f595";
    }

    .fad.fa-journal-whills:after {
        content: "\10f66a";
    }

    .fad.fa-kaaba:after {
        content: "\10f66b";
    }

    .fad.fa-kerning:after {
        content: "\10f86f";
    }

    .fad.fa-key:after {
        content: "\10f084";
    }

    .fad.fa-key-skeleton:after {
        content: "\10f6f3";
    }

    .fad.fa-keyboard:after {
        content: "\10f11c";
    }

    .fad.fa-keynote:after {
        content: "\10f66c";
    }

    .fad.fa-khanda:after {
        content: "\10f66d";
    }

    .fad.fa-kidneys:after {
        content: "\10f5fb";
    }

    .fad.fa-kiss:after {
        content: "\10f596";
    }

    .fad.fa-kiss-beam:after {
        content: "\10f597";
    }

    .fad.fa-kiss-wink-heart:after {
        content: "\10f598";
    }

    .fad.fa-kite:after {
        content: "\10f6f4";
    }

    .fad.fa-kiwi-bird:after {
        content: "\10f535";
    }

    .fad.fa-knife-kitchen:after {
        content: "\10f6f5";
    }

    .fad.fa-lambda:after {
        content: "\10f66e";
    }

    .fad.fa-lamp:after {
        content: "\10f4ca";
    }

    .fad.fa-landmark:after {
        content: "\10f66f";
    }

    .fad.fa-landmark-alt:after {
        content: "\10f752";
    }

    .fad.fa-language:after {
        content: "\10f1ab";
    }

    .fad.fa-laptop:after {
        content: "\10f109";
    }

    .fad.fa-laptop-code:after {
        content: "\10f5fc";
    }

    .fad.fa-laptop-medical:after {
        content: "\10f812";
    }

    .fad.fa-laugh:after {
        content: "\10f599";
    }

    .fad.fa-laugh-beam:after {
        content: "\10f59a";
    }

    .fad.fa-laugh-squint:after {
        content: "\10f59b";
    }

    .fad.fa-laugh-wink:after {
        content: "\10f59c";
    }

    .fad.fa-layer-group:after {
        content: "\10f5fd";
    }

    .fad.fa-layer-minus:after {
        content: "\10f5fe";
    }

    .fad.fa-layer-plus:after {
        content: "\10f5ff";
    }

    .fad.fa-leaf:after {
        content: "\10f06c";
    }

    .fad.fa-leaf-heart:after {
        content: "\10f4cb";
    }

    .fad.fa-leaf-maple:after {
        content: "\10f6f6";
    }

    .fad.fa-leaf-oak:after {
        content: "\10f6f7";
    }

    .fad.fa-lemon:after {
        content: "\10f094";
    }

    .fad.fa-less-than:after {
        content: "\10f536";
    }

    .fad.fa-less-than-equal:after {
        content: "\10f537";
    }

    .fad.fa-level-down:after {
        content: "\10f149";
    }

    .fad.fa-level-down-alt:after {
        content: "\10f3be";
    }

    .fad.fa-level-up:after {
        content: "\10f148";
    }

    .fad.fa-level-up-alt:after {
        content: "\10f3bf";
    }

    .fad.fa-life-ring:after {
        content: "\10f1cd";
    }

    .fad.fa-lightbulb:after {
        content: "\10f0eb";
    }

    .fad.fa-lightbulb-dollar:after {
        content: "\10f670";
    }

    .fad.fa-lightbulb-exclamation:after {
        content: "\10f671";
    }

    .fad.fa-lightbulb-on:after {
        content: "\10f672";
    }

    .fad.fa-lightbulb-slash:after {
        content: "\10f673";
    }

    .fad.fa-lights-holiday:after {
        content: "\10f7b2";
    }

    .fad.fa-line-columns:after {
        content: "\10f870";
    }

    .fad.fa-line-height:after {
        content: "\10f871";
    }

    .fad.fa-link:after {
        content: "\10f0c1";
    }

    .fad.fa-lips:after {
        content: "\10f600";
    }

    .fad.fa-lira-sign:after {
        content: "\10f195";
    }

    .fad.fa-list:after {
        content: "\10f03a";
    }

    .fad.fa-list-alt:after {
        content: "\10f022";
    }

    .fad.fa-list-ol:after {
        content: "\10f0cb";
    }

    .fad.fa-list-ul:after {
        content: "\10f0ca";
    }

    .fad.fa-location:after {
        content: "\10f601";
    }

    .fad.fa-location-arrow:after {
        content: "\10f124";
    }

    .fad.fa-location-circle:after {
        content: "\10f602";
    }

    .fad.fa-location-slash:after {
        content: "\10f603";
    }

    .fad.fa-lock:after {
        content: "\10f023";
    }

    .fad.fa-lock-alt:after {
        content: "\10f30d";
    }

    .fad.fa-lock-open:after {
        content: "\10f3c1";
    }

    .fad.fa-lock-open-alt:after {
        content: "\10f3c2";
    }

    .fad.fa-long-arrow-alt-down:after {
        content: "\10f309";
    }

    .fad.fa-long-arrow-alt-left:after {
        content: "\10f30a";
    }

    .fad.fa-long-arrow-alt-right:after {
        content: "\10f30b";
    }

    .fad.fa-long-arrow-alt-up:after {
        content: "\10f30c";
    }

    .fad.fa-long-arrow-down:after {
        content: "\10f175";
    }

    .fad.fa-long-arrow-left:after {
        content: "\10f177";
    }

    .fad.fa-long-arrow-right:after {
        content: "\10f178";
    }

    .fad.fa-long-arrow-up:after {
        content: "\10f176";
    }

    .fad.fa-loveseat:after {
        content: "\10f4cc";
    }

    .fad.fa-low-vision:after {
        content: "\10f2a8";
    }

    .fad.fa-luchador:after {
        content: "\10f455";
    }

    .fad.fa-luggage-cart:after {
        content: "\10f59d";
    }

    .fad.fa-lungs:after {
        content: "\10f604";
    }

    .fad.fa-mace:after {
        content: "\10f6f8";
    }

    .fad.fa-magic:after {
        content: "\10f0d0";
    }

    .fad.fa-magnet:after {
        content: "\10f076";
    }

    .fad.fa-mail-bulk:after {
        content: "\10f674";
    }

    .fad.fa-mailbox:after {
        content: "\10f813";
    }

    .fad.fa-male:after {
        content: "\10f183";
    }

    .fad.fa-mandolin:after {
        content: "\10f6f9";
    }

    .fad.fa-map:after {
        content: "\10f279";
    }

    .fad.fa-map-marked:after {
        content: "\10f59f";
    }

    .fad.fa-map-marked-alt:after {
        content: "\10f5a0";
    }

    .fad.fa-map-marker:after {
        content: "\10f041";
    }

    .fad.fa-map-marker-alt:after {
        content: "\10f3c5";
    }

    .fad.fa-map-marker-alt-slash:after {
        content: "\10f605";
    }

    .fad.fa-map-marker-check:after {
        content: "\10f606";
    }

    .fad.fa-map-marker-edit:after {
        content: "\10f607";
    }

    .fad.fa-map-marker-exclamation:after {
        content: "\10f608";
    }

    .fad.fa-map-marker-minus:after {
        content: "\10f609";
    }

    .fad.fa-map-marker-plus:after {
        content: "\10f60a";
    }

    .fad.fa-map-marker-question:after {
        content: "\10f60b";
    }

    .fad.fa-map-marker-slash:after {
        content: "\10f60c";
    }

    .fad.fa-map-marker-smile:after {
        content: "\10f60d";
    }

    .fad.fa-map-marker-times:after {
        content: "\10f60e";
    }

    .fad.fa-map-pin:after {
        content: "\10f276";
    }

    .fad.fa-map-signs:after {
        content: "\10f277";
    }

    .fad.fa-marker:after {
        content: "\10f5a1";
    }

    .fad.fa-mars:after {
        content: "\10f222";
    }

    .fad.fa-mars-double:after {
        content: "\10f227";
    }

    .fad.fa-mars-stroke:after {
        content: "\10f229";
    }

    .fad.fa-mars-stroke-h:after {
        content: "\10f22b";
    }

    .fad.fa-mars-stroke-v:after {
        content: "\10f22a";
    }

    .fad.fa-mask:after {
        content: "\10f6fa";
    }

    .fad.fa-meat:after {
        content: "\10f814";
    }

    .fad.fa-medal:after {
        content: "\10f5a2";
    }

    .fad.fa-medkit:after {
        content: "\10f0fa";
    }

    .fad.fa-megaphone:after {
        content: "\10f675";
    }

    .fad.fa-meh:after {
        content: "\10f11a";
    }

    .fad.fa-meh-blank:after {
        content: "\10f5a4";
    }

    .fad.fa-meh-rolling-eyes:after {
        content: "\10f5a5";
    }

    .fad.fa-memory:after {
        content: "\10f538";
    }

    .fad.fa-menorah:after {
        content: "\10f676";
    }

    .fad.fa-mercury:after {
        content: "\10f223";
    }

    .fad.fa-meteor:after {
        content: "\10f753";
    }

    .fad.fa-microchip:after {
        content: "\10f2db";
    }

    .fad.fa-microphone:after {
        content: "\10f130";
    }

    .fad.fa-microphone-alt:after {
        content: "\10f3c9";
    }

    .fad.fa-microphone-alt-slash:after {
        content: "\10f539";
    }

    .fad.fa-microphone-slash:after {
        content: "\10f131";
    }

    .fad.fa-microscope:after {
        content: "\10f610";
    }

    .fad.fa-mind-share:after {
        content: "\10f677";
    }

    .fad.fa-minus:after {
        content: "\10f068";
    }

    .fad.fa-minus-circle:after {
        content: "\10f056";
    }

    .fad.fa-minus-hexagon:after {
        content: "\10f307";
    }

    .fad.fa-minus-octagon:after {
        content: "\10f308";
    }

    .fad.fa-minus-square:after {
        content: "\10f146";
    }

    .fad.fa-mistletoe:after {
        content: "\10f7b4";
    }

    .fad.fa-mitten:after {
        content: "\10f7b5";
    }

    .fad.fa-mobile:after {
        content: "\10f10b";
    }

    .fad.fa-mobile-alt:after {
        content: "\10f3cd";
    }

    .fad.fa-mobile-android:after {
        content: "\10f3ce";
    }

    .fad.fa-mobile-android-alt:after {
        content: "\10f3cf";
    }

    .fad.fa-money-bill:after {
        content: "\10f0d6";
    }

    .fad.fa-money-bill-alt:after {
        content: "\10f3d1";
    }

    .fad.fa-money-bill-wave:after {
        content: "\10f53a";
    }

    .fad.fa-money-bill-wave-alt:after {
        content: "\10f53b";
    }

    .fad.fa-money-check:after {
        content: "\10f53c";
    }

    .fad.fa-money-check-alt:after {
        content: "\10f53d";
    }

    .fad.fa-money-check-edit:after {
        content: "\10f872";
    }

    .fad.fa-money-check-edit-alt:after {
        content: "\10f873";
    }

    .fad.fa-monitor-heart-rate:after {
        content: "\10f611";
    }

    .fad.fa-monkey:after {
        content: "\10f6fb";
    }

    .fad.fa-monument:after {
        content: "\10f5a6";
    }

    .fad.fa-moon:after {
        content: "\10f186";
    }

    .fad.fa-moon-cloud:after {
        content: "\10f754";
    }

    .fad.fa-moon-stars:after {
        content: "\10f755";
    }

    .fad.fa-mortar-pestle:after {
        content: "\10f5a7";
    }

    .fad.fa-mosque:after {
        content: "\10f678";
    }

    .fad.fa-motorcycle:after {
        content: "\10f21c";
    }

    .fad.fa-mountain:after {
        content: "\10f6fc";
    }

    .fad.fa-mountains:after {
        content: "\10f6fd";
    }

    .fad.fa-mouse-pointer:after {
        content: "\10f245";
    }

    .fad.fa-mug:after {
        content: "\10f874";
    }

    .fad.fa-mug-hot:after {
        content: "\10f7b6";
    }

    .fad.fa-mug-marshmallows:after {
        content: "\10f7b7";
    }

    .fad.fa-mug-tea:after {
        content: "\10f875";
    }

    .fad.fa-music:after {
        content: "\10f001";
    }

    .fad.fa-narwhal:after {
        content: "\10f6fe";
    }

    .fad.fa-network-wired:after {
        content: "\10f6ff";
    }

    .fad.fa-neuter:after {
        content: "\10f22c";
    }

    .fad.fa-newspaper:after {
        content: "\10f1ea";
    }

    .fad.fa-not-equal:after {
        content: "\10f53e";
    }

    .fad.fa-notes-medical:after {
        content: "\10f481";
    }

    .fad.fa-object-group:after {
        content: "\10f247";
    }

    .fad.fa-object-ungroup:after {
        content: "\10f248";
    }

    .fad.fa-octagon:after {
        content: "\10f306";
    }

    .fad.fa-oil-can:after {
        content: "\10f613";
    }

    .fad.fa-oil-temp:after {
        content: "\10f614";
    }

    .fad.fa-om:after {
        content: "\10f679";
    }

    .fad.fa-omega:after {
        content: "\10f67a";
    }

    .fad.fa-ornament:after {
        content: "\10f7b8";
    }

    .fad.fa-otter:after {
        content: "\10f700";
    }

    .fad.fa-outdent:after {
        content: "\10f03b";
    }

    .fad.fa-overline:after {
        content: "\10f876";
    }

    .fad.fa-page-break:after {
        content: "\10f877";
    }

    .fad.fa-pager:after {
        content: "\10f815";
    }

    .fad.fa-paint-brush:after {
        content: "\10f1fc";
    }

    .fad.fa-paint-brush-alt:after {
        content: "\10f5a9";
    }

    .fad.fa-paint-roller:after {
        content: "\10f5aa";
    }

    .fad.fa-palette:after {
        content: "\10f53f";
    }

    .fad.fa-pallet:after {
        content: "\10f482";
    }

    .fad.fa-pallet-alt:after {
        content: "\10f483";
    }

    .fad.fa-paper-plane:after {
        content: "\10f1d8";
    }

    .fad.fa-paperclip:after {
        content: "\10f0c6";
    }

    .fad.fa-parachute-box:after {
        content: "\10f4cd";
    }

    .fad.fa-paragraph:after {
        content: "\10f1dd";
    }

    .fad.fa-paragraph-rtl:after {
        content: "\10f878";
    }

    .fad.fa-parking:after {
        content: "\10f540";
    }

    .fad.fa-parking-circle:after {
        content: "\10f615";
    }

    .fad.fa-parking-circle-slash:after {
        content: "\10f616";
    }

    .fad.fa-parking-slash:after {
        content: "\10f617";
    }

    .fad.fa-passport:after {
        content: "\10f5ab";
    }

    .fad.fa-pastafarianism:after {
        content: "\10f67b";
    }

    .fad.fa-paste:after {
        content: "\10f0ea";
    }

    .fad.fa-pause:after {
        content: "\10f04c";
    }

    .fad.fa-pause-circle:after {
        content: "\10f28b";
    }

    .fad.fa-paw:after {
        content: "\10f1b0";
    }

    .fad.fa-paw-alt:after {
        content: "\10f701";
    }

    .fad.fa-paw-claws:after {
        content: "\10f702";
    }

    .fad.fa-peace:after {
        content: "\10f67c";
    }

    .fad.fa-pegasus:after {
        content: "\10f703";
    }

    .fad.fa-pen:after {
        content: "\10f304";
    }

    .fad.fa-pen-alt:after {
        content: "\10f305";
    }

    .fad.fa-pen-fancy:after {
        content: "\10f5ac";
    }

    .fad.fa-pen-nib:after {
        content: "\10f5ad";
    }

    .fad.fa-pen-square:after {
        content: "\10f14b";
    }

    .fad.fa-pencil:after {
        content: "\10f040";
    }

    .fad.fa-pencil-alt:after {
        content: "\10f303";
    }

    .fad.fa-pencil-paintbrush:after {
        content: "\10f618";
    }

    .fad.fa-pencil-ruler:after {
        content: "\10f5ae";
    }

    .fad.fa-pennant:after {
        content: "\10f456";
    }

    .fad.fa-people-carry:after {
        content: "\10f4ce";
    }

    .fad.fa-pepper-hot:after {
        content: "\10f816";
    }

    .fad.fa-percent:after {
        content: "\10f295";
    }

    .fad.fa-percentage:after {
        content: "\10f541";
    }

    .fad.fa-person-booth:after {
        content: "\10f756";
    }

    .fad.fa-person-carry:after {
        content: "\10f4cf";
    }

    .fad.fa-person-dolly:after {
        content: "\10f4d0";
    }

    .fad.fa-person-dolly-empty:after {
        content: "\10f4d1";
    }

    .fad.fa-person-sign:after {
        content: "\10f757";
    }

    .fad.fa-phone:after {
        content: "\10f095";
    }

    .fad.fa-phone-laptop:after {
        content: "\10f87a";
    }

    .fad.fa-phone-office:after {
        content: "\10f67d";
    }

    .fad.fa-phone-plus:after {
        content: "\10f4d2";
    }

    .fad.fa-phone-slash:after {
        content: "\10f3dd";
    }

    .fad.fa-phone-square:after {
        content: "\10f098";
    }

    .fad.fa-phone-volume:after {
        content: "\10f2a0";
    }

    .fad.fa-photo-video:after {
        content: "\10f87c";
    }

    .fad.fa-pi:after {
        content: "\10f67e";
    }

    .fad.fa-pie:after {
        content: "\10f705";
    }

    .fad.fa-pig:after {
        content: "\10f706";
    }

    .fad.fa-piggy-bank:after {
        content: "\10f4d3";
    }

    .fad.fa-pills:after {
        content: "\10f484";
    }

    .fad.fa-pizza:after {
        content: "\10f817";
    }

    .fad.fa-pizza-slice:after {
        content: "\10f818";
    }

    .fad.fa-place-of-worship:after {
        content: "\10f67f";
    }

    .fad.fa-plane:after {
        content: "\10f072";
    }

    .fad.fa-plane-alt:after {
        content: "\10f3de";
    }

    .fad.fa-plane-arrival:after {
        content: "\10f5af";
    }

    .fad.fa-plane-departure:after {
        content: "\10f5b0";
    }

    .fad.fa-play:after {
        content: "\10f04b";
    }

    .fad.fa-play-circle:after {
        content: "\10f144";
    }

    .fad.fa-plug:after {
        content: "\10f1e6";
    }

    .fad.fa-plus:after {
        content: "\10f067";
    }

    .fad.fa-plus-circle:after {
        content: "\10f055";
    }

    .fad.fa-plus-hexagon:after {
        content: "\10f300";
    }

    .fad.fa-plus-octagon:after {
        content: "\10f301";
    }

    .fad.fa-plus-square:after {
        content: "\10f0fe";
    }

    .fad.fa-podcast:after {
        content: "\10f2ce";
    }

    .fad.fa-podium:after {
        content: "\10f680";
    }

    .fad.fa-podium-star:after {
        content: "\10f758";
    }

    .fad.fa-poll:after {
        content: "\10f681";
    }

    .fad.fa-poll-h:after {
        content: "\10f682";
    }

    .fad.fa-poll-people:after {
        content: "\10f759";
    }

    .fad.fa-poo:after {
        content: "\10f2fe";
    }

    .fad.fa-poo-storm:after {
        content: "\10f75a";
    }

    .fad.fa-poop:after {
        content: "\10f619";
    }

    .fad.fa-popcorn:after {
        content: "\10f819";
    }

    .fad.fa-portrait:after {
        content: "\10f3e0";
    }

    .fad.fa-pound-sign:after {
        content: "\10f154";
    }

    .fad.fa-power-off:after {
        content: "\10f011";
    }

    .fad.fa-pray:after {
        content: "\10f683";
    }

    .fad.fa-praying-hands:after {
        content: "\10f684";
    }

    .fad.fa-prescription:after {
        content: "\10f5b1";
    }

    .fad.fa-prescription-bottle:after {
        content: "\10f485";
    }

    .fad.fa-prescription-bottle-alt:after {
        content: "\10f486";
    }

    .fad.fa-presentation:after {
        content: "\10f685";
    }

    .fad.fa-print:after {
        content: "\10f02f";
    }

    .fad.fa-print-search:after {
        content: "\10f81a";
    }

    .fad.fa-print-slash:after {
        content: "\10f686";
    }

    .fad.fa-procedures:after {
        content: "\10f487";
    }

    .fad.fa-project-diagram:after {
        content: "\10f542";
    }

    .fad.fa-pumpkin:after {
        content: "\10f707";
    }

    .fad.fa-puzzle-piece:after {
        content: "\10f12e";
    }

    .fad.fa-qrcode:after {
        content: "\10f029";
    }

    .fad.fa-question:after {
        content: "\10f128";
    }

    .fad.fa-question-circle:after {
        content: "\10f059";
    }

    .fad.fa-question-square:after {
        content: "\10f2fd";
    }

    .fad.fa-quidditch:after {
        content: "\10f458";
    }

    .fad.fa-quote-left:after {
        content: "\10f10d";
    }

    .fad.fa-quote-right:after {
        content: "\10f10e";
    }

    .fad.fa-quran:after {
        content: "\10f687";
    }

    .fad.fa-rabbit:after {
        content: "\10f708";
    }

    .fad.fa-rabbit-fast:after {
        content: "\10f709";
    }

    .fad.fa-racquet:after {
        content: "\10f45a";
    }

    .fad.fa-radiation:after {
        content: "\10f7b9";
    }

    .fad.fa-radiation-alt:after {
        content: "\10f7ba";
    }

    .fad.fa-rainbow:after {
        content: "\10f75b";
    }

    .fad.fa-raindrops:after {
        content: "\10f75c";
    }

    .fad.fa-ram:after {
        content: "\10f70a";
    }

    .fad.fa-ramp-loading:after {
        content: "\10f4d4";
    }

    .fad.fa-random:after {
        content: "\10f074";
    }

    .fad.fa-receipt:after {
        content: "\10f543";
    }

    .fad.fa-rectangle-landscape:after {
        content: "\10f2fa";
    }

    .fad.fa-rectangle-portrait:after {
        content: "\10f2fb";
    }

    .fad.fa-rectangle-wide:after {
        content: "\10f2fc";
    }

    .fad.fa-recycle:after {
        content: "\10f1b8";
    }

    .fad.fa-redo:after {
        content: "\10f01e";
    }

    .fad.fa-redo-alt:after {
        content: "\10f2f9";
    }

    .fad.fa-registered:after {
        content: "\10f25d";
    }

    .fad.fa-remove-format:after {
        content: "\10f87d";
    }

    .fad.fa-repeat:after {
        content: "\10f363";
    }

    .fad.fa-repeat-1:after {
        content: "\10f365";
    }

    .fad.fa-repeat-1-alt:after {
        content: "\10f366";
    }

    .fad.fa-repeat-alt:after {
        content: "\10f364";
    }

    .fad.fa-reply:after {
        content: "\10f3e5";
    }

    .fad.fa-reply-all:after {
        content: "\10f122";
    }

    .fad.fa-republican:after {
        content: "\10f75e";
    }

    .fad.fa-restroom:after {
        content: "\10f7bd";
    }

    .fad.fa-retweet:after {
        content: "\10f079";
    }

    .fad.fa-retweet-alt:after {
        content: "\10f361";
    }

    .fad.fa-ribbon:after {
        content: "\10f4d6";
    }

    .fad.fa-ring:after {
        content: "\10f70b";
    }

    .fad.fa-rings-wedding:after {
        content: "\10f81b";
    }

    .fad.fa-road:after {
        content: "\10f018";
    }

    .fad.fa-robot:after {
        content: "\10f544";
    }

    .fad.fa-rocket:after {
        content: "\10f135";
    }

    .fad.fa-route:after {
        content: "\10f4d7";
    }

    .fad.fa-route-highway:after {
        content: "\10f61a";
    }

    .fad.fa-route-interstate:after {
        content: "\10f61b";
    }

    .fad.fa-rss:after {
        content: "\10f09e";
    }

    .fad.fa-rss-square:after {
        content: "\10f143";
    }

    .fad.fa-ruble-sign:after {
        content: "\10f158";
    }

    .fad.fa-ruler:after {
        content: "\10f545";
    }

    .fad.fa-ruler-combined:after {
        content: "\10f546";
    }

    .fad.fa-ruler-horizontal:after {
        content: "\10f547";
    }

    .fad.fa-ruler-triangle:after {
        content: "\10f61c";
    }

    .fad.fa-ruler-vertical:after {
        content: "\10f548";
    }

    .fad.fa-running:after {
        content: "\10f70c";
    }

    .fad.fa-rupee-sign:after {
        content: "\10f156";
    }

    .fad.fa-rv:after {
        content: "\10f7be";
    }

    .fad.fa-sack:after {
        content: "\10f81c";
    }

    .fad.fa-sack-dollar:after {
        content: "\10f81d";
    }

    .fad.fa-sad-cry:after {
        content: "\10f5b3";
    }

    .fad.fa-sad-tear:after {
        content: "\10f5b4";
    }

    .fad.fa-salad:after {
        content: "\10f81e";
    }

    .fad.fa-sandwich:after {
        content: "\10f81f";
    }

    .fad.fa-satellite:after {
        content: "\10f7bf";
    }

    .fad.fa-satellite-dish:after {
        content: "\10f7c0";
    }

    .fad.fa-sausage:after {
        content: "\10f820";
    }

    .fad.fa-save:after {
        content: "\10f0c7";
    }

    .fad.fa-scalpel:after {
        content: "\10f61d";
    }

    .fad.fa-scalpel-path:after {
        content: "\10f61e";
    }

    .fad.fa-scanner:after {
        content: "\10f488";
    }

    .fad.fa-scanner-keyboard:after {
        content: "\10f489";
    }

    .fad.fa-scanner-touchscreen:after {
        content: "\10f48a";
    }

    .fad.fa-scarecrow:after {
        content: "\10f70d";
    }

    .fad.fa-scarf:after {
        content: "\10f7c1";
    }

    .fad.fa-school:after {
        content: "\10f549";
    }

    .fad.fa-screwdriver:after {
        content: "\10f54a";
    }

    .fad.fa-scroll:after {
        content: "\10f70e";
    }

    .fad.fa-scroll-old:after {
        content: "\10f70f";
    }

    .fad.fa-scrubber:after {
        content: "\10f2f8";
    }

    .fad.fa-scythe:after {
        content: "\10f710";
    }

    .fad.fa-sd-card:after {
        content: "\10f7c2";
    }

    .fad.fa-search:after {
        content: "\10f002";
    }

    .fad.fa-search-dollar:after {
        content: "\10f688";
    }

    .fad.fa-search-location:after {
        content: "\10f689";
    }

    .fad.fa-search-minus:after {
        content: "\10f010";
    }

    .fad.fa-search-plus:after {
        content: "\10f00e";
    }

    .fad.fa-seedling:after {
        content: "\10f4d8";
    }

    .fad.fa-send-back:after {
        content: "\10f87e";
    }

    .fad.fa-send-backward:after {
        content: "\10f87f";
    }

    .fad.fa-server:after {
        content: "\10f233";
    }

    .fad.fa-shapes:after {
        content: "\10f61f";
    }

    .fad.fa-share:after {
        content: "\10f064";
    }

    .fad.fa-share-all:after {
        content: "\10f367";
    }

    .fad.fa-share-alt:after {
        content: "\10f1e0";
    }

    .fad.fa-share-alt-square:after {
        content: "\10f1e1";
    }

    .fad.fa-share-square:after {
        content: "\10f14d";
    }

    .fad.fa-sheep:after {
        content: "\10f711";
    }

    .fad.fa-shekel-sign:after {
        content: "\10f20b";
    }

    .fad.fa-shield:after {
        content: "\10f132";
    }

    .fad.fa-shield-alt:after {
        content: "\10f3ed";
    }

    .fad.fa-shield-check:after {
        content: "\10f2f7";
    }

    .fad.fa-shield-cross:after {
        content: "\10f712";
    }

    .fad.fa-ship:after {
        content: "\10f21a";
    }

    .fad.fa-shipping-fast:after {
        content: "\10f48b";
    }

    .fad.fa-shipping-timed:after {
        content: "\10f48c";
    }

    .fad.fa-shish-kebab:after {
        content: "\10f821";
    }

    .fad.fa-shoe-prints:after {
        content: "\10f54b";
    }

    .fad.fa-shopping-bag:after {
        content: "\10f290";
    }

    .fad.fa-shopping-basket:after {
        content: "\10f291";
    }

    .fad.fa-shopping-cart:after {
        content: "\10f07a";
    }

    .fad.fa-shovel:after {
        content: "\10f713";
    }

    .fad.fa-shovel-snow:after {
        content: "\10f7c3";
    }

    .fad.fa-shower:after {
        content: "\10f2cc";
    }

    .fad.fa-shredder:after {
        content: "\10f68a";
    }

    .fad.fa-shuttle-van:after {
        content: "\10f5b6";
    }

    .fad.fa-shuttlecock:after {
        content: "\10f45b";
    }

    .fad.fa-sickle:after {
        content: "\10f822";
    }

    .fad.fa-sigma:after {
        content: "\10f68b";
    }

    .fad.fa-sign:after {
        content: "\10f4d9";
    }

    .fad.fa-sign-in:after {
        content: "\10f090";
    }

    .fad.fa-sign-in-alt:after {
        content: "\10f2f6";
    }

    .fad.fa-sign-language:after {
        content: "\10f2a7";
    }

    .fad.fa-sign-out:after {
        content: "\10f08b";
    }

    .fad.fa-sign-out-alt:after {
        content: "\10f2f5";
    }

    .fad.fa-signal:after {
        content: "\10f012";
    }

    .fad.fa-signal-1:after {
        content: "\10f68c";
    }

    .fad.fa-signal-2:after {
        content: "\10f68d";
    }

    .fad.fa-signal-3:after {
        content: "\10f68e";
    }

    .fad.fa-signal-4:after {
        content: "\10f68f";
    }

    .fad.fa-signal-alt:after {
        content: "\10f690";
    }

    .fad.fa-signal-alt-1:after {
        content: "\10f691";
    }

    .fad.fa-signal-alt-2:after {
        content: "\10f692";
    }

    .fad.fa-signal-alt-3:after {
        content: "\10f693";
    }

    .fad.fa-signal-alt-slash:after {
        content: "\10f694";
    }

    .fad.fa-signal-slash:after {
        content: "\10f695";
    }

    .fad.fa-signature:after {
        content: "\10f5b7";
    }

    .fad.fa-sim-card:after {
        content: "\10f7c4";
    }

    .fad.fa-sitemap:after {
        content: "\10f0e8";
    }

    .fad.fa-skating:after {
        content: "\10f7c5";
    }

    .fad.fa-skeleton:after {
        content: "\10f620";
    }

    .fad.fa-ski-jump:after {
        content: "\10f7c7";
    }

    .fad.fa-ski-lift:after {
        content: "\10f7c8";
    }

    .fad.fa-skiing:after {
        content: "\10f7c9";
    }

    .fad.fa-skiing-nordic:after {
        content: "\10f7ca";
    }

    .fad.fa-skull:after {
        content: "\10f54c";
    }

    .fad.fa-skull-crossbones:after {
        content: "\10f714";
    }

    .fad.fa-slash:after {
        content: "\10f715";
    }

    .fad.fa-sledding:after {
        content: "\10f7cb";
    }

    .fad.fa-sleigh:after {
        content: "\10f7cc";
    }

    .fad.fa-sliders-h:after {
        content: "\10f1de";
    }

    .fad.fa-sliders-h-square:after {
        content: "\10f3f0";
    }

    .fad.fa-sliders-v:after {
        content: "\10f3f1";
    }

    .fad.fa-sliders-v-square:after {
        content: "\10f3f2";
    }

    .fad.fa-smile:after {
        content: "\10f118";
    }

    .fad.fa-smile-beam:after {
        content: "\10f5b8";
    }

    .fad.fa-smile-plus:after {
        content: "\10f5b9";
    }

    .fad.fa-smile-wink:after {
        content: "\10f4da";
    }

    .fad.fa-smog:after {
        content: "\10f75f";
    }

    .fad.fa-smoke:after {
        content: "\10f760";
    }

    .fad.fa-smoking:after {
        content: "\10f48d";
    }

    .fad.fa-smoking-ban:after {
        content: "\10f54d";
    }

    .fad.fa-sms:after {
        content: "\10f7cd";
    }

    .fad.fa-snake:after {
        content: "\10f716";
    }

    .fad.fa-snooze:after {
        content: "\10f880";
    }

    .fad.fa-snow-blowing:after {
        content: "\10f761";
    }

    .fad.fa-snowboarding:after {
        content: "\10f7ce";
    }

    .fad.fa-snowflake:after {
        content: "\10f2dc";
    }

    .fad.fa-snowflakes:after {
        content: "\10f7cf";
    }

    .fad.fa-snowman:after {
        content: "\10f7d0";
    }

    .fad.fa-snowmobile:after {
        content: "\10f7d1";
    }

    .fad.fa-snowplow:after {
        content: "\10f7d2";
    }

    .fad.fa-socks:after {
        content: "\10f696";
    }

    .fad.fa-solar-panel:after {
        content: "\10f5ba";
    }

    .fad.fa-sort:after {
        content: "\10f0dc";
    }

    .fad.fa-sort-alpha-down:after {
        content: "\10f15d";
    }

    .fad.fa-sort-alpha-down-alt:after {
        content: "\10f881";
    }

    .fad.fa-sort-alpha-up:after {
        content: "\10f15e";
    }

    .fad.fa-sort-alpha-up-alt:after {
        content: "\10f882";
    }

    .fad.fa-sort-alt:after {
        content: "\10f883";
    }

    .fad.fa-sort-amount-down:after {
        content: "\10f160";
    }

    .fad.fa-sort-amount-down-alt:after {
        content: "\10f884";
    }

    .fad.fa-sort-amount-up:after {
        content: "\10f161";
    }

    .fad.fa-sort-amount-up-alt:after {
        content: "\10f885";
    }

    .fad.fa-sort-down:after {
        content: "\10f0dd";
    }

    .fad.fa-sort-numeric-down:after {
        content: "\10f162";
    }

    .fad.fa-sort-numeric-down-alt:after {
        content: "\10f886";
    }

    .fad.fa-sort-numeric-up:after {
        content: "\10f163";
    }

    .fad.fa-sort-numeric-up-alt:after {
        content: "\10f887";
    }

    .fad.fa-sort-shapes-down:after {
        content: "\10f888";
    }

    .fad.fa-sort-shapes-down-alt:after {
        content: "\10f889";
    }

    .fad.fa-sort-shapes-up:after {
        content: "\10f88a";
    }

    .fad.fa-sort-shapes-up-alt:after {
        content: "\10f88b";
    }

    .fad.fa-sort-size-down:after {
        content: "\10f88c";
    }

    .fad.fa-sort-size-down-alt:after {
        content: "\10f88d";
    }

    .fad.fa-sort-size-up:after {
        content: "\10f88e";
    }

    .fad.fa-sort-size-up-alt:after {
        content: "\10f88f";
    }

    .fad.fa-sort-up:after {
        content: "\10f0de";
    }

    .fad.fa-soup:after {
        content: "\10f823";
    }

    .fad.fa-spa:after {
        content: "\10f5bb";
    }

    .fad.fa-space-shuttle:after {
        content: "\10f197";
    }

    .fad.fa-spade:after {
        content: "\10f2f4";
    }

    .fad.fa-sparkles:after {
        content: "\10f890";
    }

    .fad.fa-spell-check:after {
        content: "\10f891";
    }

    .fad.fa-spider:after {
        content: "\10f717";
    }

    .fad.fa-spider-black-widow:after {
        content: "\10f718";
    }

    .fad.fa-spider-web:after {
        content: "\10f719";
    }

    .fad.fa-spinner:after {
        content: "\10f110";
    }

    .fad.fa-spinner-third:after {
        content: "\10f3f4";
    }

    .fad.fa-splotch:after {
        content: "\10f5bc";
    }

    .fad.fa-spray-can:after {
        content: "\10f5bd";
    }

    .fad.fa-square:after {
        content: "\10f0c8";
    }

    .fad.fa-square-full:after {
        content: "\10f45c";
    }

    .fad.fa-square-root:after {
        content: "\10f697";
    }

    .fad.fa-square-root-alt:after {
        content: "\10f698";
    }

    .fad.fa-squirrel:after {
        content: "\10f71a";
    }

    .fad.fa-staff:after {
        content: "\10f71b";
    }

    .fad.fa-stamp:after {
        content: "\10f5bf";
    }

    .fad.fa-star:after {
        content: "\10f005";
    }

    .fad.fa-star-and-crescent:after {
        content: "\10f699";
    }

    .fad.fa-star-christmas:after {
        content: "\10f7d4";
    }

    .fad.fa-star-exclamation:after {
        content: "\10f2f3";
    }

    .fad.fa-star-half:after {
        content: "\10f089";
    }

    .fad.fa-star-half-alt:after {
        content: "\10f5c0";
    }

    .fad.fa-star-of-david:after {
        content: "\10f69a";
    }

    .fad.fa-star-of-life:after {
        content: "\10f621";
    }

    .fad.fa-stars:after {
        content: "\10f762";
    }

    .fad.fa-steak:after {
        content: "\10f824";
    }

    .fad.fa-steering-wheel:after {
        content: "\10f622";
    }

    .fad.fa-step-backward:after {
        content: "\10f048";
    }

    .fad.fa-step-forward:after {
        content: "\10f051";
    }

    .fad.fa-stethoscope:after {
        content: "\10f0f1";
    }

    .fad.fa-sticky-note:after {
        content: "\10f249";
    }

    .fad.fa-stocking:after {
        content: "\10f7d5";
    }

    .fad.fa-stomach:after {
        content: "\10f623";
    }

    .fad.fa-stop:after {
        content: "\10f04d";
    }

    .fad.fa-stop-circle:after {
        content: "\10f28d";
    }

    .fad.fa-stopwatch:after {
        content: "\10f2f2";
    }

    .fad.fa-store:after {
        content: "\10f54e";
    }

    .fad.fa-store-alt:after {
        content: "\10f54f";
    }

    .fad.fa-stream:after {
        content: "\10f550";
    }

    .fad.fa-street-view:after {
        content: "\10f21d";
    }

    .fad.fa-stretcher:after {
        content: "\10f825";
    }

    .fad.fa-strikethrough:after {
        content: "\10f0cc";
    }

    .fad.fa-stroopwafel:after {
        content: "\10f551";
    }

    .fad.fa-subscript:after {
        content: "\10f12c";
    }

    .fad.fa-subway:after {
        content: "\10f239";
    }

    .fad.fa-suitcase:after {
        content: "\10f0f2";
    }

    .fad.fa-suitcase-rolling:after {
        content: "\10f5c1";
    }

    .fad.fa-sun:after {
        content: "\10f185";
    }

    .fad.fa-sun-cloud:after {
        content: "\10f763";
    }

    .fad.fa-sun-dust:after {
        content: "\10f764";
    }

    .fad.fa-sun-haze:after {
        content: "\10f765";
    }

    .fad.fa-sunglasses:after {
        content: "\10f892";
    }

    .fad.fa-sunrise:after {
        content: "\10f766";
    }

    .fad.fa-sunset:after {
        content: "\10f767";
    }

    .fad.fa-superscript:after {
        content: "\10f12b";
    }

    .fad.fa-surprise:after {
        content: "\10f5c2";
    }

    .fad.fa-swatchbook:after {
        content: "\10f5c3";
    }

    .fad.fa-swimmer:after {
        content: "\10f5c4";
    }

    .fad.fa-swimming-pool:after {
        content: "\10f5c5";
    }

    .fad.fa-sword:after {
        content: "\10f71c";
    }

    .fad.fa-swords:after {
        content: "\10f71d";
    }

    .fad.fa-synagogue:after {
        content: "\10f69b";
    }

    .fad.fa-sync:after {
        content: "\10f021";
    }

    .fad.fa-sync-alt:after {
        content: "\10f2f1";
    }

    .fad.fa-syringe:after {
        content: "\10f48e";
    }

    .fad.fa-table:after {
        content: "\10f0ce";
    }

    .fad.fa-table-tennis:after {
        content: "\10f45d";
    }

    .fad.fa-tablet:after {
        content: "\10f10a";
    }

    .fad.fa-tablet-alt:after {
        content: "\10f3fa";
    }

    .fad.fa-tablet-android:after {
        content: "\10f3fb";
    }

    .fad.fa-tablet-android-alt:after {
        content: "\10f3fc";
    }

    .fad.fa-tablet-rugged:after {
        content: "\10f48f";
    }

    .fad.fa-tablets:after {
        content: "\10f490";
    }

    .fad.fa-tachometer:after {
        content: "\10f0e4";
    }

    .fad.fa-tachometer-alt:after {
        content: "\10f3fd";
    }

    .fad.fa-tachometer-alt-average:after {
        content: "\10f624";
    }

    .fad.fa-tachometer-alt-fast:after {
        content: "\10f625";
    }

    .fad.fa-tachometer-alt-fastest:after {
        content: "\10f626";
    }

    .fad.fa-tachometer-alt-slow:after {
        content: "\10f627";
    }

    .fad.fa-tachometer-alt-slowest:after {
        content: "\10f628";
    }

    .fad.fa-tachometer-average:after {
        content: "\10f629";
    }

    .fad.fa-tachometer-fast:after {
        content: "\10f62a";
    }

    .fad.fa-tachometer-fastest:after {
        content: "\10f62b";
    }

    .fad.fa-tachometer-slow:after {
        content: "\10f62c";
    }

    .fad.fa-tachometer-slowest:after {
        content: "\10f62d";
    }

    .fad.fa-taco:after {
        content: "\10f826";
    }

    .fad.fa-tag:after {
        content: "\10f02b";
    }

    .fad.fa-tags:after {
        content: "\10f02c";
    }

    .fad.fa-tally:after {
        content: "\10f69c";
    }

    .fad.fa-tanakh:after {
        content: "\10f827";
    }

    .fad.fa-tape:after {
        content: "\10f4db";
    }

    .fad.fa-tasks:after {
        content: "\10f0ae";
    }

    .fad.fa-tasks-alt:after {
        content: "\10f828";
    }

    .fad.fa-taxi:after {
        content: "\10f1ba";
    }

    .fad.fa-teeth:after {
        content: "\10f62e";
    }

    .fad.fa-teeth-open:after {
        content: "\10f62f";
    }

    .fad.fa-temperature-frigid:after {
        content: "\10f768";
    }

    .fad.fa-temperature-high:after {
        content: "\10f769";
    }

    .fad.fa-temperature-hot:after {
        content: "\10f76a";
    }

    .fad.fa-temperature-low:after {
        content: "\10f76b";
    }

    .fad.fa-tenge:after {
        content: "\10f7d7";
    }

    .fad.fa-tennis-ball:after {
        content: "\10f45e";
    }

    .fad.fa-terminal:after {
        content: "\10f120";
    }

    .fad.fa-text:after {
        content: "\10f893";
    }

    .fad.fa-text-height:after {
        content: "\10f034";
    }

    .fad.fa-text-size:after {
        content: "\10f894";
    }

    .fad.fa-text-width:after {
        content: "\10f035";
    }

    .fad.fa-th:after {
        content: "\10f00a";
    }

    .fad.fa-th-large:after {
        content: "\10f009";
    }

    .fad.fa-th-list:after {
        content: "\10f00b";
    }

    .fad.fa-theater-masks:after {
        content: "\10f630";
    }

    .fad.fa-thermometer:after {
        content: "\10f491";
    }

    .fad.fa-thermometer-empty:after {
        content: "\10f2cb";
    }

    .fad.fa-thermometer-full:after {
        content: "\10f2c7";
    }

    .fad.fa-thermometer-half:after {
        content: "\10f2c9";
    }

    .fad.fa-thermometer-quarter:after {
        content: "\10f2ca";
    }

    .fad.fa-thermometer-three-quarters:after {
        content: "\10f2c8";
    }

    .fad.fa-theta:after {
        content: "\10f69e";
    }

    .fad.fa-thumbs-down:after {
        content: "\10f165";
    }

    .fad.fa-thumbs-up:after {
        content: "\10f164";
    }

    .fad.fa-thumbtack:after {
        content: "\10f08d";
    }

    .fad.fa-thunderstorm:after {
        content: "\10f76c";
    }

    .fad.fa-thunderstorm-moon:after {
        content: "\10f76d";
    }

    .fad.fa-thunderstorm-sun:after {
        content: "\10f76e";
    }

    .fad.fa-ticket:after {
        content: "\10f145";
    }

    .fad.fa-ticket-alt:after {
        content: "\10f3ff";
    }

    .fad.fa-tilde:after {
        content: "\10f69f";
    }

    .fad.fa-times:after {
        content: "\10f00d";
    }

    .fad.fa-times-circle:after {
        content: "\10f057";
    }

    .fad.fa-times-hexagon:after {
        content: "\10f2ee";
    }

    .fad.fa-times-octagon:after {
        content: "\10f2f0";
    }

    .fad.fa-times-square:after {
        content: "\10f2d3";
    }

    .fad.fa-tint:after {
        content: "\10f043";
    }

    .fad.fa-tint-slash:after {
        content: "\10f5c7";
    }

    .fad.fa-tire:after {
        content: "\10f631";
    }

    .fad.fa-tire-flat:after {
        content: "\10f632";
    }

    .fad.fa-tire-pressure-warning:after {
        content: "\10f633";
    }

    .fad.fa-tire-rugged:after {
        content: "\10f634";
    }

    .fad.fa-tired:after {
        content: "\10f5c8";
    }

    .fad.fa-toggle-off:after {
        content: "\10f204";
    }

    .fad.fa-toggle-on:after {
        content: "\10f205";
    }

    .fad.fa-toilet:after {
        content: "\10f7d8";
    }

    .fad.fa-toilet-paper:after {
        content: "\10f71e";
    }

    .fad.fa-toilet-paper-alt:after {
        content: "\10f71f";
    }

    .fad.fa-tombstone:after {
        content: "\10f720";
    }

    .fad.fa-tombstone-alt:after {
        content: "\10f721";
    }

    .fad.fa-toolbox:after {
        content: "\10f552";
    }

    .fad.fa-tools:after {
        content: "\10f7d9";
    }

    .fad.fa-tooth:after {
        content: "\10f5c9";
    }

    .fad.fa-toothbrush:after {
        content: "\10f635";
    }

    .fad.fa-torah:after {
        content: "\10f6a0";
    }

    .fad.fa-torii-gate:after {
        content: "\10f6a1";
    }

    .fad.fa-tornado:after {
        content: "\10f76f";
    }

    .fad.fa-tractor:after {
        content: "\10f722";
    }

    .fad.fa-trademark:after {
        content: "\10f25c";
    }

    .fad.fa-traffic-cone:after {
        content: "\10f636";
    }

    .fad.fa-traffic-light:after {
        content: "\10f637";
    }

    .fad.fa-traffic-light-go:after {
        content: "\10f638";
    }

    .fad.fa-traffic-light-slow:after {
        content: "\10f639";
    }

    .fad.fa-traffic-light-stop:after {
        content: "\10f63a";
    }

    .fad.fa-train:after {
        content: "\10f238";
    }

    .fad.fa-tram:after {
        content: "\10f7da";
    }

    .fad.fa-transgender:after {
        content: "\10f224";
    }

    .fad.fa-transgender-alt:after {
        content: "\10f225";
    }

    .fad.fa-trash:after {
        content: "\10f1f8";
    }

    .fad.fa-trash-alt:after {
        content: "\10f2ed";
    }

    .fad.fa-trash-restore:after {
        content: "\10f829";
    }

    .fad.fa-trash-restore-alt:after {
        content: "\10f82a";
    }

    .fad.fa-trash-undo:after {
        content: "\10f895";
    }

    .fad.fa-trash-undo-alt:after {
        content: "\10f896";
    }

    .fad.fa-treasure-chest:after {
        content: "\10f723";
    }

    .fad.fa-tree:after {
        content: "\10f1bb";
    }

    .fad.fa-tree-alt:after {
        content: "\10f400";
    }

    .fad.fa-tree-christmas:after {
        content: "\10f7db";
    }

    .fad.fa-tree-decorated:after {
        content: "\10f7dc";
    }

    .fad.fa-tree-large:after {
        content: "\10f7dd";
    }

    .fad.fa-tree-palm:after {
        content: "\10f82b";
    }

    .fad.fa-trees:after {
        content: "\10f724";
    }

    .fad.fa-triangle:after {
        content: "\10f2ec";
    }

    .fad.fa-trophy:after {
        content: "\10f091";
    }

    .fad.fa-trophy-alt:after {
        content: "\10f2eb";
    }

    .fad.fa-truck:after {
        content: "\10f0d1";
    }

    .fad.fa-truck-container:after {
        content: "\10f4dc";
    }

    .fad.fa-truck-couch:after {
        content: "\10f4dd";
    }

    .fad.fa-truck-loading:after {
        content: "\10f4de";
    }

    .fad.fa-truck-monster:after {
        content: "\10f63b";
    }

    .fad.fa-truck-moving:after {
        content: "\10f4df";
    }

    .fad.fa-truck-pickup:after {
        content: "\10f63c";
    }

    .fad.fa-truck-plow:after {
        content: "\10f7de";
    }

    .fad.fa-truck-ramp:after {
        content: "\10f4e0";
    }

    .fad.fa-tshirt:after {
        content: "\10f553";
    }

    .fad.fa-tty:after {
        content: "\10f1e4";
    }

    .fad.fa-turkey:after {
        content: "\10f725";
    }

    .fad.fa-turtle:after {
        content: "\10f726";
    }

    .fad.fa-tv:after {
        content: "\10f26c";
    }

    .fad.fa-tv-retro:after {
        content: "\10f401";
    }

    .fad.fa-umbrella:after {
        content: "\10f0e9";
    }

    .fad.fa-umbrella-beach:after {
        content: "\10f5ca";
    }

    .fad.fa-underline:after {
        content: "\10f0cd";
    }

    .fad.fa-undo:after {
        content: "\10f0e2";
    }

    .fad.fa-undo-alt:after {
        content: "\10f2ea";
    }

    .fad.fa-unicorn:after {
        content: "\10f727";
    }

    .fad.fa-union:after {
        content: "\10f6a2";
    }

    .fad.fa-universal-access:after {
        content: "\10f29a";
    }

    .fad.fa-university:after {
        content: "\10f19c";
    }

    .fad.fa-unlink:after {
        content: "\10f127";
    }

    .fad.fa-unlock:after {
        content: "\10f09c";
    }

    .fad.fa-unlock-alt:after {
        content: "\10f13e";
    }

    .fad.fa-upload:after {
        content: "\10f093";
    }

    .fad.fa-usd-circle:after {
        content: "\10f2e8";
    }

    .fad.fa-usd-square:after {
        content: "\10f2e9";
    }

    .fad.fa-user:after {
        content: "\10f007";
    }

    .fad.fa-user-alt:after {
        content: "\10f406";
    }

    .fad.fa-user-alt-slash:after {
        content: "\10f4fa";
    }

    .fad.fa-user-astronaut:after {
        content: "\10f4fb";
    }

    .fad.fa-user-chart:after {
        content: "\10f6a3";
    }

    .fad.fa-user-check:after {
        content: "\10f4fc";
    }

    .fad.fa-user-circle:after {
        content: "\10f2bd";
    }

    .fad.fa-user-clock:after {
        content: "\10f4fd";
    }

    .fad.fa-user-cog:after {
        content: "\10f4fe";
    }

    .fad.fa-user-crown:after {
        content: "\10f6a4";
    }

    .fad.fa-user-edit:after {
        content: "\10f4ff";
    }

    .fad.fa-user-friends:after {
        content: "\10f500";
    }

    .fad.fa-user-graduate:after {
        content: "\10f501";
    }

    .fad.fa-user-hard-hat:after {
        content: "\10f82c";
    }

    .fad.fa-user-headset:after {
        content: "\10f82d";
    }

    .fad.fa-user-injured:after {
        content: "\10f728";
    }

    .fad.fa-user-lock:after {
        content: "\10f502";
    }

    .fad.fa-user-md:after {
        content: "\10f0f0";
    }

    .fad.fa-user-md-chat:after {
        content: "\10f82e";
    }

    .fad.fa-user-minus:after {
        content: "\10f503";
    }

    .fad.fa-user-ninja:after {
        content: "\10f504";
    }

    .fad.fa-user-nurse:after {
        content: "\10f82f";
    }

    .fad.fa-user-plus:after {
        content: "\10f234";
    }

    .fad.fa-user-secret:after {
        content: "\10f21b";
    }

    .fad.fa-user-shield:after {
        content: "\10f505";
    }

    .fad.fa-user-slash:after {
        content: "\10f506";
    }

    .fad.fa-user-tag:after {
        content: "\10f507";
    }

    .fad.fa-user-tie:after {
        content: "\10f508";
    }

    .fad.fa-user-times:after {
        content: "\10f235";
    }

    .fad.fa-users:after {
        content: "\10f0c0";
    }

    .fad.fa-users-class:after {
        content: "\10f63d";
    }

    .fad.fa-users-cog:after {
        content: "\10f509";
    }

    .fad.fa-users-crown:after {
        content: "\10f6a5";
    }

    .fad.fa-users-medical:after {
        content: "\10f830";
    }

    .fad.fa-utensil-fork:after {
        content: "\10f2e3";
    }

    .fad.fa-utensil-knife:after {
        content: "\10f2e4";
    }

    .fad.fa-utensil-spoon:after {
        content: "\10f2e5";
    }

    .fad.fa-utensils:after {
        content: "\10f2e7";
    }

    .fad.fa-utensils-alt:after {
        content: "\10f2e6";
    }

    .fad.fa-value-absolute:after {
        content: "\10f6a6";
    }

    .fad.fa-vector-square:after {
        content: "\10f5cb";
    }

    .fad.fa-venus:after {
        content: "\10f221";
    }

    .fad.fa-venus-double:after {
        content: "\10f226";
    }

    .fad.fa-venus-mars:after {
        content: "\10f228";
    }

    .fad.fa-vial:after {
        content: "\10f492";
    }

    .fad.fa-vials:after {
        content: "\10f493";
    }

    .fad.fa-video:after {
        content: "\10f03d";
    }

    .fad.fa-video-plus:after {
        content: "\10f4e1";
    }

    .fad.fa-video-slash:after {
        content: "\10f4e2";
    }

    .fad.fa-vihara:after {
        content: "\10f6a7";
    }

    .fad.fa-voicemail:after {
        content: "\10f897";
    }

    .fad.fa-volcano:after {
        content: "\10f770";
    }

    .fad.fa-volleyball-ball:after {
        content: "\10f45f";
    }

    .fad.fa-volume:after {
        content: "\10f6a8";
    }

    .fad.fa-volume-down:after {
        content: "\10f027";
    }

    .fad.fa-volume-mute:after {
        content: "\10f6a9";
    }

    .fad.fa-volume-off:after {
        content: "\10f026";
    }

    .fad.fa-volume-slash:after {
        content: "\10f2e2";
    }

    .fad.fa-volume-up:after {
        content: "\10f028";
    }

    .fad.fa-vote-nay:after {
        content: "\10f771";
    }

    .fad.fa-vote-yea:after {
        content: "\10f772";
    }

    .fad.fa-vr-cardboard:after {
        content: "\10f729";
    }

    .fad.fa-walker:after {
        content: "\10f831";
    }

    .fad.fa-walking:after {
        content: "\10f554";
    }

    .fad.fa-wallet:after {
        content: "\10f555";
    }

    .fad.fa-wand:after {
        content: "\10f72a";
    }

    .fad.fa-wand-magic:after {
        content: "\10f72b";
    }

    .fad.fa-warehouse:after {
        content: "\10f494";
    }

    .fad.fa-warehouse-alt:after {
        content: "\10f495";
    }

    .fad.fa-washer:after {
        content: "\10f898";
    }

    .fad.fa-watch:after {
        content: "\10f2e1";
    }

    .fad.fa-watch-fitness:after {
        content: "\10f63e";
    }

    .fad.fa-water:after {
        content: "\10f773";
    }

    .fad.fa-water-lower:after {
        content: "\10f774";
    }

    .fad.fa-water-rise:after {
        content: "\10f775";
    }

    .fad.fa-wave-sine:after {
        content: "\10f899";
    }

    .fad.fa-wave-square:after {
        content: "\10f83e";
    }

    .fad.fa-wave-triangle:after {
        content: "\10f89a";
    }

    .fad.fa-webcam:after {
        content: "\10f832";
    }

    .fad.fa-webcam-slash:after {
        content: "\10f833";
    }

    .fad.fa-weight:after {
        content: "\10f496";
    }

    .fad.fa-weight-hanging:after {
        content: "\10f5cd";
    }

    .fad.fa-whale:after {
        content: "\10f72c";
    }

    .fad.fa-wheat:after {
        content: "\10f72d";
    }

    .fad.fa-wheelchair:after {
        content: "\10f193";
    }

    .fad.fa-whistle:after {
        content: "\10f460";
    }

    .fad.fa-wifi:after {
        content: "\10f1eb";
    }

    .fad.fa-wifi-1:after {
        content: "\10f6aa";
    }

    .fad.fa-wifi-2:after {
        content: "\10f6ab";
    }

    .fad.fa-wifi-slash:after {
        content: "\10f6ac";
    }

    .fad.fa-wind:after {
        content: "\10f72e";
    }

    .fad.fa-wind-turbine:after {
        content: "\10f89b";
    }

    .fad.fa-wind-warning:after {
        content: "\10f776";
    }

    .fad.fa-window:after {
        content: "\10f40e";
    }

    .fad.fa-window-alt:after {
        content: "\10f40f";
    }

    .fad.fa-window-close:after {
        content: "\10f410";
    }

    .fad.fa-window-maximize:after {
        content: "\10f2d0";
    }

    .fad.fa-window-minimize:after {
        content: "\10f2d1";
    }

    .fad.fa-window-restore:after {
        content: "\10f2d2";
    }

    .fad.fa-windsock:after {
        content: "\10f777";
    }

    .fad.fa-wine-bottle:after {
        content: "\10f72f";
    }

    .fad.fa-wine-glass:after {
        content: "\10f4e3";
    }

    .fad.fa-wine-glass-alt:after {
        content: "\10f5ce";
    }

    .fad.fa-won-sign:after {
        content: "\10f159";
    }

    .fad.fa-wreath:after {
        content: "\10f7e2";
    }

    .fad.fa-wrench:after {
        content: "\10f0ad";
    }

    .fad.fa-x-ray:after {
        content: "\10f497";
    }

    .fad.fa-yen-sign:after {
        content: "\10f157";
    }

    .fad.fa-yin-yang:after {
        content: "\10f6ad";
    }

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/Content/Plugins/fontawesome/webfonts/fa-light-300.eot");
    src: url("/Content/Plugins/fontawesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/Content/Plugins/fontawesome/webfonts/fa-light-300.woff2") format("woff2"), url("/Content/Plugins/fontawesome/webfonts/fa-light-300.woff") format("woff"), url("/Content/Plugins/fontawesome/webfonts/fa-light-300.ttf") format("truetype"), url("/Content/Plugins/fontawesome/webfonts/fa-light-300.svg#fontawesome") format("svg");
}

.fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/Content/Plugins/fontawesome/webfonts/fa-regular-400.eot");
    src: url("/Content/Plugins/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/Content/Plugins/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/Content/Plugins/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("/Content/Plugins/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("/Content/Plugins/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/Content/Plugins/fontawesome/webfonts/fa-solid-900.eot");
    src: url("/Content/Plugins/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/Content/Plugins/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/Content/Plugins/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("/Content/Plugins/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("/Content/Plugins/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
*  Owl Carousel - Core
*/
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        outline: none !important;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        /*background: none;*/
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
    /**
  This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  calculation of the height of the owl-item that breaks page layouts
  */
}

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

        .owl-carousel .owl-item .owl-lazy[src^=""],
        .owl-carousel .owl-item .owl-lazy:not([src]) {
            max-height: 0;
        }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }

/*
* 	Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* Krungsri Theme */
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* 	Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        left: 0;
    }

    .owl-theme .owl-nav .owl-next {
        position: absolute;
        top: 0;
        right: 0;
    }

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #ffd400;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        display: inline;
        background-color: transparent;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #ffd400;
        }

@media screen and (max-width: 1199px) {
    .owl-theme .owl-nav .owl-next {
        height: calc(100% - 16px);
        margin: 0px;
        border-radius: 0px;
        opacity: 0.6;
        background-image: linear-gradient(to right, rgba(202, 201, 201, 0.65), #b5b5b5);
    }

    .owl-theme .owl-nav .owl-prev {
        height: calc(100% - 16px);
        margin: 0px;
        border-radius: 0px;
        opacity: 0.6;
        background-image: linear-gradient(to right, rgba(202, 201, 201, 0.65), #b5b5b5);
    }

    .owl-theme.fade-right .owl-stage-outer:after {
        content: '';
        z-index: 10;
        width: 45px;
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0;
        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.85));
    }

    .owl-theme .owl-nav {
        display: none;
    }

        .owl-theme .owl-nav .disabled {
            display: none;
        }

        .owl-theme .owl-nav .owl-next,
        .owl-theme .owl-nav .owl-prev {
            width: 30px;
        }

            .owl-theme .owl-nav .owl-next span,
            .owl-theme .owl-nav .owl-prev span {
                font-size: 90px;
                color: #f3f3f3;
            }
}

/* #Thongterm-Bold# */
@font-face {
    font-family: 'Thongterm-Bold';
    src: url('/Content/Fonts/thongterm_bold-webfont.eot');
    src: url('/Content/Fonts/thongterm_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/thongterm_bold-webfont.woff2') format('woff2'), url('/Content/Fonts/thongterm_bold-webfont.woff') format('woff'), url('/Content/Fonts/thongterm_bold-webfont.ttf') format('truetype'), url('/Content/Fonts/thongterm_bold-webfont.svg#thongtermroman') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* #Thongterm-Roman# */
@font-face {
    font-family: 'Thongterm-Roman';
    src: url('/Content/Fonts/thongterm_roman-webfont.eot');
    src: url('/Content/Fonts/thongterm_roman-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/thongterm_roman-webfont.woff2') format('woff2'), url('/Content/Fonts/thongterm_roman-webfont.woff') format('woff'), url('/Content/Fonts/thongterm_roman-webfont.ttf') format('truetype'), url('/Content/Fonts/thongterm_roman-webfont.svg#thongtermroman') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* #Thongterm# */
@font-face {
    font-family: 'Thongterm';
    src: url('/Content/Fonts/thongterm_light-webfont.eot');
    src: url('/Content/Fonts/thongterm_light-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/thongterm_light-webfont.woff2') format('woff2'), url('/Content/Fonts/thongterm_light-webfont.woff') format('woff'), url('/Content/Fonts/thongterm_light-webfont.ttf') format('truetype'), url('/Content/Fonts/thongterm_light-webfont.svg#thongtermlight') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* #Krungsri Condensed# */
@font-face {
    font-family: 'Krungsri-Condensed';
    src: url('/Content/Fonts/Krungsri Con.eot');
    src: url('/Content/Fonts/Krungsri Con.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/Krungsri Con.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* #Krungsri Condensed Medium# */
@font-face {
    font-family: 'Krungsri-Condensed-Medium';
    src: url('/Content/Fonts/Krungsri Con Med.ttf');
    src: url('/Content/Fonts/Krungsri Con Med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* #Krungsri Condensed Bold# */
@font-face {
    font-family: 'Krungsri-Condensed-Bold';
    src: url('/Content/Fonts/Krungsri Con Bol.ttf');
    src: url('/Content/Fonts/Krungsri Con Bol.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

a {
    color: #222222;
}

    a:hover,
    a:active {
        color: #222222;
        text-decoration: none !important;
    }

    a:focus {
        outline: none !important;
        box-shadow: none;
        text-decoration: none !important;
        color: #222222;
    }

ul {
    padding-inline-start: 20px;
    margin-bottom: 0;
}

hr.yellow {
    border: 3px solid #ffc800;
}

input.btn,
button.btn {
    width: auto;
    min-width: 150px;
    height: 44px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    font-family: 'Krungsri-Condensed-Bold';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: center;
    color: #554242;
    outline: none !important;
    padding-left: 16px;
    padding-right: 16px;
}

    input.btn:hover,
    button.btn:hover {
        /*border: solid 1px #e8e8e8 !important;*/
        border: solid 1px #c7c7c7 !important;
        color: #554242;
    }

    input.btn:active,
    button.btn:active {
        box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1) !important;
    }

    input.btn:focus,
    button.btn:focus {
        outline: none !important;
        box-shadow: none;
        /*box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1) !important;*/
    }

    input.btn:disabled,
    button.btn:disabled {
        background-color: #f0efee;
        color: #bbbbbb;
        border: 0px;
        border: solid 0px #e8e8e8 !important;
    }

        input.btn:disabled:hover,
        button.btn:disabled:hover {
            border: solid 0px #e8e8e8 !important;
        }

    input.btn.btn-sm,
    button.btn.btn-sm {
        height: 38px;
    }

    input.btn.btn-xs,
    button.btn.btn-xs {
        height: 30px;
    }

    input.btn.--width-default,
    button.btn.--width-default {
        width: 170px;
    }

    input.btn.btn-primary,
    button.btn.btn-primary {
        color: #554242;
        background-color: #ffd400 !important;
        border: solid 0px #e8e8e8 !important;
    }

        input.btn.btn-primary:hover,
        button.btn.btn-primary:hover {
            background-color: #ffc800 !important;
        }

        input.btn.btn-primary:active,
        button.btn.btn-primary:active {
            background-color: #ffd400 !important;
            color: #554242 !important;
            box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1) !important;
        }

        input.btn.btn-primary:disabled,
        button.btn.btn-primary:disabled {
            background-color: #f0efee !important;
            /*color: #554242;*/
            color: #949494;
            border: 0px;
        }

        input.btn.btn-primary.btn-sm,
        button.btn.btn-primary.btn-sm {
            height: 38px;
        }

            input.btn.btn-primary.btn-sm:disabled,
            button.btn.btn-primary.btn-sm:disabled {
                background-color: #f0efee !important;
                color: #bbbbbb !important;
                border: 0px;
            }

        input.btn.btn-primary.btn-xs,
        button.btn.btn-primary.btn-xs {
            height: 30px;
        }

            input.btn.btn-primary.btn-xs:disabled,
            button.btn.btn-primary.btn-xs:disabled {
                background-color: #f0efee !important;
                color: #bbbbbb !important;
                border: 0px;
            }

    input.btn.btn-orange,
    button.btn.btn-orange {
        background-color: #ff6700 !important;
        color: white !important;
    }

        input.btn.btn-orange:hover,
        button.btn.btn-orange:hover {
            background-color: #fc7e41 !important;
        }

    input.btn.btn-browse,
    button.btn.btn-browse {
        background-color: #b7aeaf !important;
        color: white !important;
    }

        input.btn.btn-browse:hover,
        button.btn.btn-browse:hover {
            background-color: #c8c3c3 !important;
        }

    input.btn.btn-link,
    button.btn.btn-link {
        border: 0px !important;
        background-color: transparent;
        color: #6f5f5e;
        text-decoration: none !important;
    }

        input.btn.btn-link:focus,
        button.btn.btn-link:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        input.btn.btn-link:hover,
        button.btn.btn-link:hover,
        input.btn.btn-link:active,
        button.btn.btn-link:active {
            text-decoration: underline !important;
        }

        input.btn.btn-link:disabled,
        button.btn.btn-link:disabled {
            color: #bbbbbb !important;
            text-decoration: none !important;
        }

    input.btn.btn-reset,
    button.btn.btn-reset {
        background-color: #6f5f5e !important;
        color: white !important;
    }

        input.btn.btn-reset:hover,
        button.btn.btn-reset:hover {
            background-color: #857777 !important;
        }

    input.btn.btn-add,
    button.btn.btn-add {
        background-color: #ffd400;
        /*border: none;*/
        color: #6f5f5e !important;
        min-width: 40px;
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

a.btn,
div.btn {
    width: auto;
    height: 44px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: normal;
    text-align: center;
    color: #554242;
    outline: none !important;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 4px;
}

    a.btn:hover,
    div.btn:hover {
        border: solid 1px #c7c7c7 !important;
        text-decoration: none !important;
    }

    a.btn:active,
    div.btn:active {
        box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1) !important;
        text-decoration: none !important;
    }

    a.btn:focus,
    div.btn:focus {
        outline: none !important;
        box-shadow: none;
        text-decoration: none !important;
        /*box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1) !important;*/
    }

    a.btn:disabled,
    div.btn:disabled,
    a.btn.disabled,
    div.btn.disabled {
        background-color: #f0efee;
        color: #bbbbbb;
        border: 0px;
        border: solid 0px #e8e8e8 !important;
    }

        a.btn:disabled:hover,
        div.btn:disabled:hover,
        a.btn.disabled:hover,
        div.btn.disabled:hover {
            border: solid 0px #e8e8e8 !important;
        }

    a.btn.btn-primary,
    div.btn.btn-primary {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border: solid 0px #e8e8e8 !important;
        height: 44px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 44px;
    }

        a.btn.btn-primary:hover,
        div.btn.btn-primary:hover {
            background-color: #ffc800 !important;
            text-decoration: none !important;
        }

        a.btn.btn-primary:active,
        div.btn.btn-primary:active {
            background-color: #ffd400 !important;
            box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1) !important;
            text-decoration: none !important;
        }

        a.btn.btn-primary:disabled,
        div.btn.btn-primary:disabled,
        a.btn.btn-primary.disabled,
        div.btn.btn-primary.disabled {
            background-color: #f0efee !important;
            color: #554242;
            border: 0px;
        }

            a.btn.btn-primary:disabled i,
            div.btn.btn-primary:disabled i,
            a.btn.btn-primary.disabled i,
            div.btn.btn-primary.disabled i,
            a.btn.btn-primary:disabled img.icon,
            div.btn.btn-primary:disabled img.icon,
            a.btn.btn-primary.disabled img.icon,
            div.btn.btn-primary.disabled img.icon {
                opacity: 0.75;
            }

        a.btn.btn-primary.btn-sm,
        div.btn.btn-primary.btn-sm {
            height: 38px;
        }

        a.btn.btn-primary.btn-xs,
        div.btn.btn-primary.btn-xs {
            height: 30px;
        }

    a.btn.btn-back,
    div.btn.btn-back {
        border: 0px !important;
        font-family: 'Krungsri-Condensed-Bold';
        font-stretch: condensed;
        font-size: 24px;
        color: #554242;
    }

        a.btn.btn-back .arrow,
        div.btn.btn-back .arrow {
            margin-right: 9.6px;
            text-decoration: none !important;
        }

        a.btn.btn-back:hover,
        div.btn.btn-back:hover,
        a.btn.btn-back:active,
        div.btn.btn-back:active,
        a.btn.btn-back:focus,
        div.btn.btn-back:focus {
            text-decoration: underline !important;
            box-shadow: none !important;
        }

            a.btn.btn-back:hover .arrow,
            div.btn.btn-back:hover .arrow,
            a.btn.btn-back:active .arrow,
            div.btn.btn-back:active .arrow,
            a.btn.btn-back:focus .arrow,
            div.btn.btn-back:focus .arrow {
                text-decoration: none !important;
            }

    a.btn.btn-sm,
    div.btn.btn-sm {
        height: 38px;
        padding-top: 5px;
    }

    a.btn.btn-xs,
    div.btn.btn-xs {
        height: 30px;
        padding-top: 0px;
    }

    a.btn.--width-default,
    div.btn.--width-default {
        width: 170px;
    }

    a.btn i,
    div.btn i {
        width: 24px;
        height: 15px;
        color: #554242;
    }

    a.btn img.icon,
    div.btn img.icon {
        width: 24px;
        height: 15px;
        max-width: 100%;
        max-height: 100%;
    }

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

.btn-secondary {
    font-family: Krungsri-Condensed-Bold;
    color: #554242 !important;
    background-color: #fff !important;
    width: 90px;
    padding: 11px !important;
    border: solid 1px #e8e8e8 !important;
}

    .btn-secondary:hover {
        color: #463737 !important;
        background-color: #ffd400;
    }

    .btn-secondary:focus {
        box-shadow: none !important;
    }

    .btn-secondary.active {
        color: #554242;
        border: solid 1px #e8e8e8 !important;
        background-color: #ffc800 !important;
        width: 90px !important;
        padding: 11px !important;
        box-shadow: none !important;
    }

        .btn-secondary.active:hover {
            color: #554242;
            border: solid 1px #e8e8e8 !important;
            background-color: #ffc800 !important;
            box-shadow: none !important;
        }

        .btn-secondary.active:focus {
            box-shadow: none !important;
        }

.btn-outline-secondary {
    font-family: Thongterm;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #554242;
    background-color: #ffd400;
    background-image: none;
    border: 0px !important;
    width: 90px;
    height: 38px;
}

    .btn-outline-secondary:hover {
        color: #554242;
        background-color: #ffd400;
        border: 0px !important;
    }

    .btn-outline-secondary:active {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border: 0px !important;
        box-shadow: none !important;
    }

    .btn-outline-secondary:focus {
        color: #554242 !important;
        background-color: #ffd400 !important;
        border: 0px !important;
        box-shadow: none !important;
    }

.btn-group.btn-group-toggle label.btn-secondary {
    flex: 1;
}

.a-link {
    color: #da7025 !important;
    text-decoration: none !important;
    cursor: pointer;
    font-family: Krungsri;
    font-size: 14px;
    margin-bottom: 16px;
}

    .a-link:hover,
    .a-link:active {
        text-decoration: underline !important;
    }

    .a-link.white {
        color: #ffffff !important;
        font-family: 'Thongterm';
    }

        .a-link.white:hover,
        .a-link.white:active {
            color: #ffd400 !important;
            text-decoration: none !important;
        }

    .a-link.black {
        color: #5a5a5a !important;
        font-family: 'SukhumvitSet';
        text-decoration: underline !important;
    }

    .a-link.yellow {
        color: #ffd400 !important;
        font-family: 'SukhumvitSet';
        text-decoration: underline !important;
    }

    .a-link.panel {
        background-color: #f3f3f3;
        padding-left: 16px;
        padding-right: 16px;
        min-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .a-link img.icon {
        width: 20px;
        height: 20px;
        max-height: 100%;
        max-width: 100%;
        margin-right: 8px;
    }

    .a-link.left {
        justify-content: flex-start;
    }

.i-link img {
    display: block;
    width: 26px;
    height: 22px;
    max-height: 100%;
    max-width: 100%;
}

    .i-link img.hover,
    .i-link img.active {
        display: none;
    }

.i-link:hover img {
    display: none;
}

    .i-link:hover img.hover {
        display: block;
    }

.i-link:active img,
.i-link:active img.hover {
    display: none;
}

    .i-link:active img.active {
        display: block;
        .ui.ks.dropdown
    }

.dropdown .btn {
    padding-left: 8px;
    padding-right: 8px;
    /* fill SVG icon */
}

    .dropdown .btn .icon {
        margin-right: 5px;
    }

        .dropdown .btn .icon > g {
            fill: #554242 !important;
        }

    .dropdown .btn.btn-primary:focus {
        outline: none !important;
        box-shadow: none;
    }

    .dropdown .btn.dropdown-toggle:after {
        content: "⌵";
        float: none;
        border: initial;
        vertical-align: middle;
        margin-left: auto;
        width: auto;
        height: auto;
    }

    .dropdown .btn img.icon {
        width: 9px;
        height: 12px;
        max-width: 100%;
        max-height: 100%;
    }

.dropdown-menu.show {
    min-width: 202px;
    height: auto;
    background-color: #ffffff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.2);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    border-radius: 0px;
}

    .dropdown-menu.show .dropdown-item {
        border-bottom: 1px solid #e8e8e8;
        min-height: 39px;
        color: #5a5a5a;
        font-weight: bold;
        font-family: 'Thongterm-Roman';
        font-size: 14px;
        padding-right: 0px;
        padding-left: 9.5px;
        padding-top: 8px;
        padding-bottom: 8px;
        /* for icon under dropdown-menu only, NOT icon on dropdown button */
    }

        .dropdown-menu.show .dropdown-item .icon {
            fill: #554242 !important;
            width: 9px;
            height: 12px;
            max-width: 100%;
            max-height: 100%;
            margin-top: -3px;
            margin-right: 5px;
            margin-left: 5px;
            /*g > g {
  fill: @ks-color-greyish-brown !important;
  background-color: red;
}*/
        }

            .dropdown-menu.show .dropdown-item .icon > g > g {
                fill: #554242;
            }

        .dropdown-menu.show .dropdown-item:last-child {
            border-bottom: 0px solid #e8e8e8;
        }

        .dropdown-menu.show .dropdown-item:hover {
            display: block;
            color: #5a5a5a !important;
            background-color: #f3f3f3 !important;
            /* fill an svg icon on hovering menu item */
        }

            .dropdown-menu.show .dropdown-item:hover .icon > g > g {
                fill: #ffffff !important;
            }

        .dropdown-menu.show .dropdown-item:active {
            background-color: #463737 !important;
            color: #f3f3f3 !important;
        }

.form-group label,
.input-group label {
    font-family: Thongterm-Roman;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #5a5a5a;
}

.form-group input.form-control,
.input-group input.form-control,
.form-group textarea.form-control,
.input-group textarea.form-control {
    font-family: 'Thongterm-Bold';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: normal;
    color: #222222;
    height: 44px;
    border-radius: 3px;
    /*box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1);*/
    background-color: #ffffff;
}

.form-group textarea.form-control {
    height: 120px;
}

    .form-group input.form-control:focus,
    .input-group input.form-control:focus,
    .form-group textarea.form-control:focus,
    .input-group textarea.form-control:focus {
        border: solid 1px #c7c7c7;
        box-shadow: none;
    }

    .form-group input.form-control:disabled,
    .input-group input.form-control:disabled,
    .form-group textarea.form-control:disabled,
    .input-group textarea.form-control:disabled {
        background-color: #f0efee !important;
    }

    .form-group input.form-control::placeholder,
    .input-group input.form-control::placeholder,
    .form-group textarea.form-control::placeholder,
    .input-group textarea.form-control::placeholder {
        color: #bbbbbb;
        font-family: Thongterm;
    }

    .form-group input.form-control.WatermarkText,
    .input-group input.form-control.WatermarkText,
    .form-group textarea.form-control.WatermarkText,
    .input-group textarea.form-control.WatermarkText {
        font-family: Thongterm;
        font-size: 16px !important;
        line-height: 34px !important;
        color: #949494 !important;
    }

    .form-group input.form-control.form-control-danger,
    .input-group input.form-control.form-control-danger,
    .form-group textarea.form-control.form-control-danger,
    .input-group textarea.form-control.form-control-danger {
        border: solid 1px #d00000;
    }

    .form-group input.form-control.form-control-sm,
    .input-group input.form-control.form-control-sm,
    .form-group textarea.form-control.form-control-sm,
    .input-group textarea.form-control.form-control-sm {
        height: 38px;
    }

.form-group .form-control-feedback,
.input-group .form-control-feedback,
.form-group EditingFormErrorLabel,
.input-group EditingFormErrorLabel {
    display: none;
    height: 29px;
    font-family: 'Thongterm-Roman';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: normal;
    margin-top: 4px;
}

    .form-group .form-control-feedback.danger,
    .input-group .form-control-feedback.danger,
    .form-group EditingFormErrorLabel.danger,
    .input-group EditingFormErrorLabel.danger,
    .form-group .form-control-feedback .EditingFormErrorLabel,
    .input-group .form-control-feedback .EditingFormErrorLabel,
    .form-group EditingFormErrorLabel .EditingFormErrorLabel,
    .input-group EditingFormErrorLabel .EditingFormErrorLabel {
        color: #d00000;
        display: block;
    }

.form-group.input-group-datetime:after,
.input-group.input-group-datetime:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #5b5b5b;
    position: absolute;
    top: 17%;
    right: 16px;
    content: "\f073";
    z-index: 3;
}

.form-group {
    margin-bottom: 16px;
}

    .form-group.input-group-datetime {
        position: relative;
    }

        .form-group.input-group-datetime:after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            color: #000;
            position: absolute;
            top: 53%;
            right: 16px;
            content: "\f073";
            z-index: 3;
        }

.input-group {
    margin-top: 16px;
    margin-bottom: 16px;
}

    .input-group .input-group-prepend .input-group-text,
    .input-group .input-group-append .input-group-text {
        background-color: #ffd400;
        border-radius: 5px;
        padding-left: 16px;
        padding-right: 16px;
    }

        .input-group .input-group-prepend .input-group-text img,
        .input-group .input-group-append .input-group-text img {
            width: 20px;
            height: 20px;
            max-height: 100%;
            max-width: 100%;
        }

    .input-group .input-group-prepend.disabled .input-group-text,
    .input-group .input-group-append.disabled .input-group-text {
        background-color: #f0efee;
    }

    .input-group .input-group-prepend .input-group-text {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .input-group .input-group-append .input-group-text {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .input-group .input-group-append .ui.ks.dropdown {
        background-color: #ffc800;
        color: #463737;
        font-weight: bold;
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
        min-width: 50px !important;
    }

        .input-group .input-group-append .ui.ks.dropdown.selection .text {
            padding-left: 17px;
            margin-right: 0;
            text-align: left;
        }

@media screen and (min-width: 768px) {
    .input-group .input-group-append .ui.ks.dropdown.selection .text {
        padding-left: 17px;
    }
}

@media screen and (max-width: calc(768px - 1px)) {
    .input-group .input-group-append .ui.ks.dropdown.selection .text {
        padding-left: 18px;
    }
}

.input-group .input-group-append .ui.ks.dropdown .text {
    font-weight: bold;
}

.input-group .input-group-append .ui.ks.dropdown .dropdown.icon {
    display: inline-table;
    top: 0 !important;
    bottom: 0 !important;
    right: 16px;
    margin: auto 0;
    padding: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .input-group .input-group-append .ui.ks.dropdown .dropdown.icon:before {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-size: 20px;
        color: #463737;
    }

.input-group .input-group-append .ui.ks.dropdown .default.text {
    color: #463737;
}

.input-group .input-group-append .btn.btn-outline-secondary {
    background-color: #ffc800;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    height: 48px;
}

    .input-group .input-group-append .btn.btn-outline-secondary.btn-sm {
        height: 38px;
    }

.input-group.input-group-sm input.form-control {
    height: 38px;
}

.input-group.input-group-sm .input-group-prepend,
.input-group.input-group-sm .input-group-append {
    height: 38px;
}

.radio,
.checkbox {
    padding-left: 0 !important;
}

.radio-inline input[type="radio"] {
    display: none;
}

    .radio-inline input[type="radio"] + label,
    .radio-inline input[type="radio"] + span {
        padding-left: 2px;
        padding-right: 10px;
        display: inline-block;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        color: #5A5A5A;
        font-family: Thongterm-Roman;
    }

        .radio-inline input[type="radio"] + label:before,
        .radio-inline input[type="radio"] + span:before {
            font-size: 24px;
            vertical-align: sub;
            padding-right: 8px;
            content: "\f111";
            font-family: "Font Awesome 5 Pro";
            color: #bbbbbb;
            font-weight: 100;
        }

    .radio-inline input[type="radio"]:checked + label,
    .radio-inline input[type="radio"]:checked + span {
        background-position: 0 -65px;
    }

        .radio-inline input[type="radio"]:checked + label:before,
        .radio-inline input[type="radio"]:checked + span:before {
            color: #ffd400;
            font-weight: 900;
            content: "\f192";
            font-family: "Font Awesome 5 Pro";
            padding-right: 8px;
        }

}

.radio-inline input[type="radio"]:checked:hover + label,
.radio-inline input[type="radio"]:checked:hover + span {
    background-position: 0 -96px;
}

.radio-inline input[type="radio"]:checked:disabled + label,
.radio-inline input[type="radio"]:checked:disabled + span {
    background-position: 0 -190px;
    color: #bbbbbb;
}

.radio-inline input[type="radio"]:disabled + label,
.radio-inline input[type="radio"]:disabled + span {
    background-position: 0 -160px;
    color: #bbbbbb;
}

.radio-inline input[type="radio"]:disabled:hover + label:before,
.radio-inline input[type="radio"]:disabled:hover + span:before {
    color: #bbbbbb;
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
}

.radio-inline label,
.radio-inline span {
    /*background-image: url('/Content/Images/Input/rd.png');*/
    background-image: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-inline input[type="checkbox"] {
    display: none;
}

    .checkbox-inline input[type="checkbox"] + label,
    .checkbox-inline input[type="checkbox"] + span {
        padding-left: 2px;
        padding-right: 10px;
        display: inline-block;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
        color: #5A5A5A;
        font-family: Thongterm-Roman;
    }

        .checkbox-inline input[type="checkbox"] + label:before,
        .checkbox-inline input[type="checkbox"] + span:before {
            font-size: 24px;
            line-height: 24px;
            vertical-align: sub;
            padding-right: 8px;
            content: "\f0c8";
            font-family: "Font Awesome 5 Pro";
            color: #bbbbbb;
            float: left;
            font-weight: 100;
        }


    .checkbox-inline input[type="checkbox"]:checked + label:before,
    .checkbox-inline input[type="checkbox"]:checked + span:before {
        color: #ffd400;
        font-size: 24px;
        vertical-align: sub;
        padding-right: 8px;
        content: "\f14a";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
    }

    .checkbox-inline input[type="checkbox"]:hover + label:before,
    .checkbox-inline input[type="checkbox"]:hover + span:before {
        font-size: 24px;
        vertical-align: sub;
        padding-right: 8px;
        content: "\f14a";
        font-family: "Font Awesome 5 Pro";
    }

    .checkbox-inline input[type="checkbox"]:checked:hover + label,
    .checkbox-inline input[type="checkbox"]:checked:hover + span {
        background-position: 0 -57px;
    }

    .checkbox-inline input[type="checkbox"]:checked:disabled + label,
    .checkbox-inline input[type="checkbox"]:checked:disabled + span {
        color: #bbbbbb;
    }

        .checkbox-inline input[type="checkbox"]:checked:disabled + label:before,
        .checkbox-inline input[type="checkbox"]:checked:disabled + span:before {
            color: #bbbbbb;
            content: "\f14a";
            font-family: "Font Awesome 5 Pro";
        }

    .checkbox-inline input[type="checkbox"]:disabled + label,
    .checkbox-inline input[type="checkbox"]:disabled + span {
        /*background-position: 0 -141px;*/
        color: #bbbbbb;
    }

        .checkbox-inline input[type="checkbox"]:disabled + label:before,
        .checkbox-inline input[type="checkbox"]:disabled + span:before {
            color: #bbbbbb;
            content: "\f0c8";
            font-family: "Font Awesome 5 Pro";
        }

.checkbox-inline label,
.checkbox-inline span {
    /*background-image: url('/Content/Images/Input/ck.png');*/
    background: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumb {
    background-color: transparent;
    padding: 0px;
}

    .breadcrumb .breadcrumb-item {
        color: #5a5a5a;
        font-family: 'Thongterm-Roman';
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: condensed;
        line-height: normal;
        letter-spacing: normal;
    }

        .breadcrumb .breadcrumb-item a {
            color: #5a5a5a;
            font-family: 'Thongterm-Roman';
            font-size: 14px;
            font-weight: 500;
            font-style: normal;
            font-stretch: condensed;
            line-height: normal;
            letter-spacing: normal;
        }

        .breadcrumb .breadcrumb-item + .breadcrumb-item {
            padding-left: 0px;
        }

            .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
                display: inline-block;
                padding: 0 16px;
                content: "\f105";
                font-weight: 300;
                font-family: "Font Awesome 5 Pro";
                font-size: 18px;
                line-height: normal;
                position: relative;
                top: 3px;
            }

.card {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    padding: 24px;
    margin-bottom: 16px;
}

    .card .card-body {
        padding: 0px;
    }

.well {
    border-radius: 3px;
    background-color: #fcfcfc;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

    .well.marigold {
        background-color: #ffc800;
    }

.nav.nav-tabs {
    border-bottom: 1px solid #e8e8e8;
    display: flex;
}

    .nav.nav-tabs.border-bottom-0 {
        border-bottom: 0px;
    }

    .nav.nav-tabs .nav-item {
        font-family: Thongterm-Roman;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: condensed;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #9b9b9b;
        flex: 1 1 auto;
    }

        .nav.nav-tabs .nav-item .nav-link {
            color: #949494;
            font-size: 16px;
            line-height: 34px;
            font-family: Thongterm-Roman;
            border-bottom: 3px solid #F0EFEE;
        }

            .nav.nav-tabs .nav-item .nav-link:hover {
                font-family: Thongterm-Bold;
                color: #5a5a5a;
                border-top: 0px;
                border-left: 0px;
                border-right: 0px;
                border-bottom: 3px solid #ffd400;
            }

            .nav.nav-tabs .nav-item .nav-link.active {
                font-family: Thongterm-Bold;
                color: #222222;
                border-top: 0px;
                border-left: 0px;
                border-right: 0px;
                border-bottom: 3px solid #ffd400;
                background-color: inherit;
            }

            .nav.nav-tabs .nav-item .nav-link .nav-item {
                flex: 1 1 auto;
                display: flex;
            }

/*
.table tbody tr {
background: #fff;
}

.table tbody tr td {
vertical-align: middle;
}

.table tbody tr:nth-of-type(odd) {
background: #f3f3f3;
}
*/
.table thead ~ tbody tr:nth-of-type(even) {
    background: #f3f3f3;
}

.table thead ~ tbody tr:nth-of-type(odd) {
    background: #ffffff;
}

.table tbody tr:nth-of-type(even) {
    background: #ffffff;
}

.table tbody tr:nth-of-type(odd) {
    background: #f3f3f3;
}

.table tr th {
    background-color: #ffd400;
    vertical-align: middle !important;
    text-align: center;
    color: #545454;
    font-family: Thongterm-Bold;
    font-size: 16px;
    line-height: 29px;
    padding: 13px;
    border-top: 0px;
    border-bottom: 0px;
}

.table tr td {
    color: #5A5A5A;
    font-family: Thongterm-Roman;
    font-size: 16px;
    line-height: 29px;
    vertical-align: middle;
    border-top: 0px;
    padding: 10px;
}

@media (max-width: 767px) {
    .table-scrollable {
        overflow-x: scroll;
        min-width: 767px;
    }
}


.table.table-no-stripe > tbody > tr {
    background: none !important;
}

.table.ks-exhange thead tr th,
.table.ks-exhange thead tr td {
    background-color: #6f5f5e;
    border-color: #fff;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.table.ks-exhange tbody tr {
    background-color: #f3f3f3;
}

    .table.ks-exhange tbody tr td {
        border: 0px;
        text-align: center;
        padding: 0px;
        vertical-align: middle;
        max-height: 50px;
        padding-left: 16px;
        padding-right: 16px;
        height: 50px;
    }

    .table.ks-exhange tbody tr:nth-of-type(odd) {
        background-color: #ffffff;
    }

.table.ks-exhange-preview {
    border: 0px;
}

    .table.ks-exhange-preview thead th,
    .table.ks-exhange-preview thead td {
        text-align: right;
        border-top: 0px;
        border-bottom: 0px;
        padding-bottom: 16px;
        font-family: Thongterm;
        font-size: 18px;
        font-weight: bold;
        background-color: transparent;
        color: #5a5a5a;
    }

        .table.ks-exhange-preview thead th:nth-child(1) {
            text-align: left;
        }

    .table.ks-exhange-preview tbody td {
        border-top: 0px;
        border-bottom: 0px;
        text-align: right;
        font-family: Thongterm-Roman;
        font-size: 16px;
    }

        .table.ks-exhange-preview tbody td .icon-margin-right {
            margin-right: 12px;
        }

        .table.ks-exhange-preview tbody td:nth-child(1) {
            text-align: left;
        }

    .table.ks-exhange tbody tr td,
    .table.ks-exhange-preview tbody tr td {
        /*display: flex;*/
        align-items: center;
    }


.list-group .list-group-item {
    border: 0px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9b9b9b;
    border-radius: 0px;
    padding: 16px;
}

    .list-group .list-group-item.list-group-item-action {
        color: #222222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 24px;
        background: #f3f3f3;
    }



.accordion .card {
    border-left: 0px;
    border-right: 0px;
    padding: 0px;
    border-color: #e8e8e8;
    font-family: Thongterm-Roman;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #5a5a5a;
    margin-bottom: 0;
}

    .accordion .card .card-header {
        width: 100%;
        height: auto;
        min-height: 64px;
        cursor: pointer;
        background-color: #ffffff;
        padding-left: 16px;
        padding-right: 0px;
        border-bottom: 0px solid #e8e8e8;
        border-left: 3px solid transparent;
        padding-bottom: 0;
    }

        .accordion .card .card-header.arrow .btn-link:hover {
            text-decoration: underline;
        }

        .accordion .card .card-header.arrow:not(.collapsed):after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            font-size: 1.5rem;
            content: "\f106";
            float: right;
            position: absolute;
            top: 18px;
            right: 20px;
            color: #5a5a5a;
            z-index: 0;
        }

        .accordion .card .card-header.arrow.collapsed:after {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            font-size: 1.5rem;
            content: "\f107";
            float: right;
            position: absolute;
            top: 18px;
            right: 20px;
            color: #5a5a5a;
            z-index: 0;
        }

        .accordion .card .card-header .btn {
            width: 100%;
            height: auto;
            color: #222222;
            font-size: 16px;
            font-family: Krungsri-Condensed-Bold;
            font-weight: normal;
            padding-left: 0px;
            padding-right: 38px;
            text-align: left;
            word-wrap: break-word;
            white-space: normal;
        }

            .accordion .card .card-header .btn:active {
                box-shadow: none !important;
            }

            .accordion .card .card-header.active,
            .accordion .card .card-header .btn:hover {
                text-decoration: none !important;
                color: #222222;
            }

        .accordion .card .card-header.arrow {
            background: none;
        }

            .accordion .card .card-header.arrow.active {
                background: none;
            }





.accordion .collapse {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

    .accordion .collapse .card-header {
        padding: 8px;
    }

    .accordion .collapse .card-body {
        padding-left: 0;
        padding-right: 0;
    }

        .accordion .collapse .card-body .item {
            padding-bottom: 8px;
        }


.accordion .collapsing .card-body {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

    .accordion .collapsing .card-body .item {
        padding-bottom: 8px;
    }

.accordion > .card:first-of-type {
    border-bottom: 1px solid #e8e8e8;
}

.accordion > .card:nth-child(2) {
    border-top: 0;
}

.pagination {
    /* Centering on desktop */
    align-content: center;
    justify-content: center;
}

.page-link {
    padding: 2px 8px;
    background-color: inherit;
}

.pagination .page-item {
    padding-right: 2.5px;
}

    .pagination .page-item.prev .page-link,
    .pagination .page-item.next .page-link {
        font-family: Thongterm-Roman;
    }

    .pagination .page-item .page-link {
        font-family: Thongterm-Bold;
        font-size: 16px;
        /*line-height: 26px;*/
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: center;
        border: 0px;
        color: #545454;
        border-radius: 50%;
    }

        .pagination .page-item .page-link:hover {
            background-color: inherit;
        }

        .pagination .page-item .page-link:active,
        .pagination .page-item .page-link:focus {
            box-shadow: none;
        }

    .pagination .page-item.active .page-link {
        background-color: #ffd400;
        padding: 2px 7px;
    }

    .pagination .page-item.prev .page-link:hover,
    .pagination .page-item.next .page-link:hover {
        background-color: transparent;
    }

/* ---- Modal Customize Begin */
.modal {
    max-height: 100%;
    border-radius: 3px;
}

    .modal .dialog {
        width: 970px;
        height: 740px;
        max-height: 95%;
        background-color: #ffffff;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
    }

/* ---- Modal Customize End */
.table-responsive {
    max-width: 100%;
    width: 100%;
    position: relative;
}

/* Desktop and Tablet */
@media screen and (min-width: 768px) {
    .table-responsive {
        display: table;
        width: 100%;
    }
}

/* Mobile sm */
@media screen and (max-width: 768px) and (min-width: 576px) {
    .col-sm-6 {
        width: 50%;
    }

    .table.ks-exhange-preview {
        border: 0px;
    }

        .table.ks-exhange-preview thead th {
            font-family: Krungsri;
            font-size: 14px;
            font-weight: bold;
        }

        .table.ks-exhange-preview tbody td {
            font-family: Thongterm;
            font-size: 14px;
            font-weight: bold;
        }

            .table.ks-exhange-preview tbody td:nth-child(1) {
                text-align: left;
            }
}

/* Mobile xs */
@media screen and (max-width: 576px) {
    .d-xs-block {
        display: block !important;
    }

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

    .col-xs-5 {
        width: 49%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .table.ks-exhange-preview {
        border: 0px;
    }

        .table.ks-exhange-preview thead th {
            font-family: Krungsri;
            font-size: 14px;
            font-weight: bold;
        }

        .table.ks-exhange-preview tbody td {
            font-family: Thongterm;
            font-size: 14px;
            font-weight: bold;
        }

            .table.ks-exhange-preview tbody td:nth-child(1) {
                text-align: left;
            }
}

/* Mobile xs and sm */
@media screen and (max-width: 767px) {


    .radio-inline {
        display: block;
    }

    .checkbox-inline {
        display: block;
    }
}

.icon-text {
    margin: -40px 15px;
    float: right;
    /*
  .padding--left {
  margin: -50px;
}
  */
}

body {
    padding-top: 150px;
    background-color: #FCFCFC;
}

table > thead > tr > th {
    background-color: #6f5f5e;
    color: #ffffff;
    vertical-align: middle !important;
    text-align: center;
}

.ks-top-nav {
    background-color: #6f5f5e;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

    .ks-top-nav .menu--content {
        max-width: 1170px;
        margin: auto;
        height: 40px;
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .ks-top-nav .menu--content .menu--logo {
            flex: 0 0 auto;
        }

            .ks-top-nav .menu--content .menu--logo img {
                width: 118px;
                height: 40px;
                max-height: none;
                max-width: 100%;
            }

        .ks-top-nav .menu--content .navbar-toggler {
            color: #554242;
            outline: none;
            font-size: 16px;
            width: 40px;
            height: 26px;
        }

        .ks-top-nav .menu--content .menu--customer-type {
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex: 0 0 auto;
            margin-left: 52px;
            padding-top: 9px;
            padding-bottom: 9px;
        }

            .ks-top-nav .menu--content .menu--customer-type a {
                color: #fff;
                outline: none;
                text-decoration: none;
                cursor: pointer;
                font-size: 14px;
                font-family: Krungsri-Condensed-Medium;
                padding-right: 30px;
                position: relative;
                -webkit-user-select: none;
                /* Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+/Edge */
                user-select: none;
                /* Standard */
            }

                .ks-top-nav .menu--content .menu--customer-type a:hover {
                    color: #ffd400;
                }

                .ks-top-nav .menu--content .menu--customer-type a:last-child {
                    padding-right: 0px;
                }

                .ks-top-nav .menu--content .menu--customer-type a.active {
                    color: #ffd400;
                }

                    .ks-top-nav .menu--content .menu--customer-type a.active i {
                        color: #e6e6e6;
                        display: block;
                    }

        .ks-top-nav .menu--content .menu--extension {
            position: relative;
            flex: 0 0 auto;
            display: flex;
            margin-right: 16px;
            margin-left: auto;
            padding-top: 9px;
            padding-bottom: 9px;
            align-items: center;
        }

            .ks-top-nav .menu--content .menu--extension .menu--extension-1 {
                display: flex;
                flex: 0 0 auto;
                align-items: center;
                margin-left: auto;
                color: #ffffff;
                border-right: 1px solid white;
                padding-right: 18px;
            }

            .ks-top-nav .menu--content .menu--extension .menu--extension-2 {
                display: flex;
                flex: 0 0 auto;
                align-items: center;
            }

                .ks-top-nav .menu--content .menu--extension .menu--extension-2 > div {
                    flex: 0 0 auto;
                }

            .ks-top-nav .menu--content .menu--extension .menu--search {
                display: flex;
                transition: width 0.3s ease, opacity 0.3s ease;
                width: 60%;
                overflow: visible;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 0;
                opacity: 0;
            }

                .ks-top-nav .menu--content .menu--extension .menu--search.active {
                    width: 100%;
                    opacity: 1;
                }

                .ks-top-nav .menu--content .menu--extension .menu--search .close {
                    flex: 0 0 auto;
                    font-family: Krungsri-Condensed-Medium;
                    font-size: 16px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #ffffff;
                    background-color: #6f5f5e;
                    opacity: 1;
                    display: flex;
                    align-items: center;
                    text-shadow: none;
                }

                    .ks-top-nav .menu--content .menu--extension .menu--search .close i {
                        padding: 0 12px;
                        color: #ffffff;
                    }

                        .ks-top-nav .menu--content .menu--extension .menu--search .close i:before {
                            color: #ffffff;
                            font-size: 24px;
                        }

                .ks-top-nav .menu--content .menu--extension .menu--search .ui.search {
                    flex: 1 1 auto;
                }

                .ks-top-nav .menu--content .menu--extension .menu--search .ui.icon.input input {
                    height: 38px;
                }

                .ks-top-nav .menu--content .menu--extension .menu--search .ui.icon.input i {
                    cursor: pointer;
                    pointer-events: none;
                }

            .ks-top-nav .menu--content .menu--extension a {
                color: #fff;
                outline: none;
                text-decoration: none;
                cursor: pointer;
                font-size: 14px;
                font-family: Krungsri-Condensed-Medium;
                padding-right: 23px;
            }

                .ks-top-nav .menu--content .menu--extension a:hover {
                    color: #ffd400;
                }

                .ks-top-nav .menu--content .menu--extension a:last-child {
                    padding-right: 0px;
                }

                .ks-top-nav .menu--content .menu--extension a.dropdown-item {
                    color: #5a5a5a;
                }

            .ks-top-nav .menu--content .menu--extension .nav-item.dropdown a {
                padding-top: 0px;
                padding-right: 0px;
            }

        .ks-top-nav .menu--content .menu--logon {
            height: 30px;
            display: flex;
            padding-top: 0px;
            flex: 0 0 auto;
            align-items: center;
            align-self: center;
        }

            .ks-top-nav .menu--content .menu--logon > div.dropdown {
                margin-top: -2px;
            }

        .ks-top-nav .menu--content .menu--bars {
            flex: 0 0 auto;
            margin-left: auto;
            padding: 10px 0;
        }

    .ks-top-nav .submenu--content .group {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        display: none;
    }

        .ks-top-nav .submenu--content .group.active {
            display: flex;
            justify-content: left;
        }

        .ks-top-nav .submenu--content .group .item {
            flex: 0 0 auto;
            cursor: pointer;
            margin: auto;
            font-family: Krungsri-Condensed-Medium;
            color: #5a5a5a;
            text-decoration: none;
            outline: none;
            position: relative;
            -webkit-user-select: none;
            /* Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+/Edge */
            user-select: none;
            /* Standard */
        }

            .ks-top-nav .submenu--content .group .item hr {
                display: none;
                width: 100%;
                margin-top: 0px;
                margin-bottom: 0px;
                border-top: 3px solid #ffd400;
            }

            .ks-top-nav .submenu--content .group .item .content {
                padding-left: 24px;
                padding-right: 24px;
                border-right: 1px solid #cccccc;
            }

                .ks-top-nav .submenu--content .group .item .content .header {
                    font-size: 20px;
                }

                .ks-top-nav .submenu--content .group .item .content .description {
                    font-family: Thongterm-Roman;
                    font-size: 14px;
                }

            .ks-top-nav .submenu--content .group .item:last-child .content {
                border-right: 0px;
            }

            .ks-top-nav .submenu--content .group .item:hover hr,
            .ks-top-nav .submenu--content .group .item.active hr {
                position: absolute;
                display: block;
                bottom: -15px;
            }

.ks-content-wrapper {
    width: 100%;
    max-width: unset;
}

.container-fluid {
    width: 100%;
    margin: 0 auto;
}

.bg--dark {
    background-color: #3a2e27;
}

.container--fullwidth {
    max-width: none;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

.container--cover {
    margin: 0 auto;
    margin-bottom: 64px;
    position: relative;
    width: 100%;
    max-width: 100% !important;
}

@media screen and (max-width: 767px) {
    .container--cover {
        margin-bottom: 48px;
    }
}

.container--cover.container--banner {
    max-height: 320px;
}

    .container--cover.container--banner .image {
        max-height: 320px;
    }

.container--cover .border-top-yellow {
    border-top: 3px solid #ffd400;
}

.container--cover .card.block {
    padding: 0 !important;
}

.container--cover .image {
    position: relative;
    overflow: hidden;
}

    .container--cover .image > img {
        width: auto;
    }

.container--cover .container--cover__layer {
    /*top: 40px;
  position: absolute;*/
    width: 100%;
    max-width: 1170px;
    margin: auto;
    /*margin-top: -377px;*/
    /*@media screen and (min-width:@desktop-tablet-min-width) and (max-width:@tablet-max-width) {
  margin-top: -380px;
}*/
}

@media screen and (max-width: 767px) {
    .container--cover .container--cover__layer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.container--cover .cover-content-wrapper .banner-content {
    text-align: left !important;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .container--cover .cover-content-wrapper .banner-content {
        margin-bottom: 20px;
    }
}

.container--cover .container--cover__menubar {
    margin-top: -25px;
    width: 570px;
    height: 50px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.05);
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .container--cover .container--cover__menubar {
        margin-top: -35px;
        width: 100%;
        height: unset;
        margin-left: 15px;
        margin-right: 15px;
        text-align: left !important;
    }
}

.container--cover .container--cover__menubar ul {
    border-bottom: none !important;
}

.container--cover .container--cover__menubar .nav-item {
    width: 170px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .container--cover .container--cover__menubar .nav-item {
        width: 100%;
        text-align: left !important;
    }
}

.container--cover .container--cover__menubar .nav-item .nav-link {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0;
}

@media screen and (max-width: 767px) {
    .container--cover .container--cover__menubar .nav-item .nav-link {
        padding-left: 16px;
        border-bottom: 1px solid #f1f1f1 !important;
    }

        .container--cover .container--cover__menubar .nav-item .nav-link::after {
            content: "\f078";
            font-family: 'Font Awesome 5 Pro';
            font-size: 18px;
            font-weight: normal;
            text-decoration: inherit;
            color: #5a5a5a;
            display: inline;
            float: right;
            padding-right: 16px;
            padding-top: 4px;
        }
}

.container--cover .container--cover__menubar .nav-item:nth-child(2) {
    /*background-color: silver;*/
    margin: 0 30px;
}

@media screen and (max-width: 767px) {
    .container--cover .container--cover__menubar .nav-item:nth-child(2) {
        margin: 0px;
    }
}

.container--cover .container--cover__card {
    border-top: 3px solid #ffd400;
    border-radius: 3px;
    background-color: white;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    /*margin-top: -377px;*/
    margin-top: -320px;
}

    .container--cover .container--cover__card.card-visa2 {
        margin-top: -25px;
        border-top: 0;
        z-index: 10;
    }

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .container--cover .container--cover__card {
        /*margin-top: -380px;*/
        margin-top: -330px;
    }
}

@media screen and (max-width: 767px) {
    .container--cover .container--cover__card {
        /*margin-top: -200px;*/
        margin-top: 24px;
    }
}

.container--cover .container--cover__card .card-body {
    padding: 24px 32px;
}

    .container--cover .container--cover__card .card-body.card-body-visa2 {
        padding: 0 0 0;
        height: 236px;
        width: 100%;
        top: 0px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: nowrap;
    }

        .container--cover .container--cover__card .card-body.card-body-visa2 > .menubar {
            width: 233px;
        }

            .container--cover .container--cover__card .card-body.card-body-visa2 > .menubar > .icon-menu {
                height: 80px;
                margin-top: 40px;
            }

                .container--cover .container--cover__card .card-body.card-body-visa2 > .menubar > .icon-menu i {
                    font-size: 60px;
                }

        .container--cover .container--cover__card .card-body.card-body-visa2 > .line-text {
            height: 236px;
            width: 1px;
            border-left: 1px solid #f3f3f3;
        }

@media screen and (max-width: 767px) {
    .container--cover .container--cover__card .card-body.card-body-visa2 {
        height: auto;
    }

        .container--cover .container--cover__card .card-body.card-body-visa2 > .menubar {
            width: 129px;
            margin: 20px 20px 20px;
        }

            .container--cover .container--cover__card .card-body.card-body-visa2 > .menubar > .icon-menu {
                width: 80px;
                height: auto;
                margin-top: auto;
            }

                .container--cover .container--cover__card .card-body.card-body-visa2 > .menubar > .icon-menu i {
                    font-size: 40px;
                }

        .container--cover .container--cover__card .card-body.card-body-visa2 > .menubarspan {
            width: 90%;
        }

        .container--cover .container--cover__card .card-body.card-body-visa2 > .line-text {
            height: 2px;
            width: 100%;
            border-bottom: 1px solid #f3f3f3;
        }
}

.container--cover .container--cover__card .title {
    font-family: Thongterm-Roman;
    font-size: 16px;
    font-weight: normal;
    color: #5a5a5a;
    margin: 16px 0;
}

.container--banner {
    width: 100%;
    /*max-width: 1170px;*/
    /*max-width: calc(~"100vw - 1px");*/
    margin: auto;
    margin-bottom: unset;
}

@media screen and (max-width: 767px) {
    .container--banner.min-height-200px-mobile {
        min-height: 200px;
    }
}

@media screen and (max-width: 767px) {
    .container--banner.min-height-250px-mobile {
        min-height: 250px;
    }
}

@media screen and (max-width: 767px) {
    .container--banner.min-height-300px-mobile {
        min-height: 300px;
    }
}

.container--banner .block-banner {
    display: flex;
    justify-content: flex-end;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 auto;
}

    .container--banner .block-banner .image {
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 100%;
        max-width: calc(100vw - 1px);
        overflow: hidden;
    }

        .container--banner .block-banner .image .blur-effect-1px {
            -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
            filter: blur(1px);
        }

        .container--banner .block-banner .image > img {
            width: 100%;
            max-width: calc(100vw - 1px);
            height: auto;
        }

@media screen and (max-width: 767px) {
    .container--banner .block-banner .image > img {
        width: 100%;
        height: auto;
        min-height: unset;
    }
}

.container--banner .block-banner .gradient {
    max-width: calc(100vw - 1px);
}

.container--banner .block-banner .cover-content-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
}

    .container--banner .block-banner .cover-content-wrapper .banner-content {
        padding-left: 0px !important;
    }

@media screen and (max-width: 767px) {
    .container--banner .block-banner .cover-content-wrapper {
        position: relative;
        top: 0;
        bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
        height: 100%;
    }

        .container--banner .block-banner .cover-content-wrapper .banner-content {
            padding-left: 16px !important;
        }

        .container--banner .block-banner .cover-content-wrapper.middle-mobile {
            position: absolute !important;
            vertical-align: middle;
            align-self: center;
            padding-left: 0px;
        }

            .container--banner .block-banner .cover-content-wrapper.middle-mobile .banner-content {
                position: static;
                margin: auto;
            }
}

.container--banner .block-banner .banner-content {
    width: 100%;
    border: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 40px;
    padding-left: 54px;
}

@media screen and (max-width: 767px) {
    .container--banner .block-banner .banner-content {
        padding: 16px;
        padding-bottom: 32px;
        width: 100%;
    }

        .container--banner .block-banner .banner-content.center-on-mobile {
            text-align: center;
        }

        .container--banner .block-banner .banner-content.pb-64px-mobile {
            padding-bottom: 64px;
        }

        .container--banner .block-banner .banner-content.middle-mobile {
            height: 50%;
            padding-left: 16px;
            padding-right: 16px;
            overflow: visible;
            margin: 0 auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 50%;
            right: 0;
            display: flex;
            flex-flow: column;
            align-self: center;
            justify-content: center;
        }
}

.container--banner .block-banner .banner-content .btn {
    /*padding: 0; 20190201*/
    padding: 0.375rem 0.75rem;
    padding-top: 4px;
    margin-top: 18px;
    height: 44px;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .container--banner .block-banner .banner-content .btn {
        /*padding: 0; 20190201*/
        padding: 0.375rem 0.75rem;
        padding-top: 4px;
        margin-top: 18px;
        /*max-width: unset;*/
        height: 44px;
        text-align: center;
        vertical-align: middle;
    }
}

.container--banner .side-block .image.icon {
    padding-right: 16px;
}

.container--banner .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

.container--banner.text-over-image--not-used .image {
    position: relative;
}

.container--banner.text-over-image--not-used .content {
    width: 100%;
    display: flex;
    position: absolute;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .container--banner.text-over-image--not-used .content {
        padding-left: 56px;
        bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .container--banner.text-over-image--not-used .content {
        justify-content: center;
        text-align: center;
        padding: 32px;
    }
}

.container--banner.visa2--section {
    margin-bottom: 225px;
}

@media screen and (max-width: 767px) {
    .container--banner.visa2--section {
        margin-bottom: 325px;
    }
}

.container--nav {
    max-width: 1170px;
    margin: auto;
}

.container--breadcrumb {
    max-width: 1170px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    justify-content: space-between;
    display: flex;
    padding: 0;
}

    .container--breadcrumb .row {
        align-items: center;
    }

    .container--breadcrumb nav ol {
        margin: auto 0;
    }

    .container--breadcrumb div {
        flex: 1 1 auto;
    }

        .container--breadcrumb div a,
        .container--breadcrumb div span {
            color: #545454;
            font-family: Thongterm-Roman;
            font-size: 14px;
            line-height: 26px;
        }

        .container--breadcrumb div span {
            /*font-weight: bold;*/
        }

        .container--breadcrumb div i {
            margin-right: 18px;
            font-size: 18px;
            top: 3px;
            position: relative;
        }

/* ใช้หน้า Home เป็นส่วนที่อยู่ต่อจาก container--title */
.container--menu {
    margin: 32px auto;
    max-width: 1170px;
}

    .container--menu > .row {
        align-items: center;
    }

@media screen and (max-width: 1199px) {
    .container--menu > .row .block-white {
        border-radius: 3px;
        border: 0.5px solid #c3c3c3 !important;
        padding: 16px 16px 16px 8px !important;
        margin: 8px 0 !important;
        height: 90px;
    }

    .container--menu > .row > div:nth-child(1) {
        order: 2;
    }

    .container--menu > .row > div:nth-child(2) {
        order: 3;
    }

    .container--menu > .row > div:nth-child(3) {
        order: 4;
    }

    .container--menu > .row > div:nth-child(4) {
        order: 1;
    }
}

.container--menu > .row .block-white {
    padding: 8px 0px;
    margin: 0;
    border: 0;
}

@media screen and (max-width: 767px) {
    .container--menu > .row .block-white {
        padding: 16px 16px 16px 8px;
        margin: 8px 0;
        border: 0.5px solid #c3c3c3;
    }
}

.container--menu > .row .block-yellow {
    padding: 0;
    height: 90px;
    margin: 0 !important;
}

    .container--menu > .row .block-yellow .image {
        width: 74px;
    }

@media screen and (max-width: 767px) {
    .container--menu > .row .block-yellow {
        margin: 8px 0 !important;
    }

        .container--menu > .row .block-yellow .image {
            margin: 0;
            padding-right: 8px;
            text-align: center;
        }
}

.container--menu > .row .ks.card.block.block-white,
.container--menu > .row .ks.card.block.block-yellow {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .container--menu > .row .ks.card.block.block-white .circle,
    .container--menu > .row .ks.card.block.block-yellow .circle {
        width: 74px;
        height: 74px;
        flex: 0 0 auto;
        margin-right: 8px;
        background-color: #ffd400;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .container--menu > .row .ks.card.block.block-white .circle.padding-1,
        .container--menu > .row .ks.card.block.block-yellow .circle.padding-1 {
            padding: 8px;
        }

        .container--menu > .row .ks.card.block.block-white .circle.padding-2,
        .container--menu > .row .ks.card.block.block-yellow .circle.padding-2 {
            padding: 16px;
        }

@media screen and (max-width: 767px) {

    .container--menu > .row .ks.card.block.block-white .circle,
    .container--menu > .row .ks.card.block.block-yellow .circle {
        width: 50px;
        height: 50px;
        padding: 4px;
    }

        .container--menu > .row .ks.card.block.block-white .circle.padding-2,
        .container--menu > .row .ks.card.block.block-yellow .circle.padding-2 {
            padding: 10px;
        }
}

.container--menu > .row .ks.card.block.block-white .circle img,
.container--menu > .row .ks.card.block.block-yellow .circle img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.container--menu > .row .ks.card.block.block-white .content,
.container--menu > .row .ks.card.block.block-yellow .content {
    /*border: 1px solid green;*/
    width: 100%;
}

    .container--menu > .row .ks.card.block.block-white .content > .header,
    .container--menu > .row .ks.card.block.block-yellow .content > .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .container--menu > .row .ks.card.block.block-white .content > .header > .title,
        .container--menu > .row .ks.card.block.block-yellow .content > .header > .title {
            font-family: SukhumvitSet;
            font-size: 20px;
            font-weight: 600;
            color: black;
        }

        .container--menu > .row .ks.card.block.block-white .content > .header > .arrow,
        .container--menu > .row .ks.card.block.block-yellow .content > .header > .arrow {
            font-size: 24px;
            font-weight: 600;
        }

@media screen and (max-width: 767px) {

    .container--menu > .row .ks.card.block.block-white .content > .header > .arrow,
    .container--menu > .row .ks.card.block.block-yellow .content > .header > .arrow {
        margin-top: 15px;
    }
}

.container--menu > .row .ks.card.block.block-white .content .description,
.container--menu > .row .ks.card.block.block-yellow .content .description {
    font-family: Thongterm-Roman;
    font-size: 12px;
    font-weight: normal;
    color: #949494;
}

@media screen and (max-width: 767px) {

    .container--menu > .row .ks.card.block.block-white .content .description,
    .container--menu > .row .ks.card.block.block-yellow .content .description {
        color: #554242;
        font-size: 14px;
    }
}

.container--menu > .row .ks.card.block.block-yellow {
    border-radius: 5px;
    padding: 16px 0;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .container--menu > .row .ks.card.block.block-yellow {
        padding: 16px !important;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .container--menu > .row .ks.card.block.block-yellow {
        /*height: 90px;*/
        justify-content: unset;
        padding-left: 16px;
    }
}

.container--menu > .row .ks.card.block.block-yellow .content {
    width: unset;
}

@media screen and (max-width: 767px) {
    .container--menu > .row .ks.card.block.block-yellow .content .description {
        color: #3a3a3a;
    }
}

.container--exchange-and-calculator {
    padding: 24px;
    border: 1px solid #e8e8e8;
    height: 100%;
}

    .container--exchange-and-calculator .exchange,
    .container--exchange-and-calculator .calculator {
        padding-right: 0;
    }

    .container--exchange-and-calculator .exchange {
        border-right: 1px solid #dee2e6 !important;
    }

    .container--exchange-and-calculator .content {
        padding-right: 16px;
    }

@media screen and (max-width: 767px) {
    .container--exchange-and-calculator {
        padding: 0;
        border: none;
    }

        .container--exchange-and-calculator .exchange,
        .container--exchange-and-calculator .calculator {
            padding-right: 16px;
        }

        .container--exchange-and-calculator .calculator {
            margin-top: 16px;
            margin-bottom: 32px;
        }

        .container--exchange-and-calculator .exchange {
            border-right: none !important;
        }

        .container--exchange-and-calculator .content {
            padding-right: 0;
        }
}

.container--content {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 80px;
    max-width: 1170px;
    /* ใช้หน้า KS_Gift */
}

@media screen and (max-width: 767px) {
    .container--content {
        margin-top: 24px;
    }
}

.container--content .image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .container--content .image img {
        width: 100%;
        height: auto;
    }

.container--content.section {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 767px) {
}

.container--content.max-height-1317 {
    max-height: 1317px;
    overflow: hidden;
}

.container--content .content-wrapper {
    max-width: 1170px;
    margin: auto;
}

.container--content .ksgift--section {
    position: absolute;
    width: 100%;
    justify-content: center;
    align-items: center;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    max-width: 1170px;
}

    .container--content .ksgift--section .circle {
        width: 120px;
        height: 120px;
        background-color: white;
        border: 8px solid #554242;
        border-radius: 50%;
        display: flex;
        flex-shrink: 0;
    }

    .container--content .ksgift--section .square {
        width: 120px;
        height: 130px;
        background-color: white;
        border: 8px solid #554242;
        border-radius: 10px;
        display: flex;
        flex-shrink: 0;
    }

    .container--content .ksgift--section .plus {
        margin: 0 6px;
        margin-top: 2px;
    }

    .container--content .ksgift--section.section2 {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 83px;
        padding-bottom: 79px;
        position: relative;
    }

@media screen and (max-width: 767px) {
    .container--content .ksgift--section.section2 {
        padding-top: 24px;
        padding-bottom: 48px;
    }
}

.container--content .ksgift--section.section3 {
    padding: 48px 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .container--content .ksgift--section.section3 {
        padding: 48px 16px;
    }
}

.container--content .ksgift--section .ksgift-channel {
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
    margin-left: -15px;
    margin-right: -15px;
}

    .container--content .ksgift--section .ksgift-channel .block {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        margin: auto;
        min-height: 100px;
        padding: 24px;
    }

        .container--content .ksgift--section .ksgift-channel .block > div {
            font-family: Krungsri;
            font-size: 18px;
            font-weight: bold;
            font-style: normal;
            font-stretch: condensed;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #5a5a5a;
        }

@media screen and (max-width: 767px) {
    .container--content .ksgift--section .ksgift-channel .block {
        border: 0.5px solid rgba(243, 243, 243, 0.7);
    }
}

.container--content .ksgift--section .ksgift--section__title {
    font-family: Thongterm;
    font-size: 24px;
    font-weight: bold;
    color: #222222;
    text-align: center;
}

.container--content .ksgift--section .container--icon-text {
    display: inline-flex;
    width: 120px;
    height: 120px;
    font-size: 70px;
    background-color: #554242;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}

    .container--content .ksgift--section .container--icon-text > i {
        margin: auto;
        color: #ffd400;
    }

        .container--content .ksgift--section .container--icon-text > i::before {
            margin: auto;
        }

@media screen and (max-width: 767px) {
    .container--content .ksgift--section .container--icon-text {
        width: 78px;
        height: 78px;
        font-size: 40px;
        padding: 4px;
        padding-bottom: 6px;
    }

        .container--content .ksgift--section .container--icon-text.padding-2 {
            padding: 10px;
        }
}

.container--content .big-circle {
    height: auto;
    width: 100%;
}

.container--pagination {
    margin-top: 56px !important;
    margin-bottom: 123px !important;
    max-width: 1170px;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .container--pagination {
        margin-bottom: 72px !important;
    }
}

.container--news {
    max-width: 1170px;
    margin: auto;
}

.container--contact {
    background-color: #fcfcfc;
    border: solid 1px #e8e8e8;
    padding: 32px;
}

@media screen and (max-width: 767px) {
    .container--contact {
        padding: 24px 16px !important;
    }
}

.livechat {
    flex: 1 1 auto;
    text-align: right;
    width: 100%;
}

    .livechat .btn {
        width: 100%;
    }

.livechat-floating-mobile {
    display: none;
}

.owl-carousel .owl-stage {
    padding-left: 0 !important;
}

.ks-footer-nav-1 {
    width: 100%;
    background-color: #F3F3F3;
    margin: auto;
}

    .ks-footer-nav-1 .header {
        margin-bottom: 16px;
    }

        .ks-footer-nav-1 .header a,
        .ks-footer-nav-1 .header span {
            font-family: Krungsri-Condensed-Bold;
            font-size: 20px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: normal;
            color: #222222;
            border-bottom: 2px solid #ffd400;
        }

    .ks-footer-nav-1 .content .item {
        margin-top: 8px;
    }

        .ks-footer-nav-1 .content .item a {
            font-family: Thongterm-Roman;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 26px;
            letter-spacing: normal;
            color: #545454;
            text-decoration: none;
            outline: none;
        }

    .ks-footer-nav-1 .content .social {
        margin-top: 8px;
    }

        .ks-footer-nav-1 .content .social .content {
            display: flex;
        }

            .ks-footer-nav-1 .content .social .content a {
                color: #5B5B5B;
                flex: 0 0 auto;
                font-size: 18px;
                margin-right: 8px;
                text-decoration: none;
                outline: none;
            }

.ks-footer-nav-2 {
    max-width: 1200px;
    margin: auto;
    padding-top: 16px;
}

    .ks-footer-nav-2 .site-footer .content {
        display: flex;
        /*justify-content: space-between;*/
        justify-content: left;
    }

        .ks-footer-nav-2 .site-footer .content,
        .ks-footer-nav-2 .site-footer .content a,
        .ks-footer-nav-2 .site-footer .content span {
            padding: 0 16px;
            white-space: nowrap;
            font-family: Krungsri-Condensed-Medium;
            font-size: 14px;
            font-weight: 500;
            font-stretch: condensed;
            line-height: 22px;
            letter-spacing: normal;
            color: #5a5a5a;
        }

            .ks-footer-nav-2 .site-footer .content .center {
                display: flex;
                justify-content: center;
                text-align: center;
                padding: 16px;
                padding-right: 0;
                flex: 1 1 auto;
                flex-flow: row;
            }

    .ks-footer-nav-2 .site-footer .footer-links {
        display: flex;
        justify-content: space-between;
        font-family: Krungsri-Condensed-Medium;
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 22px;
        color: #5a5a5a;
        flex-wrap: wrap;
    }

        .ks-footer-nav-2 .site-footer .footer-links a {
            color: #5a5a5a;
        }

        .ks-footer-nav-2 .site-footer .footer-links > div {
            flex: 1 1 auto;
        }

            .ks-footer-nav-2 .site-footer .footer-links > div:nth-child(2) {
                flex: 2 1 auto;
            }

    .ks-footer-nav-2 .site-footer .goTop {
        margin: 22px 0px;
    }

        .ks-footer-nav-2 .site-footer .goTop .arrow {
            font-size: 32px;
            margin-bottom: -12px;
        }

        .ks-footer-nav-2 .site-footer .goTop .header {
            color: #3a3a3a;
            font-family: Krungsri;
            font-size: 12px;
            font-weight: 500;
            font-stretch: condensed;
        }

.max-width-1200 {
    max-width: 1200px;
    margin: auto;
}

@media screen and (min-width: 1199px) {
    .menu--content .menu--bars {
        display: none;
    }

    .menu--content-mobile {
        display: block !important;
    }

        .menu--content-mobile .mobile-menu,
        .menu--content-mobile .mobile-menu-extionsions,
        .menu--content-mobile .mobile-menu-languages {
            display: none !important;
        }
}

@media screen and (max-width: 1199px) {
    body {
        margin-top: 0px;
        padding-top: 60px;
    }

    .ks-content-wrapper {
        max-width: 100%;
        margin: auto;
    }

    .ks-top-nav .menu--content .menu--customer-type,
    .ks-top-nav .menu--content .menu--extension,
    .ks-top-nav .menu--content .menu--logon {
        display: none !important;
    }

    .ks-top-nav .menu--content-mobile {
        margin-left: -15px;
        margin-right: -15px;
        position: fixed;
        width: 100%;
        background-color: #ffffff;
        height: 94%;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .ks-top-nav .menu--content-mobile .mobile-menu {
            background-color: #6f5f5e;
        }

        .ks-top-nav .menu--content-mobile .customper-type {
            cursor: pointer;
            padding-bottom: 16px;
            margin-bottom: 0px;
            font-family: Krungsri-Condensed-Medium;
        }

            .ks-top-nav .menu--content-mobile .customper-type .menu-arrow {
                display: none;
                content: "";
                width: 0;
                height: 0;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
                border-bottom: 10px solid #ffffff;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                line-height: 0;
                -webkit-backdrop-filter: blur(23.2px);
                backdrop-filter: blur(23.2px);
                box-shadow: 0 1px 1px 0 rgba(90, 90, 90, 0.05);
                margin: 0 auto;
            }

                .ks-top-nav .menu--content-mobile .customper-type .menu-arrow.yellow {
                    border-bottom: 10px solid #ffd400;
                }

            .ks-top-nav .menu--content-mobile .customper-type.active {
                color: #FFC800 !important;
                font-family: Krungsri-Condensed-Bold;
            }

                .ks-top-nav .menu--content-mobile .customper-type.active i {
                    display: block;
                }

    .ks-top-nav .menu--bars {
        position: relative;
    }

        .ks-top-nav .menu--bars .menu--bars--search {
            position: fixed;
            right: 80px;
            display: none;
            width: calc(100% - 100px);
            transition: width 0.3s ease;
            border: 0;
        }

        .ks-top-nav .menu--bars buttom {
            float: right;
        }

    .ks-top-nav .submenu--content {
        height: auto;
        background: #ffffff;
        position: relative;
    }

        .ks-top-nav .submenu--content .group.active {
            display: block;
        }

            .ks-top-nav .submenu--content .group.active .item {
                flex: none;
            }

                .ks-top-nav .submenu--content .group.active .item .content {
                    border-right: 0px;
                    border-bottom: 1px solid #e8e8e8;
                    margin-left: 24px;
                    margin-right: 24px;
                    padding: 0 8px;
                    min-height: 54px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                }

                    .ks-top-nav .submenu--content .group.active .item .content .header {
                        font-size: 14px;
                        width: 100%;
                    }

                    .ks-top-nav .submenu--content .group.active .item .content .description {
                        font-size: 12px;
                        width: 100%;
                        color: #9b9b9b;
                    }

                .ks-top-nav .submenu--content .group.active .item.active {
                    font-weight: normal;
                }

                    .ks-top-nav .submenu--content .group.active .item.active:hover {
                        font-weight: bold;
                    }

        .ks-top-nav .submenu--content #smLogin {
            background-color: #ffd400;
        }

            .ks-top-nav .submenu--content #smLogin .item {
                font-weight: bold;
            }

                .ks-top-nav .submenu--content #smLogin .item .content {
                    border-bottom: 1px solid #ffc800;
                }

    .ks-top-nav .mobile-menu-languages {
        margin: 40px 32px 24px 32px;
    }

        .ks-top-nav .mobile-menu-languages a:hover {
            color: #5a5a5a;
            font-weight: 500;
        }

    .ks-footer-nav-1 .ks-content-wrapper .container-fluid .row div.col-xl-3 {
        padding-bottom: 32px;
    }

        .ks-footer-nav-1 .ks-content-wrapper .container-fluid .row div.col-xl-3:nth-child(4) {
            padding-bottom: 16px;
        }
}

/* Tablet Layout */
@media screen and (max-width: 768px) and (min-width: 576px) {
    body {
        padding-top: 48px;
    }

    .ks-top-nav {
        height: 48px;
    }

        .ks-top-nav .menu--content {
            padding-top: 4px;
            padding-bottom: 4px;
            height: 48px;
        }

            .ks-top-nav .menu--content .menu--logo {
                flex: 0 0 auto;
            }

                .ks-top-nav .menu--content .menu--logo img {
                    width: 77px;
                    height: 26px;
                    max-height: none;
                    max-width: 100%;
                }

        .ks-top-nav .menu--content-mobile {
            margin-left: -15px;
            margin-right: -15px;
            position: fixed;
            width: 100%;
            background-color: #ffffff;
            height: 94%;
            overflow-x: hidden;
            overflow-y: auto;
        }

            .ks-top-nav .menu--content-mobile .mobile-menu {
                background-color: #6f5f5e;
            }

            .ks-top-nav .menu--content-mobile .customper-type {
                cursor: pointer;
                padding-bottom: 16px;
                margin-bottom: 0px;
            }

                .ks-top-nav .menu--content-mobile .customper-type .menu-arrow {
                    display: none;
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 12px solid transparent;
                    border-right: 12px solid transparent;
                    border-bottom: 10px solid #ffffff;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    line-height: 0;
                    -webkit-backdrop-filter: blur(23.2px);
                    backdrop-filter: blur(23.2px);
                    box-shadow: 0 1px 1px 0 rgba(90, 90, 90, 0.05);
                    margin: 0 auto;
                }

                    .ks-top-nav .menu--content-mobile .customper-type .menu-arrow.yellow {
                        border-bottom: 10px solid #ffd400;
                    }

                .ks-top-nav .menu--content-mobile .customper-type.active {
                    color: #FFC800 !important;
                    font-weight: bold;
                }

                    .ks-top-nav .menu--content-mobile .customper-type.active i {
                        display: block;
                    }

        .ks-top-nav .menu--bars {
            position: relative;
        }

            .ks-top-nav .menu--bars .menu--bars--search {
                position: fixed;
                top: 4px;
                right: 80px;
                display: none;
                width: calc(100% - 80px);
                transition: width 0.3s ease;
            }

                .ks-top-nav .menu--bars .menu--bars--search input.prompt {
                    height: 42px;
                }

            .ks-top-nav .menu--bars .navbar-toggler {
                font-size: 16px;
            }

            .ks-top-nav .menu--bars buttom {
                float: right;
            }

        .ks-top-nav .submenu--content {
            height: auto;
            background: #ffffff;
            position: relative;
        }

            .ks-top-nav .submenu--content .group.active {
                display: block;
            }

                .ks-top-nav .submenu--content .group.active .item {
                    flex: none;
                }

                    .ks-top-nav .submenu--content .group.active .item .content {
                        border-right: 0px;
                        border-bottom: 1px solid #e8e8e8;
                        margin-left: 24px;
                        margin-right: 24px;
                        padding: 0 8px;
                        min-height: 54px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                    }

                        .ks-top-nav .submenu--content .group.active .item .content .header {
                            font-size: 14px;
                            width: 100%;
                        }

                        .ks-top-nav .submenu--content .group.active .item .content .description {
                            font-size: 12px;
                            width: 100%;
                        }

                    .ks-top-nav .submenu--content .group.active .item.active {
                        font-weight: normal;
                    }

                        .ks-top-nav .submenu--content .group.active .item.active:hover {
                            font-weight: bold;
                        }

            .ks-top-nav .submenu--content #smLogin {
                background-color: #ffd400;
            }

                .ks-top-nav .submenu--content #smLogin .item {
                    font-weight: bold;
                }

                    .ks-top-nav .submenu--content #smLogin .item .content {
                        border-bottom: 1px solid #ffc800;
                    }

        .ks-top-nav .mobile-menu-languages {
            margin: 40px 32px 24px 32px;
        }

            .ks-top-nav .mobile-menu-languages a,
            .ks-top-nav .mobile-menu-languages label {
                font-family: Krungsri;
                font-size: 12px;
                color: #9b9b9b;
                padding-right: 24px;
                font-weight: 500;
            }

                .ks-top-nav .mobile-menu-languages a.active,
                .ks-top-nav .mobile-menu-languages label.active {
                    color: #5a5a5a;
                    font-weight: 500;
                }

                .ks-top-nav .mobile-menu-languages a:hover {
                    color: #5a5a5a;
                    font-weight: 500;
                }

    .ks-footer-nav-2 .meta {
        margin-top: 0px;
    }
}

/* Desktop and Tablet Only (md, lg, xl) */
@media screen and (min-width: 768px) {
    .desktop-align-vertical-center {
        align-items: center;
    }

    .desktop-align-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .owl-theme.fade-right .owl-stage-outer:after {
        display: none;
    }
}

/* Mobile Only (xs, sm) */
@media screen and (max-width: 767px) {
    body {
        padding-top: 48px;
    }

    table > thead > tr > th {
        font-size: 12px;
        padding: 5px !important;
    }

    table > tbody > tr > td {
        font-size: 12px;
        padding: 10px !important;
    }

    .ks-content-wrapper {
        max-width: 100%;
        /*margin: auto;*/
    }

    .menu--content .menu--customer-type,
    .menu--content .menu--extension,
    .menu--content .menu--logon {
        display: none !important;
    }

    .container--banner .owl-item .item {
        width: 100%;
        min-height: unset;
    }

        .container--banner .owl-item .item .block-banner {
            width: 100%;
        }

            .container--banner .owl-item .item .block-banner .image {
                min-height: unset;
            }

    .container--banner .owl-dots {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 8px;
    }

    .container--title--not-used {
        min-height: 250px;
        margin-bottom: 8px;
    }

        .container--title--not-used .item .ks.card.block.block-banner {
            text-align: center;
            min-height: 260px;
        }

            .container--title--not-used .item .ks.card.block.block-banner .content {
                /*left: 16px !important;
    padding-right: 16px !important;*/
                padding: 0;
                left: 0 !important;
                bottom: 0 !important;
                position: relative;
                margin: auto 0;
            }

        .container--title--not-used .item .ks.card.block .align-bottom {
            position: absolute;
            bottom: 40px;
        }

        .container--title--not-used .owl-dots {
            bottom: 8px !important;
        }

    .ks-top-nav {
        height: 48px;
    }

        .ks-top-nav .menu--content {
            padding-top: 4px;
            padding-bottom: 4px;
            height: 48px;
        }

            .ks-top-nav .menu--content .menu--logo {
                flex: 0 0 auto;
            }

                .ks-top-nav .menu--content .menu--logo img {
                    width: 77px;
                    height: 26px;
                    max-height: none;
                    max-width: 100%;
                }

        .ks-top-nav .menu--content-mobile {
            margin-left: -15px;
            margin-right: -15px;
            position: fixed;
            width: 100%;
            background-color: #ffffff;
            height: 94%;
            overflow-x: hidden;
            overflow-y: auto;
        }

            .ks-top-nav .menu--content-mobile .mobile-menu {
                background-color: #6f5f5e;
            }

            .ks-top-nav .menu--content-mobile .customper-type {
                cursor: pointer;
                padding-bottom: 16px;
                margin-bottom: 0px;
            }

                .ks-top-nav .menu--content-mobile .customper-type .menu-arrow {
                    display: none;
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 12px solid transparent;
                    border-right: 12px solid transparent;
                    border-bottom: 10px solid #ffffff;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    line-height: 0;
                    -webkit-backdrop-filter: blur(23.2px);
                    backdrop-filter: blur(23.2px);
                    box-shadow: 0 1px 1px 0 rgba(90, 90, 90, 0.05);
                    margin: 0 auto;
                }

                    .ks-top-nav .menu--content-mobile .customper-type .menu-arrow.yellow {
                        border-bottom: 10px solid #ffd400;
                    }

                .ks-top-nav .menu--content-mobile .customper-type.active {
                    color: #FFC800 !important;
                    font-weight: bold;
                }

                    .ks-top-nav .menu--content-mobile .customper-type.active i {
                        display: block;
                    }

        .ks-top-nav .menu--bars {
            position: relative;
        }

            .ks-top-nav .menu--bars .menu--bars--search {
                position: fixed;
                left: 16px;
                display: none;
                min-width: 182px;
                width: calc(100% - 80px);
                max-width: 100%;
                transition: width 0.3s ease;
                z-index: 1;
            }

                .ks-top-nav .menu--bars .menu--bars--search .ui.search,
                .ks-top-nav .menu--bars .menu--bars--search .ui.search input {
                    height: 34px;
                }

            .ks-top-nav .menu--bars .navbar-toggler {
                font-size: 16px;
            }

            .ks-top-nav .menu--bars buttom {
                float: right;
            }

        .ks-top-nav .submenu--content {
            height: auto;
            background: #ffffff;
            position: relative;
        }

            .ks-top-nav .submenu--content .group.active {
                display: block;
            }

                .ks-top-nav .submenu--content .group.active .item {
                    flex: none;
                }

                    .ks-top-nav .submenu--content .group.active .item .content {
                        border-right: 0px;
                        border-bottom: 1px solid #e8e8e8;
                        margin-left: 24px;
                        margin-right: 24px;
                        padding: 0 8px;
                        min-height: 54px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                    }

                        .ks-top-nav .submenu--content .group.active .item .content .header {
                            font-size: 14px;
                            width: 100%;
                        }

                        .ks-top-nav .submenu--content .group.active .item .content .description {
                            font-size: 12px;
                            width: 100%;
                        }

                    .ks-top-nav .submenu--content .group.active .item.active {
                        font-weight: normal;
                    }

                        .ks-top-nav .submenu--content .group.active .item.active:hover {
                            font-weight: bold;
                        }

            .ks-top-nav .submenu--content #smLogin {
                background-color: #ffd400;
            }

                .ks-top-nav .submenu--content #smLogin .item {
                    font-weight: bold;
                }

                    .ks-top-nav .submenu--content #smLogin .item .content {
                        border-bottom: 1px solid #ffc800;
                    }

        .ks-top-nav .mobile-menu-languages {
            margin: 40px 32px 24px 32px;
        }

            .ks-top-nav .mobile-menu-languages a:hover {
                color: #5a5a5a;
                font-weight: 500;
            }

    .ks-footer-nav-2 .meta {
        margin-top: 0px;
    }
}

label[for=RB4] {
    min-width: 90px;
}

.row {
    text-align: unset !important;
    margin-bottom: auto !important;
}

#sharedBarModal .row {
    text-align: center;
    margin-bottom: 30px;
}

/*body {
padding-top: 143px;
}*/
body {
    padding-top: 111px;
    background-color: #ffffff !important;
}

@media screen and (max-width: 1199px) {
    body {
        margin-top: 0;
        padding-top: 48px;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    body {
        padding-top: 48px;
    }
}

/**/
.ks-top-nav {
    background-color: #5a5a5a;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

    .ks-top-nav .menu--content {
        max-width: 1170px;
        margin: auto;
        height: 46px;
        display: flex;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .ks-top-nav .submenu--content .group.active {
        width: 1200px;
        display: flex;
        padding-left: 205px;
        justify-content: left;
        margin: 0 auto;
        float: left;
        width: calc(100% - 112px);
    }

@media screen and (max-width: 1199px) {
    .ks-top-nav .submenu--content .group.active {
        padding-left: 0;
        display: block;
    }
}

.ks-top-nav .submenu--content .group .item {
    padding: 20px 0;
    margin: 0;
}

.ks-top-nav .menu--content .menu--customer-type a i {
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #5a5a5a;
    border-right: 10px solid #5a5a5a;
    border-bottom: 9px solid;
    top: 28.5px;
    left: 30%;
    position: absolute;
    line-height: 0;
    -webkit-backdrop-filter: blur(23.2px);
    backdrop-filter: blur(23.2px);
    box-shadow: 0 1px 1px 0 rgba(90, 90, 90, .05);
    box-shadow: none;
    margin: 0 auto;
}

.ks-top-nav .menu--content .menu--customer-type a.active i {
    color: #ffffff;
    display: block;
}

.ks-top-nav .submenu--content .group .item:hover hr,
.ks-top-nav .submenu--content .group .item.active hr {
    position: absolute;
    display: block;
    bottom: -1px;
}

.ks-top-nav .submenu--content .inner {
    display: block;
    justify-content: unset;
    width: 1170px;
    margin: 0 auto;
}

.ks-top-nav .submenu--content .group .item .content .header {
    font-size: 16px;
}

.ks-top-nav .submenu--content .group .item .content {
    padding-left: 12px;
    padding-right: 12px;
    border-right: 0px solid #ccc;
}

.ks-top-nav .submenu--content .group .item hr {
    display: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 3px solid #ffd400;
    width: calc(100% - 22px);
}

.ks-top-nav .menu--content .menu--customer-type {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 auto;
    margin-left: 40px;
    padding-top: 7px;
    padding-bottom: 6px;
}

.ks-top-nav .menu--content .menu--extension {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    margin-right: 0px;
    margin-left: auto;
    padding-top: 7px;
    padding-bottom: 7px;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .ks-top-nav .submenu--content {
        height: auto;
        background: #fff;
        position: relative;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ks-top-nav .submenu--content {
        height: auto;
        background: #fff;
        position: relative;
    }
}

@media screen and (max-width: 1199px) {
    .ks-top-nav .submenu--content .group .item {
        padding: 0 0;
    }

    .ks-top-nav .submenu--content .group.active .item {
        flex: none;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ks-top-nav .submenu--content .group.active .item {
        flex: none;
    }
}

@media screen and (max-width: 1199px) {
    .ks-top-nav .submenu--content .group.active .item .content {
        border-right: 0;
        border-bottom: 1px solid #e8e8e8;
        margin-left: 24px;
        margin-right: 24px;
        padding: 0 8px;
        min-height: 54px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .ks-top-nav .submenu--content .group {
        width: 1200px !important;
    }

    .ks-top-nav .submenu--content .inner {
        width: 100%;
        display: flex;
    }

    .ks-top-nav .submenu--content .group.active .item {
        display: flex !important;
    }

    .ks-top-nav .submenu--content .group .item.active hr {
        display: none;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ks-top-nav .submenu--content .group.active .item .content {
        border-right: 0;
        border-bottom: 1px solid #e8e8e8;
        margin-left: 24px;
        margin-right: 24px;
        padding: 0 8px;
        min-height: 54px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1199px) {
    .ks-top-nav {
        height: 56px;
        background-color: #ffffff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        position: fixed;
    }
}

@media screen and (max-width: 1199px) {
    .ks-top-nav .menu--content {
        padding-top: 4px;
        padding-bottom: 4px;
        height: 56px;
        margin-left: -7px;
        margin-right: -7px;
    }
}

.ks-top-nav .menu--content .menu--extension .nav-item.dropdown a .flag {
    width: 22px;
    height: 22px;
    border-radius: 50px;
    margin-top: -2px;
}

.ks-top-nav .menu--content .menu--logo img {
    width: 165px;
    height: auto;
    max-height: none;
    max-width: 100%;
}

@media screen and (max-width: 1199px) {
    .ks-top-nav .menu--content .menu--logo img {
        width: auto;
        height: 48px;
        max-height: none;
        max-width: 100%;
    }

    .ks-top-nav .submenu--content .group .item:hover hr,
    .ks-top-nav .submenu--content .group .item.active hr {
        display: none;
    }

    .ks-top-nav .submenu--content {
        z-index: 1;
    }
}

.ks-top-nav .menu--content .menu--extension .menu--search .close {
    flex: 0 0 auto;
    font-family: Krungsri-Condensed-Medium;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    background-color: #5a5a5a;
    opacity: 1;
    display: flex;
    align-items: center;
    text-shadow: none;
}

.ks-top-nav .menu--content .menu--extension a {
    color: #fff;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-family: Krungsri-Condensed-Medium;
    padding-right: 16px;
}

.ks-top-nav .menu--content .menu--extension .menu--extension-1 {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-left: auto;
    color: #fff;
    border-right: 0px solid white;
    padding-right: 16px;
}

    .ks-top-nav .menu--content .menu--extension .menu--extension-1:after {
        content: "";
        width: 1px;
        height: 20px;
        background-color: #ffffff;
        margin-left: 16px;
    }

.ks-top-nav .menu--content .menu--extension .menu--extension-2 .bff {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-right: 0px;
    padding-right: 0px;
    padding-top: 2px;
}

    .ks-top-nav .menu--content .menu--extension .menu--extension-2 .bff:after {
        content: "";
        width: 2px;
        height: 20px;
        background-color: #ffffff;
        margin-left: 16px;
    }

.dropdown .btn.dropdown-toggle {
    font-family: 'SukhumvitSet-Bold';
}

    .dropdown .btn.dropdown-toggle:after {
        content: unset;
        float: none;
        border: initial;
        vertical-align: middle;
        margin-left: auto;
        width: auto;
        height: auto;
    }

.ks.profile-image > img,
.ks.profile-image img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ks.profile-image {
    display: inline;
    margin-right: 0px;
}

.ks-top-nav .menu--content .menu--extension .nav-item.dropdown .dropdown-menu.show {
    min-width: 79px;
    transform: translate3d(5px, 28px, 0px) !important;
    border: 0px solid rgba(0, 0, 0, 0.15);
    top: 3px !important;
    right: 0px;
    left: auto !important;
}

    .ks-top-nav .menu--content .menu--extension .nav-item.dropdown .dropdown-menu.show .dropdown-item {
        border-bottom: 0px solid #e8e8e8;
        min-height: 34px;
        padding-bottom: 0px;
    }


.dropdown-toggle::after {
    display: inline-block;
    margin-left: 8px;
    vertical-align: 0;
    content: "\f107";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    font-family: 'Font Awesome 5 Pro';
}

.menu--bars div.btn.btn-primary.btn-xs {
    margin-top: -8px;
    font-size: 16px;
    line-height: 30px;
}

.ks-top-nav .submenu--content .menu--logon .dropdown a.btn.--width-default {
    width: 112px;
    font-size: 16px;
    line-height: 27px;
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    font-family: Krungsri-Condensed-Bold;
}

    .ks-top-nav .submenu--content .menu--logon .dropdown a.btn.--width-default:after {
        content: "\f107";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        margin-top: 48px;
    }

.ks-top-nav .submenu--content .menu--logon .dropdown.show a.btn.--width-default:after {
    content: "\f106"
}

.ks-top-nav .submenu--content .menu--logon .dropdown a.btn.--width-default i {
    font-size: 20px;
}

.ks-top-nav .submenu--content .menu--logon .dropdown .dropdown-menu.show {
    top: 43px !important;
    left: auto !important;
    right: 0 !important;
    transform: translate3d(0px, 0px, 0px) !important;
    min-width: 170px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .ks-top-nav .submenu--content .menu--logon .dropdown .dropdown-menu.show .dropdown-item {
        color: #5A5A5A;
        font-family: Thongterm-Roman;
        font-size: 16px;
        line-height: 30px;
        border-bottom: 0px solid #e8e8e8;
        padding-right: 6px;
        padding-left: 16px;
        padding-top: 4px;
        padding-bottom: 4px;
        min-height: auto;
    }

        .ks-top-nav .submenu--content .menu--logon .dropdown .dropdown-menu.show .dropdown-item:active {
            background-color: #f3f3f3 !important;
            color: #5a5a5a !important;
        }

.ks-top-nav .menu--bars .dropdown div.btn.btn-primary:hover {
    background-color: #ffd400 !important;
}

.ks-top-nav .menu--bars .dropdown .dropdown-menu.dropdown-signin-m.show {
    top: -4px !important;
    left: -48px !important;
    border-radius: 4px;
}

.dropdown-menu.show .dropdown-item:active {
    background-color: inherit !important;
    color: inherit !important;
}

.ks-footer-nav-1 .social.mobile {
    padding-top: 24px;
    padding-bottom: 24px;
}

    .ks-footer-nav-1 .social.mobile a {
        color: #5b5b5b;
        flex: 0 0 auto;
        font-size: 18px;
        margin-left: 11px;
        margin-right: 11px;
        text-decoration: none;
        outline: none;
    }

/*remove คำสงวนสิทธิ์*/
.ks-footer-nav-2 .site-footer .footer-links {
    width: 221px;
    margin: 0 auto;
    margin-bottom: 5px;
}

    .ks-footer-nav-2 .site-footer .footer-links > div:nth-child(2) {
        flex: auto;
    }

    .ks-footer-nav-2 .site-footer .footer-links .border-right {
        border-right: 0px !important;
        /*background: url(/Krungsri2020/media/images/line-1px.jpg) center right no-repeat;*/
    }

.ks-footer-nav-2 #footer2-on-mobile {
    padding-top: 8px;
    padding-bottom: 24px;
}

    .ks-footer-nav-2 #footer2-on-mobile .meta {
        font-size: 12px;
        line-height: 22px;
        font-family: Krungsri-Condensed-Medium;
        color: #5A5A5A;
        text-align: center;
    }

.ks-top-nav .mobile-menu-extionsions .inner > a {
    display: block;
    margin-bottom: 8px;
    font-family: Thongterm-Roman;
    font-size: 14px;
    line-height: 26px;
    color: #545454;
}

.ks-top-nav .mobile-menu-extionsions {
    background: #f3f3f3;
}

    .ks-top-nav .mobile-menu-extionsions .inner {
        padding: 16px 32px 16px 32px;
    }

.ks-top-nav .mobile-menu-languages {
    margin: 16px 32px 24px 32px;
    background-color: #ffffff;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .ks-top-nav .mobile-menu-languages div {
        /* float: left; */
        display: inline-block;
        margin-left: 12px;
        margin-right: 12px;
        color: #949494;
        font-family: Thongterm-Roman;
        font-size: 14px;
        line-height: 26px;
    }

        .ks-top-nav .mobile-menu-languages div.active {
            color: #545454;
            background-color: #ffd400;
            border-radius: 50px;
            width: 32px;
            height: 32px;
            line-height: 32px;
            font-family: Thongterm-Bold;
        }

.sub-level2 {
    transition: transform .4s ease, -webkit-transform .4s ease;
    animation-duration: 0.3s;
}

    .sub-level2 .active {
        display: block !important;
        /*transition: transform .4s ease,-webkit-transform .4s ease;*/
        /*-webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);*/
        /*animation-name: fadeInRight;
  animation-duration: 0.3s;*/
    }

    .sub-level2 .sub-item {
        padding-bottom: 8px;
    }

    .sub-level2 .sub-head {
        color: #545454;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        margin-top: 24px;
        margin-bottom: 8px;
    }

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.accordion#accordionMenu .collapse .card-body .item:first-child {
    font-family: Thongterm-Bold;
    color: #545454;
}

    .accordion#accordionMenu .collapse .card-body .item:first-child:after {
        content: "";
    }

.accordion#accordionMenu .collapsing .card-body .item:first-child {
    font-family: Thongterm-Bold;
}

    .accordion#accordionMenu .collapsing .card-body .item:first-child:after {
        content: "";
    }

.ks-footer-nav-1 .content .social a:hover img {
    background: #ffd400;
    border-radius: 50px;
}

.ui.dropdown > .dropdown.icon:before {
    content: "" !important;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    line-height: 16px;
    color: #5a5a5a;
}

.ui.dropdown > .text {
    color: #5A5A5A !important;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-ellipsis-2line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

.text-ellipsis-2line-i {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
}

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
    padding-right: 16px;
    top: 13px;
}

.ui.selection.dropdown,
.form-control {
    border: 1px solid #e8e8e8;
}

#accordionMenu.accordion .collapse .card-body .item:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    content: "\f105";
    float: right;
    position: absolute;
    right: 20px;
    color: #5b5b5b;
    z-index: 0;
}

#accordionMenu.accordion .collapsing .card-body .item:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    content: "\f105";
    float: right;
    position: absolute;
    right: 20px;
    color: #5b5b5b;
    z-index: 0;
}

/*#BreadCrumbs#*/
.CMSBreadCrumbsSeparator:before {
    display: inline-block;
    padding: 0 10px;
    content: "";
    font-weight: 300;
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    line-height: normal;
    position: relative;
    top: 2px;
}

.CMSBreadCrumbsLink {
    color: #545454;
    font-size: 14px;
    line-height: 26px;
    font-family: Thongterm-Roman;
}

.CMSBreadCrumbsCurrentItem {
    color: #545454;
    font-size: 14px;
    line-height: 26px;
    font-family: Thongterm-Bold;
}

@media (max-width: 1199px) {
    .ks-top-nav .submenu--content {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .text-ellipsis-m {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .CMSBreadCrumbsLink {
        font-size: 12px;
        line-height: 24px;
    }

    .CMSBreadCrumbsCurrentItem {
        font-size: 12px;
        line-height: 24px;
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto !important;
    }
}

.ui.selection.dropdown:hover {
    border-color: #ffd400;
}

.ks.card {
    flex: 1 1 auto;
    border-radius: 0;
    padding: 0;
}

    .ks.card.download .badge {
        background-color: #ffc800;
        color: #fff;
    }


.container--breadcrumb {
    max-width: 1170px;
    margin: auto;
    padding-top: 8px;
    margin-bottom: 8px;
}

.container--header {
    max-width: 1170px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 16px;
}

.container--content .accordion .card .card-header .btn {
    font-size: 20px;
    line-height: 30px;
}

.bg-gray-xl {
    background-color: #F9F9F9;
}

@media (max-width: 767px) {
    .bg-gray-xl {
        background-color: inherit;
    }

    .container--content .accordion .card .card-header .btn {
        font-size: 18px;
    }
}

/*secondary*/
.nav-menu-mobile .btn-secondary-menu {
    color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    background-color: #FFD400;
    padding: 8px;
    border-radius: 3px;
    width: 270px;
}

.nav-menu-mobile.fixed-menu-mobile {
    position: fixed;
    background-color: #fff;
    z-index: 30;
    width: 100%;
    top: 55px;
    left: 0;
    right: 0;
    padding-top: 16px;
    margin-top: 0px;
}

    .nav-menu-mobile.fixed-menu-mobile .mb-40px-all {
        margin-bottom: 16px;
    }


.nav-secondary-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    /*transition: 0.2s;*/
    z-index: 99999;
}

    .nav-secondary-menu .closebtn {
        position: absolute;
        top: 14px;
        right: 20px;
        font-size: 24px;
        margin-left: 50px;
    }

/*leftmenu*/
.container-title {
    color: #222222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 20px;
    line-height: 30px;
    background-color: #F3F3F3;
    padding: 16px;
    margin-bottom: 4px;
}

.list-group .list-group-item.active {
    background-color: #FFD400;
}

.list-group .sub-item {
    background: #FFFFFF;
    border-left: 3px solid #FFFFFF;
    color: #545454;
    font-family: Thongterm-Roman;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 16px;
}

    .list-group .sub-item a {
        color: #545454;
    }

    .list-group .sub-item.active {
        border-left: 3px solid #ffd400;
        font-family: Thongterm-Bold;
    }

.list-group .list-group-item.list-group-item-action.arrow {
    padding-right: 44px;
}

    .list-group .list-group-item.list-group-item-action.arrow:after {
        font-family: "Font Awesome 5 Pro";
        font-size: 16px;
        content: "";
        float: right;
        position: absolute;
        top: 16.5px;
        right: 16px;
        color: #5b5b5b;
    }

.list-group .list-group-item.list-group-item-action.active.arrow:after {
    content: "";
}

@media (max-width: 767px) {
    .list-group .list-group-item.list-group-item-action {
        padding: 8px;
        background: #ffffff;
        padding-left: 32px;
    }

    .list-group .list-group-item.active {
        background-color: #ffd400;
    }

    .container-title {
        color: #222222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 18px;
        line-height: 30px;
        background-color: #ffffff;
        margin-bottom: 0px;
    }

    .list-group .sub-item {
        padding: 8px;
        padding-left: 30px;
    }

        .list-group .sub-item.active {
            margin-left: 16px;
            padding-left: 16px;
        }

    .list-group .list-group-item.list-group-item-action.arrow:after {
        top: 9.5px;
    }
}


/*download*/
.container--content {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 80px;
}

.ks.card.download {
    border: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
    margin-bottom: 16px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    border-radius: 3px;
}

    .ks.card.download .download-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 25px;
        max-height: 50%;
        height: 50%;
        margin-top: 10px;
        width: auto;
    }

.download-icon.icon-big:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "";
    font-size: 24px;
    color: ##5b5b5b;
    width: 28px;
    height: 28px;
    text-align: center;
}

.ks.card.download .content {
    padding-left: 24px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-left: 1px solid #bbbbbb;
    overflow: hidden;
    align-self: center;
    height: auto;
    width: auto;
}

    .ks.card.download .content .filename {
        font-weight: bold;
        vertical-align: bottom;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        color: #222222;
        font-family: Thongterm-Bold;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .ks.card.download .content .datetime {
        color: #5a5a5a;
        font-size: 14px;
        line-height: 30px;
    }

.ks.card.download .filetype {
    height: 18px;
    border-radius: 3px;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: auto;
    margin-right: 22px;
    align-self: center;
}

@media screen and (max-width: 767px) {
    .ks.card.download {
        align-items: normal;
    }

        .ks.card.download .download-icon {
            margin: 10px 18px;
        }

        .ks.card.download .content {
            flex: unset;
            max-width: 100%;
            overflow-y: hidden;
            border-left: 0px;
            padding-left: 0;
            padding-right: 16px;
        }

        .ks.card.download .filetype {
            width: 34px;
            height: 20px;
            border-radius: 3px;
            text-align: center;
            margin-left: 16px;
            margin-right: 16px;
            position: absolute;
            bottom: 14px;
        }

    .container--banner--184px .image {
        width: 100%;
        height: 120px;
        overflow: hidden;
        position: relative;
    }

        .container--banner--184px .image img {
            height: 120px;
            width: auto;
            position: absolute;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }
}



@media only screen and (max-width: 767px) {
    .box-hand_touch {
        left: 50%;
        margin-left: -100px;
        position: absolute;
        vertical-align: middle;
        width: 200px;
        z-index: 999;
        cursor: pointer;
        text-align: center;
        top: 50%;
    }

    .hand_touch {
        border-radius: 100%;
        background-color: #d8d8d8;
        color: #5a5a5a;
        width: 44px;
        height: 44px;
        text-align: center;
        padding: 14px;
    }

    .full-width-mobile {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}

.container--banner.container--banner--184px {
    max-height: 184px;
}

    .container--banner.container--banner--184px .image {
        max-height: 184px;
        width: 100%;
        height: 184px;
        overflow: hidden;
        position: relative;
        text-align: center;
    }

        .container--banner.container--banner--184px .image img {
            height: 184px;
        }


.card-info.item.height122 {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    background-color: #fff;
    width: 100%;
}

    .card-info.item.height122 .image {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .card-info.item.height122 .content {
        padding: 16px;
        height: 122px;
    }


/*320px*/
.container--cover.container--banner.banner-height-320px {
    max-height: 320px;
}

    .container--cover.container--banner.banner-height-320px .image {
        width: 100%;
        height: 320px;
        overflow: hidden;
        position: relative;
        max-height: 320px;
    }

        .container--cover.container--banner.banner-height-320px .image img {
            height: 320px;
            width: auto;
            position: absolute;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

.container--banner.banner-height-320px .block-banner .banner-content {
    top: -264px;
    text-shadow: none;
}

    .container--banner.banner-height-320px .block-banner .banner-content .h1 {
        color: #ffffff;
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        line-height: 64px;
        /*text-shadow: 2px 1px 0 rgba(0,0,0,.2);*/
        text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 8px;
    }

        .container--banner.banner-height-320px .block-banner .banner-content .h1.text-black {
            color: #222222;
        }

    .container--banner.banner-height-320px .block-banner .banner-content .description.text-black {
        color: #222222;
    }

    .container--banner.banner-height-320px .block-banner .banner-content .description {
        color: #ffffff;
        font-family: Thongterm-Bold;
        font-size: 24px;
        line-height: 50px;
    }

    .container--banner.banner-height-320px .block-banner .banner-content .btn {
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        margin-top: 32px;
    }

.container--banner .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 2px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    width: 13px;
    height: 13px;
    margin-left: 12px;
    margin-right: 12px;
    background: transparent;
    border: 2px solid #fff;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffd400;
    border: 0;
}

@media (max-width: 767px) {
    .container--banner.banner-height-320px .block-banner .banner-content {
        margin-bottom: 24px;
        top: auto;
        text-align: center !important;
        padding-bottom: 0;
    }

        .container--banner.banner-height-320px .block-banner .banner-content .h1 {
            color: #fff;
            font-size: 24px;
            line-height: 42px;
            margin-bottom: 0;
        }

        .container--banner.banner-height-320px .block-banner .banner-content .description {
            color: #fff;
            font-size: 18px;
            line-height: 36px;
        }

    .container--banner.banner-height-320px .block-banner .ks-gradient {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: '';
        z-index: 1;
        opacity: unset !important;
        height: 238px;
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        bottom: 0;
        top: 82px;
    }
}


/*360px*/
.container--cover.container--banner.banner-height-360px {
    max-height: 360px;
}

    .container--cover.container--banner.banner-height-360px .image {
        width: 100%;
        height: 360px;
        overflow: hidden;
        position: relative;
        max-height: 360px;
    }

        .container--cover.container--banner.banner-height-360px .image img {
            height: 360px;
            width: auto;
            position: absolute;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

.container--banner.banner-height-360px .block-banner .banner-content {
    top: -304px;
    text-shadow: none;
}

    .container--banner.banner-height-360px .block-banner .banner-content .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        line-height: 60px;
        /*text-shadow: 2px 1px 0 rgba(0,0,0,.2);*/
        text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 8px;
    }

    .container--banner.banner-height-360px .block-banner .banner-content .description {
        color: #222;
        font-family: Thongterm-Bold;
        font-size: 24px;
        line-height: 36px;
        /*text-shadow: 2px 1px 0 rgba(0,0,0,.2);*/
    }

    .container--banner.banner-height-360px .block-banner .banner-content .btn {
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        margin-top: 32px;
    }

.container--banner .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 2px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    width: 13px;
    height: 13px;
    margin-left: 12px;
    margin-right: 12px;
    background: transparent;
    border: 2px solid #fff;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffd400;
    border: 0;
}

@media (max-width: 767px) {
    .container--banner.banner-height-360px .block-banner .banner-content {
        margin-bottom: 24px;
        top: auto;
        text-align: center !important;
        padding-bottom: 0;
    }

        .container--banner.banner-height-360px .block-banner .banner-content .h1 {
            color: #fff;
            font-size: 24px;
            line-height: 42px;
            margin-bottom: 0;
        }

        .container--banner.banner-height-360px .block-banner .banner-content .description {
            color: #fff;
            font-size: 18px;
            line-height: 36px;
        }

    .container--banner.banner-height-360px .block-banner .ks-gradient {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: '';
        z-index: 1;
        opacity: unset !important;
        height: 278px;
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        bottom: 0;
        top: 82px;
    }
}


/*480px*/
.container--cover.container--banner.banner-height-480px {
    max-height: 480px;
}

    .container--cover.container--banner.banner-height-480px .image {
        width: 100%;
        height: 480px;
        overflow: hidden;
        position: relative;
        max-height: 480px;
    }

        .container--cover.container--banner.banner-height-480px .image img {
            height: 480px;
            width: auto;
            position: absolute;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

.container--banner.banner-height-480px .block-banner .banner-content {
    top: -364px;
    text-shadow: none;
}

    .container--banner.banner-height-480px .block-banner .banner-content .h1 {
        color: #222;
        font-family: Krungsri-Condensed-Bold;
        font-size: 40px;
        line-height: 64px;
        /*text-shadow: 2px 1px 0 rgba(0,0,0,.2);*/
        text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 8px;
    }

    .container--banner.banner-height-480px .block-banner .banner-content .description {
        color: #222;
        font-family: Thongterm-Bold;
        font-size: 24px;
        line-height: 36px;
    }

    .container--banner.banner-height-480px .block-banner .banner-content .btn {
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        margin-top: 32px;
    }

.container--banner .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 2px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    width: 13px;
    height: 13px;
    margin-left: 12px;
    margin-right: 12px;
    background: transparent;
    border: 2px solid #fff;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffd400;
    border: 0;
}

@media (max-width: 767px) {
    .container--cover.container--banner.banner-height-480px {
        max-height: 520px;
    }

        .container--cover.container--banner.banner-height-480px .image {
            height: 520px;
            max-height: 520px;
        }

            .container--cover.container--banner.banner-height-480px .image img {
                height: 520px;
            }

    .container--banner.banner-height-480px .block-banner .banner-content {
        margin-bottom: 24px;
        top: auto;
        text-align: center !important;
        padding-bottom: 0;
    }

        .container--banner.banner-height-480px .block-banner .banner-content .h1 {
            color: #fff;
            font-size: 24px;
            line-height: 42px;
            margin-bottom: 0;
        }

        .container--banner.banner-height-480px .block-banner .banner-content .description {
            color: #fff;
            font-size: 18px;
            line-height: 36px;
        }

        .container--banner.banner-height-480px .block-banner .banner-content .btn {
            width: 270px;
        }

    .container--banner.banner-height-480px .block-banner .ks-gradient {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: '';
        z-index: 1;
        opacity: unset !important;
        height: 320px;
        background: linear-gradient(180deg, rgba(90, 90, 90, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
        bottom: 0;
        top: 200px;
    }
}

.container--banner .block-banner .banner-content .btn.btn-primary {
    color: #554242 !important;
    background-color: #ffd400 !important;
}

.container--banner .block-banner .banner-content .btn.btn-MaroonGrey {
    color: #ffd400 !important;
    background-color: #6F5F5E !important;
    border: solid 0px #e8e8e8 !important;
}

@media (max-width: 767px) {
    .container--banner .block-banner .banner-content .btn.btn-MaroonGrey {
        color: #554242 !important;
        background-color: #ffd400 !important;
    }
}

.accordion .card .card-header:hover,
.accordion .card .card-header.active {
    border-left: 3px solid #ffd400;
}

.accordion .card .collapse,
.accordion .card .collapsing {
    border-left: 3px solid #ffd400;
}


.accordion#accordionFooter .card .card-header:hover,
.accordion#accordionFooter .card .card-header.active {
    border-left: 3px solid transparent;
}

.accordion#accordionFooter .card .collapse,
.accordion#accordionFooter .card .collapsing {
    border-left: 3px solid transparent;
}


/*#Card Info#*/
.container--content .card-info {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 30px;
}

    .container--content .card-info .content {
        padding: 16px;
        height: 158px;
        position: relative;
    }

        .container--content .card-info .content .header h2 {
            color: #222222;
            font-family: Krungsri-Condensed-Bold;
            font-size: 24px;
            line-height: 36px;
            margin-bottom: 66px;
        }

        .container--content .card-info .content .more-detail {
            position: absolute;
            bottom: 16px;
        }

    .container--content .card-info .image {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }


@media(max-width:767px) {
    .container--content .card-info {
        margin-bottom: 8px;
    }

        .container--content .card-info .image {
            width: 110px;
            float: left;
            border-top-left-radius: 3px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 3px;
        }

        .container--content .card-info .content {
            padding: 8px;
            width: calc(100% - 110px);
            float: left;
            height: 110px;
        }

            .container--content .card-info .content .header h2 {
                color: #222;
                font-family: Krungsri-Condensed-Bold;
                font-size: 16px;
                line-height: 30px;
                margin-bottom: 15px;
            }

            .container--content .card-info .content .more-detail {
                position: absolute;
                bottom: 0;
            }

            .container--content .card-info .content .Text-link {
                font-size: 10px;
                line-height: 22px;
            }
}

/*#Card Logo#*/
.container--content .card-logo {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 30px;
}

    .container--content .card-logo .content {
        padding: 16px;
        height: 192px;
        position: relative;
    }

        .container--content .card-logo .content .detail {
            color: #5A5A5A;
            font-family: Thongterm-Roman;
            font-size: 16px;
            line-height: 34px;
        }

        .container--content .card-logo .content .more-detail {
            position: absolute;
            bottom: 16px;
        }

    .container--content .card-logo .image {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }


@media(max-width:767px) {
    .container--content .card-logo {
        margin-bottom: 16px;
    }

        .container--content .card-logo .content {
            height: auto;
        }

        .container--content .card-logo .image {
            height: 115px;
        }

            .container--content .card-logo .image img {
                position: absolute;
                margin: auto;
                min-height: 100%;
                min-width: 100%;
                left: -100%;
                right: -100%;
                top: -100%;
                bottom: -100%;
                /*height: 100%;*/
                width: auto;
            }

        .container--content .card-logo .content .more-detail {
            position: inherit;
            bottom: 0;
            padding-top: 8px;
        }

        .container--content .card-logo .content .Text-link {
            font-size: 14px;
            line-height: 30px;
        }
}

/*#Card Logo#*/
.container--content .card-list {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    background-color: #FFFFFF;
    width: 100%;
    margin-bottom: 16px;
}

    .container--content .card-list .content {
        padding: 16px;
        height: 150px;
        position: relative;
        padding-left: 0;
        padding-right: 32px;
    }

        .container--content .card-list .content .detail {
            color: #5A5A5A;
            font-family: Thongterm-Roman;
            font-size: 16px;
            line-height: 34px;
        }

    .container--content .card-list .image {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }


@media(max-width:767px) {
    .container--content .card-list {
        margin-bottom: 16px;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .container--content .card-list .content {
            height: 139px;
            padding: 16px;
        }

        .container--content .card-list .image {
            /*height: 115px;*/
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

            .container--content .card-list .image .img-row {
                display: block;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-right: -15px;
                margin-left: -15px;
            }

            .container--content .card-list .image img {
                /*position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    height: 100%;
    width: auto;*/
                width: auto;
                height: auto;
            }
}

/*#link recommend#*/
.container--link {
    max-width: 1170px;
    margin: 40px auto;
}

/*#Secondary Menu#*/
.secondary--Nav {
    background-color: #FFFFFF;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, 0.2);
    margin-left: -15px;
    margin-right: -15px;
    z-index: 995 !important;
    position: relative;
}

    .secondary--Nav .container--secondary--menu {
        max-width: 1170px;
        margin: auto;
    }

    .secondary--Nav .secondary-menu {
        background-color: #fff;
    }

        .secondary--Nav .secondary-menu .menuitem {
            display: block;
            padding-right: 0;
            padding: 0 24px;
            float: left;
        }

            .secondary--Nav .secondary-menu .menuitem .inner {
                background: transparent;
                position: relative;
                overflow: hidden;
            }

                .secondary--Nav .secondary-menu .menuitem .inner:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: -100%;
                    width: 100%;
                    height: 3px;
                    background: #FFD400;
                    transition: .3s cubic-bezier(.445, .05, .55, .95);
                }

                .secondary--Nav .secondary-menu .menuitem .inner:hover:after,
                .secondary--Nav .secondary-menu .menuitem.active .inner:after {
                    -webkit-transform: translate3d(100%, 0, 0);
                    transform: translate3d(100%, 0, 0);
                }

                .secondary--Nav .secondary-menu .menuitem .inner a {
                    font-size: 20px;
                    font-family: Krungsri-Condensed-Medium;
                    color: #5A5A5A;
                    letter-spacing: 0;
                    line-height: 30px;
                    height: 78px;
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                    list-style-type: none;
                }

            .secondary--Nav .secondary-menu .menuitem.active a {
                font-family: Krungsri-Condensed-Bold;
                color: #222222;
            }

        .secondary--Nav .secondary-menu.fixed-top {
            box-shadow: 0 1px 6px 0 rgba(90, 90, 90, 0.2);
        }

@media (max-width: 1199px) {
    .secondary--Nav {
        box-shadow: none;
        background-color: transparent;
    }
}

/*#Document Tag#*/
.itemtag {
    padding: 0 8px;
}

    .itemtag a {
        border: 1px solid #E8E8E8;
        padding: 4px 8px;
        border-radius: 4px;
    }

        .itemtag a:hover {
            border: 1px solid #ffd400;
            background-color: #ffd400;
        }

@media(max-width: 767px) {
    .itemtag {
        padding: 0 4px;
    }
}

/*#Box contact#*/
.box-contact {
    cursor: pointer;
}

    .box-contact .img-contact {
        padding-left: 0;
        display: inline-block;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        text-align: center;
        float: left;
        margin-right: 8px;
    }

    .box-contact:hover .img-contact {
        background-color: #ffd400;
        display: inline-block;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .box-contact .img-contact a {
        padding: 4px 8px;
        line-height: 40px;
    }

    .box-contact.img .img-contact a {
        padding: 0px 0px;
        line-height: 32px;
    }

    .box-contact .img-contact a i {
        font-size: 24px;
        color: #5e4b4b;
        position: relative;
        top: 5px;
    }

    .box-contact .info-contact {
        float: left;
        padding-top: 8px;
    }

    .box-contact.img .info-contact {
        float: left;
        padding-top: 4px;
        width: calc(100% - 48px);
    }

    .box-contact .info-contact .channel {
        color: #5A5A5A;
        font-family: "Krungsri-Condensed-Medium";
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 8px;
    }

    .box-contact .info-contact .contact {
        color: #F76F00;
        font-family: Thongterm-Roman;
        font-size: 16px;
        line-height: 34px;
    }

        .box-contact .info-contact .contact a {
            color: #F76F00;
            font-family: Thongterm-Roman;
            font-size: 16px;
            line-height: 34px;
        }

@media (max-width: 767px) {
    .box-contact.img {
        padding-bottom: 24px;
    }

        .box-contact.img:last-child {
            padding-bottom: 0px;
        }
}

.EditingFormErrorLabel {
    color: #d00000;
    font-family: Thongterm-Roman;
    font-size: 14px;
    line-height: 30px;
    padding-top: 4px;
}


.secondary--Nav.fixed-top {
    z-index: 1001;
    position: fixed;
}

/*#accordion menu mobile#*/
.accordion#accordionMenu .card .card-header:hover,
.accordion#accordionMenu .card .card-header.active {
    border-left: 3px solid transparent;
}

.accordion#accordionMenu .card .card-header:hover,
.accordion#accordionMenu .card .card-header.active {
    border-left: 3px solid transparent;
}

.accordion#accordionMenu .card .collapse,
.accordion#accordionMenu .card .collapsing {
    border-left: 3px solid transparent;
}

.accordion#accordionMenu .card .card-header.arrow.collapsed:after {
    color: #5A5A5A;
    top: 24px;
    font-size: 20px;
}

.accordion#accordionMenu .card .card-header.arrow:not(.collapsed):after {
    top: 24px;
    color: #5A5A5A;
    font-size: 20px;
}

.accordion#accordionFooter .card .card-header.arrow.collapsed:after {
    color: #5A5A5A;
    top: 24px;
    font-size: 20px;
}

.accordion#accordionFooter .card .card-header.arrow:not(.collapsed):after {
    top: 24px;
    color: #5A5A5A;
    font-size: 20px;
}

/*#accordion form#*/
.accordion.acc-form .card .collapse,
.accordion.acc-form .card .collapsing {
    border-left: 3px solid transparent;
}

.accordion.acc-form .card .card-header:hover,
.accordion.acc-form .card .card-header.active {
    border-left: 3px solid transparent;
}

.accordion.acc-form .card .card-header.arrow.collapsed:after {
    right: 12px;
    top: 30px;
}

.accordion.acc-form .card .card-header.arrow:not(.collapsed):after {
    right: 12;
    top: 30px;
}

.accordion.acc-form .card .card-header {
    width: 100%;
    height: auto;
    min-height: 78px;
    padding-left: 0px;
    border-left: 3px solid transparent;
}

    .accordion.acc-form .card .card-header .btn {
        padding-top: 12px;
    }

@media (max-width: 767px) {
    .accordion.acc-form .card .card-header {
        padding-left: 16px;
    }
}

/*recaptcha*/
.FormPanel #add-recaptcha {
    -webkit-transform: scale(0.87);
    -moz-transform: scale(0.87);
    -ms-transform: scale(0.87);
    -o-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

/*#color-even-odd#*/
.color-even-odd-pt24-pb24 div.item {
    padding: 24px 16px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

    .color-even-odd-pt24-pb24 div.item:nth-child(odd) {
        background: #f3f3f3;
    }

    .color-even-odd-pt24-pb24 div.item:nth-child(even) {
        background: #FCFCFC;
    }

@media (max-width: 767px) {
    .color-even-odd-pt24-pb24 div.item {
        padding: 16px 16px;
    }

        .color-even-odd-pt24-pb24 div.item .item-title {
            font-family: Thongterm-bold;
            font-weight: bold;
            color: #545454;
        }
}

.container--content-form {
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, .05);
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

    .container--content-form .content-form {
        padding: 40px 100px;
        margin: 0;
    }

@media (max-width: 767px) {
    .container--content-form {
        box-shadow: unset;
    }

        .container--content-form .content-form {
            padding: 24px 0;
        }
}

/*#image-slide#*/
.owl-theme.image-slide .owl-nav .owl-next span,
.owl-theme.image-slide .owl-nav .owl-prev span {
    font-size: 42px !important;
    color: #5b5b5b !important;
    font-weight: 500;
    position: relative;
    bottom: 12px;
}

.owl-theme.image-slide .owl-next,
.owl-theme.image-slide .owl-prev {
    top: 40% !important;
    background: #ffd401 !important;
    width: 32px !important;
    border-radius: 50px !important;
    font-size: 70px !important;
    padding-bottom: 9px !important;
    height: 32px;
    box-shadow: 1px 3px 6px 0 rgba(90, 90, 90, 0.3);
    opacity: unset;
}

.owl-theme.image-slide .owl-dots .owl-dot.active span,
.owl-theme.image-slide .owl-dots .owl-dot:hover span {
    background: #ffd400;
    border: 1px solid #ffd400;
}

.owl-theme.image-slide .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    border: 2px solid #8f8f8f;
}

.owl-theme.image-slide .owl-nav button.disabled,
.owl-theme.image-slide .owl-nav button.disabled {
    background-color: #F0EFEE !important;
    opacity: 1 !important;
}

@media screen and (max-width: 1199px) {
    .owl-theme.image-slide .owl-nav {
        display: block;
    }

        .owl-theme.image-slide .owl-nav .disabled {
            display: block
        }
}

body {
    font-family: Thongterm-Roman;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #5a5a5a;
}

h1 {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 32px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

h2 {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
}

h3 {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}

h4 {
    color: #222222;
    font-family: Thongterm-Bold;
    font-size: 16px;
    line-height: 30px;
}

.Text-link,
.Text-link a {
    color: #F76F00;
    font-family: Thongterm-Roman;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

    .Text-link:hover,
    .Text-link a:hover {
        color: #de6400;
    }

.Text-link-small,
.Text-link-small a {
    color: #F76F00;
    font-family: Thongterm-Roman;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

    .Text-link-small:hover,
    .Text-link-small a:hover {
        color: #de6400;
    }

.Text-tag {
    color: #545454;
    font-family: Thongterm-Roman;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

.Text-back {
    color: #5A5A5A;
    font-family: Thongterm-Roman;
    font-size: 16px;
    line-height: 34px;
}

p .gray,
span.gray {
    color: #5A5A5A;
    font-family: Thongterm;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

p.gray,
span.gray {
    color: #5A5A5A;
    font-family: Thongterm-Roman;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

.roman-bold {
    font-family: Thongterm-Bold !important;
}

.page-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 32px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 0;
}

.h1-subtitle {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 0;
}

@media (max-width:768px) {
    h1 {
        font-size: 26px;
        line-height: 38px;
    }

    h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .Text-link {
        font-size: 14px;
        line-height: 26px;
    }

    p.gray {
        color: #5A5A5A;
        font-family: Thongterm-Roman;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 22px;
    }

    .page-title {
        font-size: 26px;
        line-height: 38px;
    }

    .h1-subtitle {
        font-size: 24px;
        line-height: 36px;
    }
}

/* Version 1.2 20200825 */

.ui.input {
    width: 100%;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    background-color: var(--white-two);
    border: solid 0px #e8e8e8;
}

    .ui.input .icon {
        opacity: 1 !important;
    }

    .ui.input input {
        font-family: Thongterm-Roman;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #e8e8e8;
        height: 48px;
    }

        .ui.input input:focus {
            border: solid 1px #463737;
        }

            .ui.input input:focus ~ i.icon {
                border: solid 1px #463737;
                border-left: none;
            }

                .ui.input input:focus ~ i.icon::before {
                    padding-left: 1px;
                }

        .ui.input input:disabled {
            background-color: #f0efee !important;
        }

        .ui.input input::-ms-input-placeholder {
            color: #bbbbbb;
        }

        .ui.input input::placeholder {
            color: #bbbbbb;
        }

        .ui.input input.form-control-danger {
            border: solid 1px #d0021b;
        }

.ui.search .input {
    border: 0px;
}

    .ui.search .input input.prompt {
        border-radius: 5px;
        box-shadow: inset 1px 2px 1px 0 rgba(0, 0, 0, 0.1);
    }

        .ui.search .input input.prompt.prompt-sm {
            height: 34px;
        }

.ui.search > div.results {
    width: 100%;
    margin-top: 7px;
    border-radius: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

    .ui.search > div.results .result {
        height: 42px;
        padding-left: 7px;
        padding-right: 7px;
    }

        .ui.search > div.results .result .title {
            font-family: Thongterm-Roman;
            font-weight: normal;
            font-size: 14px;
            color: #5a5a5a;
        }

.ui.search.exceed-sm > div.results {
    width: 135%;
}

.ui.ks.dropdown {
    /*width: 100%;*/
    min-height: 44px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    font-family: Thongterm-Roman;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 0px;
    color: #5a5a5a;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .ui.ks.dropdown {
        padding: 0;
    }
}

.ui.ks.dropdown.selection {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    /* edit 20190130 */
    min-width: 0px;
}

    .ui.ks.dropdown.selection .text {
        font-family: Thongterm-Bold;
        align-self: center;
        padding-top: 10px;
        padding-bottom: 7px;
        margin-right: 8px;
        /*overflow: visible;
  overflow-x: hidden;*/
        overflow: hidden;
        /*@media screen and (max-width: 430px) {
  padding: 0;
  padding-left: 24px;
  margin-right: 25px !important;
  overflow: hidden;
}*/
        color: #222222 !important;
    }

        .ui.ks.dropdown.selection .text.default {
            font-family: Thongterm;
        }

@media screen and (max-width: 767px) {
    .ui.ks.dropdown.selection .text {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 15px;
        width: 80%;
    }
}

.ui.ks.dropdown.selection .menu {
    box-sizing: border-box;
    width: calc(100% + 1px);
    margin-left: -0.5px;
}

    .ui.ks.dropdown.selection .menu .item {
        padding-left: 16px !important;
        padding-right: 16px !important;
        /*padding-left: 8px !important;*/
    }

        .ui.ks.dropdown.selection .menu .item:last-child {
            padding-bottom: 12px !important;
        }

.ui.ks.dropdown.selection .dropdown.icon {
    /*top: 0% !important;
  bottom: 0% !important;
  margin: auto 0;
  padding: 0;*/
    display: inline-table;
    font-weight: normal;
}

.ui.ks.dropdown.selection.active {
    border: solid 1px #c7c7c7 !important;
}

.ui.ks.dropdown.selection:hover,
.ui.ks.dropdown.selection:focus {
    /*border: solid 1px #c7c7c7;*/
    border: solid 1px #e8e8e8;
}

.ui.ks.dropdown:hover,
.ui.ks.dropdown:focus {
    border: solid 0px #463737;
}

.ui.ks.dropdown.dropdown-sm {
    /*min-height: 38px;*/
    padding-top: 6px;
    padding-bottom: 4px;
}

    .ui.ks.dropdown.dropdown-sm .icon {
        top: 0 !important;
        bottom: 0 !important;
        margin: auto 0;
    }

@media screen and (max-width: 767px) {
    .ui.ks.dropdown.dropdown-sm {
        padding-top: 6px;
        padding-bottom: 6px;
        min-height: unset;
    }

        .ui.ks.dropdown.dropdown-sm .icon:before {
            font-size: 14px !important;
        }
}

.ui.ks.dropdown.dropdown-sm .text {
    font-size: 12px !important;
    padding-right: 8px;
    color: #5a5a5a !important;
}

@media screen and (max-width: 767px) {
    .ui.ks.dropdown.dropdown-sm .text {
        /*font-size: 10px !important;*/
    }
}

.ui.ks.dropdown.disabled {
    background-color: #f0efee;
    border-color: #757573;
}

.ui.ks.dropdown .text {
    width: 100%;
    color: #000000;
    font-weight: normal;
    padding-left: 16px;
    padding-right: 35px;
    padding-top: 5px;
    padding-bottom: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    user-select: none;
}

@media screen and (max-width: 767px) {
    .ui.ks.dropdown .text {
        padding: 6px 8px;
        padding-bottom: 0;
    }
}

.ui.ks.dropdown .dropdown.icon {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transition: transform 0.15s linear;
}

    .ui.ks.dropdown .dropdown.icon:before {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-size: 20px;
        font-weight: normal;
        color: #5a5a5a;
    }

.ui.ks.dropdown .default.text {
    color: #949494 !important;
}

.ui.ks.dropdown .menu {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0;
    border-top: none;
    min-width: unset !important;
    /*box-sizing: content-box;*/
    /*border: 1px solid #c7c7c7;*/
    border: none;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.2);
}

    .ui.ks.dropdown .menu .header {
        color: #9b9b9b;
        min-height: 40px;
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 18px;
        padding-top: 5px;
    }

    .ui.ks.dropdown .menu .item {
        background-color: #ffffff;
        color: #5A5A5A;
        font-size: 16px;
        line-height: 1.5;
        margin-right: 0px;
        padding-bottom: 8px !important;
        padding-left: 35px !important;
        padding-top: 8px !important;
        white-space: normal !important;
        word-wrap: normal !important;
        border-top-width: 0;
        user-select: none;
    }

        .ui.ks.dropdown .menu .item:hover {
            background-color: #f3f3f3;
        }

        .ui.ks.dropdown .menu .item.active {
            background-color: #ffd400;
            color: #5a5a5a;
            background-clip: padding-box !important;
        }

.ui.ks.dropdown.active {
    border: solid 0px #463737 !important;
}

    .ui.ks.dropdown.active .dropdown.icon {
        /*transform: rotateZ(180deg) translateX(3px) translateY(1px);*/
    }

        .ui.ks.dropdown.active .dropdown.icon:before {
            content: '\f106' !important;
        }

.ui.selection.active.dropdown {
    box-shadow: none !important
}

.ui.ks.dropdown.active .menu {
    border: solid 0px #a99f9e !important;
    box-shadow: 0px 0px 4px rgba(35, 19, 18, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ui.ks.dropdown.mobile {
    min-height: 30px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    font-family: 'Thongterm';
    font-size: 16px;
    color: #5a5a5a;
    padding-top: 0px;
    width: 170px;
    height: 44px;
}

    .ui.ks.dropdown.mobile.active {
        border: solid 1px #c7c7c7 !important;
    }

    .ui.ks.dropdown.mobile .text {
        font-family: Krungsri-Condensed-Bold;
        width: 100%;
        color: #554242;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 27px;
        text-align: center;
        font-size: 16px;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 8px;
        padding-bottom: 9px;
    }

    /*.ui.ks.dropdown.mobile:after {
content: "\f107";
font-family: "Font Awesome 5 Pro";
font-size: 16px;
font-weight: normal;
color: #5E4B4B;
right: 18px;
position: absolute;
z-index: 100;
top: 0px;
bottom: 0px;
margin: auto 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}*/
    .ui.ks.dropdown.mobile .left.menu {
        right: unset !important;
    }

    .ui.ks.dropdown.mobile .menu {
        /*width: 100%;*/
        min-width: unset !important;
        margin-top: 16px;
        margin-right: -2px;
        padding: 16px 0;
        border-color: #e8e8e8 !important;
    }

        .ui.ks.dropdown.mobile .menu:before {
            display: block !important;
            content: "\f107";
            font-family: "Font Awesome 5 Pro";
            font-size: 20px;
            font-weight: normal;
            color: #9b9b9b !important;
            position: center;
            right: 18px;
            position: absolute;
            z-index: 100;
            color: #000;
            top: 12px;
        }

    .ui.ks.dropdown.mobile .header {
        font-family: Thongterm;
        font-weight: bold;
        color: #9b9b9b;
        margin: 0;
        word-wrap: break-word;
        white-space: normal;
        padding-right: 32px;
    }

    .ui.ks.dropdown.mobile .item {
        color: #000000;
        min-height: 35px;
        background-color: #ffffff;
        font-family: Thongterm-Roman;
        /*height: auto;*/
        /*font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;*/
        line-height: 1.5;
        padding-left: 40px !important;
        word-wrap: break-word;
        white-space: normal;
    }

        .ui.ks.dropdown.mobile .item:hover {
            background-color: #f3f3f3;
        }

        .ui.ks.dropdown.mobile .item.selected {
            background-color: white;
            color: black;
        }

    .ui.ks.dropdown.mobile .item-header {
        min-height: 40px;
        font-family: Thongterm-Roman;
        background-color: #ffffff;
        line-height: 1.5;
        color: #000000;
        padding-left: 20px;
        padding-top: 10px;
        word-wrap: break-word;
        white-space: normal;
    }

        .ui.ks.dropdown.mobile .item-header:hover {
            background-color: #f3f3f3;
        }

        .ui.ks.dropdown.mobile .item-header.selected {
            background-color: white;
            color: black;
        }

.ui.ks.unset-minwidth {
    min-width: unset !important;
}

.ui.ks.dropdown.type-link {
    min-height: 30px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    font-family: 'Thongterm';
    font-size: 16px;
    color: #5a5a5a;
    padding-top: 0px;
    width: 170px;
    height: 44px;
}

    .ui.ks.dropdown.type-link .text {
        font-family: Krungsri-Condensed-Bold;
        width: 100%;
        color: #554242;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 27px;
        text-align: center;
        font-size: 16px;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 8px;
        padding-bottom: 9px;
    }

        .ui.ks.dropdown.type-link .text i {
            padding-left: 5px;
        }

    .ui.ks.dropdown.type-link .left.menu {
        right: unset !important;
    }

    .ui.ks.dropdown.type-link .menu {
        /*width: 100%;*/
        min-width: unset !important;
        margin-top: 16px;
        margin-right: -2px;
        padding: 8px 0;
        border-color: #e8e8e8 !important;
    }

    /*.ui.ks.dropdown.type-link .menu:before {
  display: block !important;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: normal;
  color: #9b9b9b !important;
  position: center;
  right: 18px;
  position: absolute;
  z-index: 100;
  color: #000;
  top: 12px;
}*/
    .ui.ks.dropdown.type-link .header {
        font-family: Thongterm;
        font-weight: bold;
        color: #9b9b9b;
        margin: 0;
        word-wrap: break-word;
        white-space: normal;
        padding-right: 32px;
    }

    .ui.ks.dropdown.type-link .item {
        color: #5a5a5a;
        min-height: 35px;
        background-color: #ffffff;
        font-family: Thongterm-Roman;
        /*height: auto;*/
        /*font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;*/
        font-size: 16px;
        line-height: 30px;
        padding-left: 40px !important;
        word-wrap: break-word;
        white-space: normal;
        padding-top: 6px !important;
        padding-bottom: 2px !important;
    }

    .ui.ks.dropdown.type-link .menu .item:last-child {
        padding-bottom: 2px !important;
    }

    .ui.ks.dropdown.type-link .item:hover {
        background-color: #f3f3f3;
    }

    .ui.ks.dropdown.type-link .item.selected {
        background-color: white;
        color: black;
    }

    .ui.ks.dropdown.type-link .item-header {
        min-height: 40px;
        font-family: Thongterm-Roman;
        background-color: #ffffff;
        line-height: 1.5;
        color: #000000;
        padding-left: 20px;
        padding-top: 10px;
        word-wrap: break-word;
        white-space: normal;
    }

        .ui.ks.dropdown.type-link .item-header:hover {
            background-color: #f3f3f3;
        }

        .ui.ks.dropdown.type-link .item-header.selected {
            background-color: white;
            color: black;
        }

@media (max-width: 767px) {
    .ui.ks.dropdown.type-link {
        width: 270px;
    }

        .ui.ks.dropdown.type-link .text i {
            padding-left: 12px;
        }
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #949494 !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #949494 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #949494 !important;
}

/* Position */
.position-static-all {
    position: static;
}

.position-static-all-i {
    position: static !important;
}

@media screen and (min-width: 1200px) {
    .position-static-xl {
        position: static;
    }

    .position-static-xl-i {
        position: static !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-static-lg {
        position: static;
    }

    .position-static-lg-i {
        position: static !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-static-md {
        position: static;
    }

    .position-static-md-i {
        position: static !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-static-sm {
        position: static;
    }

    .position-static-sm-i {
        position: static !important;
    }
}

@media screen and (max-width: 576px) {
    .position-static-xs {
        position: static;
    }

    .position-static-xs-i {
        position: static !important;
    }
}

.position-relative-all {
    position: relative;
}

.position-relative-all-i {
    position: relative !important;
}

@media screen and (min-width: 1200px) {
    .position-relative-xl {
        position: relative;
    }

    .position-relative-xl-i {
        position: relative !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-relative-lg {
        position: relative;
    }

    .position-relative-lg-i {
        position: relative !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-relative-md {
        position: relative;
    }

    .position-relative-md-i {
        position: relative !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-relative-sm {
        position: relative;
    }

    .position-relative-sm-i {
        position: relative !important;
    }
}

@media screen and (max-width: 576px) {
    .position-relative-xs {
        position: relative;
    }

    .position-relative-xs-i {
        position: relative !important;
    }
}

.position-absolute-all {
    position: absolute;
}

.position-absolute-all-i {
    position: absolute !important;
}

@media screen and (min-width: 1200px) {
    .position-absolute-xl {
        position: absolute;
    }

    .position-absolute-xl-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-absolute-lg {
        position: absolute;
    }

    .position-absolute-lg-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-absolute-md {
        position: absolute;
    }

    .position-absolute-md-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-absolute-sm {
        position: absolute;
    }

    .position-absolute-sm-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 576px) {
    .position-absolute-xs {
        position: absolute;
    }

    .position-absolute-xs-i {
        position: absolute !important;
    }
}

.position-fixed-all {
    position: fixed;
}

.position-fixed-all-i {
    position: fixed !important;
}

@media screen and (min-width: 1200px) {
    .position-fixed-xl {
        position: fixed;
    }

    .position-fixed-xl-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-fixed-lg {
        position: fixed;
    }

    .position-fixed-lg-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-fixed-md {
        position: fixed;
    }

    .position-fixed-md-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-fixed-sm {
        position: fixed;
    }

    .position-fixed-sm-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 576px) {
    .position-fixed-xs {
        position: fixed;
    }

    .position-fixed-xs-i {
        position: fixed !important;
    }
}

.position-sticky-all {
    position: sticky;
}

.position-sticky-all-i {
    position: sticky !important;
}

@media screen and (min-width: 1200px) {
    .position-sticky-xl {
        position: sticky;
    }

    .position-sticky-xl-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-sticky-lg {
        position: sticky;
    }

    .position-sticky-lg-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-sticky-md {
        position: sticky;
    }

    .position-sticky-md-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-sticky-sm {
        position: sticky;
    }

    .position-sticky-sm-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 576px) {
    .position-sticky-xs {
        position: sticky;
    }

    .position-sticky-xs-i {
        position: sticky !important;
    }
}

.top-0px-all {
    top: 0px;
}

.top-0px-all-i {
    top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .top-0px-xl {
        top: 0px;
    }

    .top-0px-xl-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .top-0px-lg {
        top: 0px;
    }

    .top-0px-lg-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .top-0px-md {
        top: 0px;
    }

    .top-0px-md-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .top-0px-sm {
        top: 0px;
    }

    .top-0px-sm-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .top-0px-xs {
        top: 0px;
    }

    .top-0px-xs-i {
        top: 0px !important;
    }
}

.right-0px-all {
    right: 0px;
}

.right-0px-all-i {
    right: 0px !important;
}

@media screen and (min-width: 1200px) {
    .right-0px-xl {
        right: 0px;
    }

    .right-0px-xl-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .right-0px-lg {
        right: 0px;
    }

    .right-0px-lg-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .right-0px-md {
        right: 0px;
    }

    .right-0px-md-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .right-0px-sm {
        right: 0px;
    }

    .right-0px-sm-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .right-0px-xs {
        right: 0px;
    }

    .right-0px-xs-i {
        right: 0px !important;
    }
}

.bottom-0px-all {
    bottom: 0px;
}

.bottom-0px-all-i {
    bottom: 0px !important;
}

@media screen and (min-width: 1200px) {
    .bottom-0px-xl {
        bottom: 0px;
    }

    .bottom-0px-xl-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bottom-0px-lg {
        bottom: 0px;
    }

    .bottom-0px-lg-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bottom-0px-md {
        bottom: 0px;
    }

    .bottom-0px-md-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bottom-0px-sm {
        bottom: 0px;
    }

    .bottom-0px-sm-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .bottom-0px-xs {
        bottom: 0px;
    }

    .bottom-0px-xs-i {
        bottom: 0px !important;
    }
}

.left-0px-all {
    left: 0px;
}

.left-0px-all-i {
    left: 0px !important;
}

@media screen and (min-width: 1200px) {
    .left-0px-xl {
        left: 0px;
    }

    .left-0px-xl-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .left-0px-lg {
        left: 0px;
    }

    .left-0px-lg-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .left-0px-md {
        left: 0px;
    }

    .left-0px-md-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .left-0px-sm {
        left: 0px;
    }

    .left-0px-sm-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .left-0px-xs {
        left: 0px;
    }

    .left-0px-xs-i {
        left: 0px !important;
    }
}

/* Margin */
.mt--15px-all {
    margin-top: -15px;
}

.mt--15px-all-i {
    margin-top: -15px !important;
}

@media screen and (min-width: 1200px) {
    .mt--15px-xl {
        margin-top: -15px;
    }

    .mt--15px-xl-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt--15px-lg {
        margin-top: -15px;
    }

    .mt--15px-lg-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt--15px-md {
        margin-top: -15px;
    }

    .mt--15px-md-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt--15px-sm {
        margin-top: -15px;
    }

    .mt--15px-sm-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt--15px-xs {
        margin-top: -15px;
    }

    .mt--15px-xs-i {
        margin-top: -15px !important;
    }
}

.mr--15px-all {
    margin-right: -15px;
}

.mr--15px-all-i {
    margin-right: -15px !important;
}

@media screen and (min-width: 1200px) {
    .mr--15px-xl {
        margin-right: -15px;
    }

    .mr--15px-xl-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr--15px-lg {
        margin-right: -15px;
    }

    .mr--15px-lg-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr--15px-md {
        margin-right: -15px;
    }

    .mr--15px-md-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr--15px-sm {
        margin-right: -15px;
    }

    .mr--15px-sm-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr--15px-xs {
        margin-right: -15px;
    }

    .mr--15px-xs-i {
        margin-right: -15px !important;
    }
}

.mb--15px-all {
    margin-bottom: -15px;
}

.mb--15px-all-i {
    margin-bottom: -15px !important;
}

@media screen and (min-width: 1200px) {
    .mb--15px-xl {
        margin-bottom: -15px;
    }

    .mb--15px-xl-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb--15px-lg {
        margin-bottom: -15px;
    }

    .mb--15px-lg-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb--15px-md {
        margin-bottom: -15px;
    }

    .mb--15px-md-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb--15px-sm {
        margin-bottom: -15px;
    }

    .mb--15px-sm-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb--15px-xs {
        margin-bottom: -15px;
    }

    .mb--15px-xs-i {
        margin-bottom: -15px !important;
    }
}

.ml--15px-all {
    margin-left: -15px;
}

.ml--15px-all-i {
    margin-left: -15px !important;
}

@media screen and (min-width: 1200px) {
    .ml--15px-xl {
        margin-left: -15px;
    }

    .ml--15px-xl-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml--15px-lg {
        margin-left: -15px;
    }

    .ml--15px-lg-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml--15px-md {
        margin-left: -15px;
    }

    .ml--15px-md-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml--15px-sm {
        margin-left: -15px;
    }

    .ml--15px-sm-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml--15px-xs {
        margin-left: -15px;
    }

    .ml--15px-xs-i {
        margin-left: -15px !important;
    }
}

.mt-0px-all {
    margin-top: 0px;
}

.mt-0px-all-i {
    margin-top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .mt-0px-xl {
        margin-top: 0px;
    }

    .mt-0px-xl-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-0px-lg {
        margin-top: 0px;
    }

    .mt-0px-lg-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-0px-md {
        margin-top: 0px;
    }

    .mt-0px-md-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-0px-sm {
        margin-top: 0px;
    }

    .mt-0px-sm-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-0px-xs {
        margin-top: 0px;
    }

    .mt-0px-xs-i {
        margin-top: 0px !important;
    }
}

.mr-0px-all {
    margin-right: 0px;
}

.mr-0px-all-i {
    margin-right: 0px !important;
}

@media screen and (min-width: 1200px) {
    .mr-0px-xl {
        margin-right: 0px;
    }

    .mr-0px-xl-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-0px-lg {
        margin-right: 0px;
    }

    .mr-0px-lg-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-0px-md {
        margin-right: 0px;
    }

    .mr-0px-md-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-0px-sm {
        margin-right: 0px;
    }

    .mr-0px-sm-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-0px-xs {
        margin-right: 0px;
    }

    .mr-0px-xs-i {
        margin-right: 0px !important;
    }
}

.mb-0px-all {
    margin-bottom: 0px;
}

.mb-0px-all-i {
    margin-bottom: 0px !important;
}

@media screen and (min-width: 1200px) {
    .mb-0px-xl {
        margin-bottom: 0px;
    }

    .mb-0px-xl-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-0px-lg {
        margin-bottom: 0px;
    }

    .mb-0px-lg-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-0px-md {
        margin-bottom: 0px;
    }

    .mb-0px-md-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-0px-sm {
        margin-bottom: 0px;
    }

    .mb-0px-sm-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-0px-xs {
        margin-bottom: 0px;
    }

    .mb-0px-xs-i {
        margin-bottom: 0px !important;
    }
}

.ml-0px-all {
    margin-left: 0px;
}

.ml-0px-all-i {
    margin-left: 0px !important;
}

@media screen and (min-width: 1200px) {
    .ml-0px-xl {
        margin-left: 0px;
    }

    .ml-0px-xl-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-0px-lg {
        margin-left: 0px;
    }

    .ml-0px-lg-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-0px-md {
        margin-left: 0px;
    }

    .ml-0px-md-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-0px-sm {
        margin-left: 0px;
    }

    .ml-0px-sm-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-0px-xs {
        margin-left: 0px;
    }

    .ml-0px-xs-i {
        margin-left: 0px !important;
    }
}

.mt-4px-all {
    margin-top: 4px;
}

.mt-4px-all-i {
    margin-top: 4px !important;
}

@media screen and (min-width: 1200px) {
    .mt-4px-xl {
        margin-top: 4px;
    }

    .mt-4px-xl-i {
        margin-top: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-4px-lg {
        margin-top: 4px;
    }

    .mt-4px-lg-i {
        margin-top: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-4px-md {
        margin-top: 4px;
    }

    .mt-4px-md-i {
        margin-top: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-4px-sm {
        margin-top: 4px;
    }

    .mt-4px-sm-i {
        margin-top: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-4px-xs {
        margin-top: 4px;
    }

    .mt-4px-xs-i {
        margin-top: 4px !important;
    }
}

.mr-4px-all {
    margin-right: 4px;
}

.mr-4px-all-i {
    margin-right: 4px !important;
}

@media screen and (min-width: 1200px) {
    .mr-4px-xl {
        margin-right: 4px;
    }

    .mr-4px-xl-i {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-4px-lg {
        margin-right: 4px;
    }

    .mr-4px-lg-i {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-4px-md {
        margin-right: 4px;
    }

    .mr-4px-md-i {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-4px-sm {
        margin-right: 4px;
    }

    .mr-4px-sm-i {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-4px-xs {
        margin-right: 4px;
    }

    .mr-4px-xs-i {
        margin-right: 4px !important;
    }
}

.mb-4px-all {
    margin-bottom: 4px;
}

.mb-4px-all-i {
    margin-bottom: 4px !important;
}

@media screen and (min-width: 1200px) {
    .mb-4px-xl {
        margin-bottom: 4px;
    }

    .mb-4px-xl-i {
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-4px-lg {
        margin-bottom: 4px;
    }

    .mb-4px-lg-i {
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-4px-md {
        margin-bottom: 4px;
    }

    .mb-4px-md-i {
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-4px-sm {
        margin-bottom: 4px;
    }

    .mb-4px-sm-i {
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-4px-xs {
        margin-bottom: 4px;
    }

    .mb-4px-xs-i {
        margin-bottom: 4px !important;
    }
}

.ml-4px-all {
    margin-left: 4px;
}

.ml-4px-all-i {
    margin-left: 4px !important;
}

@media screen and (min-width: 1200px) {
    .ml-4px-xl {
        margin-left: 4px;
    }

    .ml-4px-xl-i {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-4px-lg {
        margin-left: 4px;
    }

    .ml-4px-lg-i {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-4px-md {
        margin-left: 4px;
    }

    .ml-4px-md-i {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-4px-sm {
        margin-left: 4px;
    }

    .ml-4px-sm-i {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-4px-xs {
        margin-left: 4px;
    }

    .ml-4px-xs-i {
        margin-left: 4px !important;
    }
}

.mt-5px-all {
    margin-top: 5px;
}

.mt-5px-all-i {
    margin-top: 5px !important;
}

@media screen and (min-width: 1200px) {
    .mt-5px-xl {
        margin-top: 5px;
    }

    .mt-5px-xl-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-5px-lg {
        margin-top: 5px;
    }

    .mt-5px-lg-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-5px-md {
        margin-top: 5px;
    }

    .mt-5px-md-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-5px-sm {
        margin-top: 5px;
    }

    .mt-5px-sm-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-5px-xs {
        margin-top: 5px;
    }

    .mt-5px-xs-i {
        margin-top: 5px !important;
    }
}

.mr-5px-all {
    margin-right: 5px;
}

.mr-5px-all-i {
    margin-right: 5px !important;
}

@media screen and (min-width: 1200px) {
    .mr-5px-xl {
        margin-right: 5px;
    }

    .mr-5px-xl-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-5px-lg {
        margin-right: 5px;
    }

    .mr-5px-lg-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-5px-md {
        margin-right: 5px;
    }

    .mr-5px-md-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-5px-sm {
        margin-right: 5px;
    }

    .mr-5px-sm-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-5px-xs {
        margin-right: 5px;
    }

    .mr-5px-xs-i {
        margin-right: 5px !important;
    }
}

.mb-5px-all {
    margin-bottom: 5px;
}

.mb-5px-all-i {
    margin-bottom: 5px !important;
}

@media screen and (min-width: 1200px) {
    .mb-5px-xl {
        margin-bottom: 5px;
    }

    .mb-5px-xl-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-5px-lg {
        margin-bottom: 5px;
    }

    .mb-5px-lg-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-5px-md {
        margin-bottom: 5px;
    }

    .mb-5px-md-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-5px-sm {
        margin-bottom: 5px;
    }

    .mb-5px-sm-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-5px-xs {
        margin-bottom: 5px;
    }

    .mb-5px-xs-i {
        margin-bottom: 5px !important;
    }
}

.ml-5px-all {
    margin-left: 5px;
}

.ml-5px-all-i {
    margin-left: 5px !important;
}

@media screen and (min-width: 1200px) {
    .ml-5px-xl {
        margin-left: 5px;
    }

    .ml-5px-xl-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-5px-lg {
        margin-left: 5px;
    }

    .ml-5px-lg-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-5px-md {
        margin-left: 5px;
    }

    .ml-5px-md-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-5px-sm {
        margin-left: 5px;
    }

    .ml-5px-sm-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-5px-xs {
        margin-left: 5px;
    }

    .ml-5px-xs-i {
        margin-left: 5px !important;
    }
}

.mt-8px-all {
    margin-top: 8px;
}

.mt-8px-all-i {
    margin-top: 8px !important;
}

@media screen and (min-width: 1200px) {
    .mt-8px-xl {
        margin-top: 8px;
    }

    .mt-8px-xl-i {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-8px-lg {
        margin-top: 8px;
    }

    .mt-8px-lg-i {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-8px-md {
        margin-top: 8px;
    }

    .mt-8px-md-i {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-8px-sm {
        margin-top: 8px;
    }

    .mt-8px-sm-i {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-8px-xs {
        margin-top: 8px;
    }

    .mt-8px-xs-i {
        margin-top: 8px !important;
    }
}

.mr-8px-all {
    margin-right: 8px;
}

.mr-8px-all-i {
    margin-right: 8px !important;
}

@media screen and (min-width: 1200px) {
    .mr-8px-xl {
        margin-right: 8px;
    }

    .mr-8px-xl-i {
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-8px-lg {
        margin-right: 8px;
    }

    .mr-8px-lg-i {
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-8px-md {
        margin-right: 8px;
    }

    .mr-8px-md-i {
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-8px-sm {
        margin-right: 8px;
    }

    .mr-8px-sm-i {
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-8px-xs {
        margin-right: 8px;
    }

    .mr-8px-xs-i {
        margin-right: 8px !important;
    }
}

.mb-8px-all {
    margin-bottom: 8px;
}

.mb-8px-all-i {
    margin-bottom: 8px !important;
}

@media screen and (min-width: 1200px) {
    .mb-8px-xl {
        margin-bottom: 8px;
    }

    .mb-8px-xl-i {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-8px-lg {
        margin-bottom: 8px;
    }

    .mb-8px-lg-i {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-8px-md {
        margin-bottom: 8px;
    }

    .mb-8px-md-i {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-8px-sm {
        margin-bottom: 8px;
    }

    .mb-8px-sm-i {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-8px-xs {
        margin-bottom: 8px;
    }

    .mb-8px-xs-i {
        margin-bottom: 8px !important;
    }
}

.ml-8px-all {
    margin-left: 8px;
}

.ml-8px-all-i {
    margin-left: 8px !important;
}

@media screen and (min-width: 1200px) {
    .ml-8px-xl {
        margin-left: 8px;
    }

    .ml-8px-xl-i {
        margin-left: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-8px-lg {
        margin-left: 8px;
    }

    .ml-8px-lg-i {
        margin-left: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-8px-md {
        margin-left: 8px;
    }

    .ml-8px-md-i {
        margin-left: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-8px-sm {
        margin-left: 8px;
    }

    .ml-8px-sm-i {
        margin-left: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-8px-xs {
        margin-left: 8px;
    }

    .ml-8px-xs-i {
        margin-left: 8px !important;
    }
}

.mt-10px-all {
    margin-top: 10px;
}

.mt-10px-all-i {
    margin-top: 10px !important;
}

@media screen and (min-width: 1200px) {
    .mt-10px-xl {
        margin-top: 10px;
    }

    .mt-10px-xl-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-10px-lg {
        margin-top: 10px;
    }

    .mt-10px-lg-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-10px-md {
        margin-top: 10px;
    }

    .mt-10px-md-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-10px-sm {
        margin-top: 10px;
    }

    .mt-10px-sm-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-10px-xs {
        margin-top: 10px;
    }

    .mt-10px-xs-i {
        margin-top: 10px !important;
    }
}

.mr-10px-all {
    margin-right: 10px;
}

.mr-10px-all-i {
    margin-right: 10px !important;
}

@media screen and (min-width: 1200px) {
    .mr-10px-xl {
        margin-right: 10px;
    }

    .mr-10px-xl-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-10px-lg {
        margin-right: 10px;
    }

    .mr-10px-lg-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-10px-md {
        margin-right: 10px;
    }

    .mr-10px-md-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-10px-sm {
        margin-right: 10px;
    }

    .mr-10px-sm-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-10px-xs {
        margin-right: 10px;
    }

    .mr-10px-xs-i {
        margin-right: 10px !important;
    }
}

.mb-10px-all {
    margin-bottom: 10px;
}

.mb-10px-all-i {
    margin-bottom: 10px !important;
}

@media screen and (min-width: 1200px) {
    .mb-10px-xl {
        margin-bottom: 10px;
    }

    .mb-10px-xl-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-10px-lg {
        margin-bottom: 10px;
    }

    .mb-10px-lg-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-10px-md {
        margin-bottom: 10px;
    }

    .mb-10px-md-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-10px-sm {
        margin-bottom: 10px;
    }

    .mb-10px-sm-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-10px-xs {
        margin-bottom: 10px;
    }

    .mb-10px-xs-i {
        margin-bottom: 10px !important;
    }
}

.ml-10px-all {
    margin-left: 10px;
}

.ml-10px-all-i {
    margin-left: 10px !important;
}

@media screen and (min-width: 1200px) {
    .ml-10px-xl {
        margin-left: 10px;
    }

    .ml-10px-xl-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-10px-lg {
        margin-left: 10px;
    }

    .ml-10px-lg-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-10px-md {
        margin-left: 10px;
    }

    .ml-10px-md-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-10px-sm {
        margin-left: 10px;
    }

    .ml-10px-sm-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-10px-xs {
        margin-left: 10px;
    }

    .ml-10px-xs-i {
        margin-left: 10px !important;
    }
}

.mt-15px-all {
    margin-top: 15px;
}

.mt-15px-all-i {
    margin-top: 15px !important;
}

@media screen and (min-width: 1200px) {
    .mt-15px-xl {
        margin-top: 15px;
    }

    .mt-15px-xl-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-15px-lg {
        margin-top: 15px;
    }

    .mt-15px-lg-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-15px-md {
        margin-top: 15px;
    }

    .mt-15px-md-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-15px-sm {
        margin-top: 15px;
    }

    .mt-15px-sm-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-15px-xs {
        margin-top: 15px;
    }

    .mt-15px-xs-i {
        margin-top: 15px !important;
    }
}

.mr-15px-all {
    margin-right: 15px;
}

.mr-15px-all-i {
    margin-right: 15px !important;
}

@media screen and (min-width: 1200px) {
    .mr-15px-xl {
        margin-right: 15px;
    }

    .mr-15px-xl-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-15px-lg {
        margin-right: 15px;
    }

    .mr-15px-lg-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-15px-md {
        margin-right: 15px;
    }

    .mr-15px-md-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-15px-sm {
        margin-right: 15px;
    }

    .mr-15px-sm-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-15px-xs {
        margin-right: 15px;
    }

    .mr-15px-xs-i {
        margin-right: 15px !important;
    }
}

.mb-15px-all {
    margin-bottom: 15px;
}

.mb-15px-all-i {
    margin-bottom: 15px !important;
}

@media screen and (min-width: 1200px) {
    .mb-15px-xl {
        margin-bottom: 15px;
    }

    .mb-15px-xl-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-15px-lg {
        margin-bottom: 15px;
    }

    .mb-15px-lg-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-15px-md {
        margin-bottom: 15px;
    }

    .mb-15px-md-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-15px-sm {
        margin-bottom: 15px;
    }

    .mb-15px-sm-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-15px-xs {
        margin-bottom: 15px;
    }

    .mb-15px-xs-i {
        margin-bottom: 15px !important;
    }
}

.ml-15px-all {
    margin-left: 15px;
}

.ml-15px-all-i {
    margin-left: 15px !important;
}

@media screen and (min-width: 1200px) {
    .ml-15px-xl {
        margin-left: 15px;
    }

    .ml-15px-xl-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-15px-lg {
        margin-left: 15px;
    }

    .ml-15px-lg-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-15px-md {
        margin-left: 15px;
    }

    .ml-15px-md-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-15px-sm {
        margin-left: 15px;
    }

    .ml-15px-sm-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-15px-xs {
        margin-left: 15px;
    }

    .ml-15px-xs-i {
        margin-left: 15px !important;
    }
}

.mt-16px-all {
    margin-top: 16px;
}

.mt-16px-all-i {
    margin-top: 16px !important;
}

@media screen and (min-width: 1200px) {
    .mt-16px-xl {
        margin-top: 16px;
    }

    .mt-16px-xl-i {
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-16px-lg {
        margin-top: 16px;
    }

    .mt-16px-lg-i {
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-16px-md {
        margin-top: 16px;
    }

    .mt-16px-md-i {
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-16px-sm {
        margin-top: 16px;
    }

    .mt-16px-sm-i {
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-16px-xs {
        margin-top: 16px;
    }

    .mt-16px-xs-i {
        margin-top: 16px !important;
    }
}

.mr-16px-all {
    margin-right: 16px;
}

.mr-16px-all-i {
    margin-right: 16px !important;
}

@media screen and (min-width: 1200px) {
    .mr-16px-xl {
        margin-right: 16px;
    }

    .mr-16px-xl-i {
        margin-right: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-16px-lg {
        margin-right: 16px;
    }

    .mr-16px-lg-i {
        margin-right: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-16px-md {
        margin-right: 16px;
    }

    .mr-16px-md-i {
        margin-right: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-16px-sm {
        margin-right: 16px;
    }

    .mr-16px-sm-i {
        margin-right: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-16px-xs {
        margin-right: 16px;
    }

    .mr-16px-xs-i {
        margin-right: 16px !important;
    }
}

.mb-16px-all {
    margin-bottom: 16px;
}

.mb-16px-all-i {
    margin-bottom: 16px !important;
}

@media screen and (min-width: 1200px) {
    .mb-16px-xl {
        margin-bottom: 16px;
    }

    .mb-16px-xl-i {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-16px-lg {
        margin-bottom: 16px;
    }

    .mb-16px-lg-i {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-16px-md {
        margin-bottom: 16px;
    }

    .mb-16px-md-i {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-16px-sm {
        margin-bottom: 16px;
    }

    .mb-16px-sm-i {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-16px-xs {
        margin-bottom: 16px;
    }

    .mb-16px-xs-i {
        margin-bottom: 16px !important;
    }
}

.ml-16px-all {
    margin-left: 16px;
}

.ml-16px-all-i {
    margin-left: 16px !important;
}

@media screen and (min-width: 1200px) {
    .ml-16px-xl {
        margin-left: 16px;
    }

    .ml-16px-xl-i {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-16px-lg {
        margin-left: 16px;
    }

    .ml-16px-lg-i {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-16px-md {
        margin-left: 16px;
    }

    .ml-16px-md-i {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-16px-sm {
        margin-left: 16px;
    }

    .ml-16px-sm-i {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-16px-xs {
        margin-left: 16px;
    }

    .ml-16px-xs-i {
        margin-left: 16px !important;
    }
}


@media screen and (max-width: 1200px) {
    .ml-0px-xl {
        margin-left: 0px;
    }

    .ml-0px-xl-i {
        margin-left: 0px !important;
    }
}

.mt-20px-all {
    margin-top: 20px;
}

.mt-20px-all-i {
    margin-top: 20px !important;
}

@media screen and (min-width: 1200px) {
    .mt-20px-xl {
        margin-top: 20px;
    }

    .mt-20px-xl-i {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-20px-lg {
        margin-top: 20px;
    }

    .mt-20px-lg-i {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-20px-md {
        margin-top: 20px;
    }

    .mt-20px-md-i {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-20px-sm {
        margin-top: 20px;
    }

    .mt-20px-sm-i {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-20px-xs {
        margin-top: 20px;
    }

    .mt-20px-xs-i {
        margin-top: 20px !important;
    }
}

.mr-20px-all {
    margin-right: 20px;
}

.mr-20px-all-i {
    margin-right: 20px !important;
}

@media screen and (min-width: 1200px) {
    .mr-20px-xl {
        margin-right: 20px;
    }

    .mr-20px-xl-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-20px-lg {
        margin-right: 20px;
    }

    .mr-20px-lg-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-20px-md {
        margin-right: 20px;
    }

    .mr-20px-md-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-20px-sm {
        margin-right: 20px;
    }

    .mr-20px-sm-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-20px-xs {
        margin-right: 20px;
    }

    .mr-20px-xs-i {
        margin-right: 20px !important;
    }
}

.mb-20px-all {
    margin-bottom: 20px;
}

.mb-20px-all-i {
    margin-bottom: 20px !important;
}

@media screen and (min-width: 1200px) {
    .mb-20px-xl {
        margin-bottom: 20px;
    }

    .mb-20px-xl-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-20px-lg {
        margin-bottom: 20px;
    }

    .mb-20px-lg-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-20px-md {
        margin-bottom: 20px;
    }

    .mb-20px-md-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-20px-sm {
        margin-bottom: 20px;
    }

    .mb-20px-sm-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-20px-xs {
        margin-bottom: 20px;
    }

    .mb-20px-xs-i {
        margin-bottom: 20px !important;
    }
}

.ml-20px-all {
    margin-left: 20px;
}

.ml-20px-all-i {
    margin-left: 20px !important;
}

@media screen and (min-width: 1200px) {
    .ml-20px-xl {
        margin-left: 20px;
    }

    .ml-20px-xl-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-20px-lg {
        margin-left: 20px;
    }

    .ml-20px-lg-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-20px-md {
        margin-left: 20px;
    }

    .ml-20px-md-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-20px-sm {
        margin-left: 20px;
    }

    .ml-20px-sm-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-20px-xs {
        margin-left: 20px;
    }

    .ml-20px-xs-i {
        margin-left: 20px !important;
    }
}

.mt-24px-all {
    margin-top: 24px;
}

.mt-24px-all-i {
    margin-top: 24px !important;
}

@media screen and (min-width: 1200px) {
    .mt-24px-xl {
        margin-top: 24px;
    }

    .mt-24px-xl-i {
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-24px-lg {
        margin-top: 24px;
    }

    .mt-24px-lg-i {
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-24px-md {
        margin-top: 24px;
    }

    .mt-24px-md-i {
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-24px-sm {
        margin-top: 24px;
    }

    .mt-24px-sm-i {
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-24px-xs {
        margin-top: 24px;
    }

    .mt-24px-xs-i {
        margin-top: 24px !important;
    }
}

.mr-24px-all {
    margin-right: 24px;
}

.mr-24px-all-i {
    margin-right: 24px !important;
}

@media screen and (min-width: 1200px) {
    .mr-24px-xl {
        margin-right: 24px;
    }

    .mr-24px-xl-i {
        margin-right: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-24px-lg {
        margin-right: 24px;
    }

    .mr-24px-lg-i {
        margin-right: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-24px-md {
        margin-right: 24px;
    }

    .mr-24px-md-i {
        margin-right: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-24px-sm {
        margin-right: 24px;
    }

    .mr-24px-sm-i {
        margin-right: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-24px-xs {
        margin-right: 24px;
    }

    .mr-24px-xs-i {
        margin-right: 24px !important;
    }
}

.mb-24px-all {
    margin-bottom: 24px;
}

.mb-24px-all-i {
    margin-bottom: 24px !important;
}

@media screen and (min-width: 1200px) {
    .mb-24px-xl {
        margin-bottom: 24px;
    }

    .mb-24px-xl-i {
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-24px-lg {
        margin-bottom: 24px;
    }

    .mb-24px-lg-i {
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-24px-md {
        margin-bottom: 24px;
    }

    .mb-24px-md-i {
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-24px-sm {
        margin-bottom: 24px;
    }

    .mb-24px-sm-i {
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-24px-xs {
        margin-bottom: 24px;
    }

    .mb-24px-xs-i {
        margin-bottom: 24px !important;
    }
}

.ml-24px-all {
    margin-left: 24px;
}

.ml-24px-all-i {
    margin-left: 24px !important;
}

@media screen and (min-width: 1200px) {
    .ml-24px-xl {
        margin-left: 24px;
    }

    .ml-24px-xl-i {
        margin-left: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-24px-lg {
        margin-left: 24px;
    }

    .ml-24px-lg-i {
        margin-left: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-24px-md {
        margin-left: 24px;
    }

    .ml-24px-md-i {
        margin-left: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-24px-sm {
        margin-left: 24px;
    }

    .ml-24px-sm-i {
        margin-left: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-24px-xs {
        margin-left: 24px;
    }

    .ml-24px-xs-i {
        margin-left: 24px !important;
    }
}

.mt-25px-all {
    margin-top: 25px;
}

.mt-25px-all-i {
    margin-top: 25px !important;
}

@media screen and (min-width: 1200px) {
    .mt-25px-xl {
        margin-top: 25px;
    }

    .mt-25px-xl-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-25px-lg {
        margin-top: 25px;
    }

    .mt-25px-lg-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-25px-md {
        margin-top: 25px;
    }

    .mt-25px-md-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-25px-sm {
        margin-top: 25px;
    }

    .mt-25px-sm-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-25px-xs {
        margin-top: 25px;
    }

    .mt-25px-xs-i {
        margin-top: 25px !important;
    }
}

.mr-25px-all {
    margin-right: 25px;
}

.mr-25px-all-i {
    margin-right: 25px !important;
}

@media screen and (min-width: 1200px) {
    .mr-25px-xl {
        margin-right: 25px;
    }

    .mr-25px-xl-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-25px-lg {
        margin-right: 25px;
    }

    .mr-25px-lg-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-25px-md {
        margin-right: 25px;
    }

    .mr-25px-md-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-25px-sm {
        margin-right: 25px;
    }

    .mr-25px-sm-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-25px-xs {
        margin-right: 25px;
    }

    .mr-25px-xs-i {
        margin-right: 25px !important;
    }
}

.mb-25px-all {
    margin-bottom: 25px;
}

.mb-25px-all-i {
    margin-bottom: 25px !important;
}

@media screen and (min-width: 1200px) {
    .mb-25px-xl {
        margin-bottom: 25px;
    }

    .mb-25px-xl-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-25px-lg {
        margin-bottom: 25px;
    }

    .mb-25px-lg-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-25px-md {
        margin-bottom: 25px;
    }

    .mb-25px-md-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-25px-sm {
        margin-bottom: 25px;
    }

    .mb-25px-sm-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-25px-xs {
        margin-bottom: 25px;
    }

    .mb-25px-xs-i {
        margin-bottom: 25px !important;
    }
}

.ml-25px-all {
    margin-left: 25px;
}

.ml-25px-all-i {
    margin-left: 25px !important;
}

@media screen and (min-width: 1200px) {
    .ml-25px-xl {
        margin-left: 25px;
    }

    .ml-25px-xl-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-25px-lg {
        margin-left: 25px;
    }

    .ml-25px-lg-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-25px-md {
        margin-left: 25px;
    }

    .ml-25px-md-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-25px-sm {
        margin-left: 25px;
    }

    .ml-25px-sm-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-25px-xs {
        margin-left: 25px;
    }

    .ml-25px-xs-i {
        margin-left: 25px !important;
    }
}

.mt-30px-all {
    margin-top: 30px;
}

.mt-30px-all-i {
    margin-top: 30px !important;
}

@media screen and (min-width: 1200px) {
    .mt-30px-xl {
        margin-top: 30px;
    }

    .mt-30px-xl-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-30px-lg {
        margin-top: 30px;
    }

    .mt-30px-lg-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-30px-md {
        margin-top: 30px;
    }

    .mt-30px-md-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-30px-sm {
        margin-top: 30px;
    }

    .mt-30px-sm-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-30px-xs {
        margin-top: 30px;
    }

    .mt-30px-xs-i {
        margin-top: 30px !important;
    }
}

.mr-30px-all {
    margin-right: 30px;
}

.mr-30px-all-i {
    margin-right: 30px !important;
}

@media screen and (min-width: 1200px) {
    .mr-30px-xl {
        margin-right: 30px;
    }

    .mr-30px-xl-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-30px-lg {
        margin-right: 30px;
    }

    .mr-30px-lg-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-30px-md {
        margin-right: 30px;
    }

    .mr-30px-md-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-30px-sm {
        margin-right: 30px;
    }

    .mr-30px-sm-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-30px-xs {
        margin-right: 30px;
    }

    .mr-30px-xs-i {
        margin-right: 30px !important;
    }
}

.mb-30px-all {
    margin-bottom: 30px;
}

.mb-30px-all-i {
    margin-bottom: 30px !important;
}

@media screen and (min-width: 1200px) {
    .mb-30px-xl {
        margin-bottom: 30px;
    }

    .mb-30px-xl-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-30px-lg {
        margin-bottom: 30px;
    }

    .mb-30px-lg-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-30px-md {
        margin-bottom: 30px;
    }

    .mb-30px-md-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-30px-sm {
        margin-bottom: 30px;
    }

    .mb-30px-sm-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-30px-xs {
        margin-bottom: 30px;
    }

    .mb-30px-xs-i {
        margin-bottom: 30px !important;
    }
}

.ml-30px-all {
    margin-left: 30px;
}

.ml-30px-all-i {
    margin-left: 30px !important;
}

@media screen and (min-width: 1200px) {
    .ml-30px-xl {
        margin-left: 30px;
    }

    .ml-30px-xl-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-30px-lg {
        margin-left: 30px;
    }

    .ml-30px-lg-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-30px-md {
        margin-left: 30px;
    }

    .ml-30px-md-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-30px-sm {
        margin-left: 30px;
    }

    .ml-30px-sm-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-30px-xs {
        margin-left: 30px;
    }

    .ml-30px-xs-i {
        margin-left: 30px !important;
    }
}

.mt-32px-all {
    margin-top: 32px;
}

.mt-32px-all-i {
    margin-top: 32px !important;
}

@media screen and (min-width: 1200px) {
    .mt-32px-xl {
        margin-top: 32px;
    }

    .mt-32px-xl-i {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-32px-lg {
        margin-top: 32px;
    }

    .mt-32px-lg-i {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-32px-md {
        margin-top: 32px;
    }

    .mt-32px-md-i {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-32px-sm {
        margin-top: 32px;
    }

    .mt-32px-sm-i {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-32px-xs {
        margin-top: 32px;
    }

    .mt-32px-xs-i {
        margin-top: 32px !important;
    }
}

.mr-32px-all {
    margin-right: 32px;
}

.mr-32px-all-i {
    margin-right: 32px !important;
}

@media screen and (min-width: 1200px) {
    .mr-32px-xl {
        margin-right: 32px;
    }

    .mr-32px-xl-i {
        margin-right: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-32px-lg {
        margin-right: 32px;
    }

    .mr-32px-lg-i {
        margin-right: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-32px-md {
        margin-right: 32px;
    }

    .mr-32px-md-i {
        margin-right: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-32px-sm {
        margin-right: 32px;
    }

    .mr-32px-sm-i {
        margin-right: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-32px-xs {
        margin-right: 32px;
    }

    .mr-32px-xs-i {
        margin-right: 32px !important;
    }
}

.mb-32px-all {
    margin-bottom: 32px;
}

.mb-32px-all-i {
    margin-bottom: 32px !important;
}

@media screen and (min-width: 1200px) {
    .mb-32px-xl {
        margin-bottom: 32px;
    }

    .mb-32px-xl-i {
        margin-bottom: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-32px-lg {
        margin-bottom: 32px;
    }

    .mb-32px-lg-i {
        margin-bottom: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-32px-md {
        margin-bottom: 32px;
    }

    .mb-32px-md-i {
        margin-bottom: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-32px-sm {
        margin-bottom: 32px;
    }

    .mb-32px-sm-i {
        margin-bottom: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-32px-xs {
        margin-bottom: 32px;
    }

    .mb-32px-xs-i {
        margin-bottom: 32px !important;
    }
}

.ml-32px-all {
    margin-left: 32px;
}

.ml-32px-all-i {
    margin-left: 32px !important;
}

@media screen and (min-width: 1200px) {
    .ml-32px-xl {
        margin-left: 32px;
    }

    .ml-32px-xl-i {
        margin-left: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-32px-lg {
        margin-left: 32px;
    }

    .ml-32px-lg-i {
        margin-left: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-32px-md {
        margin-left: 32px;
    }

    .ml-32px-md-i {
        margin-left: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-32px-sm {
        margin-left: 32px;
    }

    .ml-32px-sm-i {
        margin-left: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-32px-xs {
        margin-left: 32px;
    }

    .ml-32px-xs-i {
        margin-left: 32px !important;
    }
}

.mt-35px-all {
    margin-top: 35px;
}

.mt-35px-all-i {
    margin-top: 35px !important;
}

@media screen and (min-width: 1200px) {
    .mt-35px-xl {
        margin-top: 35px;
    }

    .mt-35px-xl-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-35px-lg {
        margin-top: 35px;
    }

    .mt-35px-lg-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-35px-md {
        margin-top: 35px;
    }

    .mt-35px-md-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-35px-sm {
        margin-top: 35px;
    }

    .mt-35px-sm-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-35px-xs {
        margin-top: 35px;
    }

    .mt-35px-xs-i {
        margin-top: 35px !important;
    }
}

.mr-35px-all {
    margin-right: 35px;
}

.mr-35px-all-i {
    margin-right: 35px !important;
}

@media screen and (min-width: 1200px) {
    .mr-35px-xl {
        margin-right: 35px;
    }

    .mr-35px-xl-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-35px-lg {
        margin-right: 35px;
    }

    .mr-35px-lg-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-35px-md {
        margin-right: 35px;
    }

    .mr-35px-md-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-35px-sm {
        margin-right: 35px;
    }

    .mr-35px-sm-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-35px-xs {
        margin-right: 35px;
    }

    .mr-35px-xs-i {
        margin-right: 35px !important;
    }
}

.mb-35px-all {
    margin-bottom: 35px;
}

.mb-35px-all-i {
    margin-bottom: 35px !important;
}

@media screen and (min-width: 1200px) {
    .mb-35px-xl {
        margin-bottom: 35px;
    }

    .mb-35px-xl-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-35px-lg {
        margin-bottom: 35px;
    }

    .mb-35px-lg-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-35px-md {
        margin-bottom: 35px;
    }

    .mb-35px-md-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-35px-sm {
        margin-bottom: 35px;
    }

    .mb-35px-sm-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-35px-xs {
        margin-bottom: 35px;
    }

    .mb-35px-xs-i {
        margin-bottom: 35px !important;
    }
}

.ml-35px-all {
    margin-left: 35px;
}

.ml-35px-all-i {
    margin-left: 35px !important;
}

@media screen and (min-width: 1200px) {
    .ml-35px-xl {
        margin-left: 35px;
    }

    .ml-35px-xl-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-35px-lg {
        margin-left: 35px;
    }

    .ml-35px-lg-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-35px-md {
        margin-left: 35px;
    }

    .ml-35px-md-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-35px-sm {
        margin-left: 35px;
    }

    .ml-35px-sm-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-35px-xs {
        margin-left: 35px;
    }

    .ml-35px-xs-i {
        margin-left: 35px !important;
    }
}

.mt-36px-all {
    margin-top: 36px;
}

.mt-36px-all-i {
    margin-top: 36px !important;
}

@media screen and (min-width: 1200px) {
    .mt-36px-xl {
        margin-top: 36px;
    }

    .mt-36px-xl-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-36px-lg {
        margin-top: 36px;
    }

    .mt-36px-lg-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-36px-md {
        margin-top: 36px;
    }

    .mt-36px-md-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-36px-sm {
        margin-top: 36px;
    }

    .mt-36px-sm-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-36px-xs {
        margin-top: 36px;
    }

    .mt-36px-xs-i {
        margin-top: 36px !important;
    }
}

.mr-36px-all {
    margin-right: 36px;
}

.mr-36px-all-i {
    margin-right: 36px !important;
}

@media screen and (min-width: 1200px) {
    .mr-36px-xl {
        margin-right: 36px;
    }

    .mr-36px-xl-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-36px-lg {
        margin-right: 36px;
    }

    .mr-36px-lg-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-36px-md {
        margin-right: 36px;
    }

    .mr-36px-md-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-36px-sm {
        margin-right: 36px;
    }

    .mr-36px-sm-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-36px-xs {
        margin-right: 36px;
    }

    .mr-36px-xs-i {
        margin-right: 36px !important;
    }
}

.mb-36px-all {
    margin-bottom: 36px;
}

.mb-36px-all-i {
    margin-bottom: 36px !important;
}

@media screen and (min-width: 1200px) {
    .mb-36px-xl {
        margin-bottom: 36px;
    }

    .mb-36px-xl-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-36px-lg {
        margin-bottom: 36px;
    }

    .mb-36px-lg-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-36px-md {
        margin-bottom: 36px;
    }

    .mb-36px-md-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-36px-sm {
        margin-bottom: 36px;
    }

    .mb-36px-sm-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-36px-xs {
        margin-bottom: 36px;
    }

    .mb-36px-xs-i {
        margin-bottom: 36px !important;
    }
}

.ml-36px-all {
    margin-left: 36px;
}

.ml-36px-all-i {
    margin-left: 36px !important;
}

@media screen and (min-width: 1200px) {
    .ml-36px-xl {
        margin-left: 36px;
    }

    .ml-36px-xl-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-36px-lg {
        margin-left: 36px;
    }

    .ml-36px-lg-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-36px-md {
        margin-left: 36px;
    }

    .ml-36px-md-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-36px-sm {
        margin-left: 36px;
    }

    .ml-36px-sm-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-36px-xs {
        margin-left: 36px;
    }

    .ml-36px-xs-i {
        margin-left: 36px !important;
    }
}

.mt-38px-all {
    margin-top: 38px;
}

.mt-38px-all-i {
    margin-top: 38px !important;
}

@media screen and (min-width: 1200px) {
    .mt-38px-xl {
        margin-top: 38px;
    }

    .mt-38px-xl-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-38px-lg {
        margin-top: 38px;
    }

    .mt-38px-lg-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-38px-md {
        margin-top: 38px;
    }

    .mt-38px-md-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-38px-sm {
        margin-top: 38px;
    }

    .mt-38px-sm-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-38px-xs {
        margin-top: 38px;
    }

    .mt-38px-xs-i {
        margin-top: 38px !important;
    }
}

.mr-38px-all {
    margin-right: 38px;
}

.mr-38px-all-i {
    margin-right: 38px !important;
}

@media screen and (min-width: 1200px) {
    .mr-38px-xl {
        margin-right: 38px;
    }

    .mr-38px-xl-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-38px-lg {
        margin-right: 38px;
    }

    .mr-38px-lg-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-38px-md {
        margin-right: 38px;
    }

    .mr-38px-md-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-38px-sm {
        margin-right: 38px;
    }

    .mr-38px-sm-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-38px-xs {
        margin-right: 38px;
    }

    .mr-38px-xs-i {
        margin-right: 38px !important;
    }
}

.mb-38px-all {
    margin-bottom: 38px;
}

.mb-38px-all-i {
    margin-bottom: 38px !important;
}

@media screen and (min-width: 1200px) {
    .mb-38px-xl {
        margin-bottom: 38px;
    }

    .mb-38px-xl-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-38px-lg {
        margin-bottom: 38px;
    }

    .mb-38px-lg-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-38px-md {
        margin-bottom: 38px;
    }

    .mb-38px-md-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-38px-sm {
        margin-bottom: 38px;
    }

    .mb-38px-sm-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-38px-xs {
        margin-bottom: 38px;
    }

    .mb-38px-xs-i {
        margin-bottom: 38px !important;
    }
}

.ml-38px-all {
    margin-left: 38px;
}

.ml-38px-all-i {
    margin-left: 38px !important;
}

@media screen and (min-width: 1200px) {
    .ml-38px-xl {
        margin-left: 38px;
    }

    .ml-38px-xl-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-38px-lg {
        margin-left: 38px;
    }

    .ml-38px-lg-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-38px-md {
        margin-left: 38px;
    }

    .ml-38px-md-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-38px-sm {
        margin-left: 38px;
    }

    .ml-38px-sm-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-38px-xs {
        margin-left: 38px;
    }

    .ml-38px-xs-i {
        margin-left: 38px !important;
    }
}

.mt-40px-all {
    margin-top: 40px;
}

.mt-40px-all-i {
    margin-top: 40px !important;
}

@media screen and (min-width: 1200px) {
    .mt-40px-xl {
        margin-top: 40px;
    }

    .mt-40px-xl-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-40px-lg {
        margin-top: 40px;
    }

    .mt-40px-lg-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-40px-md {
        margin-top: 40px;
    }

    .mt-40px-md-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-40px-sm {
        margin-top: 40px;
    }

    .mt-40px-sm-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-40px-xs {
        margin-top: 40px;
    }

    .mt-40px-xs-i {
        margin-top: 40px !important;
    }
}

.mr-40px-all {
    margin-right: 40px;
}

.mr-40px-all-i {
    margin-right: 40px !important;
}

@media screen and (min-width: 1200px) {
    .mr-40px-xl {
        margin-right: 40px;
    }

    .mr-40px-xl-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-40px-lg {
        margin-right: 40px;
    }

    .mr-40px-lg-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-40px-md {
        margin-right: 40px;
    }

    .mr-40px-md-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-40px-sm {
        margin-right: 40px;
    }

    .mr-40px-sm-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-40px-xs {
        margin-right: 40px;
    }

    .mr-40px-xs-i {
        margin-right: 40px !important;
    }
}

.mb-40px-all {
    margin-bottom: 40px;
}

.mb-40px-all-i {
    margin-bottom: 40px !important;
}

@media screen and (min-width: 1200px) {
    .mb-40px-xl {
        margin-bottom: 40px;
    }

    .mb-40px-xl-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-40px-lg {
        margin-bottom: 40px;
    }

    .mb-40px-lg-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-40px-md {
        margin-bottom: 40px;
    }

    .mb-40px-md-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-40px-sm {
        margin-bottom: 40px;
    }

    .mb-40px-sm-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-40px-xs {
        margin-bottom: 40px;
    }

    .mb-40px-xs-i {
        margin-bottom: 40px !important;
    }
}

.ml-40px-all {
    margin-left: 40px;
}

.ml-40px-all-i {
    margin-left: 40px !important;
}

@media screen and (min-width: 1200px) {
    .ml-40px-xl {
        margin-left: 40px;
    }

    .ml-40px-xl-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-40px-lg {
        margin-left: 40px;
    }

    .ml-40px-lg-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-40px-md {
        margin-left: 40px;
    }

    .ml-40px-md-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-40px-sm {
        margin-left: 40px;
    }

    .ml-40px-sm-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-40px-xs {
        margin-left: 40px;
    }

    .ml-40px-xs-i {
        margin-left: 40px !important;
    }
}

.mt-45px-all {
    margin-top: 45px;
}

.mt-45px-all-i {
    margin-top: 45px !important;
}

@media screen and (min-width: 1200px) {
    .mt-45px-xl {
        margin-top: 45px;
    }

    .mt-45px-xl-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-45px-lg {
        margin-top: 45px;
    }

    .mt-45px-lg-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-45px-md {
        margin-top: 45px;
    }

    .mt-45px-md-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-45px-sm {
        margin-top: 45px;
    }

    .mt-45px-sm-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-45px-xs {
        margin-top: 45px;
    }

    .mt-45px-xs-i {
        margin-top: 45px !important;
    }
}

.mr-45px-all {
    margin-right: 45px;
}

.mr-45px-all-i {
    margin-right: 45px !important;
}

@media screen and (min-width: 1200px) {
    .mr-45px-xl {
        margin-right: 45px;
    }

    .mr-45px-xl-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-45px-lg {
        margin-right: 45px;
    }

    .mr-45px-lg-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-45px-md {
        margin-right: 45px;
    }

    .mr-45px-md-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-45px-sm {
        margin-right: 45px;
    }

    .mr-45px-sm-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-45px-xs {
        margin-right: 45px;
    }

    .mr-45px-xs-i {
        margin-right: 45px !important;
    }
}

.mb-45px-all {
    margin-bottom: 45px;
}

.mb-45px-all-i {
    margin-bottom: 45px !important;
}

@media screen and (min-width: 1200px) {
    .mb-45px-xl {
        margin-bottom: 45px;
    }

    .mb-45px-xl-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-45px-lg {
        margin-bottom: 45px;
    }

    .mb-45px-lg-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-45px-md {
        margin-bottom: 45px;
    }

    .mb-45px-md-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-45px-sm {
        margin-bottom: 45px;
    }

    .mb-45px-sm-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-45px-xs {
        margin-bottom: 45px;
    }

    .mb-45px-xs-i {
        margin-bottom: 45px !important;
    }
}

.ml-45px-all {
    margin-left: 45px;
}

.ml-45px-all-i {
    margin-left: 45px !important;
}

@media screen and (min-width: 1200px) {
    .ml-45px-xl {
        margin-left: 45px;
    }

    .ml-45px-xl-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-45px-lg {
        margin-left: 45px;
    }

    .ml-45px-lg-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-45px-md {
        margin-left: 45px;
    }

    .ml-45px-md-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-45px-sm {
        margin-left: 45px;
    }

    .ml-45px-sm-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-45px-xs {
        margin-left: 45px;
    }

    .ml-45px-xs-i {
        margin-left: 45px !important;
    }
}

.mt-48px-all {
    margin-top: 48px;
}

.mt-48px-all-i {
    margin-top: 48px !important;
}

@media screen and (min-width: 1200px) {
    .mt-48px-xl {
        margin-top: 48px;
    }

    .mt-48px-xl-i {
        margin-top: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-48px-lg {
        margin-top: 48px;
    }

    .mt-48px-lg-i {
        margin-top: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-48px-md {
        margin-top: 48px;
    }

    .mt-48px-md-i {
        margin-top: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-48px-sm {
        margin-top: 48px;
    }

    .mt-48px-sm-i {
        margin-top: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-48px-xs {
        margin-top: 48px;
    }

    .mt-48px-xs-i {
        margin-top: 48px !important;
    }
}

.mr-48px-all {
    margin-right: 48px;
}

.mr-48px-all-i {
    margin-right: 48px !important;
}

@media screen and (min-width: 1200px) {
    .mr-48px-xl {
        margin-right: 48px;
    }

    .mr-48px-xl-i {
        margin-right: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-48px-lg {
        margin-right: 48px;
    }

    .mr-48px-lg-i {
        margin-right: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-48px-md {
        margin-right: 48px;
    }

    .mr-48px-md-i {
        margin-right: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-48px-sm {
        margin-right: 48px;
    }

    .mr-48px-sm-i {
        margin-right: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-48px-xs {
        margin-right: 48px;
    }

    .mr-48px-xs-i {
        margin-right: 48px !important;
    }
}

.mb-48px-all {
    margin-bottom: 48px;
}

.mb-48px-all-i {
    margin-bottom: 48px !important;
}

@media screen and (min-width: 1200px) {
    .mb-48px-xl {
        margin-bottom: 48px;
    }

    .mb-48px-xl-i {
        margin-bottom: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-48px-lg {
        margin-bottom: 48px;
    }

    .mb-48px-lg-i {
        margin-bottom: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-48px-md {
        margin-bottom: 48px;
    }

    .mb-48px-md-i {
        margin-bottom: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-48px-sm {
        margin-bottom: 48px;
    }

    .mb-48px-sm-i {
        margin-bottom: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-48px-xs {
        margin-bottom: 48px;
    }

    .mb-48px-xs-i {
        margin-bottom: 48px !important;
    }
}

.ml-48px-all {
    margin-left: 48px;
}

.ml-48px-all-i {
    margin-left: 48px !important;
}

@media screen and (min-width: 1200px) {
    .ml-48px-xl {
        margin-left: 48px;
    }

    .ml-48px-xl-i {
        margin-left: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-48px-lg {
        margin-left: 48px;
    }

    .ml-48px-lg-i {
        margin-left: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-48px-md {
        margin-left: 48px;
    }

    .ml-48px-md-i {
        margin-left: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-48px-sm {
        margin-left: 48px;
    }

    .ml-48px-sm-i {
        margin-left: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-48px-xs {
        margin-left: 48px;
    }

    .ml-48px-xs-i {
        margin-left: 48px !important;
    }
}

.mt-50px-all {
    margin-top: 50px;
}

.mt-50px-all-i {
    margin-top: 50px !important;
}

@media screen and (min-width: 1200px) {
    .mt-50px-xl {
        margin-top: 50px;
    }

    .mt-50px-xl-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-50px-lg {
        margin-top: 50px;
    }

    .mt-50px-lg-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-50px-md {
        margin-top: 50px;
    }

    .mt-50px-md-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-50px-sm {
        margin-top: 50px;
    }

    .mt-50px-sm-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-50px-xs {
        margin-top: 50px;
    }

    .mt-50px-xs-i {
        margin-top: 50px !important;
    }
}

.mr-50px-all {
    margin-right: 50px;
}

.mr-50px-all-i {
    margin-right: 50px !important;
}

@media screen and (min-width: 1200px) {
    .mr-50px-xl {
        margin-right: 50px;
    }

    .mr-50px-xl-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-50px-lg {
        margin-right: 50px;
    }

    .mr-50px-lg-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-50px-md {
        margin-right: 50px;
    }

    .mr-50px-md-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-50px-sm {
        margin-right: 50px;
    }

    .mr-50px-sm-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-50px-xs {
        margin-right: 50px;
    }

    .mr-50px-xs-i {
        margin-right: 50px !important;
    }
}

.mb-50px-all {
    margin-bottom: 50px;
}

.mb-50px-all-i {
    margin-bottom: 50px !important;
}

@media screen and (min-width: 1200px) {
    .mb-50px-xl {
        margin-bottom: 50px;
    }

    .mb-50px-xl-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-50px-lg {
        margin-bottom: 50px;
    }

    .mb-50px-lg-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-50px-md {
        margin-bottom: 50px;
    }

    .mb-50px-md-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-50px-sm {
        margin-bottom: 50px;
    }

    .mb-50px-sm-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-50px-xs {
        margin-bottom: 50px;
    }

    .mb-50px-xs-i {
        margin-bottom: 50px !important;
    }
}

.ml-50px-all {
    margin-left: 50px;
}

.ml-50px-all-i {
    margin-left: 50px !important;
}

@media screen and (min-width: 1200px) {
    .ml-50px-xl {
        margin-left: 50px;
    }

    .ml-50px-xl-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-50px-lg {
        margin-left: 50px;
    }

    .ml-50px-lg-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-50px-md {
        margin-left: 50px;
    }

    .ml-50px-md-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-50px-sm {
        margin-left: 50px;
    }

    .ml-50px-sm-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-50px-xs {
        margin-left: 50px;
    }

    .ml-50px-xs-i {
        margin-left: 50px !important;
    }
}

.mt-56px-all {
    margin-top: 56px;
}

.mt-56px-all-i {
    margin-top: 56px !important;
}

@media screen and (min-width: 1200px) {
    .mt-56px-xl {
        margin-top: 56px;
    }

    .mt-56px-xl-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-56px-lg {
        margin-top: 56px;
    }

    .mt-56px-lg-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-56px-md {
        margin-top: 56px;
    }

    .mt-56px-md-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-56px-sm {
        margin-top: 56px;
    }

    .mt-56px-sm-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-56px-xs {
        margin-top: 56px;
    }

    .mt-56px-xs-i {
        margin-top: 56px !important;
    }
}

.mr-56px-all {
    margin-right: 56px;
}

.mr-56px-all-i {
    margin-right: 56px !important;
}

@media screen and (min-width: 1200px) {
    .mr-56px-xl {
        margin-right: 56px;
    }

    .mr-56px-xl-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-56px-lg {
        margin-right: 56px;
    }

    .mr-56px-lg-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-56px-md {
        margin-right: 56px;
    }

    .mr-56px-md-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-56px-sm {
        margin-right: 56px;
    }

    .mr-56px-sm-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-56px-xs {
        margin-right: 56px;
    }

    .mr-56px-xs-i {
        margin-right: 56px !important;
    }
}

.mb-56px-all {
    margin-bottom: 56px;
}

.mb-56px-all-i {
    margin-bottom: 56px !important;
}

@media screen and (min-width: 1200px) {
    .mb-56px-xl {
        margin-bottom: 56px;
    }

    .mb-56px-xl-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-56px-lg {
        margin-bottom: 56px;
    }

    .mb-56px-lg-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-56px-md {
        margin-bottom: 56px;
    }

    .mb-56px-md-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-56px-sm {
        margin-bottom: 56px;
    }

    .mb-56px-sm-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-56px-xs {
        margin-bottom: 56px;
    }

    .mb-56px-xs-i {
        margin-bottom: 56px !important;
    }
}

.ml-56px-all {
    margin-left: 56px;
}

.ml-56px-all-i {
    margin-left: 56px !important;
}

@media screen and (min-width: 1200px) {
    .ml-56px-xl {
        margin-left: 56px;
    }

    .ml-56px-xl-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-56px-lg {
        margin-left: 56px;
    }

    .ml-56px-lg-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-56px-md {
        margin-left: 56px;
    }

    .ml-56px-md-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-56px-sm {
        margin-left: 56px;
    }

    .ml-56px-sm-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-56px-xs {
        margin-left: 56px;
    }

    .ml-56px-xs-i {
        margin-left: 56px !important;
    }
}

.mt-64px-all {
    margin-top: 64px;
}

.mt-64px-all-i {
    margin-top: 64px !important;
}

@media screen and (min-width: 1200px) {
    .mt-64px-xl {
        margin-top: 64px;
    }

    .mt-64px-xl-i {
        margin-top: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-64px-lg {
        margin-top: 64px;
    }

    .mt-64px-lg-i {
        margin-top: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-64px-md {
        margin-top: 64px;
    }

    .mt-64px-md-i {
        margin-top: 64px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-64px-sm {
        margin-top: 64px;
    }

    .mt-64px-sm-i {
        margin-top: 64px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-64px-xs {
        margin-top: 64px;
    }

    .mt-64px-xs-i {
        margin-top: 64px !important;
    }
}

.mr-64px-all {
    margin-right: 64px;
}

.mr-64px-all-i {
    margin-right: 64px !important;
}

@media screen and (min-width: 1200px) {
    .mr-64px-xl {
        margin-right: 64px;
    }

    .mr-64px-xl-i {
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-64px-lg {
        margin-right: 64px;
    }

    .mr-64px-lg-i {
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-64px-md {
        margin-right: 64px;
    }

    .mr-64px-md-i {
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-64px-sm {
        margin-right: 64px;
    }

    .mr-64px-sm-i {
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-64px-xs {
        margin-right: 64px;
    }

    .mr-64px-xs-i {
        margin-right: 64px !important;
    }
}

.mb-64px-all {
    margin-bottom: 64px;
}

.mb-64px-all-i {
    margin-bottom: 64px !important;
}

@media screen and (min-width: 1200px) {
    .mb-64px-xl {
        margin-bottom: 64px;
    }

    .mb-64px-xl-i {
        margin-bottom: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-64px-lg {
        margin-bottom: 64px;
    }

    .mb-64px-lg-i {
        margin-bottom: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-64px-md {
        margin-bottom: 64px;
    }

    .mb-64px-md-i {
        margin-bottom: 64px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-64px-sm {
        margin-bottom: 64px;
    }

    .mb-64px-sm-i {
        margin-bottom: 64px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-64px-xs {
        margin-bottom: 64px;
    }

    .mb-64px-xs-i {
        margin-bottom: 64px !important;
    }
}

.ml-64px-all {
    margin-left: 64px;
}

.ml-64px-all-i {
    margin-left: 64px !important;
}

@media screen and (min-width: 1200px) {
    .ml-64px-xl {
        margin-left: 64px;
    }

    .ml-64px-xl-i {
        margin-left: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-64px-lg {
        margin-left: 64px;
    }

    .ml-64px-lg-i {
        margin-left: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-64px-md {
        margin-left: 64px;
    }

    .ml-64px-md-i {
        margin-left: 64px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-64px-sm {
        margin-left: 64px;
    }

    .ml-64px-sm-i {
        margin-left: 64px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-64px-xs {
        margin-left: 64px;
    }

    .ml-64px-xs-i {
        margin-left: 64px !important;
    }
}

.mt-80px-all {
    margin-top: 80px;
}

.mt-80px-all-i {
    margin-top: 80px !important;
}

@media screen and (min-width: 1200px) {
    .mt-80px-xl {
        margin-top: 80px;
    }

    .mt-80px-xl-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-80px-lg {
        margin-top: 80px;
    }

    .mt-80px-lg-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-80px-md {
        margin-top: 80px;
    }

    .mt-80px-md-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-80px-sm {
        margin-top: 80px;
    }

    .mt-80px-sm-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-80px-xs {
        margin-top: 80px;
    }

    .mt-80px-xs-i {
        margin-top: 80px !important;
    }
}

.mr-80px-all {
    margin-right: 80px;
}

.mr-80px-all-i {
    margin-right: 80px !important;
}

@media screen and (min-width: 1200px) {
    .mr-80px-xl {
        margin-right: 80px;
    }

    .mr-80px-xl-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-80px-lg {
        margin-right: 80px;
    }

    .mr-80px-lg-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-80px-md {
        margin-right: 80px;
    }

    .mr-80px-md-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-80px-sm {
        margin-right: 80px;
    }

    .mr-80px-sm-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-80px-xs {
        margin-right: 80px;
    }

    .mr-80px-xs-i {
        margin-right: 80px !important;
    }
}

.mb-80px-all {
    margin-bottom: 80px;
}

.mb-80px-all-i {
    margin-bottom: 80px !important;
}

@media screen and (min-width: 1200px) {
    .mb-80px-xl {
        margin-bottom: 80px;
    }

    .mb-80px-xl-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-80px-lg {
        margin-bottom: 80px;
    }

    .mb-80px-lg-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-80px-md {
        margin-bottom: 80px;
    }

    .mb-80px-md-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-80px-sm {
        margin-bottom: 80px;
    }

    .mb-80px-sm-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-80px-xs {
        margin-bottom: 80px;
    }

    .mb-80px-xs-i {
        margin-bottom: 80px !important;
    }
}

.ml-80px-all {
    margin-left: 80px;
}

.ml-80px-all-i {
    margin-left: 80px !important;
}

@media screen and (min-width: 1200px) {
    .ml-80px-xl {
        margin-left: 80px;
    }

    .ml-80px-xl-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-80px-lg {
        margin-left: 80px;
    }

    .ml-80px-lg-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-80px-md {
        margin-left: 80px;
    }

    .ml-80px-md-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-80px-sm {
        margin-left: 80px;
    }

    .ml-80px-sm-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-80px-xs {
        margin-left: 80px;
    }

    .ml-80px-xs-i {
        margin-left: 80px !important;
    }
}

.mt-100px-all {
    margin-top: 100px;
}

.mt-100px-all-i {
    margin-top: 100px !important;
}

@media screen and (min-width: 1200px) {
    .mt-100px-xl {
        margin-top: 100px;
    }

    .mt-100px-xl-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-100px-lg {
        margin-top: 100px;
    }

    .mt-100px-lg-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-100px-md {
        margin-top: 100px;
    }

    .mt-100px-md-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-100px-sm {
        margin-top: 100px;
    }

    .mt-100px-sm-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-100px-xs {
        margin-top: 100px;
    }

    .mt-100px-xs-i {
        margin-top: 100px !important;
    }
}

.mr-100px-all {
    margin-right: 100px;
}

.mr-100px-all-i {
    margin-right: 100px !important;
}

@media screen and (min-width: 1200px) {
    .mr-100px-xl {
        margin-right: 100px;
    }

    .mr-100px-xl-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-100px-lg {
        margin-right: 100px;
    }

    .mr-100px-lg-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-100px-md {
        margin-right: 100px;
    }

    .mr-100px-md-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-100px-sm {
        margin-right: 100px;
    }

    .mr-100px-sm-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-100px-xs {
        margin-right: 100px;
    }

    .mr-100px-xs-i {
        margin-right: 100px !important;
    }
}

.mb-100px-all {
    margin-bottom: 100px;
}

.mb-100px-all-i {
    margin-bottom: 100px !important;
}

@media screen and (min-width: 1200px) {
    .mb-100px-xl {
        margin-bottom: 100px;
    }

    .mb-100px-xl-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-100px-lg {
        margin-bottom: 100px;
    }

    .mb-100px-lg-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-100px-md {
        margin-bottom: 100px;
    }

    .mb-100px-md-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-100px-sm {
        margin-bottom: 100px;
    }

    .mb-100px-sm-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-100px-xs {
        margin-bottom: 100px;
    }

    .mb-100px-xs-i {
        margin-bottom: 100px !important;
    }
}

.ml-100px-all {
    margin-left: 100px;
}

.ml-100px-all-i {
    margin-left: 100px !important;
}

@media screen and (min-width: 1200px) {
    .ml-100px-xl {
        margin-left: 100px;
    }

    .ml-100px-xl-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-100px-lg {
        margin-left: 100px;
    }

    .ml-100px-lg-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-100px-md {
        margin-left: 100px;
    }

    .ml-100px-md-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-100px-sm {
        margin-left: 100px;
    }

    .ml-100px-sm-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-100px-xs {
        margin-left: 100px;
    }

    .ml-100px-xs-i {
        margin-left: 100px !important;
    }
}

/* Padding */
.pt-0px-all {
    padding-top: 0px;
}

.pt-0px-all-i {
    padding-top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pt-0px-xl {
        padding-top: 0px;
    }

    .pt-0px-xl-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-0px-lg {
        padding-top: 0px;
    }

    .pt-0px-lg-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-0px-md {
        padding-top: 0px;
    }

    .pt-0px-md-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-0px-sm {
        padding-top: 0px;
    }

    .pt-0px-sm-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-0px-xs {
        padding-top: 0px;
    }

    .pt-0px-xs-i {
        padding-top: 0px !important;
    }
}

.pr-0px-all {
    padding-right: 0px;
}

.pr-0px-all-i {
    padding-right: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pr-0px-xl {
        padding-right: 0px;
    }

    .pr-0px-xl-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-0px-lg {
        padding-right: 0px;
    }

    .pr-0px-lg-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-0px-md {
        padding-right: 0px;
    }

    .pr-0px-md-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-0px-sm {
        padding-right: 0px;
    }

    .pr-0px-sm-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-0px-xs {
        padding-right: 0px;
    }

    .pr-0px-xs-i {
        padding-right: 0px !important;
    }
}

.pb-0px-all {
    padding-bottom: 0px;
}

.pb-0px-all-i {
    padding-bottom: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pb-0px-xl {
        padding-bottom: 0px;
    }

    .pb-0px-xl-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-0px-lg {
        padding-bottom: 0px;
    }

    .pb-0px-lg-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-0px-md {
        padding-bottom: 0px;
    }

    .pb-0px-md-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-0px-sm {
        padding-bottom: 0px;
    }

    .pb-0px-sm-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-0px-xs {
        padding-bottom: 0px;
    }

    .pb-0px-xs-i {
        padding-bottom: 0px !important;
    }
}

.pl-0px-all {
    padding-left: 0px;
}

.pl-0px-all-i {
    padding-left: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pl-0px-xl {
        padding-left: 0px;
    }

    .pl-0px-xl-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-0px-lg {
        padding-left: 0px;
    }

    .pl-0px-lg-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-0px-md {
        padding-left: 0px;
    }

    .pl-0px-md-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-0px-sm {
        padding-left: 0px;
    }

    .pl-0px-sm-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-0px-xs {
        padding-left: 0px;
    }

    .pl-0px-xs-i {
        padding-left: 0px !important;
    }
}

.pt-4px-all {
    padding-top: 4px;
}

.pt-4px-all-i {
    padding-top: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pt-4px-xl {
        padding-top: 4px;
    }

    .pt-4px-xl-i {
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-4px-lg {
        padding-top: 4px;
    }

    .pt-4px-lg-i {
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-4px-md {
        padding-top: 4px;
    }

    .pt-4px-md-i {
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-4px-sm {
        padding-top: 4px;
    }

    .pt-4px-sm-i {
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-4px-xs {
        padding-top: 4px;
    }

    .pt-4px-xs-i {
        padding-top: 4px !important;
    }
}

.pr-4px-all {
    padding-right: 4px;
}

.pr-4px-all-i {
    padding-right: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pr-4px-xl {
        padding-right: 4px;
    }

    .pr-4px-xl-i {
        padding-right: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-4px-lg {
        padding-right: 4px;
    }

    .pr-4px-lg-i {
        padding-right: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-4px-md {
        padding-right: 4px;
    }

    .pr-4px-md-i {
        padding-right: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-4px-sm {
        padding-right: 4px;
    }

    .pr-4px-sm-i {
        padding-right: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-4px-xs {
        padding-right: 4px;
    }

    .pr-4px-xs-i {
        padding-right: 4px !important;
    }
}

.pb-4px-all {
    padding-bottom: 4px;
}

.pb-4px-all-i {
    padding-bottom: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pb-4px-xl {
        padding-bottom: 4px;
    }

    .pb-4px-xl-i {
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-4px-lg {
        padding-bottom: 4px;
    }

    .pb-4px-lg-i {
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-4px-md {
        padding-bottom: 4px;
    }

    .pb-4px-md-i {
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-4px-sm {
        padding-bottom: 4px;
    }

    .pb-4px-sm-i {
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-4px-xs {
        padding-bottom: 4px;
    }

    .pb-4px-xs-i {
        padding-bottom: 4px !important;
    }
}

.pl-4px-all {
    padding-left: 4px;
}

.pl-4px-all-i {
    padding-left: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pl-4px-xl {
        padding-left: 4px;
    }

    .pl-4px-xl-i {
        padding-left: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-4px-lg {
        padding-left: 4px;
    }

    .pl-4px-lg-i {
        padding-left: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-4px-md {
        padding-left: 4px;
    }

    .pl-4px-md-i {
        padding-left: 4px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-4px-sm {
        padding-left: 4px;
    }

    .pl-4px-sm-i {
        padding-left: 4px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-4px-xs {
        padding-left: 4px;
    }

    .pl-4px-xs-i {
        padding-left: 4px !important;
    }
}

.pt-5px-all {
    padding-top: 5px;
}

.pt-5px-all-i {
    padding-top: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pt-5px-xl {
        padding-top: 5px;
    }

    .pt-5px-xl-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-5px-lg {
        padding-top: 5px;
    }

    .pt-5px-lg-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-5px-md {
        padding-top: 5px;
    }

    .pt-5px-md-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-5px-sm {
        padding-top: 5px;
    }

    .pt-5px-sm-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-5px-xs {
        padding-top: 5px;
    }

    .pt-5px-xs-i {
        padding-top: 5px !important;
    }
}

.pr-5px-all {
    padding-right: 5px;
}

.pr-5px-all-i {
    padding-right: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pr-5px-xl {
        padding-right: 5px;
    }

    .pr-5px-xl-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-5px-lg {
        padding-right: 5px;
    }

    .pr-5px-lg-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-5px-md {
        padding-right: 5px;
    }

    .pr-5px-md-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-5px-sm {
        padding-right: 5px;
    }

    .pr-5px-sm-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-5px-xs {
        padding-right: 5px;
    }

    .pr-5px-xs-i {
        padding-right: 5px !important;
    }
}

.pb-5px-all {
    padding-bottom: 5px;
}

.pb-5px-all-i {
    padding-bottom: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pb-5px-xl {
        padding-bottom: 5px;
    }

    .pb-5px-xl-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-5px-lg {
        padding-bottom: 5px;
    }

    .pb-5px-lg-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-5px-md {
        padding-bottom: 5px;
    }

    .pb-5px-md-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-5px-sm {
        padding-bottom: 5px;
    }

    .pb-5px-sm-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-5px-xs {
        padding-bottom: 5px;
    }

    .pb-5px-xs-i {
        padding-bottom: 5px !important;
    }
}

.pl-5px-all {
    padding-left: 5px;
}

.pl-5px-all-i {
    padding-left: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pl-5px-xl {
        padding-left: 5px;
    }

    .pl-5px-xl-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-5px-lg {
        padding-left: 5px;
    }

    .pl-5px-lg-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-5px-md {
        padding-left: 5px;
    }

    .pl-5px-md-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-5px-sm {
        padding-left: 5px;
    }

    .pl-5px-sm-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-5px-xs {
        padding-left: 5px;
    }

    .pl-5px-xs-i {
        padding-left: 5px !important;
    }
}

.pt-8px-all {
    padding-top: 8px;
}

.pt-8px-all-i {
    padding-top: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pt-8px-xl {
        padding-top: 8px;
    }

    .pt-8px-xl-i {
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-8px-lg {
        padding-top: 8px;
    }

    .pt-8px-lg-i {
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-8px-md {
        padding-top: 8px;
    }

    .pt-8px-md-i {
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-8px-sm {
        padding-top: 8px;
    }

    .pt-8px-sm-i {
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-8px-xs {
        padding-top: 8px;
    }

    .pt-8px-xs-i {
        padding-top: 8px !important;
    }
}

.pr-8px-all {
    padding-right: 8px;
}

.pr-8px-all-i {
    padding-right: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pr-8px-xl {
        padding-right: 8px;
    }

    .pr-8px-xl-i {
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-8px-lg {
        padding-right: 8px;
    }

    .pr-8px-lg-i {
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-8px-md {
        padding-right: 8px;
    }

    .pr-8px-md-i {
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-8px-sm {
        padding-right: 8px;
    }

    .pr-8px-sm-i {
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-8px-xs {
        padding-right: 8px;
    }

    .pr-8px-xs-i {
        padding-right: 8px !important;
    }
}

.pb-8px-all {
    padding-bottom: 8px;
}

.pb-8px-all-i {
    padding-bottom: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pb-8px-xl {
        padding-bottom: 8px;
    }

    .pb-8px-xl-i {
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-8px-lg {
        padding-bottom: 8px;
    }

    .pb-8px-lg-i {
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-8px-md {
        padding-bottom: 8px;
    }

    .pb-8px-md-i {
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-8px-sm {
        padding-bottom: 8px;
    }

    .pb-8px-sm-i {
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-8px-xs {
        padding-bottom: 8px;
    }

    .pb-8px-xs-i {
        padding-bottom: 8px !important;
    }
}

.pl-8px-all {
    padding-left: 8px;
}

.pl-8px-all-i {
    padding-left: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pl-8px-xl {
        padding-left: 8px;
    }

    .pl-8px-xl-i {
        padding-left: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-8px-lg {
        padding-left: 8px;
    }

    .pl-8px-lg-i {
        padding-left: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-8px-md {
        padding-left: 8px;
    }

    .pl-8px-md-i {
        padding-left: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-8px-sm {
        padding-left: 8px;
    }

    .pl-8px-sm-i {
        padding-left: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-8px-xs {
        padding-left: 8px;
    }

    .pl-8px-xs-i {
        padding-left: 8px !important;
    }
}

.pt-10px-all {
    padding-top: 10px;
}

.pt-10px-all-i {
    padding-top: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pt-10px-xl {
        padding-top: 10px;
    }

    .pt-10px-xl-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-10px-lg {
        padding-top: 10px;
    }

    .pt-10px-lg-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-10px-md {
        padding-top: 10px;
    }

    .pt-10px-md-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-10px-sm {
        padding-top: 10px;
    }

    .pt-10px-sm-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-10px-xs {
        padding-top: 10px;
    }

    .pt-10px-xs-i {
        padding-top: 10px !important;
    }
}

.pr-10px-all {
    padding-right: 10px;
}

.pr-10px-all-i {
    padding-right: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pr-10px-xl {
        padding-right: 10px;
    }

    .pr-10px-xl-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-10px-lg {
        padding-right: 10px;
    }

    .pr-10px-lg-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-10px-md {
        padding-right: 10px;
    }

    .pr-10px-md-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-10px-sm {
        padding-right: 10px;
    }

    .pr-10px-sm-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-10px-xs {
        padding-right: 10px;
    }

    .pr-10px-xs-i {
        padding-right: 10px !important;
    }
}

.pb-10px-all {
    padding-bottom: 10px;
}

.pb-10px-all-i {
    padding-bottom: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pb-10px-xl {
        padding-bottom: 10px;
    }

    .pb-10px-xl-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-10px-lg {
        padding-bottom: 10px;
    }

    .pb-10px-lg-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-10px-md {
        padding-bottom: 10px;
    }

    .pb-10px-md-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-10px-sm {
        padding-bottom: 10px;
    }

    .pb-10px-sm-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-10px-xs {
        padding-bottom: 10px;
    }

    .pb-10px-xs-i {
        padding-bottom: 10px !important;
    }
}

.pl-10px-all {
    padding-left: 10px;
}

.pl-10px-all-i {
    padding-left: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pl-10px-xl {
        padding-left: 10px;
    }

    .pl-10px-xl-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-10px-lg {
        padding-left: 10px;
    }

    .pl-10px-lg-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-10px-md {
        padding-left: 10px;
    }

    .pl-10px-md-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-10px-sm {
        padding-left: 10px;
    }

    .pl-10px-sm-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-10px-xs {
        padding-left: 10px;
    }

    .pl-10px-xs-i {
        padding-left: 10px !important;
    }
}

.pt-15px-all {
    padding-top: 15px;
}

.pt-15px-all-i {
    padding-top: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pt-15px-xl {
        padding-top: 15px;
    }

    .pt-15px-xl-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-15px-lg {
        padding-top: 15px;
    }

    .pt-15px-lg-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-15px-md {
        padding-top: 15px;
    }

    .pt-15px-md-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-15px-sm {
        padding-top: 15px;
    }

    .pt-15px-sm-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-15px-xs {
        padding-top: 15px;
    }

    .pt-15px-xs-i {
        padding-top: 15px !important;
    }
}

.pr-15px-all {
    padding-right: 15px;
}

.pr-15px-all-i {
    padding-right: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pr-15px-xl {
        padding-right: 15px;
    }

    .pr-15px-xl-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-15px-lg {
        padding-right: 15px;
    }

    .pr-15px-lg-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-15px-md {
        padding-right: 15px;
    }

    .pr-15px-md-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-15px-sm {
        padding-right: 15px;
    }

    .pr-15px-sm-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-15px-xs {
        padding-right: 15px;
    }

    .pr-15px-xs-i {
        padding-right: 15px !important;
    }
}

.pb-15px-all {
    padding-bottom: 15px;
}

.pb-15px-all-i {
    padding-bottom: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pb-15px-xl {
        padding-bottom: 15px;
    }

    .pb-15px-xl-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-15px-lg {
        padding-bottom: 15px;
    }

    .pb-15px-lg-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-15px-md {
        padding-bottom: 15px;
    }

    .pb-15px-md-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-15px-sm {
        padding-bottom: 15px;
    }

    .pb-15px-sm-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-15px-xs {
        padding-bottom: 15px;
    }

    .pb-15px-xs-i {
        padding-bottom: 15px !important;
    }
}

.pl-15px-all {
    padding-left: 15px;
}

.pl-15px-all-i {
    padding-left: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pl-15px-xl {
        padding-left: 15px;
    }

    .pl-15px-xl-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-15px-lg {
        padding-left: 15px;
    }

    .pl-15px-lg-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-15px-md {
        padding-left: 15px;
    }

    .pl-15px-md-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-15px-sm {
        padding-left: 15px;
    }

    .pl-15px-sm-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-15px-xs {
        padding-left: 15px;
    }

    .pl-15px-xs-i {
        padding-left: 15px !important;
    }
}

.pt-16px-all {
    padding-top: 16px;
}

.pt-16px-all-i {
    padding-top: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pt-16px-xl {
        padding-top: 16px;
    }

    .pt-16px-xl-i {
        padding-top: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-16px-lg {
        padding-top: 16px;
    }

    .pt-16px-lg-i {
        padding-top: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-16px-md {
        padding-top: 16px;
    }

    .pt-16px-md-i {
        padding-top: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-16px-sm {
        padding-top: 16px;
    }

    .pt-16px-sm-i {
        padding-top: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-16px-xs {
        padding-top: 16px;
    }

    .pt-16px-xs-i {
        padding-top: 16px !important;
    }
}

.pr-16px-all {
    padding-right: 16px;
}

.pr-16px-all-i {
    padding-right: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pr-16px-xl {
        padding-right: 16px;
    }

    .pr-16px-xl-i {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-16px-lg {
        padding-right: 16px;
    }

    .pr-16px-lg-i {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-16px-md {
        padding-right: 16px;
    }

    .pr-16px-md-i {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-16px-sm {
        padding-right: 16px;
    }

    .pr-16px-sm-i {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-16px-xs {
        padding-right: 16px;
    }

    .pr-16px-xs-i {
        padding-right: 16px !important;
    }
}

.pb-16px-all {
    padding-bottom: 16px;
}

.pb-16px-all-i {
    padding-bottom: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pb-16px-xl {
        padding-bottom: 16px;
    }

    .pb-16px-xl-i {
        padding-bottom: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-16px-lg {
        padding-bottom: 16px;
    }

    .pb-16px-lg-i {
        padding-bottom: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-16px-md {
        padding-bottom: 16px;
    }

    .pb-16px-md-i {
        padding-bottom: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-16px-sm {
        padding-bottom: 16px;
    }

    .pb-16px-sm-i {
        padding-bottom: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-16px-xs {
        padding-bottom: 16px;
    }

    .pb-16px-xs-i {
        padding-bottom: 16px !important;
    }
}

.pl-16px-all {
    padding-left: 16px;
}

.pl-16px-all-i {
    padding-left: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pl-16px-xl {
        padding-left: 16px;
    }

    .pl-16px-xl-i {
        padding-left: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-16px-lg {
        padding-left: 16px;
    }

    .pl-16px-lg-i {
        padding-left: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-16px-md {
        padding-left: 16px;
    }

    .pl-16px-md-i {
        padding-left: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-16px-sm {
        padding-left: 16px;
    }

    .pl-16px-sm-i {
        padding-left: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-16px-xs {
        padding-left: 16px;
    }

    .pl-16px-xs-i {
        padding-left: 16px !important;
    }
}

.pt-20px-all {
    padding-top: 20px;
}

.pt-20px-all-i {
    padding-top: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pt-20px-xl {
        padding-top: 20px;
    }

    .pt-20px-xl-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-20px-lg {
        padding-top: 20px;
    }

    .pt-20px-lg-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-20px-md {
        padding-top: 20px;
    }

    .pt-20px-md-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-20px-sm {
        padding-top: 20px;
    }

    .pt-20px-sm-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-20px-xs {
        padding-top: 20px;
    }

    .pt-20px-xs-i {
        padding-top: 20px !important;
    }
}

.pr-20px-all {
    padding-right: 20px;
}

.pr-20px-all-i {
    padding-right: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pr-20px-xl {
        padding-right: 20px;
    }

    .pr-20px-xl-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-20px-lg {
        padding-right: 20px;
    }

    .pr-20px-lg-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-20px-md {
        padding-right: 20px;
    }

    .pr-20px-md-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-20px-sm {
        padding-right: 20px;
    }

    .pr-20px-sm-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-20px-xs {
        padding-right: 20px;
    }

    .pr-20px-xs-i {
        padding-right: 20px !important;
    }
}

.pb-20px-all {
    padding-bottom: 20px;
}

.pb-20px-all-i {
    padding-bottom: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pb-20px-xl {
        padding-bottom: 20px;
    }

    .pb-20px-xl-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-20px-lg {
        padding-bottom: 20px;
    }

    .pb-20px-lg-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-20px-md {
        padding-bottom: 20px;
    }

    .pb-20px-md-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-20px-sm {
        padding-bottom: 20px;
    }

    .pb-20px-sm-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-20px-xs {
        padding-bottom: 20px;
    }

    .pb-20px-xs-i {
        padding-bottom: 20px !important;
    }
}

.pl-20px-all {
    padding-left: 20px;
}

.pl-20px-all-i {
    padding-left: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pl-20px-xl {
        padding-left: 20px;
    }

    .pl-20px-xl-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-20px-lg {
        padding-left: 20px;
    }

    .pl-20px-lg-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-20px-md {
        padding-left: 20px;
    }

    .pl-20px-md-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-20px-sm {
        padding-left: 20px;
    }

    .pl-20px-sm-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-20px-xs {
        padding-left: 20px;
    }

    .pl-20px-xs-i {
        padding-left: 20px !important;
    }
}

.pt-24px-all {
    padding-top: 24px;
}

.pt-24px-all-i {
    padding-top: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pt-24px-xl {
        padding-top: 24px;
    }

    .pt-24px-xl-i {
        padding-top: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-24px-lg {
        padding-top: 24px;
    }

    .pt-24px-lg-i {
        padding-top: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-24px-md {
        padding-top: 24px;
    }

    .pt-24px-md-i {
        padding-top: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-24px-sm {
        padding-top: 24px;
    }

    .pt-24px-sm-i {
        padding-top: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-24px-xs {
        padding-top: 24px;
    }

    .pt-24px-xs-i {
        padding-top: 24px !important;
    }
}

.pr-24px-all {
    padding-right: 24px;
}

.pr-24px-all-i {
    padding-right: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pr-24px-xl {
        padding-right: 24px;
    }

    .pr-24px-xl-i {
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-24px-lg {
        padding-right: 24px;
    }

    .pr-24px-lg-i {
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-24px-md {
        padding-right: 24px;
    }

    .pr-24px-md-i {
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-24px-sm {
        padding-right: 24px;
    }

    .pr-24px-sm-i {
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-24px-xs {
        padding-right: 24px;
    }

    .pr-24px-xs-i {
        padding-right: 24px !important;
    }
}

.pb-24px-all {
    padding-bottom: 24px;
}

.pb-24px-all-i {
    padding-bottom: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pb-24px-xl {
        padding-bottom: 24px;
    }

    .pb-24px-xl-i {
        padding-bottom: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-24px-lg {
        padding-bottom: 24px;
    }

    .pb-24px-lg-i {
        padding-bottom: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-24px-md {
        padding-bottom: 24px;
    }

    .pb-24px-md-i {
        padding-bottom: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-24px-sm {
        padding-bottom: 24px;
    }

    .pb-24px-sm-i {
        padding-bottom: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-24px-xs {
        padding-bottom: 24px;
    }

    .pb-24px-xs-i {
        padding-bottom: 24px !important;
    }
}

.pl-24px-all {
    padding-left: 24px;
}

.pl-24px-all-i {
    padding-left: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pl-24px-xl {
        padding-left: 24px;
    }

    .pl-24px-xl-i {
        padding-left: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-24px-lg {
        padding-left: 24px;
    }

    .pl-24px-lg-i {
        padding-left: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-24px-md {
        padding-left: 24px;
    }

    .pl-24px-md-i {
        padding-left: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-24px-sm {
        padding-left: 24px;
    }

    .pl-24px-sm-i {
        padding-left: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-24px-xs {
        padding-left: 24px;
    }

    .pl-24px-xs-i {
        padding-left: 24px !important;
    }
}

.pt-25px-all {
    padding-top: 25px;
}

.pt-25px-all-i {
    padding-top: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pt-25px-xl {
        padding-top: 25px;
    }

    .pt-25px-xl-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-25px-lg {
        padding-top: 25px;
    }

    .pt-25px-lg-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-25px-md {
        padding-top: 25px;
    }

    .pt-25px-md-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-25px-sm {
        padding-top: 25px;
    }

    .pt-25px-sm-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-25px-xs {
        padding-top: 25px;
    }

    .pt-25px-xs-i {
        padding-top: 25px !important;
    }
}

.pr-25px-all {
    padding-right: 25px;
}

.pr-25px-all-i {
    padding-right: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pr-25px-xl {
        padding-right: 25px;
    }

    .pr-25px-xl-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-25px-lg {
        padding-right: 25px;
    }

    .pr-25px-lg-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-25px-md {
        padding-right: 25px;
    }

    .pr-25px-md-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-25px-sm {
        padding-right: 25px;
    }

    .pr-25px-sm-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-25px-xs {
        padding-right: 25px;
    }

    .pr-25px-xs-i {
        padding-right: 25px !important;
    }
}

.pb-25px-all {
    padding-bottom: 25px;
}

.pb-25px-all-i {
    padding-bottom: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pb-25px-xl {
        padding-bottom: 25px;
    }

    .pb-25px-xl-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-25px-lg {
        padding-bottom: 25px;
    }

    .pb-25px-lg-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-25px-md {
        padding-bottom: 25px;
    }

    .pb-25px-md-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-25px-sm {
        padding-bottom: 25px;
    }

    .pb-25px-sm-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-25px-xs {
        padding-bottom: 25px;
    }

    .pb-25px-xs-i {
        padding-bottom: 25px !important;
    }
}

.pl-25px-all {
    padding-left: 25px;
}

.pl-25px-all-i {
    padding-left: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pl-25px-xl {
        padding-left: 25px;
    }

    .pl-25px-xl-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-25px-lg {
        padding-left: 25px;
    }

    .pl-25px-lg-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-25px-md {
        padding-left: 25px;
    }

    .pl-25px-md-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-25px-sm {
        padding-left: 25px;
    }

    .pl-25px-sm-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-25px-xs {
        padding-left: 25px;
    }

    .pl-25px-xs-i {
        padding-left: 25px !important;
    }
}

.pt-30px-all {
    padding-top: 30px;
}

.pt-30px-all-i {
    padding-top: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pt-30px-xl {
        padding-top: 30px;
    }

    .pt-30px-xl-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-30px-lg {
        padding-top: 30px;
    }

    .pt-30px-lg-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-30px-md {
        padding-top: 30px;
    }

    .pt-30px-md-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-30px-sm {
        padding-top: 30px;
    }

    .pt-30px-sm-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-30px-xs {
        padding-top: 30px;
    }

    .pt-30px-xs-i {
        padding-top: 30px !important;
    }
}

.pr-30px-all {
    padding-right: 30px;
}

.pr-30px-all-i {
    padding-right: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pr-30px-xl {
        padding-right: 30px;
    }

    .pr-30px-xl-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-30px-lg {
        padding-right: 30px;
    }

    .pr-30px-lg-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-30px-md {
        padding-right: 30px;
    }

    .pr-30px-md-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-30px-sm {
        padding-right: 30px;
    }

    .pr-30px-sm-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-30px-xs {
        padding-right: 30px;
    }

    .pr-30px-xs-i {
        padding-right: 30px !important;
    }
}

.pb-30px-all {
    padding-bottom: 30px;
}

.pb-30px-all-i {
    padding-bottom: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pb-30px-xl {
        padding-bottom: 30px;
    }

    .pb-30px-xl-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-30px-lg {
        padding-bottom: 30px;
    }

    .pb-30px-lg-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-30px-md {
        padding-bottom: 30px;
    }

    .pb-30px-md-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-30px-sm {
        padding-bottom: 30px;
    }

    .pb-30px-sm-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-30px-xs {
        padding-bottom: 30px;
    }

    .pb-30px-xs-i {
        padding-bottom: 30px !important;
    }
}

.pl-30px-all {
    padding-left: 30px;
}

.pl-30px-all-i {
    padding-left: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pl-30px-xl {
        padding-left: 30px;
    }

    .pl-30px-xl-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-30px-lg {
        padding-left: 30px;
    }

    .pl-30px-lg-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-30px-md {
        padding-left: 30px;
    }

    .pl-30px-md-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-30px-sm {
        padding-left: 30px;
    }

    .pl-30px-sm-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-30px-xs {
        padding-left: 30px;
    }

    .pl-30px-xs-i {
        padding-left: 30px !important;
    }
}

.pt-32px-all {
    padding-top: 32px;
}

.pt-32px-all-i {
    padding-top: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pt-32px-xl {
        padding-top: 32px;
    }

    .pt-32px-xl-i {
        padding-top: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-32px-lg {
        padding-top: 32px;
    }

    .pt-32px-lg-i {
        padding-top: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-32px-md {
        padding-top: 32px;
    }

    .pt-32px-md-i {
        padding-top: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-32px-sm {
        padding-top: 32px;
    }

    .pt-32px-sm-i {
        padding-top: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-32px-xs {
        padding-top: 32px;
    }

    .pt-32px-xs-i {
        padding-top: 32px !important;
    }
}

.pr-32px-all {
    padding-right: 32px;
}

.pr-32px-all-i {
    padding-right: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pr-32px-xl {
        padding-right: 32px;
    }

    .pr-32px-xl-i {
        padding-right: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-32px-lg {
        padding-right: 32px;
    }

    .pr-32px-lg-i {
        padding-right: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-32px-md {
        padding-right: 32px;
    }

    .pr-32px-md-i {
        padding-right: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-32px-sm {
        padding-right: 32px;
    }

    .pr-32px-sm-i {
        padding-right: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-32px-xs {
        padding-right: 32px;
    }

    .pr-32px-xs-i {
        padding-right: 32px !important;
    }
}

.pb-32px-all {
    padding-bottom: 32px;
}

.pb-32px-all-i {
    padding-bottom: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pb-32px-xl {
        padding-bottom: 32px;
    }

    .pb-32px-xl-i {
        padding-bottom: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-32px-lg {
        padding-bottom: 32px;
    }

    .pb-32px-lg-i {
        padding-bottom: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-32px-md {
        padding-bottom: 32px;
    }

    .pb-32px-md-i {
        padding-bottom: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-32px-sm {
        padding-bottom: 32px;
    }

    .pb-32px-sm-i {
        padding-bottom: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-32px-xs {
        padding-bottom: 32px;
    }

    .pb-32px-xs-i {
        padding-bottom: 32px !important;
    }
}

.pl-32px-all {
    padding-left: 32px;
}

.pl-32px-all-i {
    padding-left: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pl-32px-xl {
        padding-left: 32px;
    }

    .pl-32px-xl-i {
        padding-left: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-32px-lg {
        padding-left: 32px;
    }

    .pl-32px-lg-i {
        padding-left: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-32px-md {
        padding-left: 32px;
    }

    .pl-32px-md-i {
        padding-left: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-32px-sm {
        padding-left: 32px;
    }

    .pl-32px-sm-i {
        padding-left: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-32px-xs {
        padding-left: 32px;
    }

    .pl-32px-xs-i {
        padding-left: 32px !important;
    }
}

.pt-35px-all {
    padding-top: 35px;
}

.pt-35px-all-i {
    padding-top: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pt-35px-xl {
        padding-top: 35px;
    }

    .pt-35px-xl-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-35px-lg {
        padding-top: 35px;
    }

    .pt-35px-lg-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-35px-md {
        padding-top: 35px;
    }

    .pt-35px-md-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-35px-sm {
        padding-top: 35px;
    }

    .pt-35px-sm-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-35px-xs {
        padding-top: 35px;
    }

    .pt-35px-xs-i {
        padding-top: 35px !important;
    }
}

.pr-35px-all {
    padding-right: 35px;
}

.pr-35px-all-i {
    padding-right: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pr-35px-xl {
        padding-right: 35px;
    }

    .pr-35px-xl-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-35px-lg {
        padding-right: 35px;
    }

    .pr-35px-lg-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-35px-md {
        padding-right: 35px;
    }

    .pr-35px-md-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-35px-sm {
        padding-right: 35px;
    }

    .pr-35px-sm-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-35px-xs {
        padding-right: 35px;
    }

    .pr-35px-xs-i {
        padding-right: 35px !important;
    }
}

.pb-35px-all {
    padding-bottom: 35px;
}

.pb-35px-all-i {
    padding-bottom: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pb-35px-xl {
        padding-bottom: 35px;
    }

    .pb-35px-xl-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-35px-lg {
        padding-bottom: 35px;
    }

    .pb-35px-lg-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-35px-md {
        padding-bottom: 35px;
    }

    .pb-35px-md-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-35px-sm {
        padding-bottom: 35px;
    }

    .pb-35px-sm-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-35px-xs {
        padding-bottom: 35px;
    }

    .pb-35px-xs-i {
        padding-bottom: 35px !important;
    }
}

.pl-35px-all {
    padding-left: 35px;
}

.pl-35px-all-i {
    padding-left: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pl-35px-xl {
        padding-left: 35px;
    }

    .pl-35px-xl-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-35px-lg {
        padding-left: 35px;
    }

    .pl-35px-lg-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-35px-md {
        padding-left: 35px;
    }

    .pl-35px-md-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-35px-sm {
        padding-left: 35px;
    }

    .pl-35px-sm-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-35px-xs {
        padding-left: 35px;
    }

    .pl-35px-xs-i {
        padding-left: 35px !important;
    }
}

.pt-36px-all {
    padding-top: 36px;
}

.pt-36px-all-i {
    padding-top: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pt-36px-xl {
        padding-top: 36px;
    }

    .pt-36px-xl-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-36px-lg {
        padding-top: 36px;
    }

    .pt-36px-lg-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-36px-md {
        padding-top: 36px;
    }

    .pt-36px-md-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-36px-sm {
        padding-top: 36px;
    }

    .pt-36px-sm-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-36px-xs {
        padding-top: 36px;
    }

    .pt-36px-xs-i {
        padding-top: 36px !important;
    }
}

.pr-36px-all {
    padding-right: 36px;
}

.pr-36px-all-i {
    padding-right: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pr-36px-xl {
        padding-right: 36px;
    }

    .pr-36px-xl-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-36px-lg {
        padding-right: 36px;
    }

    .pr-36px-lg-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-36px-md {
        padding-right: 36px;
    }

    .pr-36px-md-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-36px-sm {
        padding-right: 36px;
    }

    .pr-36px-sm-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-36px-xs {
        padding-right: 36px;
    }

    .pr-36px-xs-i {
        padding-right: 36px !important;
    }
}

.pb-36px-all {
    padding-bottom: 36px;
}

.pb-36px-all-i {
    padding-bottom: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pb-36px-xl {
        padding-bottom: 36px;
    }

    .pb-36px-xl-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-36px-lg {
        padding-bottom: 36px;
    }

    .pb-36px-lg-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-36px-md {
        padding-bottom: 36px;
    }

    .pb-36px-md-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-36px-sm {
        padding-bottom: 36px;
    }

    .pb-36px-sm-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-36px-xs {
        padding-bottom: 36px;
    }

    .pb-36px-xs-i {
        padding-bottom: 36px !important;
    }
}

.pl-36px-all {
    padding-left: 36px;
}

.pl-36px-all-i {
    padding-left: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pl-36px-xl {
        padding-left: 36px;
    }

    .pl-36px-xl-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-36px-lg {
        padding-left: 36px;
    }

    .pl-36px-lg-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-36px-md {
        padding-left: 36px;
    }

    .pl-36px-md-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-36px-sm {
        padding-left: 36px;
    }

    .pl-36px-sm-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-36px-xs {
        padding-left: 36px;
    }

    .pl-36px-xs-i {
        padding-left: 36px !important;
    }
}

.pt-38px-all {
    padding-top: 38px;
}

.pt-38px-all-i {
    padding-top: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pt-38px-xl {
        padding-top: 38px;
    }

    .pt-38px-xl-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-38px-lg {
        padding-top: 38px;
    }

    .pt-38px-lg-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-38px-md {
        padding-top: 38px;
    }

    .pt-38px-md-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-38px-sm {
        padding-top: 38px;
    }

    .pt-38px-sm-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-38px-xs {
        padding-top: 38px;
    }

    .pt-38px-xs-i {
        padding-top: 38px !important;
    }
}

.pr-38px-all {
    padding-right: 38px;
}

.pr-38px-all-i {
    padding-right: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pr-38px-xl {
        padding-right: 38px;
    }

    .pr-38px-xl-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-38px-lg {
        padding-right: 38px;
    }

    .pr-38px-lg-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-38px-md {
        padding-right: 38px;
    }

    .pr-38px-md-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-38px-sm {
        padding-right: 38px;
    }

    .pr-38px-sm-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-38px-xs {
        padding-right: 38px;
    }

    .pr-38px-xs-i {
        padding-right: 38px !important;
    }
}

.pb-38px-all {
    padding-bottom: 38px;
}

.pb-38px-all-i {
    padding-bottom: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pb-38px-xl {
        padding-bottom: 38px;
    }

    .pb-38px-xl-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-38px-lg {
        padding-bottom: 38px;
    }

    .pb-38px-lg-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-38px-md {
        padding-bottom: 38px;
    }

    .pb-38px-md-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-38px-sm {
        padding-bottom: 38px;
    }

    .pb-38px-sm-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-38px-xs {
        padding-bottom: 38px;
    }

    .pb-38px-xs-i {
        padding-bottom: 38px !important;
    }
}

.pl-38px-all {
    padding-left: 38px;
}

.pl-38px-all-i {
    padding-left: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pl-38px-xl {
        padding-left: 38px;
    }

    .pl-38px-xl-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-38px-lg {
        padding-left: 38px;
    }

    .pl-38px-lg-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-38px-md {
        padding-left: 38px;
    }

    .pl-38px-md-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-38px-sm {
        padding-left: 38px;
    }

    .pl-38px-sm-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-38px-xs {
        padding-left: 38px;
    }

    .pl-38px-xs-i {
        padding-left: 38px !important;
    }
}

.pt-40px-all {
    padding-top: 40px;
}

.pt-40px-all-i {
    padding-top: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pt-40px-xl {
        padding-top: 40px;
    }

    .pt-40px-xl-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-40px-lg {
        padding-top: 40px;
    }

    .pt-40px-lg-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-40px-md {
        padding-top: 40px;
    }

    .pt-40px-md-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-40px-sm {
        padding-top: 40px;
    }

    .pt-40px-sm-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-40px-xs {
        padding-top: 40px;
    }

    .pt-40px-xs-i {
        padding-top: 40px !important;
    }
}

.pr-40px-all {
    padding-right: 40px;
}

.pr-40px-all-i {
    padding-right: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pr-40px-xl {
        padding-right: 40px;
    }

    .pr-40px-xl-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-40px-lg {
        padding-right: 40px;
    }

    .pr-40px-lg-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-40px-md {
        padding-right: 40px;
    }

    .pr-40px-md-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-40px-sm {
        padding-right: 40px;
    }

    .pr-40px-sm-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-40px-xs {
        padding-right: 40px;
    }

    .pr-40px-xs-i {
        padding-right: 40px !important;
    }
}

.pb-40px-all {
    padding-bottom: 40px;
}

.pb-40px-all-i {
    padding-bottom: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pb-40px-xl {
        padding-bottom: 40px;
    }

    .pb-40px-xl-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-40px-lg {
        padding-bottom: 40px;
    }

    .pb-40px-lg-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-40px-md {
        padding-bottom: 40px;
    }

    .pb-40px-md-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-40px-sm {
        padding-bottom: 40px;
    }

    .pb-40px-sm-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-40px-xs {
        padding-bottom: 40px;
    }

    .pb-40px-xs-i {
        padding-bottom: 40px !important;
    }
}

.pl-40px-all {
    padding-left: 40px;
}

.pl-40px-all-i {
    padding-left: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pl-40px-xl {
        padding-left: 40px;
    }

    .pl-40px-xl-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-40px-lg {
        padding-left: 40px;
    }

    .pl-40px-lg-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-40px-md {
        padding-left: 40px;
    }

    .pl-40px-md-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-40px-sm {
        padding-left: 40px;
    }

    .pl-40px-sm-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-40px-xs {
        padding-left: 40px;
    }

    .pl-40px-xs-i {
        padding-left: 40px !important;
    }
}

.pt-45px-all {
    padding-top: 45px;
}

.pt-45px-all-i {
    padding-top: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pt-45px-xl {
        padding-top: 45px;
    }

    .pt-45px-xl-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-45px-lg {
        padding-top: 45px;
    }

    .pt-45px-lg-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-45px-md {
        padding-top: 45px;
    }

    .pt-45px-md-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-45px-sm {
        padding-top: 45px;
    }

    .pt-45px-sm-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-45px-xs {
        padding-top: 45px;
    }

    .pt-45px-xs-i {
        padding-top: 45px !important;
    }
}

.pr-45px-all {
    padding-right: 45px;
}

.pr-45px-all-i {
    padding-right: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pr-45px-xl {
        padding-right: 45px;
    }

    .pr-45px-xl-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-45px-lg {
        padding-right: 45px;
    }

    .pr-45px-lg-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-45px-md {
        padding-right: 45px;
    }

    .pr-45px-md-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-45px-sm {
        padding-right: 45px;
    }

    .pr-45px-sm-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-45px-xs {
        padding-right: 45px;
    }

    .pr-45px-xs-i {
        padding-right: 45px !important;
    }
}

.pb-45px-all {
    padding-bottom: 45px;
}

.pb-45px-all-i {
    padding-bottom: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pb-45px-xl {
        padding-bottom: 45px;
    }

    .pb-45px-xl-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-45px-lg {
        padding-bottom: 45px;
    }

    .pb-45px-lg-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-45px-md {
        padding-bottom: 45px;
    }

    .pb-45px-md-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-45px-sm {
        padding-bottom: 45px;
    }

    .pb-45px-sm-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-45px-xs {
        padding-bottom: 45px;
    }

    .pb-45px-xs-i {
        padding-bottom: 45px !important;
    }
}

.pl-45px-all {
    padding-left: 45px;
}

.pl-45px-all-i {
    padding-left: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pl-45px-xl {
        padding-left: 45px;
    }

    .pl-45px-xl-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-45px-lg {
        padding-left: 45px;
    }

    .pl-45px-lg-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-45px-md {
        padding-left: 45px;
    }

    .pl-45px-md-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-45px-sm {
        padding-left: 45px;
    }

    .pl-45px-sm-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-45px-xs {
        padding-left: 45px;
    }

    .pl-45px-xs-i {
        padding-left: 45px !important;
    }
}

.pt-56px-all {
    padding-top: 56px;
}

.pt-56px-all-i {
    padding-top: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pt-56px-xl {
        padding-top: 56px;
    }

    .pt-56px-xl-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-56px-lg {
        padding-top: 56px;
    }

    .pt-56px-lg-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-56px-md {
        padding-top: 56px;
    }

    .pt-56px-md-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-56px-sm {
        padding-top: 56px;
    }

    .pt-56px-sm-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-56px-xs {
        padding-top: 56px;
    }

    .pt-56px-xs-i {
        padding-top: 56px !important;
    }
}

.pr-56px-all {
    padding-right: 56px;
}

.pr-56px-all-i {
    padding-right: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pr-56px-xl {
        padding-right: 56px;
    }

    .pr-56px-xl-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-56px-lg {
        padding-right: 56px;
    }

    .pr-56px-lg-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-56px-md {
        padding-right: 56px;
    }

    .pr-56px-md-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-56px-sm {
        padding-right: 56px;
    }

    .pr-56px-sm-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-56px-xs {
        padding-right: 56px;
    }

    .pr-56px-xs-i {
        padding-right: 56px !important;
    }
}

.pb-56px-all {
    padding-bottom: 56px;
}

.pb-56px-all-i {
    padding-bottom: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pb-56px-xl {
        padding-bottom: 56px;
    }

    .pb-56px-xl-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-56px-lg {
        padding-bottom: 56px;
    }

    .pb-56px-lg-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-56px-md {
        padding-bottom: 56px;
    }

    .pb-56px-md-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-56px-sm {
        padding-bottom: 56px;
    }

    .pb-56px-sm-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-56px-xs {
        padding-bottom: 56px;
    }

    .pb-56px-xs-i {
        padding-bottom: 56px !important;
    }
}

.pl-56px-all {
    padding-left: 56px;
}

.pl-56px-all-i {
    padding-left: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pl-56px-xl {
        padding-left: 56px;
    }

    .pl-56px-xl-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-56px-lg {
        padding-left: 56px;
    }

    .pl-56px-lg-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-56px-md {
        padding-left: 56px;
    }

    .pl-56px-md-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-56px-sm {
        padding-left: 56px;
    }

    .pl-56px-sm-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-56px-xs {
        padding-left: 56px;
    }

    .pl-56px-xs-i {
        padding-left: 56px !important;
    }
}

.pt-80px-all {
    padding-top: 80px;
}

.pt-80px-all-i {
    padding-top: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pt-80px-xl {
        padding-top: 80px;
    }

    .pt-80px-xl-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-80px-lg {
        padding-top: 80px;
    }

    .pt-80px-lg-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-80px-md {
        padding-top: 80px;
    }

    .pt-80px-md-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-80px-sm {
        padding-top: 80px;
    }

    .pt-80px-sm-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-80px-xs {
        padding-top: 80px;
    }

    .pt-80px-xs-i {
        padding-top: 80px !important;
    }
}

.pr-80px-all {
    padding-right: 80px;
}

.pr-80px-all-i {
    padding-right: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pr-80px-xl {
        padding-right: 80px;
    }

    .pr-80px-xl-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-80px-lg {
        padding-right: 80px;
    }

    .pr-80px-lg-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-80px-md {
        padding-right: 80px;
    }

    .pr-80px-md-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-80px-sm {
        padding-right: 80px;
    }

    .pr-80px-sm-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-80px-xs {
        padding-right: 80px;
    }

    .pr-80px-xs-i {
        padding-right: 80px !important;
    }
}

.pb-80px-all {
    padding-bottom: 80px;
}

.pb-80px-all-i {
    padding-bottom: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pb-80px-xl {
        padding-bottom: 80px;
    }

    .pb-80px-xl-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-80px-lg {
        padding-bottom: 80px;
    }

    .pb-80px-lg-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-80px-md {
        padding-bottom: 80px;
    }

    .pb-80px-md-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-80px-sm {
        padding-bottom: 80px;
    }

    .pb-80px-sm-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-80px-xs {
        padding-bottom: 80px;
    }

    .pb-80px-xs-i {
        padding-bottom: 80px !important;
    }
}

.pl-80px-all {
    padding-left: 80px;
}

.pl-80px-all-i {
    padding-left: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pl-80px-xl {
        padding-left: 80px;
    }

    .pl-80px-xl-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-80px-lg {
        padding-left: 80px;
    }

    .pl-80px-lg-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-80px-md {
        padding-left: 80px;
    }

    .pl-80px-md-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-80px-sm {
        padding-left: 80px;
    }

    .pl-80px-sm-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-80px-xs {
        padding-left: 80px;
    }

    .pl-80px-xs-i {
        padding-left: 80px !important;
    }
}

/* Font Size */
.fz-8px-all {
    font-size: 8px;
}

.fz-8px-all-i {
    font-size: 8px !important;
}

@media screen and (min-width: 1200px) {
    .fz-8px-xl {
        font-size: 8px;
    }

    .fz-8px-xl-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-8px-lg {
        font-size: 8px;
    }

    .fz-8px-lg-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-8px-md {
        font-size: 8px;
    }

    .fz-8px-md-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-8px-sm {
        font-size: 8px;
    }

    .fz-8px-sm-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-8px-xs {
        font-size: 8px;
    }

    .fz-8px-xs-i {
        font-size: 8px !important;
    }
}

.fz-10px-all {
    font-size: 10px;
}

.fz-10px-all-i {
    font-size: 10px !important;
}

@media screen and (min-width: 1200px) {
    .fz-10px-xl {
        font-size: 10px;
    }

    .fz-10px-xl-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-10px-lg {
        font-size: 10px;
    }

    .fz-10px-lg-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-10px-md {
        font-size: 10px;
    }

    .fz-10px-md-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-10px-sm {
        font-size: 10px;
    }

    .fz-10px-sm-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-10px-xs {
        font-size: 10px;
    }

    .fz-10px-xs-i {
        font-size: 10px !important;
    }
}

.fz-12px-all {
    font-size: 12px;
}

.fz-12px-all-i {
    font-size: 12px !important;
}

@media screen and (min-width: 1200px) {
    .fz-12px-xl {
        font-size: 12px;
    }

    .fz-12px-xl-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-12px-lg {
        font-size: 12px;
    }

    .fz-12px-lg-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-12px-md {
        font-size: 12px;
    }

    .fz-12px-md-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-12px-sm {
        font-size: 12px;
    }

    .fz-12px-sm-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-12px-xs {
        font-size: 12px;
    }

    .fz-12px-xs-i {
        font-size: 12px !important;
    }
}

.fz-14px-all {
    font-size: 14px;
}

.fz-14px-all-i {
    font-size: 14px !important;
}

@media screen and (min-width: 1200px) {
    .fz-14px-xl {
        font-size: 14px;
    }

    .fz-14px-xl-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-14px-lg {
        font-size: 14px;
    }

    .fz-14px-lg-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-14px-md {
        font-size: 14px;
    }

    .fz-14px-md-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-14px-sm {
        font-size: 14px;
    }

    .fz-14px-sm-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-14px-xs {
        font-size: 14px;
    }

    .fz-14px-xs-i {
        font-size: 14px !important;
    }
}

.fz-16px-all {
    font-size: 16px;
}

.fz-16px-all-i {
    font-size: 16px !important;
}

@media screen and (min-width: 1200px) {
    .fz-16px-xl {
        font-size: 16px;
    }

    .fz-16px-xl-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-16px-lg {
        font-size: 16px;
    }

    .fz-16px-lg-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-16px-md {
        font-size: 16px;
    }

    .fz-16px-md-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-16px-sm {
        font-size: 16px;
    }

    .fz-16px-sm-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-16px-xs {
        font-size: 16px;
    }

    .fz-16px-xs-i {
        font-size: 16px !important;
    }
}

.fz-18px-all {
    font-size: 18px;
}

.fz-18px-all-i {
    font-size: 18px !important;
}

@media screen and (min-width: 1200px) {
    .fz-18px-xl {
        font-size: 18px;
    }

    .fz-18px-xl-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-18px-lg {
        font-size: 18px;
    }

    .fz-18px-lg-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-18px-md {
        font-size: 18px;
    }

    .fz-18px-md-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-18px-sm {
        font-size: 18px;
    }

    .fz-18px-sm-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-18px-xs {
        font-size: 18px;
    }

    .fz-18px-xs-i {
        font-size: 18px !important;
    }
}

.fz-20px-all {
    font-size: 20px;
}

.fz-20px-all-i {
    font-size: 20px !important;
}

@media screen and (min-width: 1200px) {
    .fz-20px-xl {
        font-size: 20px;
    }

    .fz-20px-xl-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-20px-lg {
        font-size: 20px;
    }

    .fz-20px-lg-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-20px-md {
        font-size: 20px;
    }

    .fz-20px-md-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-20px-sm {
        font-size: 20px;
    }

    .fz-20px-sm-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-20px-xs {
        font-size: 20px;
    }

    .fz-20px-xs-i {
        font-size: 20px !important;
    }
}

.fz-22px-all {
    font-size: 22px;
}

.fz-22px-all-i {
    font-size: 22px !important;
}

@media screen and (min-width: 1200px) {
    .fz-22px-xl {
        font-size: 22px;
    }

    .fz-22px-xl-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-22px-lg {
        font-size: 22px;
    }

    .fz-22px-lg-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-22px-md {
        font-size: 22px;
    }

    .fz-22px-md-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-22px-sm {
        font-size: 22px;
    }

    .fz-22px-sm-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-22px-xs {
        font-size: 22px;
    }

    .fz-22px-xs-i {
        font-size: 22px !important;
    }
}

.fz-24px-all {
    font-size: 24px;
}

.fz-24px-all-i {
    font-size: 24px !important;
}

@media screen and (min-width: 1200px) {
    .fz-24px-xl {
        font-size: 24px;
    }

    .fz-24px-xl-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-24px-lg {
        font-size: 24px;
    }

    .fz-24px-lg-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-24px-md {
        font-size: 24px;
    }

    .fz-24px-md-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-24px-sm {
        font-size: 24px;
    }

    .fz-24px-sm-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-24px-xs {
        font-size: 24px;
    }

    .fz-24px-xs-i {
        font-size: 24px !important;
    }
}

.fz-26px-all {
    font-size: 26px;
}

.fz-26px-all-i {
    font-size: 26px !important;
}

@media screen and (min-width: 1200px) {
    .fz-26px-xl {
        font-size: 26px;
    }

    .fz-26px-xl-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-26px-lg {
        font-size: 26px;
    }

    .fz-26px-lg-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-26px-md {
        font-size: 26px;
    }

    .fz-26px-md-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-26px-sm {
        font-size: 26px;
    }

    .fz-26px-sm-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-26px-xs {
        font-size: 26px;
    }

    .fz-26px-xs-i {
        font-size: 26px !important;
    }
}

.fz-28px-all {
    font-size: 28px;
}

.fz-28px-all-i {
    font-size: 28px !important;
}

@media screen and (min-width: 1200px) {
    .fz-28px-xl {
        font-size: 28px;
    }

    .fz-28px-xl-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-28px-lg {
        font-size: 28px;
    }

    .fz-28px-lg-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-28px-md {
        font-size: 28px;
    }

    .fz-28px-md-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-28px-sm {
        font-size: 28px;
    }

    .fz-28px-sm-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-28px-xs {
        font-size: 28px;
    }

    .fz-28px-xs-i {
        font-size: 28px !important;
    }
}

.fz-30px-all {
    font-size: 30px;
}

.fz-30px-all-i {
    font-size: 30px !important;
}

@media screen and (min-width: 1200px) {
    .fz-30px-xl {
        font-size: 30px;
    }

    .fz-30px-xl-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-30px-lg {
        font-size: 30px;
    }

    .fz-30px-lg-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-30px-md {
        font-size: 30px;
    }

    .fz-30px-md-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-30px-sm {
        font-size: 30px;
    }

    .fz-30px-sm-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-30px-xs {
        font-size: 30px;
    }

    .fz-30px-xs-i {
        font-size: 30px !important;
    }
}

.fz-32px-all {
    font-size: 32px;
}

.fz-32px-all-i {
    font-size: 32px !important;
}

@media screen and (min-width: 1200px) {
    .fz-32px-xl {
        font-size: 32px;
    }

    .fz-32px-xl-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-32px-lg {
        font-size: 32px;
    }

    .fz-32px-lg-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-32px-md {
        font-size: 32px;
    }

    .fz-32px-md-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-32px-sm {
        font-size: 32px;
    }

    .fz-32px-sm-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-32px-xs {
        font-size: 32px;
    }

    .fz-32px-xs-i {
        font-size: 32px !important;
    }
}

.fz-34px-all {
    font-size: 34px;
}

.fz-34px-all-i {
    font-size: 34px !important;
}

@media screen and (min-width: 1200px) {
    .fz-34px-xl {
        font-size: 34px;
    }

    .fz-34px-xl-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-34px-lg {
        font-size: 34px;
    }

    .fz-34px-lg-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-34px-md {
        font-size: 34px;
    }

    .fz-34px-md-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-34px-sm {
        font-size: 34px;
    }

    .fz-34px-sm-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-34px-xs {
        font-size: 34px;
    }

    .fz-34px-xs-i {
        font-size: 34px !important;
    }
}

.fz-36px-all {
    font-size: 36px;
}

.fz-36px-all-i {
    font-size: 36px !important;
}

@media screen and (min-width: 1200px) {
    .fz-36px-xl {
        font-size: 36px;
    }

    .fz-36px-xl-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-36px-lg {
        font-size: 36px;
    }

    .fz-36px-lg-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-36px-md {
        font-size: 36px;
    }

    .fz-36px-md-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-36px-sm {
        font-size: 36px;
    }

    .fz-36px-sm-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-36px-xs {
        font-size: 36px;
    }

    .fz-36px-xs-i {
        font-size: 36px !important;
    }
}

.fz-40px-all {
    font-size: 40px;
}

.fz-40px-all-i {
    font-size: 40px !important;
}

@media screen and (min-width: 1200px) {
    .fz-40px-xl {
        font-size: 40px;
    }

    .fz-40px-xl-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-40px-lg {
        font-size: 40px;
    }

    .fz-40px-lg-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-40px-md {
        font-size: 40px;
    }

    .fz-40px-md-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-40px-sm {
        font-size: 40px;
    }

    .fz-40px-sm-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-40px-xs {
        font-size: 40px;
    }

    .fz-40px-xs-i {
        font-size: 40px !important;
    }
}

.fz-42px-all {
    font-size: 42px;
}

.fz-42px-all-i {
    font-size: 42px !important;
}

@media screen and (min-width: 1200px) {
    .fz-42px-xl {
        font-size: 42px;
    }

    .fz-42px-xl-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-42px-lg {
        font-size: 42px;
    }

    .fz-42px-lg-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-42px-md {
        font-size: 42px;
    }

    .fz-42px-md-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-42px-sm {
        font-size: 42px;
    }

    .fz-42px-sm-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-42px-xs {
        font-size: 42px;
    }

    .fz-42px-xs-i {
        font-size: 42px !important;
    }
}

.fz-44px-all {
    font-size: 44px;
}

.fz-44px-all-i {
    font-size: 44px !important;
}

@media screen and (min-width: 1200px) {
    .fz-44px-xl {
        font-size: 44px;
    }

    .fz-44px-xl-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-44px-lg {
        font-size: 44px;
    }

    .fz-44px-lg-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-44px-md {
        font-size: 44px;
    }

    .fz-44px-md-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-44px-sm {
        font-size: 44px;
    }

    .fz-44px-sm-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-44px-xs {
        font-size: 44px;
    }

    .fz-44px-xs-i {
        font-size: 44px !important;
    }
}

.fz-48px-all {
    font-size: 48px;
}

.fz-48px-all-i {
    font-size: 48px !important;
}

@media screen and (min-width: 1200px) {
    .fz-48px-xl {
        font-size: 48px;
    }

    .fz-48px-xl-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-48px-lg {
        font-size: 48px;
    }

    .fz-48px-lg-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-48px-md {
        font-size: 48px;
    }

    .fz-48px-md-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-48px-sm {
        font-size: 48px;
    }

    .fz-48px-sm-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-48px-xs {
        font-size: 48px;
    }

    .fz-48px-xs-i {
        font-size: 48px !important;
    }
}

.fz-72px-all {
    font-size: 72px;
}

.fz-72px-all-i {
    font-size: 72px !important;
}

@media screen and (min-width: 1200px) {
    .fz-72px-xl {
        font-size: 72px;
    }

    .fz-72px-xl-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-72px-lg {
        font-size: 72px;
    }

    .fz-72px-lg-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-72px-md {
        font-size: 72px;
    }

    .fz-72px-md-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-72px-sm {
        font-size: 72px;
    }

    .fz-72px-sm-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-72px-xs {
        font-size: 72px;
    }

    .fz-72px-xs-i {
        font-size: 72px !important;
    }
}

.fz-144px-all {
    font-size: 144px;
}

.fz-144px-all-i {
    font-size: 144px !important;
}

@media screen and (min-width: 1200px) {
    .fz-144px-xl {
        font-size: 144px;
    }

    .fz-144px-xl-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-144px-lg {
        font-size: 144px;
    }

    .fz-144px-lg-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-144px-md {
        font-size: 144px;
    }

    .fz-144px-md-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-144px-sm {
        font-size: 144px;
    }

    .fz-144px-sm-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-144px-xs {
        font-size: 144px;
    }

    .fz-144px-xs-i {
        font-size: 144px !important;
    }
}

/* Width */
.w-0p-all {
    width: 0%;
}

.w-0p-all-i {
    width: 0% !important;
}

@media screen and (min-width: 1200px) {
    .w-0p-xl {
        width: 0%;
    }

    .w-0p-xl-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-0p-lg {
        width: 0%;
    }

    .w-0p-lg-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-0p-md {
        width: 0%;
    }

    .w-0p-md-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-0p-sm {
        width: 0%;
    }

    .w-0p-sm-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-0p-xs {
        width: 0%;
    }

    .w-0p-xs-i {
        width: 0% !important;
    }
}

.w-5p-all {
    width: 5%;
}

.w-5p-all-i {
    width: 5% !important;
}

@media screen and (min-width: 1200px) {
    .w-5p-xl {
        width: 5%;
    }

    .w-5p-xl-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-5p-lg {
        width: 5%;
    }

    .w-5p-lg-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-5p-md {
        width: 5%;
    }

    .w-5p-md-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-5p-sm {
        width: 5%;
    }

    .w-5p-sm-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-5p-xs {
        width: 5%;
    }

    .w-5p-xs-i {
        width: 5% !important;
    }
}

.w-10p-all {
    width: 10%;
}

.w-10p-all-i {
    width: 10% !important;
}

@media screen and (min-width: 1200px) {
    .w-10p-xl {
        width: 10%;
    }

    .w-10p-xl-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-10p-lg {
        width: 10%;
    }

    .w-10p-lg-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-10p-md {
        width: 10%;
    }

    .w-10p-md-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-10p-sm {
        width: 10%;
    }

    .w-10p-sm-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-10p-xs {
        width: 10%;
    }

    .w-10p-xs-i {
        width: 10% !important;
    }
}

.w-15p-all {
    width: 15%;
}

.w-15p-all-i {
    width: 15% !important;
}

@media screen and (min-width: 1200px) {
    .w-15p-xl {
        width: 15%;
    }

    .w-15p-xl-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-15p-lg {
        width: 15%;
    }

    .w-15p-lg-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-15p-md {
        width: 15%;
    }

    .w-15p-md-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-15p-sm {
        width: 15%;
    }

    .w-15p-sm-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-15p-xs {
        width: 15%;
    }

    .w-15p-xs-i {
        width: 15% !important;
    }
}

.w-20p-all {
    width: 20%;
}

.w-20p-all-i {
    width: 20% !important;
}

@media screen and (min-width: 1200px) {
    .w-20p-xl {
        width: 20%;
    }

    .w-20p-xl-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-20p-lg {
        width: 20%;
    }

    .w-20p-lg-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-20p-md {
        width: 20%;
    }

    .w-20p-md-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-20p-sm {
        width: 20%;
    }

    .w-20p-sm-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-20p-xs {
        width: 20%;
    }

    .w-20p-xs-i {
        width: 20% !important;
    }
}

.w-25p-all {
    width: 25%;
}

.w-25p-all-i {
    width: 25% !important;
}

@media screen and (min-width: 1200px) {
    .w-25p-xl {
        width: 25%;
    }

    .w-25p-xl-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-25p-lg {
        width: 25%;
    }

    .w-25p-lg-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-25p-md {
        width: 25%;
    }

    .w-25p-md-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-25p-sm {
        width: 25%;
    }

    .w-25p-sm-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-25p-xs {
        width: 25%;
    }

    .w-25p-xs-i {
        width: 25% !important;
    }
}

.w-30p-all {
    width: 30%;
}

.w-30p-all-i {
    width: 30% !important;
}

@media screen and (min-width: 1200px) {
    .w-30p-xl {
        width: 30%;
    }

    .w-30p-xl-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-30p-lg {
        width: 30%;
    }

    .w-30p-lg-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-30p-md {
        width: 30%;
    }

    .w-30p-md-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-30p-sm {
        width: 30%;
    }

    .w-30p-sm-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-30p-xs {
        width: 30%;
    }

    .w-30p-xs-i {
        width: 30% !important;
    }
}

.w-35p-all {
    width: 35%;
}

.w-35p-all-i {
    width: 35% !important;
}

@media screen and (min-width: 1200px) {
    .w-35p-xl {
        width: 35%;
    }

    .w-35p-xl-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-35p-lg {
        width: 35%;
    }

    .w-35p-lg-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-35p-md {
        width: 35%;
    }

    .w-35p-md-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-35p-sm {
        width: 35%;
    }

    .w-35p-sm-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-35p-xs {
        width: 35%;
    }

    .w-35p-xs-i {
        width: 35% !important;
    }
}

.w-40p-all {
    width: 40%;
}

.w-40p-all-i {
    width: 40% !important;
}

@media screen and (min-width: 1200px) {
    .w-40p-xl {
        width: 40%;
    }

    .w-40p-xl-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-40p-lg {
        width: 40%;
    }

    .w-40p-lg-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-40p-md {
        width: 40%;
    }

    .w-40p-md-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-40p-sm {
        width: 40%;
    }

    .w-40p-sm-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-40p-xs {
        width: 40%;
    }

    .w-40p-xs-i {
        width: 40% !important;
    }
}

.w-45p-all {
    width: 45%;
}

.w-45p-all-i {
    width: 45% !important;
}

@media screen and (min-width: 1200px) {
    .w-45p-xl {
        width: 45%;
    }

    .w-45p-xl-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-45p-lg {
        width: 45%;
    }

    .w-45p-lg-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-45p-md {
        width: 45%;
    }

    .w-45p-md-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-45p-sm {
        width: 45%;
    }

    .w-45p-sm-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-45p-xs {
        width: 45%;
    }

    .w-45p-xs-i {
        width: 45% !important;
    }
}

.w-50p-all {
    width: 50%;
}

.w-50p-all-i {
    width: 50% !important;
}

@media screen and (min-width: 1200px) {
    .w-50p-xl {
        width: 50%;
    }

    .w-50p-xl-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-50p-lg {
        width: 50%;
    }

    .w-50p-lg-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-50p-md {
        width: 50%;
    }

    .w-50p-md-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-50p-sm {
        width: 50%;
    }

    .w-50p-sm-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-50p-xs {
        width: 50%;
    }

    .w-50p-xs-i {
        width: 50% !important;
    }
}

.w-55p-all {
    width: 55%;
}

.w-55p-all-i {
    width: 55% !important;
}

@media screen and (min-width: 1200px) {
    .w-55p-xl {
        width: 55%;
    }

    .w-55p-xl-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-55p-lg {
        width: 55%;
    }

    .w-55p-lg-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-55p-md {
        width: 55%;
    }

    .w-55p-md-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-55p-sm {
        width: 55%;
    }

    .w-55p-sm-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-55p-xs {
        width: 55%;
    }

    .w-55p-xs-i {
        width: 55% !important;
    }
}

.w-60p-all {
    width: 60%;
}

.w-60p-all-i {
    width: 60% !important;
}

@media screen and (min-width: 1200px) {
    .w-60p-xl {
        width: 60%;
    }

    .w-60p-xl-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-60p-lg {
        width: 60%;
    }

    .w-60p-lg-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-60p-md {
        width: 60%;
    }

    .w-60p-md-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-60p-sm {
        width: 60%;
    }

    .w-60p-sm-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-60p-xs {
        width: 60%;
    }

    .w-60p-xs-i {
        width: 60% !important;
    }
}

.w-65p-all {
    width: 65%;
}

.w-65p-all-i {
    width: 65% !important;
}

@media screen and (min-width: 1200px) {
    .w-65p-xl {
        width: 65%;
    }

    .w-65p-xl-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-65p-lg {
        width: 65%;
    }

    .w-65p-lg-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-65p-md {
        width: 65%;
    }

    .w-65p-md-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-65p-sm {
        width: 65%;
    }

    .w-65p-sm-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-65p-xs {
        width: 65%;
    }

    .w-65p-xs-i {
        width: 65% !important;
    }
}

.w-70p-all {
    width: 70%;
}

.w-70p-all-i {
    width: 70% !important;
}

@media screen and (min-width: 1200px) {
    .w-70p-xl {
        width: 70%;
    }

    .w-70p-xl-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-70p-lg {
        width: 70%;
    }

    .w-70p-lg-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-70p-md {
        width: 70%;
    }

    .w-70p-md-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-70p-sm {
        width: 70%;
    }

    .w-70p-sm-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-70p-xs {
        width: 70%;
    }

    .w-70p-xs-i {
        width: 70% !important;
    }
}

.w-75p-all {
    width: 75%;
}

.w-75p-all-i {
    width: 75% !important;
}

@media screen and (min-width: 1200px) {
    .w-75p-xl {
        width: 75%;
    }

    .w-75p-xl-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-75p-lg {
        width: 75%;
    }

    .w-75p-lg-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-75p-md {
        width: 75%;
    }

    .w-75p-md-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-75p-sm {
        width: 75%;
    }

    .w-75p-sm-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-75p-xs {
        width: 75%;
    }

    .w-75p-xs-i {
        width: 75% !important;
    }
}

.w-80p-all {
    width: 80%;
}

.w-80p-all-i {
    width: 80% !important;
}

@media screen and (min-width: 1200px) {
    .w-80p-xl {
        width: 80%;
    }

    .w-80p-xl-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-80p-lg {
        width: 80%;
    }

    .w-80p-lg-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-80p-md {
        width: 80%;
    }

    .w-80p-md-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-80p-sm {
        width: 80%;
    }

    .w-80p-sm-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-80p-xs {
        width: 80%;
    }

    .w-80p-xs-i {
        width: 80% !important;
    }
}

.w-85p-all {
    width: 85%;
}

.w-85p-all-i {
    width: 85% !important;
}

@media screen and (min-width: 1200px) {
    .w-85p-xl {
        width: 85%;
    }

    .w-85p-xl-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-85p-lg {
        width: 85%;
    }

    .w-85p-lg-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-85p-md {
        width: 85%;
    }

    .w-85p-md-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-85p-sm {
        width: 85%;
    }

    .w-85p-sm-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-85p-xs {
        width: 85%;
    }

    .w-85p-xs-i {
        width: 85% !important;
    }
}

.w-90p-all {
    width: 90%;
}

.w-90p-all-i {
    width: 90% !important;
}

@media screen and (min-width: 1200px) {
    .w-90p-xl {
        width: 90%;
    }

    .w-90p-xl-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-90p-lg {
        width: 90%;
    }

    .w-90p-lg-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-90p-md {
        width: 90%;
    }

    .w-90p-md-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-90p-sm {
        width: 90%;
    }

    .w-90p-sm-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-90p-xs {
        width: 90%;
    }

    .w-90p-xs-i {
        width: 90% !important;
    }
}

.w-95p-all {
    width: 95%;
}

.w-95p-all-i {
    width: 95% !important;
}

@media screen and (min-width: 1200px) {
    .w-95p-xl {
        width: 95%;
    }

    .w-95p-xl-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-95p-lg {
        width: 95%;
    }

    .w-95p-lg-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-95p-md {
        width: 95%;
    }

    .w-95p-md-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-95p-sm {
        width: 95%;
    }

    .w-95p-sm-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-95p-xs {
        width: 95%;
    }

    .w-95p-xs-i {
        width: 95% !important;
    }
}

.w-100p-all {
    width: 100%;
}

.w-100p-all-i {
    width: 100% !important;
}

@media screen and (min-width: 1200px) {
    .w-100p-xl {
        width: 100%;
    }

    .w-100p-xl-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-100p-lg {
        width: 100%;
    }

    .w-100p-lg-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-100p-md {
        width: 100%;
    }

    .w-100p-md-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-100p-sm {
        width: 100%;
    }

    .w-100p-sm-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-100p-xs {
        width: 100%;
    }

    .w-100p-xs-i {
        width: 100% !important;
    }
}

/* Line Height */
.lh-0px-all {
    line-height: 0px;
}

.lh-0px-all-i {
    line-height: 0px !important;
}

@media screen and (min-width: 1200px) {
    .lh-0px-xl {
        line-height: 0px;
    }

    .lh-0px-xl-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-0px-lg {
        line-height: 0px;
    }

    .lh-0px-lg-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-0px-md {
        line-height: 0px;
    }

    .lh-0px-md-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-0px-sm {
        line-height: 0px;
    }

    .lh-0px-sm-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-0px-xs {
        line-height: 0px;
    }

    .lh-0px-xs-i {
        line-height: 0px !important;
    }
}

.lh-14px-all {
    line-height: 14px;
}

.lh-14px-all-i {
    line-height: 14px !important;
}

@media screen and (min-width: 1200px) {
    .lh-14px-xl {
        line-height: 14px;
    }

    .lh-14px-xl-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-14px-lg {
        line-height: 14px;
    }

    .lh-14px-lg-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-14px-md {
        line-height: 14px;
    }

    .lh-14px-md-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-14px-sm {
        line-height: 14px;
    }

    .lh-14px-sm-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-14px-xs {
        line-height: 14px;
    }

    .lh-14px-xs-i {
        line-height: 14px !important;
    }
}

.lh-18px-all {
    line-height: 18px;
}

.lh-18px-all-i {
    line-height: 18px !important;
}

@media screen and (min-width: 1200px) {
    .lh-18px-xl {
        line-height: 18px;
    }

    .lh-18px-xl-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-18px-lg {
        line-height: 18px;
    }

    .lh-18px-lg-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-18px-md {
        line-height: 18px;
    }

    .lh-18px-md-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-18px-sm {
        line-height: 18px;
    }

    .lh-18px-sm-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-18px-xs {
        line-height: 18px;
    }

    .lh-18px-xs-i {
        line-height: 18px !important;
    }
}

.lh-20px-all {
    line-height: 20px;
}

.lh-20px-all-i {
    line-height: 20px !important;
}

@media screen and (min-width: 1200px) {
    .lh-20px-xl {
        line-height: 20px;
    }

    .lh-20px-xl-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-20px-lg {
        line-height: 20px;
    }

    .lh-20px-lg-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-20px-md {
        line-height: 20px;
    }

    .lh-20px-md-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-20px-sm {
        line-height: 20px;
    }

    .lh-20px-sm-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-20px-xs {
        line-height: 20px;
    }

    .lh-20px-xs-i {
        line-height: 20px !important;
    }
}

.lh-24px-all {
    line-height: 24px;
}

.lh-24px-all-i {
    line-height: 24px !important;
}

@media screen and (min-width: 1200px) {
    .lh-24px-xl {
        line-height: 24px;
    }

    .lh-24px-xl-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-24px-lg {
        line-height: 24px;
    }

    .lh-24px-lg-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-24px-md {
        line-height: 24px;
    }

    .lh-24px-md-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-24px-sm {
        line-height: 24px;
    }

    .lh-24px-sm-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-24px-xs {
        line-height: 24px;
    }

    .lh-24px-xs-i {
        line-height: 24px !important;
    }
}

.lh-32px-all {
    line-height: 32px;
}

.lh-32px-all-i {
    line-height: 32px !important;
}

@media screen and (min-width: 1200px) {
    .lh-32px-xl {
        line-height: 32px;
    }

    .lh-32px-xl-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-32px-lg {
        line-height: 32px;
    }

    .lh-32px-lg-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-32px-md {
        line-height: 32px;
    }

    .lh-32px-md-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-32px-sm {
        line-height: 32px;
    }

    .lh-32px-sm-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-32px-xs {
        line-height: 32px;
    }

    .lh-32px-xs-i {
        line-height: 32px !important;
    }
}

.lh-36px-all {
    line-height: 36px;
}

.lh-36px-all-i {
    line-height: 36px !important;
}

@media screen and (min-width: 1200px) {
    .lh-36px-xl {
        line-height: 36px;
    }

    .lh-36px-xl-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-36px-lg {
        line-height: 36px;
    }

    .lh-36px-lg-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-36px-md {
        line-height: 36px;
    }

    .lh-36px-md-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-36px-sm {
        line-height: 36px;
    }

    .lh-36px-sm-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-36px-xs {
        line-height: 36px;
    }

    .lh-36px-xs-i {
        line-height: 36px !important;
    }
}

.lh-40px-all {
    line-height: 40px;
}

.lh-40px-all-i {
    line-height: 40px !important;
}

@media screen and (min-width: 1200px) {
    .lh-40px-xl {
        line-height: 40px;
    }

    .lh-40px-xl-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-40px-lg {
        line-height: 40px;
    }

    .lh-40px-lg-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-40px-md {
        line-height: 40px;
    }

    .lh-40px-md-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-40px-sm {
        line-height: 40px;
    }

    .lh-40px-sm-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-40px-xs {
        line-height: 40px;
    }

    .lh-40px-xs-i {
        line-height: 40px !important;
    }
}

/* Height */
.h-100p-all {
    height: 100%;
}

.h-100p-all-i {
    height: 100% !important;
}

@media screen and (min-width: 1200px) {
    .h-100p-xl {
        height: 100%;
    }

    .h-100p-xl-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-100p-lg {
        height: 100%;
    }

    .h-100p-lg-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-100p-md {
        height: 100%;
    }

    .h-100p-md-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-100p-sm {
        height: 100%;
    }

    .h-100p-sm-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 576px) {
    .h-100p-xs {
        height: 100%;
    }

    .h-100p-xs-i {
        height: 100% !important;
    }
}

.h-24px-all {
    height: 24px;
}

.h-24px-all-i {
    height: 24px !important;
}

@media screen and (min-width: 1200px) {
    .h-24px-xl {
        height: 24px;
    }

    .h-24px-xl-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-24px-lg {
        height: 24px;
    }

    .h-24px-lg-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-24px-md {
        height: 24px;
    }

    .h-24px-md-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-24px-sm {
        height: 24px;
    }

    .h-24px-sm-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-24px-xs {
        height: 24px;
    }

    .h-24px-xs-i {
        height: 24px !important;
    }
}

.h-38px-all {
    height: 38px;
}

.h-38px-all-i {
    height: 38px !important;
}

@media screen and (min-width: 1200px) {
    .h-38px-xl {
        height: 38px;
    }

    .h-38px-xl-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-38px-lg {
        height: 38px;
    }

    .h-38px-lg-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-38px-md {
        height: 38px;
    }

    .h-38px-md-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-38px-sm {
        height: 38px;
    }

    .h-38px-sm-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-38px-xs {
        height: 38px;
    }

    .h-38px-xs-i {
        height: 38px !important;
    }
}

.h-40px-all {
    height: 40px;
}

.h-40px-all-i {
    height: 40px !important;
}

@media screen and (min-width: 1200px) {
    .h-40px-xl {
        height: 40px;
    }

    .h-40px-xl-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-40px-lg {
        height: 40px;
    }

    .h-40px-lg-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-40px-md {
        height: 40px;
    }

    .h-40px-md-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-40px-sm {
        height: 40px;
    }

    .h-40px-sm-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-40px-xs {
        height: 40px;
    }

    .h-40px-xs-i {
        height: 40px !important;
    }
}

.h-42px-all {
    height: 42px;
}

.h-42px-all-i {
    height: 42px !important;
}

@media screen and (min-width: 1200px) {
    .h-42px-xl {
        height: 42px;
    }

    .h-42px-xl-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-42px-lg {
        height: 42px;
    }

    .h-42px-lg-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-42px-md {
        height: 42px;
    }

    .h-42px-md-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-42px-sm {
        height: 42px;
    }

    .h-42px-sm-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-42px-xs {
        height: 42px;
    }

    .h-42px-xs-i {
        height: 42px !important;
    }
}

.h-44px-all {
    height: 44px;
}

.h-44px-all-i {
    height: 44px !important;
}

@media screen and (min-width: 1200px) {
    .h-44px-xl {
        height: 44px;
    }

    .h-44px-xl-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-44px-lg {
        height: 44px;
    }

    .h-44px-lg-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-44px-md {
        height: 44px;
    }

    .h-44px-md-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-44px-sm {
        height: 44px;
    }

    .h-44px-sm-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-44px-xs {
        height: 44px;
    }

    .h-44px-xs-i {
        height: 44px !important;
    }
}

.h-45px-all {
    height: 45px;
}

.h-45px-all-i {
    height: 45px !important;
}

@media screen and (min-width: 1200px) {
    .h-45px-xl {
        height: 45px;
    }

    .h-45px-xl-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-45px-lg {
        height: 45px;
    }

    .h-45px-lg-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-45px-md {
        height: 45px;
    }

    .h-45px-md-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-45px-sm {
        height: 45px;
    }

    .h-45px-sm-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-45px-xs {
        height: 45px;
    }

    .h-45px-xs-i {
        height: 45px !important;
    }
}

.h-46px-all {
    height: 46px;
}

.h-46px-all-i {
    height: 46px !important;
}

@media screen and (min-width: 1200px) {
    .h-46px-xl {
        height: 46px;
    }

    .h-46px-xl-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-46px-lg {
        height: 46px;
    }

    .h-46px-lg-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-46px-md {
        height: 46px;
    }

    .h-46px-md-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-46px-sm {
        height: 46px;
    }

    .h-46px-sm-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-46px-xs {
        height: 46px;
    }

    .h-46px-xs-i {
        height: 46px !important;
    }
}

.h-48px-all {
    height: 48px;
}

.h-48px-all-i {
    height: 48px !important;
}

@media screen and (min-width: 1200px) {
    .h-48px-xl {
        height: 48px;
    }

    .h-48px-xl-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-48px-lg {
        height: 48px;
    }

    .h-48px-lg-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-48px-md {
        height: 48px;
    }

    .h-48px-md-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-48px-sm {
        height: 48px;
    }

    .h-48px-sm-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-48px-xs {
        height: 48px;
    }

    .h-48px-xs-i {
        height: 48px !important;
    }
}

/* Border */
.border-0-all {
    border: 0px;
}

.border-0-all-i {
    border: 0px !important;
}

@media screen and (min-width: 1200px) {
    .border-0-xl {
        border: 0px;
    }

    .border-0-xl-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .border-0-lg {
        border: 0px;
    }

    .border-0-lg-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .border-0-md {
        border: 0px;
    }

    .border-0-md-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .border-0-sm {
        border: 0px;
    }

    .border-0-sm-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .border-0-xs {
        border: 0px;
    }

    .border-0-xs-i {
        border: 0px !important;
    }
}

.border-platinum-all {
    border: 1px solid #e8e8e8;
}

.border-platinum-all-i {
    border: 1px solid #e8e8e8 !important;
}

@media screen and (min-width: 1200px) {
    .border-platinum-xl {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-xl-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .border-platinum-lg {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-lg-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .border-platinum-md {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-md-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .border-platinum-sm {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-sm-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 576px) {
    .border-platinum-xs {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-xs-i {
        border: 1px solid #e8e8e8 !important;
    }
}

/* Text Color */
.text-defaultcolor-all {
    color: #5a5a5a;
}

.text-defaultcolor-all-i {
    color: #5a5a5a !important;
}

@media screen and (min-width: 1200px) {
    .text-defaultcolor-xl {
        color: #5a5a5a;
    }

    .text-defaultcolor-xl-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-defaultcolor-lg {
        color: #5a5a5a;
    }

    .text-defaultcolor-lg-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-defaultcolor-md {
        color: #5a5a5a;
    }

    .text-defaultcolor-md-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-defaultcolor-sm {
        color: #5a5a5a;
    }

    .text-defaultcolor-sm-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 576px) {
    .text-defaultcolor-xs {
        color: #5a5a5a;
    }

    .text-defaultcolor-xs-i {
        color: #5a5a5a !important;
    }
}

.text-white-all {
    color: #ffffff;
}

.text-white-all-i {
    color: #ffffff !important;
}

@media screen and (min-width: 1200px) {
    .text-white-xl {
        color: #ffffff;
    }

    .text-white-xl-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-white-lg {
        color: #ffffff;
    }

    .text-white-lg-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-white-md {
        color: #ffffff;
    }

    .text-white-md-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-white-sm {
        color: #ffffff;
    }

    .text-white-sm-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 576px) {
    .text-white-xs {
        color: #ffffff;
    }

    .text-white-xs-i {
        color: #ffffff !important;
    }
}

.text-yellow-all {
    color: #ffd400;
}

.text-yellow-all-i {
    color: #ffd400 !important;
}

@media screen and (min-width: 1200px) {
    .text-yellow-xl {
        color: #ffd400;
    }

    .text-yellow-xl-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-yellow-lg {
        color: #ffd400;
    }

    .text-yellow-lg-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-yellow-md {
        color: #ffd400;
    }

    .text-yellow-md-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-yellow-sm {
        color: #ffd400;
    }

    .text-yellow-sm-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 576px) {
    .text-yellow-xs {
        color: #ffd400;
    }

    .text-yellow-xs-i {
        color: #ffd400 !important;
    }
}

.text-marigold-all {
    color: #ffc800;
}

.text-marigold-all-i {
    color: #ffc800 !important;
}

@media screen and (min-width: 1200px) {
    .text-marigold-xl {
        color: #ffc800;
    }

    .text-marigold-xl-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-marigold-lg {
        color: #ffc800;
    }

    .text-marigold-lg-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-marigold-md {
        color: #ffc800;
    }

    .text-marigold-md-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-marigold-sm {
        color: #ffc800;
    }

    .text-marigold-sm-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 576px) {
    .text-marigold-xs {
        color: #ffc800;
    }

    .text-marigold-xs-i {
        color: #ffc800 !important;
    }
}

/* Text Font */
.font-krungsri-all {
    font-family: 'Krungsri';
}

.font-krungsri-all-i {
    font-family: 'Krungsri' !important;
}

@media screen and (min-width: 1200px) {
    .font-krungsri-xl {
        font-family: 'Krungsri';
    }

    .font-krungsri-xl-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-krungsri-lg {
        font-family: 'Krungsri';
    }

    .font-krungsri-lg-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-krungsri-md {
        font-family: 'Krungsri';
    }

    .font-krungsri-md-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-krungsri-sm {
        font-family: 'Krungsri';
    }

    .font-krungsri-sm-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-krungsri-xs {
        font-family: 'Krungsri';
    }

    .font-krungsri-xs-i {
        font-family: 'Krungsri' !important;
    }
}

.font-thongterm-all {
    font-family: 'Thongterm';
}

.font-thongterm-all-i {
    font-family: 'Thongterm' !important;
}

@media screen and (min-width: 1200px) {
    .font-thongterm-xl {
        font-family: 'Thongterm';
    }

    .font-thongterm-xl-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-thongterm-lg {
        font-family: 'Thongterm';
    }

    .font-thongterm-lg-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-thongterm-md {
        font-family: 'Thongterm';
    }

    .font-thongterm-md-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-thongterm-sm {
        font-family: 'Thongterm';
    }

    .font-thongterm-sm-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-thongterm-xs {
        font-family: 'Thongterm';
    }

    .font-thongterm-xs-i {
        font-family: 'Thongterm' !important;
    }
}

.font-thongterm-roman-all {
    font-family: 'Thongterm-Roman';
}

.font-thongterm-roman-all-i {
    font-family: 'Thongterm-Roman' !important;
}

@media screen and (min-width: 1200px) {
    .font-thongterm-roman-xl {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-xl-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-thongterm-roman-lg {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-lg-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-thongterm-roman-md {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-md-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-thongterm-roman-sm {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-sm-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-thongterm-roman-xs {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-xs-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

.font-sukhumvitset-all {
    font-family: 'SukhumvitSet';
}

.font-sukhumvitset-all-i {
    font-family: 'SukhumvitSet' !important;
}

@media screen and (min-width: 1200px) {
    .font-sukhumvitset-xl {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-xl-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-sukhumvitset-lg {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-lg-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-sukhumvitset-md {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-md-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-sukhumvitset-sm {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-sm-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-sukhumvitset-xs {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-xs-i {
        font-family: 'SukhumvitSet' !important;
    }
}

.font-sukhumvitsetsemi-all {
    font-family: 'SukhumvitSet-Semi';
}

.font-sukhumvitsetsemi-all-i {
    font-family: 'SukhumvitSet-Semi' !important;
}

@media screen and (min-width: 1200px) {
    .font-sukhumvitsetsemi-xl {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-xl-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-sukhumvitsetsemi-lg {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-lg-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-sukhumvitsetsemi-md {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-md-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-sukhumvitsetsemi-sm {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-sm-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-sukhumvitsetsemi-xs {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-xs-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

/* BG Color */
.bg-defaultcolor-all {
    background-color: #5a5a5a;
}

.bg-defaultcolor-all-i {
    background-color: #5a5a5a !important;
}

@media screen and (min-width: 1200px) {
    .bg-defaultcolor-xl {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-xl-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-defaultcolor-lg {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-lg-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-defaultcolor-md {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-md-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-defaultcolor-sm {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-sm-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-defaultcolor-xs {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-xs-i {
        background-color: #5a5a5a !important;
    }
}

.bg-white-all {
    background-color: #ffffff;
}

.bg-white-all-i {
    background-color: #ffffff !important;
}

@media screen and (min-width: 1200px) {
    .bg-white-xl {
        background-color: #ffffff;
    }

    .bg-white-xl-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-white-lg {
        background-color: #ffffff;
    }

    .bg-white-lg-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-white-md {
        background-color: #ffffff;
    }

    .bg-white-md-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-white-sm {
        background-color: #ffffff;
    }

    .bg-white-sm-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-white-xs {
        background-color: #ffffff;
    }

    .bg-white-xs-i {
        background-color: #ffffff !important;
    }
}

.bg-yellow-all {
    background-color: #ffd400;
}

.bg-yellow-all-i {
    background-color: #ffd400 !important;
}

@media screen and (min-width: 1200px) {
    .bg-yellow-xl {
        background-color: #ffd400;
    }

    .bg-yellow-xl-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-yellow-lg {
        background-color: #ffd400;
    }

    .bg-yellow-lg-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-yellow-md {
        background-color: #ffd400;
    }

    .bg-yellow-md-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-yellow-sm {
        background-color: #ffd400;
    }

    .bg-yellow-sm-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-yellow-xs {
        background-color: #ffd400;
    }

    .bg-yellow-xs-i {
        background-color: #ffd400 !important;
    }
}

.bg-marigold-all {
    background-color: #ffc800;
}

.bg-marigold-all-i {
    background-color: #ffc800 !important;
}

@media screen and (min-width: 1200px) {
    .bg-marigold-xl {
        background-color: #ffc800;
    }

    .bg-marigold-xl-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-marigold-lg {
        background-color: #ffc800;
    }

    .bg-marigold-lg-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-marigold-md {
        background-color: #ffc800;
    }

    .bg-marigold-md-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-marigold-sm {
        background-color: #ffc800;
    }

    .bg-marigold-sm-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-marigold-xs {
        background-color: #ffc800;
    }

    .bg-marigold-xs-i {
        background-color: #ffc800 !important;
    }
}

.bg-lightgray-all {
    background-color: #f3f3f3;
}

.bg-lightgray-all-i {
    background-color: #f3f3f3 !important;
}

@media screen and (min-width: 1200px) {
    .bg-lightgray-xl {
        background-color: #f3f3f3;
    }

    .bg-lightgray-xl-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-lightgray-lg {
        background-color: #f3f3f3;
    }

    .bg-lightgray-lg-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-lightgray-md {
        background-color: #f3f3f3;
    }

    .bg-lightgray-md-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-lightgray-sm {
        background-color: #f3f3f3;
    }

    .bg-lightgray-sm-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-lightgray-xs {
        background-color: #f3f3f3;
    }

    .bg-lightgray-xs-i {
        background-color: #f3f3f3 !important;
    }
}

.bg-snowgray-all {
    background-color: #f9f9f9;
}

.bg-snowgray-all-i {
    background-color: #f9f9f9 !important;
}

@media screen and (min-width: 1200px) {
    .bg-snowgray-xl {
        background-color: #f9f9f9;
    }

    .bg-snowgray-xl-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-snowgray-lg {
        background-color: #f9f9f9;
    }

    .bg-snowgray-lg-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-snowgray-md {
        background-color: #f9f9f9;
    }

    .bg-snowgray-md-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-snowgray-sm {
        background-color: #f9f9f9;
    }

    .bg-snowgray-sm-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-snowgray-xs {
        background-color: #f9f9f9;
    }

    .bg-snowgray-xs-i {
        background-color: #f9f9f9 !important;
    }
}

/* Opacity */
.opacity-0-all {
    opacity: 0;
}

.opacity-0-all-i {
    opacity: 0 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-0-xl {
        opacity: 0;
    }

    .opacity-0-xl-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-0-lg {
        opacity: 0;
    }

    .opacity-0-lg-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-0-md {
        opacity: 0;
    }

    .opacity-0-md-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-0-sm {
        opacity: 0;
    }

    .opacity-0-sm-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-0-xs {
        opacity: 0;
    }

    .opacity-0-xs-i {
        opacity: 0 !important;
    }
}

.opacity-10-all {
    opacity: 0.1;
}

.opacity-10-all-i {
    opacity: 0.1 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-10-xl {
        opacity: 0.1;
    }

    .opacity-10-xl-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-10-lg {
        opacity: 0.1;
    }

    .opacity-10-lg-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-10-md {
        opacity: 0.1;
    }

    .opacity-10-md-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-10-sm {
        opacity: 0.1;
    }

    .opacity-10-sm-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-10-xs {
        opacity: 0.1;
    }

    .opacity-10-xs-i {
        opacity: 0.1 !important;
    }
}

.opacity-15-all {
    opacity: 0.15;
}

.opacity-15-all-i {
    opacity: 0.15 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-15-xl {
        opacity: 0.15;
    }

    .opacity-15-xl-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-15-lg {
        opacity: 0.15;
    }

    .opacity-15-lg-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-15-md {
        opacity: 0.15;
    }

    .opacity-15-md-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-15-sm {
        opacity: 0.15;
    }

    .opacity-15-sm-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-15-xs {
        opacity: 0.15;
    }

    .opacity-15-xs-i {
        opacity: 0.15 !important;
    }
}

.opacity-20-all {
    opacity: 0.2;
}

.opacity-20-all-i {
    opacity: 0.2 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-20-xl {
        opacity: 0.2;
    }

    .opacity-20-xl-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-20-lg {
        opacity: 0.2;
    }

    .opacity-20-lg-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-20-md {
        opacity: 0.2;
    }

    .opacity-20-md-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-20-sm {
        opacity: 0.2;
    }

    .opacity-20-sm-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-20-xs {
        opacity: 0.2;
    }

    .opacity-20-xs-i {
        opacity: 0.2 !important;
    }
}

.opacity-25-all {
    opacity: 0.25;
}

.opacity-25-all-i {
    opacity: 0.25 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-25-xl {
        opacity: 0.25;
    }

    .opacity-25-xl-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-25-lg {
        opacity: 0.25;
    }

    .opacity-25-lg-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-25-md {
        opacity: 0.25;
    }

    .opacity-25-md-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-25-sm {
        opacity: 0.25;
    }

    .opacity-25-sm-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-25-xs {
        opacity: 0.25;
    }

    .opacity-25-xs-i {
        opacity: 0.25 !important;
    }
}

.opacity-30-all {
    opacity: 0.3;
}

.opacity-30-all-i {
    opacity: 0.3 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-30-xl {
        opacity: 0.3;
    }

    .opacity-30-xl-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-30-lg {
        opacity: 0.3;
    }

    .opacity-30-lg-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-30-md {
        opacity: 0.3;
    }

    .opacity-30-md-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-30-sm {
        opacity: 0.3;
    }

    .opacity-30-sm-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-30-xs {
        opacity: 0.3;
    }

    .opacity-30-xs-i {
        opacity: 0.3 !important;
    }
}

.opacity-35-all {
    opacity: 0.35;
}

.opacity-35-all-i {
    opacity: 0.35 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-35-xl {
        opacity: 0.35;
    }

    .opacity-35-xl-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-35-lg {
        opacity: 0.35;
    }

    .opacity-35-lg-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-35-md {
        opacity: 0.35;
    }

    .opacity-35-md-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-35-sm {
        opacity: 0.35;
    }

    .opacity-35-sm-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-35-xs {
        opacity: 0.35;
    }

    .opacity-35-xs-i {
        opacity: 0.35 !important;
    }
}

.opacity-50-all {
    opacity: 0.5;
}

.opacity-50-all-i {
    opacity: 0.5 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-50-xl {
        opacity: 0.5;
    }

    .opacity-50-xl-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-50-lg {
        opacity: 0.5;
    }

    .opacity-50-lg-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-50-md {
        opacity: 0.5;
    }

    .opacity-50-md-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-50-sm {
        opacity: 0.5;
    }

    .opacity-50-sm-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-50-xs {
        opacity: 0.5;
    }

    .opacity-50-xs-i {
        opacity: 0.5 !important;
    }
}

.opacity-75-all {
    opacity: 0.75;
}

.opacity-75-all-i {
    opacity: 0.75 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-75-xl {
        opacity: 0.75;
    }

    .opacity-75-xl-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-75-lg {
        opacity: 0.75;
    }

    .opacity-75-lg-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-75-md {
        opacity: 0.75;
    }

    .opacity-75-md-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-75-sm {
        opacity: 0.75;
    }

    .opacity-75-sm-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-75-xs {
        opacity: 0.75;
    }

    .opacity-75-xs-i {
        opacity: 0.75 !important;
    }
}

.opacity-80-all {
    opacity: 0.8;
}

.opacity-80-all-i {
    opacity: 0.8 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-80-xl {
        opacity: 0.8;
    }

    .opacity-80-xl-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-80-lg {
        opacity: 0.8;
    }

    .opacity-80-lg-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-80-md {
        opacity: 0.8;
    }

    .opacity-80-md-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-80-sm {
        opacity: 0.8;
    }

    .opacity-80-sm-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-80-xs {
        opacity: 0.8;
    }

    .opacity-80-xs-i {
        opacity: 0.8 !important;
    }
}

.opacity-90-all {
    opacity: 0.9;
}

.opacity-90-all-i {
    opacity: 0.9 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-90-xl {
        opacity: 0.9;
    }

    .opacity-90-xl-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-90-lg {
        opacity: 0.9;
    }

    .opacity-90-lg-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-90-md {
        opacity: 0.9;
    }

    .opacity-90-md-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-90-sm {
        opacity: 0.9;
    }

    .opacity-90-sm-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-90-xs {
        opacity: 0.9;
    }

    .opacity-90-xs-i {
        opacity: 0.9 !important;
    }
}

.opacity-95-all {
    opacity: 0.95;
}

.opacity-95-all-i {
    opacity: 0.95 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-95-xl {
        opacity: 0.95;
    }

    .opacity-95-xl-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-95-lg {
        opacity: 0.95;
    }

    .opacity-95-lg-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-95-md {
        opacity: 0.95;
    }

    .opacity-95-md-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-95-sm {
        opacity: 0.95;
    }

    .opacity-95-sm-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-95-xs {
        opacity: 0.95;
    }

    .opacity-95-xs-i {
        opacity: 0.95 !important;
    }
}

.opacity-100-all {
    opacity: 1;
}

.opacity-100-all-i {
    opacity: 1 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-100-xl {
        opacity: 1;
    }

    .opacity-100-xl-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-100-lg {
        opacity: 1;
    }

    .opacity-100-lg-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-100-md {
        opacity: 1;
    }

    .opacity-100-md-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-100-sm {
        opacity: 1;
    }

    .opacity-100-sm-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-100-xs {
        opacity: 1;
    }

    .opacity-100-xs-i {
        opacity: 1 !important;
    }
}

/* Other */
.text-left-all {
    text-align: left;
}

.text-left-all-i {
    text-align: left !important;
}

@media screen and (min-width: 1200px) {
    .text-left-xl {
        text-align: left;
    }

    .text-left-xl-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-left-lg {
        text-align: left;
    }

    .text-left-lg-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-left-md {
        text-align: left;
    }

    .text-left-md-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-left-sm {
        text-align: left;
    }

    .text-left-sm-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 576px) {
    .text-left-xs {
        text-align: left;
    }

    .text-left-xs-i {
        text-align: left !important;
    }
}

.text-center-all {
    text-align: center;
}

.text-center-all-i {
    text-align: center !important;
}

@media screen and (min-width: 1200px) {
    .text-center-xl {
        text-align: center;
    }

    .text-center-xl-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-center-lg {
        text-align: center;
    }

    .text-center-lg-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-center-md {
        text-align: center;
    }

    .text-center-md-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-center-sm {
        text-align: center;
    }

    .text-center-sm-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 576px) {
    .text-center-xs {
        text-align: center;
    }

    .text-center-xs-i {
        text-align: center !important;
    }
}

.text-right-all {
    text-align: right;
}

.text-right-all-i {
    text-align: right !important;
}

@media screen and (min-width: 1200px) {
    .text-right-xl {
        text-align: right;
    }

    .text-right-xl-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-right-lg {
        text-align: right;
    }

    .text-right-lg-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-right-md {
        text-align: right;
    }

    .text-right-md-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-right-sm {
        text-align: right;
    }

    .text-right-sm-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 576px) {
    .text-right-xs {
        text-align: right;
    }

    .text-right-xs-i {
        text-align: right !important;
    }
}

.w-100px {
    width: 100px;
    max-width: 100px;
}

.w-120px {
    width: 100px;
    max-width: 100px;
}

.bg-yellow {
    background-color: #ffda00;
}


.mt-60px-all {
    margin-top: 60px;
}

.mt-60px-all-i {
    margin-top: 60px !important;
}

@media screen and (min-width: 1200px) {
    .mt-60px-xl {
        margin-top: 60px;
    }

    .mt-60px-xl-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-60px-lg {
        margin-top: 60px;
    }

    .mt-60px-lg-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-60px-md {
        margin-top: 60px;
    }

    .mt-60px-md-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-60px-sm {
        margin-top: 60px;
    }

    .mt-60px-sm-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-60px-xs {
        margin-top: 60px;
    }

    .mt-60px-i {
        margin-top: 60px !important;
    }
}


.font-Krungsri-Condensed-Bold {
    font-family: "Krungsri-Condensed-Bold";
}

.font-Krungsri-Condensed {
    font-family: "Krungsri-Condensed";
}

.font-Thongterm {
    font-family: Thongterm-Roman;
}

.font-Thongterm-Bold {
    font-family: Thongterm-Bold;
}

.kma .container--breadcrumb {
    max-width: 1170px;
    margin: auto;
    padding-top: 6px;
    padding-bottom: 6px;
}

.kma .container--header {
    max-width: 1170px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 16px;
}

.kma .container--content {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 80px;
}

    .kma .container--content .item {
        display: inline-block;
        border-radius: 3px;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        background-color: #FFFFFF;
        width: 100%;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .kma .container--content .content {
        padding: 16px;
        height: 150px;
    }

        .kma .container--content .content .header h2 {
            color: #222222;
            font-family: Krungsri-Condensed-Bold;
            font-size: 24px;
            line-height: 36px;
            margin-bottom: 66px;
        }

        .kma .container--content .content .more-detail {
            position: absolute;
            bottom: 36px;
        }

.kma .container--cover.container--banner.banner-height-480px {
    max-height: 480px;
}

.kma .container--cover.container--banner.banner-height-360px {
    max-height: 360px;
}

.kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content {
    text-shadow: none;
    top: 0;
    padding-top: 116px;
    margin-bottom: 0px;
    padding-bottom: 0;
}

.kma .container--banner.banner-secondary .block-banner .cover-content-wrapper .banner-content .description {
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .banner-logo-top {
    position: absolute;
    top: 35px;
}

    .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .banner-logo-top img {
        margin-left: 0;
        height: 50px;
    }

.kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .description {
    color: #222222;
    font-family: Thongterm-Bold;
    font-size: 24px;
    line-height: 36px;
}

.kma .container--cover.container--banner.banner-height-480px .image {
    max-height: 480px;
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative
}

.kma .container--cover.container--banner.banner-height-360px .image {
    max-height: 360px;
    width: 100%;
    height: 360px;
    overflow: hidden;
    position: relative
}

.kma .container--cover.container--banner .image img {
    min-width: 100% !important;
}

.kma .container--banner .block-banner .banner-content .btn {
    color: #554242;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 180px;
    margin-top: 32px;
}

.kma .container--banner.banner-height-320px .block-banner .banner-content .btn {
    width: 170px;
}

.kma .container--banner--footer .text1-footer-mobile {
    font-family: Krungsri-Condensed-Bold;
    color: #FFFFFF;
    font-size: 32px;
    line-height: 48px;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 1px;
}

.kma .container--banner--footer .text2-footer-mobile {
    color: #FFFFFF;
    font-family: Thongterm-Roman;
    font-size: 16px;
    line-height: 30px;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.2);
}

.kma .container--banner--footer .btn.btn-primary {
    color: #554242 !important;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 30px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 180px;
}

/*#BannerTop#*/
.kma .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-content .description {
    font-family: Thongterm-Roman;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 50px;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list {
    padding-top: 32px;
}

    .kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list img {
        width: 128px;
    }

    .kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list .app-list {
        float: left;
    }

        .kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list .app-list + .app-list {
            margin-left: 16px;
        }

.kma .ui.ks.dropdown.mobile .text i {
    padding-left: 5px;
}

.container--banner.container--banner--hero .image img {
    height: 480px;
}

.container--banner.container--banner--hero.banner-height-360px .image img {
    height: 360px;
}

.container--banner.banner-text .block-banner .banner-content {
    width: 100%;
    border: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 0;
    padding-top: 56px;
    padding-left: 0;
}

.container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .h1 {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 40px;
    line-height: 60px;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
    margin-bottom: 16px;
}

.container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .description {
    color: #222;
    font-family: Thongterm-Bold;
    font-size: 24px;
    line-height: 36px;
}

.container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .banner-qr img {
    height: 250px;
    position: absolute;
    top: 55px;
    right: 0;
}

.container--banner.banner-fix-height.banner-text .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}

.kma .container--cover.container--banner.banner-height-360px .block-banner .banner-content .btn {
    margin-top: 16px;
}


@media(max-width:1199px) {
    .container--banner .block-banner .cover-content-wrapper .banner-content {
        padding-left: 15px !important;
    }

    .kma .container-title {
        background-color: #fff;
    }

    .kma .nav-secondary-menu {
        top: 0;
    }

    .kma .list-group .list-group-item.list-group-item-action {
        background: #fff;
    }

        .kma .list-group .list-group-item.list-group-item-action.active {
            background-color: #FFD400;
        }
}

@media(max-width:767px) {
    .kma .container--header1 h1 {
        font-size: 26px;
        line-height: 38px;
    }

    .kma .container--banner--footer .text1-footer-mobile {
        font-size: 24px;
        line-height: 42px;
        text-align: center;
        padding-bottom: 0px;
    }

    .kma .container--banner--footer .text2-footer-mobile {
        font-size: 18px;
        line-height: 36px;
        text-align: center;
    }

    .kma .container--banner--footer .z_btn {
        text-align: center;
    }

        .kma .container--banner--footer .z_btn .btn {
            display: inline-block;
            height: 44px;
            width: 270px;
            padding: 7px !important;
            margin-top: 16px !important;
        }

    .kma .container--banner--footer .container--banner .block-banner .banner-content {
        padding-bottom: 24px;
        width: 100%;
        margin-bottom: 0px;
    }

    .kma .container--content .content {
        height: auto;
    }

    .kma .container--content .image {
        width: 100%;
        float: left;
    }

    .kma .container--content .content {
        padding: 8px;
        width: 66.666667%;
        float: left;
    }

        .kma .container--content .content .header h2 {
            color: #222;
            font-family: Krungsri-Condensed-Bold;
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 15px;
        }

        .kma .container--content .content .Text-link {
            font-size: 10px;
            line-height: 22px;
        }

    .kma .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-content {
        text-align: center !important;
        top: 80px;
    }

        .kma .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-content .h1 {
            color: #ffffff;
            font-size: 24px;
            line-height: 42px;
            margin-bottom: 0px;
        }

        .kma .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-content .description {
            color: #ffffff;
            font-size: 18px;
            line-height: 36px;
        }

    .kma .container--banner .block-banner .banner-content .btn {
        margin-top: 16px;
        width: 270px;
    }

    .kma .container--cover.container--banner.banner-mobile-height-520px {
        max-height: 520px;
    }

    .kma .container--banner.banner-mobile-height-520px .owl-item .item .block-banner .image {
        height: 520px;
        max-height: 520px;
        min-width: auto;
    }

        .kma .container--banner.banner-mobile-height-520px .owl-item .item .block-banner .image img {
            height: 520px;
            max-height: 520px;
            min-width: auto;
        }

    .kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .h1 {
        color: #fff;
        font-family: Krungsri-Condensed-Bold;
        font-size: 24px;
        line-height: 42px;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 16px;
    }

    .kma .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .description {
        color: #fff;
        font-family: Thongterm-Bold;
        font-size: 18px;
        line-height: 38px;
    }


    .kma .container--cover.container--banner.banner-height-480px .image {
        max-height: 480px;
        width: 100%;
        height: 480px;
        overflow: hidden;
        position: relative
    }

    .kma .container--banner .block-banner .banner-content .btn {
        color: #554242 !important;
        font-family: Krungsri-Condensed-Bold;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 270px;
        margin-top: 32px;
    }

    /* .kma .gradient {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: '';
  z-index: 1;
  background-color: #222;
  background-image: none !important;
  opacity: .5 !important;
}*/
    /*.kma .ks-gradient {
  background-image: linear-gradient(to top,rgba(0,0,0,.7019607843137254),rgba(0,0,0,0))!important;
  background-color: rgba(34,34,34,.050980392156862744)!important;
  opacity: unset!important;
}*/
    .kma .container--content {
        margin-top: 16px;
        margin-bottom: 56px;
    }

    .kma .ui.ks.dropdown.mobile {
        width: 270px;
    }

        .kma .ui.ks.dropdown.mobile .text i {
            padding-left: 12px;
        }

    .container--banner.container--banner--hero .image {
    }

    .kma .container--banner.container--banner--hero .owl-item .item .block-banner .image {
        position: absolute;
    }

    .kma .container--banner.container--banner--hero.banner-mobile-height-520px .cover-content-wrapper {
        height: 520px;
    }

    .kma .container--banner.container--banner--hero.banner-mobile-height-360px .cover-content-wrapper {
        height: 360px;
    }

    .kma .container--banner.container--banner--hero.banner-static .block-banner .ks-gradient {
        display: none;
    }

    .kma .container--banner.container--banner--hero.banner-static.banner-text .block-banner .ks-gradient {
        display: block;
    }

    .kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content {
        text-align: center !important;
        top: initial !important;
        bottom: 24px;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, .2) !important;
    }

    .kma .container--banner.container--banner--hero.banner-slide .cover-content-wrapper .banner-content {
        bottom: 48px;
    }

    .container--banner.container--banner--hero .image {
    }

    .kma .container--banner.container--banner--hero .owl-item .item .block-banner .image {
        position: absolute;
    }


    .kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list {
        padding-top: 8px;
        text-align: center;
    }

        .kma .container--banner.container--banner--hero .cover-content-wrapper .banner-content .application-list .app-list {
            float: none;
            display: inline-block;
        }

    .kma .container--banner--hero .cover-content-wrapper .banner-content .h1 {
        margin-bottom: 8px !important;
    }

    .container--banner.banner-static.banner-text .block-banner .cover-content-wrapper .banner-content .description .banner-qr {
        display: none;
    }

    .kma .container--banner.container--banner--hero.banner-static.banner-text .block-banner .image {
        position: absolute;
    }

    .kma .container--cover.container--banner.banner-height-360px .block-banner .banner-content .btn {
        margin-top: 8px;
    }

    .container--banner.banner-text .block-banner .cover-content-wrapper .banner-content .banner-logo-top {
        display: none;
    }
}


.kma .container--banner .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 2px !important;
}

.kma .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
    width: 13px;
    height: 13px;
    margin-left: 12px;
    margin-right: 12px;
    background: transparent;
    border: 2px solid #fff;
}

.kma .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffd400;
    border: 0;
}

.kma .container--link {
    margin-top: 40px;
    margin-bottom: 40px;
    texe-align: center;
}

.kma .CMSBreadCrumbsSeparator:before {
    display: inline-block;
    padding: 0 10px;
    content: "";
    font-weight: 300;
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    line-height: normal;
    position: relative;
    top: 1.5px;
}

.kma .CMSBreadCrumbsCurrentItem {
    color: #545454;
    /* font-weight: bold; */
    font-family: Thongterm-Bold;
}

@media screen and (max-width: 767px) {
    .kma .container--banner .owl-item .item .block-banner .image {
        width: 100%;
        height: 360px;
        overflow: hidden;
        position: relative;
    }

        .kma .container--banner .owl-item .item .block-banner .image img {
            /*height: 360px;
    width: auto;
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;*/
        }

    .kma .container--content .item {
        margin-bottom: 6px;
    }

    .kma .container--content .content .more-detail {
        position: absolute;
        bottom: 22px;
    }

    .kma .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-content {
        text-align: center !important;
        top: 116px;
    }
}

/*#KMA Secondary nav#*/

.kma .container--menu {
    max-width: 1170px;
    margin: auto;
}

.kma .kmanav {
    background-color: #FFFFFF;
    box-shadow: 0 1px 6px 0 rgba(90, 90, 90, 0.2);
    margin-left: -15px;
    margin-right: -15px;
    z-index: 999;
    position: relative;
}

    .kma .kmanav.fixed-top {
        z-index: 1001;
        position: fixed;
    }

.kma .kma-menu .menuitem {
    display: block;
    padding-right: 0;
    padding: 0 24px;
    float: left;
}

    .kma .kma-menu .menuitem .inner {
        background: transparent;
        position: relative;
        overflow: hidden;
    }

        .kma .kma-menu .menuitem.active .inner a,
        .kma .kma-menu .menuitem.active2 .inner a,
        .kma .kma-menu .menuitem .inner a:hover {
            background: transparent;
        }

        .kma .kma-menu .menuitem .inner:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -100%;
            width: 100%;
            height: 3px;
            background: #FFD400;
            transition: .3s cubic-bezier(.445, .05, .55, .95);
        }

        .kma .kma-menu .menuitem .inner a {
            font-size: 20px;
            font-family: Krungsri-Condensed-Medium;
            color: #5A5A5A;
            letter-spacing: 0;
            line-height: 30px;
            height: 78px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            list-style-type: none;
        }

    .kma .kma-menu .menuitem.active2 a {
        border-bottom: 3px solid #f9d848;
    }

    .kma .kma-menu .menuitem.active a {
        font-family: Krungsri-Condensed-Bold;
        color: #222222;
    }

    .kma .kma-menu .menuitem .inner:hover:after,
    .kma .kma-menu .menuitem.active .inner:after {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

.kma .kma-menu-desktop {
    background-color: #fff;
}

.kma .kmanav.fixed-top .nav-menu-mobile {
    display: none;
}

@media (max-width: 1199px) {
    .kma-menu-desktop {
        display: none;
    }

    .nav-menu-mobile {
        display: block;
        margin-top: 40px;
        background-color: #fff;
    }

    .kma .kmanav {
        box-shadow: none;
        background-color: transparent;
    }

        .kma .kmanav.fixed-top .nav-menu-mobile {
            padding-top: 15px;
            padding-bottom: 15px;
            top: 0px;
            position: relative;
            margin-top: 0;
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
            display: block;
        }

            .kma .kmanav.fixed-top .nav-menu-mobile .btn-secondary-menu {
                margin-bottom: 0;
            }
}




/*#container--content#*/
.kma .container--content {
    margin-bottom: 10px;
}

/*#recommend-product-zone#*/
.kma .recommend-product-zone {
    padding-bottom: 10px;
}

.kma .viewmore {
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    max-width: 270px;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 6px;
    margin: auto;
    margin-top: 24px;
}

@media screen and (max-width: 767px) {
    .kma .recommend-product-zone .recomend-item {
        padding-bottom: 8px;
    }

        .kma .recommend-product-zone .recomend-item:nth-child(2n+1) {
            padding-left: 4.5px;
        }

        .kma .recommend-product-zone .recomend-item:nth-child(2n) {
            padding-right: 4.5px;
        }

        .kma .recommend-product-zone .recomend-item:first-child {
            padding-left: 15px;
            padding-right: 15px;
        }

    .kma .recommend-product-zone {
        padding-bottom: 56px;
    }
}

/*#Knowledge#*/
.kma .knowledge-bock .item .header {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
}

.kma .knowledge-zone .content {
    height: 122px;
}

.kma .knowledge-zone .owl-item {
    padding: 0 10px;
}

    .kma .knowledge-zone .owl-item:first-of-type {
        padding-left: 0;
        padding-right: 20px;
    }

    .kma .knowledge-zone .owl-item:last-of-type {
        padding-right: 0;
        padding-left: 20px;
    }

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
    .kma .knowledge-zone .content {
        height: 70px;
    }

    .kma #knowledge-slide .image {
        width: auto;
        float: none;
    }

    .kma #knowledge-slide .content {
        width: 100%;
        float: none;
        min-height: 64px;
    }

    .kma .knowledge-zone .owl-item:first-of-type,
    .kma .knowledge-zone .owl-item.active {
        padding-left: 0;
        padding-right: 8px;
    }

    .kma .knowledge-bock .item .header {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }
}


/*#GetApplication#*/
.kma .container--get--application {
    background-color: #FFD400;
    padding: 40px 0;
}

    .kma .container--get--application .text {
        color: #222222;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
    }

    .kma .container--get--application .application-list {
        padding-top: 32px;
    }

    .kma .container--get--application .get-qr {
        left: -55px;
    }

        .kma .container--get--application .get-qr img {
            height: 152px;
        }

    .kma .container--get--application .application-list img {
        max-height: 60px;
    }

@media screen and (max-width: 767px) {
    .kma .container--get--application {
        padding: 24px 0;
    }

        .kma .container--get--application .application-list {
            padding-top: 16px;
        }

        .kma .container--get--application .text {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 30px;
        }

        .kma .container--get--application .application-list img {
            max-height: 40px;
        }

        .kma .container--get--application .application-list .application-list-item {
            padding: 0 8px;
        }

            .kma .container--get--application .application-list .application-list-item:first-child {
                text-align: right;
            }

            .kma .container--get--application .application-list .application-list-item:last-child {
                text-align: left;
            }
}

/*#BannerFooter#*/
.kma .kma-banner-footer .text1-footer-mobile {
    font-family: Krungsri-Condensed-Bold;
    color: #fff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 64px;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.2);
}

.text2-footer-mobile {
    color: #fff;
}

.kma .kma-banner-footer .text2-footer-mobile {
    font-family: Thongterm-Bold;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 50px;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.2);
}

.banner-footer .ks-gradient {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .7019607843137254), rgba(0, 0, 0, 0)) !important;
    background-color: rgba(34, 34, 34, .050980392156862744) !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 1;
    background-color: #222;
    background-image: none !important;
    opacity: .7 !important;
}

.kma .container--cover.container--banner.banner-height-320px .image {
    max-height: 320px;
    width: 100%;
    height: 320px
}

.container--banner.banner-height-320px .image img {
    height: 320px;
}

.kma .clearfix {
    clear: both;
}

@media (max-width: 767px) {
    .kma .kma-banner-footer .text1-footer-mobile {
        color: #fff;
        font-size: 24px;
        line-height: 42px;
        text-align: center;
    }

    .kma .kma-banner-footer .text2-footer-mobile {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 38px;
        text-align: center;
    }

    .kma .kma-banner-footer .btn {
        display: block;
        margin: auto;
        margin-top: 16px !important;
    }

    .kma .kma-banner-footer .banner-content {
        padding-top: 155px !important;
    }
}


/*#RegisterStep#*/
.step-cate-seemore {
    cursor: pointer;
    color: #5A5A5A;
    font-family: Thongterm-Roman;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    margin-top: 24px;
    display: inline-block
}

    .step-cate-seemore.mobile {
        display: none;
    }

    .step-cate-seemore:after {
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        left: 10px;
        top: 1px;
        position: relative;
    }

    .step-cate-seemore[aria-expanded="true"]:after {
        content: "";
    }

.register-category .step-desc-block {
    padding: 50px 0;
}

.register-category .step-desc-block {
    color: #5A5A5A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    font-family: Thongterm-Roman;
}

.step-item-image {
    max-width: 206px;
    margin: auto;
}

.register-step-slider {
    margin-top: 40px;
    margin-bottom: 30px;
}

    .register-step-slider .step-title,
    .banner-step-slider .step-title {
        color: #545454;
        font-family: Thongterm-Bold;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
        text-align: center;
        margin-top: 16px;
    }

.title-line {
    position: relative;
    padding-bottom: 32px
}

    .title-line:after {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 0;
        width: 100px;
        height: 3px;
        background: #ffd400;
    }

.register-step-slider .step-desc,
.banner-step-slider .step-desc {
    color: #545454;
    font-family: Thongterm-Roman;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    margin-top: 16px;
    max-width: 240px;
    margin: auto;
}

/*#BannerStep#*/
@media screen and (min-width: 320px) {

    .owl-theme.register-step-slider .owl-nav button.owl-prev,
    .owl-theme.register-step-slider .owl-nav button.owl-next,
    .owl-theme.banner-step-slider .owl-nav button.owl-prev,
    .owl-theme.banner-step-slider .owl-nav button.owl-next {
        height: 32px;
        width: 32px;
        background-color: #FFD400 !important;
        border-radius: 50% !important;
        opacity: 1 !important;
        top: 35%;
        box-shadow: 1px 2px 4px 0 rgba(35, 19, 18, 0.2);
        background-image: none;
    }

    .owl-theme.register-step-slider .owl-nav button.disabled,
    .owl-theme.banner-step-slider .owl-nav button.disabled {
        background-color: #F0EFEE !important;
        opacity: 1 !important;
    }

    .owl-theme.register-step-slider .owl-nav button span,
    .owl-theme.banner-step-slider .owl-nav button span {
        position: relative;
        font-size: 40px !important;
        top: -2px;
        color: #8f8f8f;
        right: -1px;
    }

    .owl-theme.register-step-slider .owl-dots,
    .owl-theme.banner-step-slider .owl-dots {
        margin-top: 24px;
    }

        .owl-theme.register-step-slider .owl-dots .owl-dot span,
        .owl-theme.banner-step-slider .owl-dots .owl-dot span {
            height: 13px;
            width: 13px;
            border: 2px solid #8F8F8F;
        }

        .owl-theme.register-step-slider .owl-dots .owl-dot:hover span,
        .owl-theme.banner-step-slider .owl-dots .owl-dot:hover span {
            border: 2px solid #ffd400;
        }

    .owl-theme.register-step-slider .owl-nav button.owl-prev,
    .owl-theme.banner-step-slider .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
    }

    .owl-theme.register-step-slider .owl-nav button.owl-next,
    .owl-theme.banner-step-slider .owl-nav button.owl-next {
        position: absolute;
        right: 0;
    }

    .owl-theme.register-step-slider .owl-nav .disabled,
    .owl-theme.banner-step-slider .owl-nav .disabled {
        display: block
    }

    .owl-theme.register-step-slider .owl-nav,
    .owl-theme.banner-step-slider .owl-nav {
        display: block;
    }
}

@media screen and (max-width: 1199px) {
    .register-category .step-desc-block {
        padding: 30px 0;
    }

    .owl-theme.register-step-slider .owl-nav button.owl-prev {
        left: 15px;
    }

    .owl-theme.register-step-slider .owl-nav button.owl-next {
        right: 15px;
    }

    .kma .kmanav.fixed-top {
        top: 56px;
    }

    .ks-top-nav.active {
        z-index: 1002;
    }
}

@media screen and (max-width: 767px) {
    .title-line {
        position: relative;
        padding-bottom: 20px
    }

        .title-line:after {
            content: "";
            position: absolute;
            bottom: 9px;
            left: 0;
            width: 100px;
            height: 3px;
            background: #ffd400;
        }

    .register-category .step-desc-block {
        padding: 16px 0 0;
    }

    #register-category .step-register-block {
        padding-bottom: 30px
    }

        #register-category .step-register-block:first-child {
            padding-top: 0;
        }

    .step-register-block + .step-register-block {
        padding-top: 30px !important;
    }

    .step-cate-seemore {
        display: block;
        text-align: center;
        margin-top: 8px;
    }

    .register-step-slider {
        margin-top: 24px;
        margin-bottom: 0;
    }

    .owl-theme.register-step-slider .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-theme.register-step-slider .owl-nav button.owl-next {
        right: 0;
    }

    .step-cate-seemore.mobile {
        display: none;
    }

    .step-cate-seemore[aria-expanded="true"]:after {
        display: none;
    }

    .step-cate-seemore.mobile[aria-expanded="true"],
    .step-cate-seemore.mobile[aria-expanded="true"]:after {
        display: block;
    }

    .step-cate-seemore:after {
        position: absolute;
        top: auto;
        bottom: -25px;
        left: 50%;
        margin-left: -3px;
    }
}


/*#Service#*/
.KMA-LeftMenu {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 2px solid #fff;
    font-size: 14px;
}

.KMA-LeftMenu-Block {
    background-color: #F3F3F3;
}

    .KMA-LeftMenu-Block h3 {
        padding: 16px;
    }

.KMA-LeftMenu li.list-group-item {
    font-family: "Krungsri-Condensed-Bold";
    color: #222222;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 16px;
    border: 0;
    background-color: #F3F3F3;
}

    .KMA-LeftMenu li.list-group-item.active {
        background: #fdd800;
        background-position: 20px 10px;
        border: 0;
    }

    .KMA-LeftMenu li.list-group-item a {
        color: #222222;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
    }


.kma-content-block-detail .kma-content-desc {
    color: #5A5A5A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

    .kma-content-block-detail .kma-content-desc ul {
        padding-left: 20px;
    }

        .kma-content-block-detail .kma-content-desc ul.list-unstyled {
            padding-left: 0;
        }

.kma-content-block {
    padding-top: 40px;
    padding-bottom: 40px;
}


.kma-content-block-detail .kma-content-desc .note {
    padding-left: 15px;
    position: relative;
}

    .kma-content-block-detail .kma-content-desc .note:before {
        content: "*";
        position: absolute;
        left: 0;
    }

.kma-content-block .image {
    max-width: 400px;
}

.kma-content-block .detail {
}

.banner-cate-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    padding-bottom: 24px;
}

.banner-step-slider {
    padding: 0 80px;
}

    .banner-step-slider .step-desc {
        max-width: 200px;
    }

.step-register-block {
    padding-top: 24px;
    padding-bottom: 24px;
}

    .step-register-block + .step-register-block {
        padding-top: 46px;
    }

.kma-content .faq-category .faq-item {
    /*padding-bottom: 10px!important;*/
}

    .kma-content .faq-category .faq-item .question {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
    }

@media screen and (max-width: 1199px) {
    .KMA-LeftMenu-Block {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .kma-content-block {
        display: block
    }

        .kma-content-block .image {
            max-width: none;
            width: 100%;
            text-align: center;
        }

            .kma-content-block .image img {
                max-width: 400px;
                margin: auto;
            }

        .kma-content-block .detail {
            max-width: none;
            width: 100%
        }
}

/*#FAQ#*/
.faq-cat-title {
    padding: 8px 0;
    margin-bottom: 8px;
}

.faq-category .faq-item .question {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    cursor: pointer;
    padding-right: 30px;
}

    .faq-category .faq-item .question:after {
        content: "";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        right: 20px;
        top: 1px;
        position: absolute;
    }

.faq-category .faq-item[aria-expanded="true"] .question:after {
    content: "";
}

.faq-category .faq-item {
    border-left: 3px solid transparent
}

.faq-category .faq-category-list {
    border-left: 3px solid transparent
}

.faq-category .faq-item-block {
    border-top: 1px solid #E8E8E8;
}

    .faq-category .faq-item-block:first-child {
        border-bottom: 0;
    }

    .faq-category .faq-item-block:last-child {
        border-bottom: 1px solid #E8E8E8;
    }

.faq-category .faq-item[aria-expanded="true"],
.faq-category .faq-item[aria-expanded="true"] + .faq-category-list {
    border-left: 3px solid #ffd400
}

.faq-category .faq-item .faq-category-list {
    padding-top: 0;
    padding: 15px;
}

.faq-category .faq-category-list .answer {
    color: #5A5A5A;
    font-family: Thongterm-Roman;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

@media screen and (max-width: 767px) {
    .faq-category .faq-item .question {
        font-size: 18px;
        line-height: 30px;
        padding-right: 45px;
    }

        .faq-category .faq-item .question:after {
            right: 15px;
        }
}

/*#RecomendPage#*/
.recomend-product-list .item .content .header {
    height: 60px;
}

.kma .container--content .recomend-product-list .item .content {
    height: auto;
}

.list-viewmore-block {
    margin-top: 40px;
}

a.list-viewmore {
    color: #F76F00;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

.container--cover.container--banner #recommend-banner-slide .banner-bg {
    height: 360px;
    max-height: none;
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

.container--cover.container--banner.banner-height-360px {
    max-height: 360px;
}

.container--cover.container--banner #recommend-banner-slide .banner-bg .banner-title {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 64px;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
    padding-top: 56px;
}

@media screen and (max-width: 767px) {
    .container--cover.container--banner #recommend-banner-slide .banner-bg .container {
        display: table;
        height: 100%;
    }

    .container--cover.container--banner #recommend-banner-slide .banner-bg .banner-title-block {
        vertical-align: bottom;
        display: table-cell
    }

    .container--cover.container--banner #recommend-banner-slide .banner-bg .banner-title {
        color: #FFFFFF;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 42px;
        text-align: center;
        padding-bottom: 24px;
    }

    .recommend-kma .kma-content-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .recommend-kma .kma-content-block .image {
            margin-bottom: 16px;
        }
}

.kma-content-block-detail .kma-content-desc h3 {
    padding-bottom: 8px;
}

.recommend-detail.kma-content-block-detail ul {
    line-height: 29px;
}

.kma-content-block-detail .kma-content-desc h4 {
    color: #5A5A5A;
    font-family: Thongterm-Bold;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 36px;
}

.recommend-detail.kma-content-block-detail .faq-category .faq-item,
.recommend-detail.kma-content-block-detail .faq-category .faq-category-list,
.recommend-detail.kma-content-block-detail .faq-category .faq-item .faq-category-list,
.recommend-detail.kma-content-block-detail .faq-category .faq-item[aria-expanded="true"],
.recommend-detail.kma-content-block-detail .faq-category .faq-item[aria-expanded="true"] + .faq-category-list {
    border-left: 0;
}

.faq-category-list {
    width: 100%;
}

.recommend-detail.kma-content-block-detail .faq-category .faq-item-block {
    border-bottom: 0;
}

.recommend-detail.kma-content-block-detail .faq-category .faq-item {
    border-bottom: 1px solid #e8e8e8;
}

.recommend-detail.kma-content-block-detail .faq-category .faq-category-list .answer {
    line-height: 26px;
}

.recommend-detail .nav.nav-tabs .nav-item .nav-link {
    color: #949494;
}

.recommend-detail .nav.nav-tabs .nav-item {
    color: #222222;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
}

    .recommend-detail .nav.nav-tabs .nav-item .nav-link {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 4px solid #F0EFEE;
    }

.recommend-detail .nav-tabs {
    border-bottom: 0;
}

.recommend-detail .nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 4px solid #ffd400;
    color: #222222;
}

.recommend-detail .tab-content {
    padding: 32px 0 40px;
}

.recommend-detail .step-item-detail {
    border: 3px solid #FFD400;
    border-radius: 4px;
    padding: 24px;
    height: 416px;
    width: 270px;
}

    .recommend-detail .step-item-detail .step-item-detail-header {
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

.line-yellow {
    height: 3px;
    width: 100%;
    border-radius: 4px;
    background-color: #FFD400;
    margin: 24px 0 20px;
}

.check-true {
    color: #319D19;
    font-size: 26px;
    position: relative;
    top: 3px;
    padding-right: 5px;
}

.recommend-detail .step-item-detail .step-item-detail-desc {
    padding: 12px 0 0;
}

    .recommend-detail .step-item-detail .step-item-detail-desc ul li {
        display: table-row;
    }

        .recommend-detail .step-item-detail .step-item-detail-desc ul li > * {
            display: table-cell;
        }

.recommend-detail .banner-step-slider .step-desc {
    max-width: 240px
}

.btn-yellow {
    border-radius: 3px;
    background-color: #FFD400;
    color: #554242;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    padding: 9px 35px;
}

#related-content-slider .owl-stage {
    right: -15px;
    left: 0;
}

#related-content-slider .box-product {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
}

    #related-content-slider .box-product .product-title {
        padding: 16px;
    }

    #related-content-slider .box-product .product-title {
        height: 120px;
    }

.recomend-product-pager {
    margin-bottom: 80px;
}

@media screen and (min-width: 320px) {

    .recommend-detail .owl-theme.register-step-slider .owl-nav button span,
    .recommend-detail .owl-theme.banner-step-slider .owl-nav button span {
        top: -3px;
    }
}

@media screen and (max-width: 1200px) {
    .kma .kma-menu .menuitem {
        padding: 0 25px;
    }
}

@media screen and (max-width: 991px) {
    .kma .kma-menu .menuitem {
        padding: 0 15px;
    }

    .recomend-product-list .item .content h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .recomend-product-list .item .content .header {
        height: auto;
    }
}

@media screen and (max-width: 860px) {
    .kma .kma-menu .menuitem {
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .kma .container--cover.container--banner.banner-height-360px {
        height: 360px;
    }

        .kma .container--cover.container--banner.banner-height-360px .image {
            position: absolute;
        }

            .kma .container--cover.container--banner.banner-height-360px .image.knowledge-detail-kma {
                position: relative;
            }

    .step-item-detail {
        margin: auto;
    }

    .banner-step-slider {
        padding: 0 40px;
    }

    .recommend-detail .step-item-detail {
        padding: 15px;
        width: 245px;
    }

    .recommend-detail.kma-content-block-detail .nav.nav-tabs .nav-item .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .kma-content-block-detail .kma-content-desc h4 {
        font-size: 18px;
        line-height: 38px;
    }

    .kma-content .faq-category .faq-item .question {
        font-size: 18px;
        line-height: normal;
    }

        .kma-content .faq-category .faq-item .question:after {
            top: 5px;
        }

    #related-content-slider .box-product .product-title {
        padding: 8px;
    }

    #related-content-slider .box-product .product-title {
        height: 100px;
    }

    .recomend-product-list .item .content h3 {
        height: 56px;
        overflow: hidden;
    }

    .kma .container--content .recomend-product-list .item {
        display: flex;
        margin-bottom: 16px;
        height: 110px;
    }

    .recomend-product-list .item .image {
        /* -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;*/
        max-width: 110px;
    }

    .recomend-product-list .item .content {
        /*-ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;*/
        width: auto;
        max-width: none;
        padding: 8px 8px 4px;
    }

    .recomend-product-list .item .image {
        min-width: 110px;
    }

        .recomend-product-list .item .image img {
            height: 110px;
            width: auto;
        }

    .recomend-product-list .list-viewmore-block {
        margin-top: 12px;
    }

    .recomend-product-pager {
        margin-bottom: 40px;
    }
}


/*Knowledge*/
.knowledge-block-detail {
    background-color: #FFFFFF;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    padding: 40px;
    margin-top: -90px;
}

.border-section {
    height: 2px;
    width: 100%;
    background: #F3F3F3;
}

.back-in-detail {
    color: #5A5A5A;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    margin-top: 35px;
    display: inline-block;
}


@media screen and (max-width: 767px) {
    .knowledge-block-detail {
        background-color: #FFFFFF;
        box-shadow: none;
        padding: 0;
        margin-top: 0;
    }

    .knowledge-list .item .image img {
        height: 110px;
        width: auto;
    }

    .img-oversize {
        margin: 0 -15px;
        width: calc(100% + 30px);
        max-width: none;
    }

    .back-in-detail {
        margin-bottom: 35px;
    }
}

/*.top-banner .owl-nav,
.top-banner .owl-dots{
  display: none;
}

@media (min-width: 1200px){
  .kma .nav-menu-mobile.fixed-menu-mobile{
    background-color:transparent;
  }
}

.ygc .accordion .card .card-header.arrow.collapsed:after{
  display: block !important;
}
.ks-content-wrapper .ygc {
  background: #fff;
}
.ygc #banner-slide-secondary p.description{
  color: #5A5A5A;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 34px;
  font-family: Thongterm-Roman;
  text-shadow: none;
}
.ygc #banner-slide-secondary .h2{
  color: #222222;
  font-family: Krungsri-Condensed-Bold;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 48px;
}

.ygc #banner-slide-secondary .card-info > img{
  width: 148px;
  float: left;
  position: relative;
  left: -11px;
}
.ygc .product-block .product-home.card-info.item:hover {
  background-color: #ffd400;
  position:relative;
  bottom: 15px;
}
.ygc .bg-gray{
  background-color: #f9f9f9;
}

.ygc .ygc-knowledge-home-list .content{
  height: 158px;
}
/******************************************************/
/*Home Page*/
.ygc .nav.nav-tabs .product-home .nav-item {
    padding: 0;
    text-align: left;
    border: none;
}

.ygc .nav.nav-tabs .product-home .nav-item {
    font-family: Thongterm-Roman;
    font-size: 16px;
    line-height: 30px;
    color: #5a5a5a;
}

.ygc .nav.nav-tabs {
    border-bottom: 1px solid transparent;
}

.ygc .tab-detail {
    height: 0;
    transition: all .2s;
    overflow: hidden;
}

    .ygc .tab-detail.open {
        height: 100%;
    }

.ygc .tab-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .ygc .tab-mobile .content {
        width: 100% !important;
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (max-width:575px) {
    .ygc .tab-mobile {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

        .ygc .tab-mobile .nav-link {
            padding: 0;
        }

        .ygc .tab-mobile .item:hover,
        .ygc tab-mobile .item.active {
            background-color: #ffd400;
        }

    .ygc .tab-desktop {
        display: none;
    }
}

.ygc .nav-tabs .blog-product-home {
    webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .ygc .nav-tabs .blog-product-home:hover {
        transform: translateY(-5px);
    }

.ygc .nav-tabs .product-home.card-info.item:hover,
.ygc .nav-tabs .product-home.card-info.item.active {
    background-color: #ffd400;
    position: relative;
    bottom: 15px;
}

.ygc .nav-tabs .product-home.card-info.item:after {
    height: auto;
}


.ygc .nav-tabs .product-home.card-info.item .nav-item.active {
    background-color: #ffd400;
}

/*Product Page*/
a.list-detailmore {
    color: #F76F00;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

.ygc .product-list .item {
    padding-top: 39px;
    padding-left: 16px;
    padding-right: 16px;
    height: 358px;
    border-top: 8px solid #ffd400;
}

.ygc .product-list .height-box {
    height: 153px;
}

    .ygc .product-list .height-box .product-title {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        letter-spacing: 0;
        line-height: 29px;
    }

.ygc .product-list .content {
    padding: 5px 16px 16px
}

/*StudentCard*/
.ygc .block-banner-content {
    margin-bottom: 30px;
}

    .ygc .block-banner-content .cover-content-wrapper {
        max-width: 1170px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
    }

        .ygc .block-banner-content .cover-content-wrapper .image {
            max-height: 360px;
            width: 100%;
            height: 360px;
            overflow: hidden;
            position: relative;
        }

        .ygc .block-banner-content .cover-content-wrapper .banner-content {
            width: 100%;
            border: 0;
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            z-index: 10;
            padding-bottom: 0;
            padding-top: 56px;
            padding-left: 0;
            padding-right: 54px;
        }

            .ygc .block-banner-content .cover-content-wrapper .banner-content .h1 {
                color: #222222;
                font-family: "Krungsri-Condensed-Bold";
                font-size: 40px;
                letter-spacing: 0;
                line-height: 64px;
            }

        .ygc .block-banner-content .cover-content-wrapper .description {
            font-family: "Thongterm-Bold";
            font-size: 24px;
            line-height: 50px;
            color: #5A5A5A;
        }

        .ygc .block-banner-content .cover-content-wrapper .btn {
            width: 170px;
            height: 44px;
        }

.ygc .content-box {
    background-color: #fff;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
}

.ygc .content-title {
    color: #5A5A5A;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.ygc .content-detail-title {
    font-family: Thongterm-Bold;
    font-size: 16px;
    line-height: 34px;
    color: #5A5A5A;
}

.ygc .faq-category .faq-item .question {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    padding-right: 30px;
}

.ygc .acc-category .acc-title {
    color: #222222;
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    padding-right: 30px;
}

.ygc .acc-category .acc-item .acc-title:after {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    right: 20px;
    top: 1px;
    position: absolute;
}

.ygc .acc-category .acc-item[aria-expanded="true"] .acc-title:after {
    content: "";
}

.ygc .acc-category .acc-item-block:first-child {
    border-bottom: 0;
}

.ygc .acc-category .acc-item-block:last-child {
    border-bottom: 1px solid #E8E8E8;
}

.ygc .acc-category .acc-item-block {
    border-top: 1px solid #E8E8E8;
}

.ygc .acc-category .acc-item {
    border-left: 3px solid transparent;
}

    .ygc .acc-category .acc-item[aria-expanded="true"],
    .acc-category .acc-item[aria-expanded="true"] + .acc-category-list {
        border-left: 3px solid #ffd400;
    }

.ygc .acc-category-list {
    width: 100%;
}

.ygc .acc-category .acc-category-list {
    border-left: 3px solid transparent;
}

.ygc .accordion .card .card-header.arrow.collapsed:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1.5rem;
    content: "\f107";
    float: right;
    position: absolute;
    top: 18px;
    right: 20px;
    color: #222222;
    z-index: 0;
}

.ygc .accordion .card .card-header.arrow:not(.collapsed):after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1.5rem;
    content: "\f106";
    float: right;
    position: absolute;
    top: 18px;
    right: 20px;
    color: #222222;
    z-index: 0;
}

.ygc .studentcard_banner {
    background: url('/getmedia/3accbee2-50d3-407e-bb4d-5f979828595a/studentcard_banner.png.aspx');
    background-size: cover;
    height: 317px;
}

.ygc .banner-second-card .cover-content-wrapper .banner-content .detail {
    float: right;
    text-align: right;
}

.ygc .logo-partner-text {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 36px;
    padding-bottom: 36px;
}

.ygc .video-detail-news iframe {
    width: 100%;
    height: 501px;
}

.ygc .faq-student-credit {
    height: 662px;
    overflow: hidden;
}

    .ygc .faq-student-credit.more {
        height: auto;
    }

.ygc .btn-white {
    border: solid 1px #e8e8e8;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 4px;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    color: #554242;
    line-height: 27px;
    width: 170px;
    height: 44px;
    display: block;
    margin: auto;
    margin-top: 24px;
}

/*Promotion Page*/
.ygc .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-promotion {
    text-shadow: none;
    top: 0;
    padding-top: 31px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ygc .banner-promotion .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 50px;
    margin-top: 8px;
}

.ygc .banner-promotion .h1 {
    position: relative;
    top: 20px;
}

.ygc .icon .img-icon-banner {
    width: 125px !important;
    height: 100%;
}

.ygc .banner-promotion .detail-banner-promotion {
    color: #5A5A5A;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 50px;
}

.ygc .ygc-promotion-list .item .content {
    height: 158px;
}

.ygc .tag-cl .title-tg {
    display: inline-block;
    font-size: 16px;
    font-family: Thongterm-Bold;
    line-height: 34px;
    color: #5A5A5A;
    margin-right: 16px;
}

.ygc .tag-cl .ctn-tag {
    display: inline;
    border: solid 1px #E8E8E8;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 14px;
    line-height: 30px;
    color: #545454;
    padding: 4px 8px;
}

    .ygc .tag-cl .ctn-tag:hover {
        cursor: pointer;
        background-color: #ffd400;
    }

.ygc .pmt-title-detail {
    font-size: 20px;
    font-family: "Thongterm-Bold";
    line-height: 42px;
    color: #5A5A5A;
}


/*News and Activity*/
.ygc .container--content .news-list .item .content {
    height: 187px;
}

    .ygc .container--content .news-list .item .content .box {
        height: 107px;
    }

    .ygc .container--content .news-list .item .content .date-news-list {
        font-family: Thongterm-Bold;
        font-size: 16px;
        line-height: 30px;
        margin-top: 16px;
    }

.ygc .news-list .list-viewmore-block {
    margin-top: 24px;
}

.ygc .bg-yellow-news {
    background-color: #ffd400;
}

.ygc .container--cover.container--banner.bannertop-news {
    max-height: 360px;
    width: 1170px;
}

.ygc .container--banner .bannertop-news .cover-content-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    background-color: #ffd400;
    padding-right: 0;
    padding-top: 55px;
}

.ygc .container--banner.banner-text .bannertop-news .cover-content-wrapper .h1 {
    color: #222;
    font-family: Krungsri-Condensed-Bold;
    font-size: 40px;
    line-height: 60px;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, .2);
    margin-bottom: 16px;
}

.ygc .container--banner .bannertop-news .banner-content .btn {
    color: #554242 !important;
    font-family: Krungsri-Condensed-Bold;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 180px;
    margin-top: 32px;
}

.ygc .knowledge-block-detail {
    background-color: #FFFFFF;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    padding: 52px 40px 40px 40px;
    margin-top: -90px;
    margin-bottom: 40px;
}

    .ygc .knowledge-block-detail h1 {
        margin-top: 18px;
    }

.ygc .img-box .length-box {
    height: 215px;
    overflow: hidden;
}

.ygc .knowledge-block-detail .title-news-detail {
    font-family: Krungsri-Condensed-Bold;
    font-size: 20px;
    line-height: 30px;
    color: #545454;
}

.ygc #gallery-1 {
    width: 600px;
    margin: auto;
}

.ygc .rsOverflow {
    overflow: hidden;
    float: left;
}

.ygc .rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
}

.ygc .rsContainer,
.rsOverflow {
    position: relative;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

.ygc .rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsThumbs,
.rsDefault .rsVideoFrameHolder {
    background: #151515;
}

.ygc .royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr;
}

.ygc .rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}

.ygc .rsDefault .rsThumbsHor {
    padding-bottom: 4px;
    width: 100%;
    height: 72px;
}

.ygc .rsDefault .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px;
}

.ygc .rsDefault .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url(/Krungsri2020/media/Payroll_image/activity/activity-campaign/rs-default.png);
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px;
}

.ygc .rsDefault .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;
}

.ygc .rsDefault.rsHor .rsArrowLeft,
.rsDefault.rsVer .rsArrowLeft {
    top: 0;
    left: 0;
}

.ygc .rsDefault.rsHor .rsArrowRight {
    right: 0;
    top: 0;
}

.ygc .rsDefault .rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.ygc .rsHidden {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .3s, opacity .3s linear;
}

.ygc .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -64px -32px;
}

.ygc .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -64px -64px;
}

.ygc .rsDefault .rsArrowIcn {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url(/Krungsri2020/media/Payroll_image/activity/activity-campaign/rs-default.png);
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px;
}

.ygc .rsDefault .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #000;
    background: rgba(0, 0, 0, .75);
}

.ygc .rsDefault .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url(/Krungsri2020/media/Payroll_image/activity/activity-campaign/rs-default.png);
}

.ygc .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0;
}

.ygc .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0;
}

.rsDefault .rsThumbsArrowDisabled {
    display: none !important;
}

.ygc .rsDefault .rsThumb.rsNavSelected img {
    opacity: .3;
    filter: alpha(opacity=30);
}

.ygc div#gallery-modal {
    background-color: rgb(0 0 0 / 42%);
}

    .ygc div#gallery-modal .modal-dialog {
        max-width: none;
        width: auto;
    }

        .ygc div#gallery-modal .modal-dialog .modal-content {
            background-color: transparent;
            border: 0;
        }

            .ygc div#gallery-modal .modal-dialog .modal-content .modal-header {
                border-bottom: 0;
            }

                .ygc div#gallery-modal .modal-dialog .modal-content .modal-header button {
                    text-shadow: none;
                    color: #fff;
                    opacity: unset;
                }

                    .ygc div#gallery-modal .modal-dialog .modal-content .modal-header button:focus {
                        outline: none;
                    }

.ygc .img-box-zone .img-box {
    cursor: pointer;
}

    .ygc .img-box-zone .img-box:nth-child(3n+1) {
        padding-left: 0;
        padding-right: 10px;
    }

    .ygc .img-box-zone .img-box:nth-child(3n+2) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ygc .img-box-zone .img-box:nth-child(3n+3) {
        padding-left: 10px;
        padding-right: 0px;
    }

.ygc .detail-menunav {
    background-color: rgba(255, 255, 255, 0.7);
}

    .ygc .detail-menunav .kma-menu {
        background-color: rgba(255, 255, 255, 0.7);
    }

.ygc .bg-light-gray {
    background-color: rgba(255, 255, 255, 0.7);
}

    .ygc .bg-light-gray .container--content {
        margin-bottom: 80px;
    }

.ygc .ygc-menu-newsdetail {
    box-shadow: none;
}

/*Knowledge Page*/
.ygc .ygc-knowledge-list .item .content {
    height: 158px;
}

@media screen and (max-width: 767px) {
    .ygc .text-ellipsis-1line {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ygc .Text-link {
        line-height: 30px;
    }

    .ygc .banner-secondary-ygc .block-banner .ks-gradient {
        opacity: 0 !important;
    }

    .ygc .banner-secondary-ygc .block-banner .banner-content {
        background-color: #ffd400;
        height: 181px;
        bottom: 0 !important;
    }

    .ygc .banner-secondary-ygc .owl-item .item .block-banner .image {
        height: 160px;
    }

        .ygc .banner-secondary-ygc .owl-item .item .block-banner .image img {
            height: 160px !important;
            max-height: 160px !important;
        }

    .ygc .container--content .content {
        width: 61.666667%;
    }

    /*Product Page*/
    .ygc .product-list .item {
        height: auto;
        display: inline-block;
        margin-bottom: 0px;
        padding-top: 28px;
        padding-bottom: 16px;
    }

    .ygc .product-list .height-box {
        height: auto;
    }

    .ygc .product-list .content {
        padding: 0;
        width: auto;
        float: left;
    }

    /*Card*/
    .ygc .bullet-zone {
        display: none;
    }

    .studentcard-block {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ygc .item.studentcard {
        background-color: #fff !important;
        min-height: 398px;
        padding-bottom: 16px;
    }

    .ygc .studentcard .btn {
        width: 270px !important;
    }

    .ygc .logo-partner .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 0px !important;
    }

    .ygc .studentcard_banner {
        background: url('/getmedia/3accbee2-50d3-407e-bb4d-5f979828595a/studentcard_banner.png.aspx');
        background-size: cover;
        height: 470px;
    }

    .ygc .studentcard-block .image {
        max-width: 200px;
        margin: auto;
        float: unset;
    }

    .ygc .studentcard-block .studentcard .content {
        width: 100%;
        height: auto;
        padding: 0;
        float: unset;
        margin-top: 27px;
    }

    .ygc .privilege-item:nth-child(3n) {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ygc .privilege-item:nth-child(3n+1) {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ygc .privilege-item:nth-child(3n+2) {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ygc .container--content .privilege-item .content {
        background-color: #fff;
        box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
        width: 100%;
        height: 110px !important;
        float: unset;
    }

    .ygc .container--content .privilege-item .image {
        width: 110px;
        height: 110px;
    }

    .ygc .privilege-item .text {
        height: auto;
        width: 64%;
        float: right;
        position: unset;
        bottom: 0;
        color: #222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px;
        text-align: unset;
        z-index: 2;
        text-shadow: unset;
        padding: 8px 0;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ygc .banner-second-card .cover-content-wrapper .banner-content .h1 {
        color: #222222;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 26px;
        letter-spacing: 0;
        line-height: 40px;
        float: left;
        margin-bottom: 0;
    }

    .ygc .banner-second-card .cover-content-wrapper .description {
        font-family: "Thongterm-Roman";
        font-size: 16px;
        line-height: 34px;
        color: #5A5A5A;
        float: left;
        padding-right: 30px;
    }

        .ygc .banner-second-card .cover-content-wrapper .description br {
            display: none;
        }

    .ygc .banner-second-card .cover-content-wrapper .btn {
        width: 270px;
        height: 44px;
    }

    .ygc .banner-second-card .cover-content-wrapper .banner-content {
        padding-right: 0px;
        padding-top: 24px;
        padding-left: 16px;
        padding-right: 16px;
        top: 156px;
    }

    .ygc .content-zone .search-branch {
        background-color: #fff;
        margin: 0 -15px;
    }

    .ygc .bg-wrapper-studentcard .banner-second-card .cover-content-wrapper {
        height: 381px;
    }

    .ygc .banner-second-card .cover-content-wrapper .image img {
        height: 160px;
    }

    .ygc .banner-second-card .cover-content-wrapper .banner-content .detail {
        float: none;
        text-align: left;
    }

    .ygc .img-center-mobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .ygc .block-banner-content {
        border: transparent;
    }

    /*Promotion Page*/
    .ygc .products-interested .image {
        width: 110px;
    }

    .ygc .banner-promotion .detail-banner-promotion {
        color: #fff;
        font-size: 18px;
        font-family: Thongterm-Bold;
        line-height: 38px;
        text-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    }

    .ygc .banner-promotion .h1 {
        text-align: left;
        position: relative;
        top: 0;
    }

    .ygc .icon .img-icon-banner {
        width: auto !important;
        height: 58px;
    }

    .ygc .container--cover.container--banner.banner-mobile-height-398px {
        max-height: 398px;
    }

    .ygc .container--banner.container--banner--hero.banner-mobile-height-398px .cover-content-wrapper {
        height: 398px;
    }

    .kma .container--banner.banner-mobile-height-398px .owl-item .item .block-banner .image img {
        height: 398px;
        max-height: 398px;
        min-width: auto;
    }

    .ygc .container--banner.banner-height-360px .block-banner .cover-content-wrapper .banner-promotion {
        text-align: center !important;
    }

    .ygc .container--banner .owl-item .item .block-banner .image-promotion {
        height: 398px;
        max-height: 398px
    }

    .ygc .container--banner.banner-mobile-height-398px .block-banner .ks-gradient {
        height: 360px;
    }

    /*News and Activity Page*/
    .ygc #gallery-1 {
        width: 300px;
    }

    .ygc .container--cover.container--banner.bannertop-news {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .ygc .container--content .news-list .item .content {
        height: auto;
    }

    .ygc .bg-yellow-news {
        background-color: transparent;
    }

    .ygc .container--banner .bannertop-news .cover-content-wrapper {
        background-color: transparent;
    }

    .ygc .container--banner.banner-text .bannertop-news .image {
        position: absolute;
    }

    .ygc .container--banner .bannertop-news .cover-content-wrapper .banner-content {
        z-index: 99;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: 27% !important;
    }

    .ygc .container--banner.banner-text .bannertop-news .cover-content-wrapper .h1 {
        color: #fff;
        font-size: 24px;
        line-height: 42px;
    }

    .ygc .container--banner .bannertop-news .banner-content .btn {
        background-color: #ffd400;
        border: transparent;
        width: 270px;
        margin-top: 16px;
    }

    .ygc .container--content .news-list .item .content .box {
        height: auto;
    }

    .ygc .img-box-zone .more-img {
        border-radius: 4px;
    }

    .ygc .bg-detail-mobile {
        background-color: #f9f9f9;
    }

    .ygc .knowledge-block-detail {
        background-color: #f9f9f9;
        box-shadow: none;
        padding: 0;
        margin-top: 0;
        padding-top: 16px;
    }

    .ygc .video-detail-news iframe {
        width: 100%;
        height: auto;
    }

    .ygc .detail-menunav {
        background-color: transparent;
    }

        .ygc .detail-menunav .kma-menu {
            background-color: transparent;
        }

    .ygc .bg-light-gray {
        background-color: transparent;
    }

        .ygc .bg-light-gray .container--content {
            margin-bottom: 40px;
        }

    .ygc .back-in-detail {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    /*Knowledge Page*/
    .ygc .ygc-list .zone-title:first-child {
        margin-top: 0px;
    }

    .ygc .ygc-product-list {
        padding-bottom: 22px;
    }

        .ygc .ygc-product-list .item {
            margin-bottom: 8px;
        }

    .ygc .ygc-knowledge-home-list .item .content .summary {
        -webkit-line-clamp: 1;
    }

    .ygc .ygc-knowledge-list .item .content .summary {
        display: none;
    }
}

@media (min-width: 768px)and(max-width: 991px) {
    .ygc .img-box .length-box {
        height: 157px;
        border-radius: 4px;
    }
}

@media (max-width: 1024px) {
    .ygc .nav-secondary-menu .list-group .list-group-item.list-group-item-action.arrow:after {
        display: none;
    }
}

@media (min-width: 375px)and(max-width:414px) {
    .ygc .img-box .length-box {
        height: 80px;
        border-radius: 4px;
    }
}

@media (min-width: 361px)and(max-width:374px) {
    .ygc .img-box .length-box {
        height: 102px;
        border-radius: 4px;
    }
}

@media (max-width: 360px) {
    .ygc .img-box .length-box {
        height: 58px;
        border-radius: 4px;
    }
}

@media (max-width: 320px) {
    .ygc .home-studentcard-banner#banner-slide-secondary .h2 {
        font-size: 18px !important;
    }

    .ygc .home-studentcard-banner#banner-slide-secondary p.description {
        font-size: 14px !important;
    }
}

.kma .kma-menu .menuitem {
    padding: 0 20px;
}

.kma .container--cover.container--banner .image img {
    min-width: inherit;
}

.be .container--banner.banner-height-480px .block-banner .banner-content .btn {
    background-color: #ffd400 !important;
}

.be .secondary--Nav.detail {
    position: inherit;
}

.be .be-menu-detail .menuitem {
    padding: 0 20px;
}

.be .content-detail {
    letter-spacing: 0;
    line-height: 34px;
}

.be .container--banner.banner-height-480px .block-banner .cover-content-wrapper .banner-content .description {
    line-height: 50px;
}

.be .banner-with-vdo .block-banner .cover-content-wrapper .banner-content .h1 {
    padding-top: 92px !important;
}

.be .modal .modal-content {
    height: 542px;
    width: 970px;
}

/*Business-Insights*/
.be .third-menu {
    height: 41px;
    border-bottom: 4px solid #f0efef;
}

    .be .third-menu .third-menu-line:hover,
    .be .third-menu .third-menu-line.active {
        border-bottom: 4px solid #ffd400;
        margin-top: 3px;
        width: 390px;
    }

    .be .third-menu .third-menu-title {
        font-family: Thongterm-Roman;
        font-size: 16px;
        line-height: 34px;
        color: #949494;
    }

        .be .third-menu .third-menu-title.active {
            font-family: Thongterm-Bold;
            font-size: 16px;
            line-height: 34px;
            color: #222;
        }

.tab-third-menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 4px;
    background: #FFD400;
    transition: .3s cubic-bezier(.445, .05, .55, .95);
}

.be .tab-third-menu {
    background: transparent;
    position: relative;
    overflow: hidden;
}

    .be .tab-third-menu:hover:after {
        webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

.be .title-third-menu {
    margin-top: 32px;
    margin-bottom: 24px;
}

.be .business-Insights-list .content {
    height: 158px;
    max-height: 158px;
}

.be .business-insights-detail .avatarimg img {
    width: 52px;
    height: 52px;
    border-radius: 100%;
}

.be .business-insights-detail .by {
    margin-left: 22px;
    color: #000;
    line-height: 34px;
}

/*Seminar-Activities Page*/
.be .container--cover.container--banner.banner-height-184px {
    max-height: 184px;
}

.be .container--banner.container--banner--hero.banner-height-184px .image img {
    height: 184px;
}

.be .title-news-detail {
    font-family: Krungsri-Condensed-Bold;
    font-size: 20px;
    color: #5a5a5a;
    line-height: 30px;
}

.be .coming-seminar-list .item {
    border-radius: 0;
    margin-bottom: 40px;
}

    .be .coming-seminar-list .item .box-content {
        background-color: #ffd400;
    }

        .be .coming-seminar-list .item .box-content .detail {
            height: 340px;
        }

            .be .coming-seminar-list .item .box-content .detail .detail-up {
                height: 164px;
                padding-top: 17px;
                padding-bottom: 31px;
                padding-left: 16px;
                padding-right: 16px;
            }

                .be .coming-seminar-list .item .box-content .detail .detail-up div:first-child {
                    margin-bottom: 6px;
                    line-height: 34px;
                }

                .be .coming-seminar-list .item .box-content .detail .detail-up .header h2 {
                    line-height: 42px;
                }

            .be .coming-seminar-list .item .box-content .detail .detail-down {
                height: 175px;
                padding-top: 17px;
                padding-bottom: 25px;
                padding-left: 16px;
                padding-right: 16px;
            }

                .be .coming-seminar-list .item .box-content .detail .detail-down .date-content-list {
                    line-height: 42px;
                }

                .be .coming-seminar-list .item .box-content .detail .detail-down .summary-content-list {
                    margin-bottom: 10px;
                    line-height: 34px;
                }

                .be .coming-seminar-list .item .box-content .detail .detail-down .btn {
                    width: 170px;
                    padding: 8px 33px;
                    border-radius: 3px;
                    border: none;
                }

            .be .coming-seminar-list .item .box-content .detail hr {
                border: 1px solid #fff;
                margin-left: 16px;
                margin-top: 0px;
                margin-bottom: 0;
            }

        .be .coming-seminar-list .item .box-content .content .header h2 {
            margin-bottom: 31px;
        }

    .be .coming-seminar-list .item .image {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: 340px;
    }

        .be .coming-seminar-list .item .image img {
            height: 340px;
        }

.be .coming-seminar-list .owl-theme .owl-dots .owl-dot.active span {
    border: none;
}

.be .coming-seminar-list .owl-theme .owl-dots .owl-dot span {
    border: 1px solid #8f8f8f;
}

.be .seminar-list .content {
    padding: 16px;
    height: 224px;
}

.be .container--content .seminar-list .item .content .date-content-list {
    font-family: Thongterm-Bold;
    line-height: 30px;
    margin-top: 16px;
}

.be .container--content .seminar-list .item .content .summary-content-list {
    margin-top: 8px;
}

.be .seminar-list .list-viewmore-block {
    margin-top: 0px;
    position: absolute;
    bottom: 10px;
}

.be .btn-right-detail {
    width: 215px !important;
    height: 44px;
}

.be .se-detail-banner {
    position: absolute;
    z-index: 9;
    left: 22%;
    top: 30%;
}

    .be .se-detail-banner .first-text-white {
        line-height: 72px;
        font-size: 58px;
        color: #fff;
    }

    .be .se-detail-banner .second-text-yellow {
        line-height: 72px;
        font-size: 58px;
        color: #ffd400;
    }

.be .location-detail {
    line-height: 34px;
}

.be .ks.card.download:last-child {
    margin-bottom: 0px;
}

.be .download-title {
    font-family: Krungsri-Condensed-Bold;
    font-size: 24px;
    color: #222;
    line-height: 36px;
    margin-bottom: 24px;
}

.be .dowload-list .download-icon.icon-small:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "";
    font-size: 24px;
    color: #5a5a5a;
    margin: 0 10px;
}

.be .dowload-list .content .filename a {
    font-family: Thongterm-Bold;
    line-height: 34px;
    color: #222;
}

.be .dowload-list .content .date {
    font-size: 14px;
}

.be .dowload-list .filetype a {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .be .banner-mobile-height-184px .image {
        position: absolute;
        max-height: 184px;
        width: 100%;
        height: 184px;
        overflow: hidden;
        text-align: center;
    }

        .be .banner-mobile-height-184px .image img {
            height: 184px;
            width: auto;
            position: absolute;
            margin: auto;
            min-height: 100%;
            min-width: 100%;
            left: -100%;
            right: -100%;
            top: -100%;
            bottom: -100%;
        }

    .be .secondary--Nav .nav-secondary-menu .list-group .list-group-item.list-group-item-action.arrow:after {
        display: none;
    }

    .be .nav-secondary-menu .list-group .list-group-item.list-group-item-action.arrow:after {
        display: none;
    }

    .be .container--cover.container--banner.banner-height-360px .image {
        position: relative;
    }

    .be #vdomodal .modal-dialog {
        padding-left: 0px;
    }

    .be .modal .modal-content {
        height: 300px !important;
    }

    .be .product-block .item .image,
    .ygc .seminar-list .item .image {
        max-width: 110px;
    }

    .be .container--banner.container--banner--hero.banner-mobile-height-184px .cover-content-wrapper {
        height: 184px;
    }

    /*Business-Insights*/
    .be .title-third-menu {
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .be .third-menu {
        height: 75px;
    }

    .be .business-Insights-list .content {
        height: auto;
    }

    .be .business-Insights-list .image {
        width: 110px;
    }

    .be .business-Insights-list .list-viewmore-block {
        position: absolute;
        bottom: 0;
        top: 38px;
    }

    .be .business-insights-detail .avatarimg img {
        width: 55px;
        height: 55px;
    }

    .be .business-insights-detail .by {
        margin-left: 20px;
        color: #222;
    }

        .be .business-insights-detail .by .txtby {
            display: none;
        }

    /*Seminar-Activities Page*/
    .be .title-news-detail {
        font-size: 18px;
        line-height: 28px;
    }

    .be .location-detail {
        color: #222;
    }

    .be .coming-seminar-list .item {
        margin-bottom: 22px;
    }

        .be .coming-seminar-list .item .image {
            max-width: 360px !important;
            max-height: 160px;
        }

            .be .coming-seminar-list .item .image img {
                height: 100%;
            }

        .be .coming-seminar-list .item .box-content .detail hr {
            margin-left: 0;
        }

        .be .coming-seminar-list .item .box-content .detail .detail-down .btn {
            width: 270px;
            margin: auto;
            display: block;
        }

    .be .seminar-list .content {
        padding: 8px;
        height: auto;
    }

    .be .seminar-list .list-viewmore-block {
        position: absolute;
        bottom: 0;
        top: 74px;
    }

    .be .se-detail-banner {
        left: 27%;
        top: 74%;
    }

        .be .se-detail-banner .first-text-white {
            line-height: 36px;
            font-size: 24px;
        }

        .be .se-detail-banner .second-text-yellow {
            line-height: 36px;
            font-size: 24px;
        }
}

@media screen and (max-width: 420px) {
    .be .tab-third-menu:last-child {
        padding-left: 10px;
    }
}

@media screen and (max-width: 320px) {
    .be .third-menu {
        height: 108px;
    }

        .be .third-menu .third-menu-line:hover,
        .be .third-menu .third-menu-line.active {
            border-bottom: 4px solid #ffd400;
            margin-top: 36px;
        }
}

.secondary--Nav {
    z-index: 1001;
}

    .secondary--Nav .secondary-menu .menuitem {
        padding: 0 16px;
    }

        .secondary--Nav .secondary-menu .menuitem:first-child {
            padding-left: 0px;
        }

        .secondary--Nav .secondary-menu .menuitem:last-child {
            padding-right: 0px;
        }

        .secondary--Nav .secondary-menu .menuitem .inner a {
            font-size: 18px;
        }

.bg-gray {
    background-color: #F9F9F9
}

.container--banner.banner-follow-research .block-banner .banner-content {
    text-align: right !important;
    padding-top: 37px;
}

.container--banner.banner-follow-research.banner-text .block-banner .cover-content-wrapper .banner-content .description {
    line-height: 45px;
}

.container--banner.banner-follow-research.banner-text .block-banner .cover-content-wrapper .banner-content .h1 h1 {
    font-size: 40px;
    line-height: 64px;
}

.container--banner.banner-follow-research .block-banner .banner-content .btn {
    margin-top: 24px;
}

.research .container--content .home-content-list .card-info .content {
    height: 145px;
}

.home-content-list .date-news-list {
    color: #5A5A5A;
    font-size: 16px;
    font-family: Thongterm-Bold;
    letter-spacing: 0;
    line-height: 34px;
    padding-top: 10px;
}

.home-content-list .list-title {
    font-family: Thongterm;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    padding-top: 8px;
    height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ResearchForecast-table table tr td {
    padding: 10px 16px;
    color: #545454;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 29px;
}

    .ResearchForecast-table table tr td:not(firs-child),
    .ResearchForecast-table table tr th:not(firs-child) {
        border-left: 1px solid #E8E8E8;
    }

.ResearchTalk .research-block {
}

    .ResearchTalk .research-block .research-block-wrapper {
        border-radius: 3px;
        position: relative;
    }

    .ResearchTalk .research-block.inner + .inner {
        padding-top: 30px
    }

.ResearchTalk .research-text {
    position: absolute;
    bottom: 15px;
    margin-left: 15px;
}

.ResearchTalk .research-title {
    font-family: "Krungsri-Condensed-Bold";
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}

.ResearchTalk .research-date {
    font-family: "Krungsri-Condensed-Bold";
    font-size: 16px;
    line-height: 29px;
    color: #FFFFFF;
    padding-top: 5px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
}

.ResearchTalk .research-block .research-block-wrapper:after {
    background-color: rgba(34, 34, 34, .050980392156862744) !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 1;
    /* background-color: #222; */
    background-image: none !important;
    opacity: .7 !important;
}

.ks-template-1.research .LeftMenu li.list-group-item {
    padding: 0;
    border: none;
}

    .ks-template-1.research .LeftMenu li.list-group-item .menu-item {
        display: block;
        padding: 16px;
        line-height: 24px;
        font-family: "Krungsri-Condensed-Bold";
        background-color: #F3F3F3;
    }

    .ks-template-1.research .LeftMenu li.list-group-item.active {
        color: #485057;
        background-color: transparent;
        border: none;
    }

        .ks-template-1.research .LeftMenu li.list-group-item.active > .menu-item {
            background-color: #FFD400;
        }

.ks-template-1.research .LeftMenu .list-group-item.lv1 .leftsubmenu {
    display: none;
}

.ks-template-1.research .LeftMenu .list-group-item.lv1.active .leftsubmenu {
    display: block;
}

.ks-template-1.research .LeftMenu .list-group-item .leftsubmenu,
.ks-template-1.research .LeftMenu .list-group-item .leftsubmenu li.list-group-item {
    background-color: #fff;
}

    .ks-template-1.research .LeftMenu .list-group-item .leftsubmenu .menu-item {
        font-family: Thongterm-Roman;
        font-size: 14px;
        border-left: 3px solid transparent;
        background-color: #fff;
    }

    .ks-template-1.research .LeftMenu .list-group-item .leftsubmenu li.active .menu-item {
        background-color: #fff;
        border-color: #FFD400;
        font-family: "Krungsri-Condensed-Bold";
    }

    .ks-template-1.research .LeftMenu .list-group-item .leftsubmenu li .menu-item.active {
        background-color: #fff;
    }

.ks-template-1.research .LeftMenu li.list-group-item.lv1 > .menu-item:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    content: "\f107";
    float: right;
    position: absolute;
    top: 18px;
    right: 20px;
    color: #222222;
    opacity: 0.9;
    z-index: 0;
}

.ks-template-1.research .LeftMenu li.list-group-item.lv1.active > .menu-item:after {
    content: '\f106';
}

.ks-template-1.research .LeftMenu li.list-group-item.lv1.no-submenu.active > .menu-item:after,
.ks-template-1.research .LeftMenu li.list-group-item.lv1.no-submenu > .menu-item:after {
    content: '';
}

.research-tab-group {
    font-size: 16px;
    font-family: Thongterm-Roman;
    letter-spacing: 0;
}

.research-tab-group-block {
    padding: 0 15px;
}

.research-tab-group {
    position: relative;
    padding: 8px 0;
}

.research-tab-group-item.active h3 {
    font-family: Thongterm-Bold;
}

.research-tab-group-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #F0EFEE;
    transition: .3s cubic-bezier(.445, .05, .55, .95);
}

.research-tab-group-item.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #FFD400;
    transition: .3s cubic-bezier(.445, .05, .55, .95);
}

.research-list-group-block .research-list-image {
    background-color: #725E60;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

    .research-list-group-block .research-list-image img {
        max-height: 150px;
        margin: auto;
        display: block;
        width: auto;
        max-width: 100%;
    }

.research .research-list-group-block .container--content .card-info {
    display: flex !important;
    border-radius: 0 !important;
    margin-bottom: 25px;
}

.research-list-group-block .card-info .date-news-list {
    color: #5A5A5A;
    font-family: Thongterm-Bold;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 29px;
}

.research-list-group-block .content.research-list-content {
    padding-left: 0;
    padding-right: 0;
}

.research-list-group-block-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.research .leftmenu-title {
    background-color: #F3F3F3;
    padding: 16px;
    border-bottom: 4px solid #fff;
}

@media (max-width: 767px) {
    .research-list-group-block .content.research-list-content {
        width: 100%;
        padding: 16px 0;
    }

    .research-list-group-block .research-list-image img {
        max-width: 100%;
        margin: auto;
        display: block;
        height: 115px;
        width: auto;
    }

    .research-list-group-block .item {
        margin-bottom: 16px !important;
    }

    .research-tab-group-block {
        height: 44px;
        overflow: hidden;
    }

        .research-tab-group-block.open {
            height: auto;
        }

    .research-tab-group {
        padding: 8px 0 2px;
    }

    .research-tab-group-item {
        border: 1px solid #E8E8E8;
        border-radius: 3px;
        background-color: #FFFFFF;
    }

        .research-tab-group-item:after {
            display: none;
        }

        .research-tab-group-item h3 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left;
            padding-right: 40px;
        }

            .research-tab-group-item h3 br {
                display: none
            }

    .research-tab-group-item {
        order: 1;
        margin-top: -1px;
    }

        .research-tab-group-item.active {
            order: 0;
            margin-top: 0;
        }

            .research-tab-group-item.active:before {
                font-family: "Font Awesome 5 Pro";
                font-weight: 300;
                font-size: 20px;
                content: "\f107";
                float: right;
                position: absolute;
                top: 7px;
                right: 15px;
                color: #545454;
                z-index: 0;
            }
}

.dowload-list .filetype a {
    color: #fff;
}

.download-icon.icon-small:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "";
    font-size: 24px;
    color: #5a5a5a;
    margin: 0 10px;
}

.ks-template-1 .tag-cl .title-tg {
    display: inline-block;
    font-size: 16px;
    font-family: Thongterm-Bold;
    line-height: 34px;
    color: #5a5a5a;
    margin-right: 16px;
}

.ks-template-1 .tag-cl .ctn-tag:hover {
    cursor: pointer;
    background-color: #ffd400;
}

.ks-template-1 .tag-cl .ctn-tag {
    display: inline;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 14px;
    line-height: 30px;
    color: #545454;
    padding: 4px 8px;
}

.avatarimg img {
    width: 52px;
    height: 52px;
}

.by {
    margin-left: 22px;
    color: #000;
}

.banner-detail-360px img {
    height: 360px;
}

.reseachtalk-block-detail {
    background-color: #FFFFFF;
    box-shadow: 1px 2px 20px 0 rgba(35, 19, 18, 0.05);
    padding: 40px;
    margin-top: -90px;
}

.researchfollowform {
    margin-bottom: 80px;
}

    .researchfollowform .checkbox-inline input[type="checkbox"] + label,
    .researchfollowform .checkbox-inline input[type="checkbox"] + span {
        padding-left: 30px;
        margin-top: 8px;
        padding-right: 0;
    }

        .researchfollowform .checkbox-inline input[type="checkbox"] + label:before,
        .researchfollowform .checkbox-inline input[type="checkbox"] + span:before {
            padding-right: 0 !important;
            margin-left: -30px !important;
            top: 3px;
            position: relative;
        }

    .researchfollowform .checkbox-desc {
        color: #5A5A5A;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

.form-title-desc {
    margin-top: 15px;
    margin-bottom: 0;
}

.ui.dropdown .menu > .item {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .researchfollowform {
        margin-bottom: 0;
    }

        .researchfollowform .sec-submit {
            text-align: center;
        }

        .researchfollowform .form-with-step .step-detail {
            padding: 0 0 40px 0;
        }
}


.research-content-detail .research-tab-group-block {
    margin: 25px -15px !important;
}

.research-content-detail .ks.card.download .date {
    font-size: 14px;
}

@media (max-width: 1199px) {
    .container--banner.banner-follow-research .block-banner .cover-content-wrapper .banner-content {
        padding-left: 15px !important;
        padding-right: 15px;
    }

    .secondary--Nav.fixed-top .nav-menu-mobile {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    }

    .nav-menu-mobile {
        padding-top: 15px;
        padding-bottom: 15px;
        top: 0px;
        margin-top: 25px;
        margin-bottom: 25px;
        position: relative;
    }
}

@media (max-width: 767px) {
    .research_content_group-list .card-info .image {
        max-width: 110px;
    }

    .research .container--content .home-content-list .card-info .content {
    }

    .research .container--content .home-content-list .item {
        display: flex;
        margin-bottom: 16px;
    }

    .research .home-content-list .content {
        width: 66%;
        padding: 8px;
    }

    .research .container--content .home-content-list .card-info .content {
        height: 110px;
    }

    .research_content_group-list {
        /*margin-top: 56px;*/
    }

    .research .home-content-list .list-title {
        font-size: 14px;
        color: #545454;
        padding-top: 0;
    }

    .ks-template-1.research .container--content {
        margin-top: 40px;
    }

    .container--banner.banner-follow-research.banner-text .block-banner .cover-content-wrapper .banner-content .h1 {
        margin-bottom: 0 !important;
    }

    .container--banner.banner-follow-research.banner-text .block-banner .cover-content-wrapper .banner-content {
        bottom: auto !important;
        top: 120px !important;
    }

        .container--banner.banner-follow-research.banner-text .block-banner .cover-content-wrapper .banner-content .h1 h1 {
            font-size: 24px;
            line-height: 42px;
        }

        .container--banner.banner-follow-research.banner-text .block-banner .cover-content-wrapper .banner-content .description {
            font-size: 18px;
            line-height: 38px;
            height: 66px;
        }

    .container--banner.banner-follow-research .block-banner .banner-content .btn {
        margin-top: 20px;
    }

    .home-content-list-with-feature.ResearchTalk .research-block-wrapper {
        margin-bottom: 16px;
    }

    .ResearchTalk .research-block.inner + .inner {
        padding-top: 0px;
    }

    .ResearchTalk .research-title br {
        display: none
    }

    .research_content_group-list .card-info.item .content {
        height: 110px;
        position: relative
    }

    .research_content_group-list .card-info.item .list-viewmore-block {
        margin-top: 0;
        bottom: 5px;
        position: absolute;
    }

    .research-content-detail .dowload-list {
        padding-left: 15px;
    }

    .research-content-detail .download .filetype {
        right: 0;
        bottom: 30px !important;
    }

    .researchfollowform .checkbox-desc {
        line-height: 29px;
        display: block;
    }

    .research .container--content .research_content_group-list .item {
        display: flex;
        margin-bottom: 16px;
    }

        .research .container--content .research_content_group-list .item .header h3 {
            line-height: 28px;
        }
}

@media (max-width: 1199px) {
    .secondary--Nav.fixed-top {
        top: 56px;
    }

    .research .secondary--Nav.fixed-top .nav-menu-mobile {
        margin-top: 0;
        /*top: 56px;*/
    }
}

.research_content_group-list .card-info.item .list-viewmore-block {
    margin: 0;
    position: absolute;
    bottom: 8px;
}

.ResearchForecast-table {
    overflow-x: auto;
}

    .ResearchForecast-table table {
        min-width: 960px;
    }

.list-group .list-group-item.list-group-item-action.not-show-sub.arrow:after {
    display: none;
}


#survay .Lmgff {
    margin-left: 50px
}

table.RadioList input[type="radio"],
table.RadioList input[type="checkbox"] {
    vertical-align: top;
    margin: 4px 8px 0 7px
}

@media (min-width : 250px) and (max-width : 480px) {
    .LText {
        width: 230px
    }

    #survay .Lmgff {
        margin-left: 0
    }
}

@media (min-width : 481px) and (max-width : 767px) {
    .LText {
        width: 400px
    }

    #survay .Lmgff {
        margin-left: 0
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .LText {
        width: 100%
    }

    #survay .Lmgff {
        margin-left: 50px
    }
}

@media only screen and (min-width : 1224px) {
    .LText {
        width: 100%
    }

    #survay .Lmgff {
        margin-left: 50px
    }
}

.table-responsive-planyourmoney {
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%
}

.table-responsive {
    margin-bottom: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%
}

.table-responsive-exclu {
    margin-bottom: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%
}

.table-container {
    width: 100%;
    overflow-y: hidden;
    _overflow: auto;
    overflow-x: scroll;
    margin: 0 0 1em
}

    .table-container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px
    }

    .table-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3)
    }

@media only screen and (max-width: 800px) {
    #flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    #flip-scroll * html .cf {
        zoom: 1
    }

    #flip-scroll :first-child + html .cf {
        zoom: 1
    }

    #flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
    }

    #flip-scroll th,
    #flip-scroll td {
        margin: 0;
        vertical-align: top
    }

    #flip-scroll th {
        text-align: left
    }

    #flip-scroll table {
        display: block;
        position: relative;
        width: 100%
    }

    #flip-scroll thead {
        display: block;
        float: left
    }

    #flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }

    #flip-scroll thead tr {
        display: block
    }

    #flip-scroll th {
        display: block;
        text-align: right
    }

    #flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top
    }

    #flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }

    #flip-scroll th {
        border-bottom: 0;
        border-left: 0
    }

    #flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    #flip-scroll tbody tr {
        border-left: 1px solid #babcbf
    }

    #flip-scroll th:last-child,
    #flip-scroll td:last-child {
        border-bottom: 1px solid #babcbf
    }
}

#smesclink {
    border-top: 1px solid #ccc
}

.BlogPTitleDetail {
    font-size: 26px;
    line-height: 30px
}

.BlogPTitleE {
    font-weight: blod;
    color: red
}

.BlogPBodyE {
    background-color: #f6f6f4;
    border: 1px solid #ededed;
    border-radius: 3px;
    padding: 10px
}

    .BlogPBodyE .teaser {
        float: left;
        margin-right: 20px
    }

.Blogimage {
    float: left
}

.EditingFormCategoryRow td {
    padding-left: 20px
}

.table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    mangin: 0 0 1em
}

.MediaLibrarySort {
    margin-bottom: -20px;
    text-indent: -9999px;
    color: #ededed;
    font-size: 1px
}

.EditingFormLabel {
    padding-top: 10px;
    margin-top: 10px
}

.calendarwidget {
    margin-top: -27px
}

.Calendar {
    margin-bottom: 10px;
    background: #fff;
    padding: 0 30px 15px;
    border-radius: 20px;
    margin-top: 0
}

    .Calendar .Title {
        height: 40px;
        background: #fff;
        font-weight: 700
    }

        .Calendar .Title .nextMonth {
            margin-right: 10px
        }

        .Calendar .Title .prevMonth {
            margin-left: 10px
        }

    .Calendar .DayHeader {
        background: #fff;
        height: 31px;
        padding-bottom: 10px;
        vertical-align: baseline;
        padding-top: 8px;
        text-align: center;
        color: #ff6602
    }

.EventCalendar td {
    padding: 0
}

.EventCalendar {
    width: 100%;
    max-width: 931px
}

.OtherMonth,
.Day,
.Weekend,
.OtherMonth,
.Today {
    height: 30px;
    border-right: 0 dotted none;
    border-left: 0 dotted none;
    padding: 5px 0 !important;
    vertical-align: top;
    font-weight: 700
}

    .OtherMonth .gap,
    .Day .gap,
    .Weekend .gap,
    .OtherMonth .gap,
    .Today .gap {
        height: 4px
    }

.IE7 .OtherMonth,
.IE7 .Day,
.IE7 .Weekend,
.IE7 .OtherMonth,
.IE7 .Today {
    padding: 0 1px
}

.EventManagerRegistration .EventManagerRegText {
    width: 300px
}

.OtherMonth,
.Day .Content,
.Weekend .Content {
    color: #F1F1F1;
    max-width: 132px
}

.selectedEvent,
.dayEvent {
    width: 100%;
    margin-left: -1px;
    margin-top: -1px;
    font-weight: 400
}

    .selectedEvent a,
    .dayEvent a {
        text-decoration: none;
        padding: 0
    }

.IE7 .selectedEvent a,
.IE7 .dayEvent a,
.IE8 .selectedEvent a,
.IE8 .dayEvent a,
.Opera .selectedEvent a,
.Opera .dayEvent a {
    padding: 0
}

.selectedEvent a:hover,
.dayEvent a:hover,
.dayEvent-org a:hover {
    text-decoration: underline;
    color: #ff6700
}

.Safari .selectedEvent,
.Safari .dayEvent {
    margin-left: 0;
    margin-top: 0;
    position: relative;
    left: -1px
}

.calendarwidget .dayEvent-org,
.calendarwidget.dayEvent-org {
    background: url(/Content/dot40.html) no-repeat center center;
    padding: 2px 20px 4px;
    color: #fff;
    width: 40px;
    height: 40px;
    margin-top: -26px;
    margin-left: -2px;
    z-index: 1000;
    background-size: 24px
}

.dayEvent-org {
    background: url(/Content/dot40.html) no-repeat center center;
    padding: 2px 20px 4px;
    color: #fff;
    width: 40px;
    height: 40px;
    margin-top: -26px;
    margin-left: -2px;
    z-index: 1000;
    background-size: 24px
}

    .dayEvent-org a:hover,
    a.dayEvent-org:hover {
        padding: 4px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #fff;
        width: 30px;
        height: 30px;
        margin-top: -26px;
        z-index: 1000
    }

.dayEvent {
    font-size: 11px;
    line-height: 10px
}

.selectedEvent {
    background: #ff6602;
    color: #fff;
    font-size: 11px
}

a.selectedEvent .inner:hover {
    background: #fff;
    color: #ff6602;
    font-size: 11px
}

.selectedEvent a {
    color: #fff
}

.selectedEvent .inner a:hover {
    color: #554242
}

.IE7 .selectedEvent,
.IE7 .dayEvent {
    width: 99%;
    margin-left: -1px;
    margin-top: -1px
}

.dottedLine {
    width: 100%;
    height: 1px;
    background: url(/App_Themes/CorporateSite/Images/border_dottedHorizontal.png) repeat-x left top;
    margin: 5px 0
}

.dottedLineBlack {
    width: 100%;
    height: 1px;
    background: url(/App_Themes/CorporateSite/Images/border_dottedHorizontalBlack.png) repeat-x left top
}

.EventManagerRegistration .EventManagerRegLabel {
    color: #737373
}

.EventDetail {
    margin-bottom: 30px
}

.EventManagerRegError {
    color: red;
    display: block
}

.EventManagerRegInfo {
    display: block
}

.EventManagerOutlookLink {
    float: left;
    margin-top: 10px
}

.IE8 .EventManagerOutlookLink,
.Opera .EventManagerOutlookLink {
    margin-bottom: 80px
}

.selectedEvent .inner,
.dayEvent .inner {
    padding: 2px;
    overflow: hidden;
    max-width: 121px;
    font-siz: 11px;
    line-height: 14px
}

.IE7 .selectedEvent .inner,
.IE7 .dayEvent .inner,
.IE8 .selectedEvent .inner,
.IE8 .dayEvent .inner,
.Opera .selectedEvent .inner,
.Opera .dayEvent .inner {
    padding: 5px 0
}

.irmediaItem {
    margin-bottom: 10px;
    padding: 10px 20px
}

.listBoxTwoColumns .header,
.listBoxWithTeaser .header,
.listBoxWithoutTeaser .header {
    color: #554242;
    font-size: 15px
}

.bold {
    font-weight: 700
}

#survay .CaptchaTable {
    border-collapse: collapse;
    margin-top: 5px
}

    #survay .CaptchaTable td {
        padding: 2px !important
    }

#survay .CaptchaTextBox {
    width: 75px !important;
    height: 31px
}

#survay .CaptchaTextBoxSmall {
    width: 15px !important;
    margin-left: 5px;
    margin-right: 5px;
    height: 31px
}

#survay .CaptchaAfterText {
    padding: 10px
}

#p_lt_ctl18_ksP_p_lt_ctl03_wT_ucEditableText_widget1_ctl00_viewBiz_ctl00_SV_code_captchaControl_lblSecurityCode {
    float: left;
    width: 1px
}

.sv-lable-fill {
    float: left;
    width: 240px
}

.sv-lable {
    display: block;
    float: left;
    width: 50px;
    font-weight: 700
}

.boxsurvay {
    border: 3px solid #000
}

.target {
    overflow: hidden;
    width: 100%;
    border: 1px solid #ccc;
    min-height: 200px;
    padding: 5px 5px 30px
}

.control-group {
    margin-bottom: 20px
}

.control-label {
    float: left;
    padding-top: 5px;
    text-align: left;
    width: 160px;
    display: block;
    margin-bottom: 5px
}

#survay .Lmgff {
    margin-left: 50px
}

@media (min-device-width : 320px) and (max-device-width : 767px) {
    .control-label {
        float: left;
        padding-top: 5px;
        text-align: center;
        width: 160px;
        display: block;
        margin-bottom: 5px
    }

    #survay .Lmgff {
        margin-left: 0
    }
}

@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait) {
    .control-label {
        float: left;
        padding-top: 5px;
        text-align: center;
        width: 160px;
        display: block;
        margin-bottom: 5px
    }

    #survay .Lmgff {
        margin-left: 0
    }
}

.controls {
    margin-left: 180px
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: middle
}

.EditingFormControlNestedControl td,
th {
    padding-right: 6px;
    vertical-align: top
}

.endLine {
    border: 2px solid #fed403;
    margin-bottom: 15px;
    margin-top: 10px
}

.legend {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333;
    display: block;
    font-size: 21px;
    line-height: 40px;
    margin-top: 14px;
    margin-bottom: 8px;
    padding: 0;
    width: 100%
}

.radio,
.checkbox {
    min-height: 20px;
    padding-left: 20px
}

label {
    display: block;
    margin-bottom: 5px
}

select {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 220px
}

select,
input[type="file"] {
    height: 30px;
    line-height: 30px
}

.input-xlarge {
    width: 270px
}

.input-xlarge2 {
    width: 270px;
    margin-top: 20px
}

input.search-query {
    border-radius: 18px;
    margin-bottom: 0;
    padding-left: 14px;
    padding-right: 14px
}

.watermark {
    color: #999
}

input[type=text].watermark {
    color: #999
}

.watermarkexc {
    color: #999
}

.CalendarIcon {
    background: #ece9e9 url(/App_Themes/Krungsri/images/s/Jobs/icon-calendar.gif) no-repeat right;
    width: 36px;
    height: 35px
}

.CalendarTextBox {
    height: 40px;
    background-color: #ece9e9;
    border: 1px solid #dcd5d5
}

.EditingFormTable {
    width: 100%
}

.EditingFormLabelCell {
    text-align: right;
    padding-right: 10px;
    width: 20%
}

input[type="radio"],
input[type="checkbox"] {
    line-height: normal;
    margin: 4px 8px 0 7px
}

.Bizformselect {
    background: #ece9e9 url(down-arrow.png) no-repeat right;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    width: 100%;
    height: 38px;
    margin: 10px 0;
    border: 1px solid #ece9e9
}

.BizformselectW90P {
    background: #ece9e9 url(down-arrow.png) no-repeat right;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    width: 90%;
    height: 38px;
    margin: 10px 0;
    border: 1px solid #ece9e9
}

input[type=text].BizFormFillnumber {
    background-color: #ece9e9;
    height: 38px;
    border: 1px solid #dcd5d5;
    margin: 10px 0;
    width: 100%
}

    input[type=text].BizFormFillnumber:focus {
        background-color: #fff;
        border: 3px solid #ffda00;
        height: 38px;
        margin: 10px 0;
        width: 100%;
        color: #554242
    }

textarea.BizFormFillarea {
    background-color: #ece9e9;
    border: 1px solid #dcd5d5;
    margin: 10px 0;
    padding-left: 5px;
    padding-top: 10px;
    color: #554242;
    width: 100%
}

    textarea.BizFormFillarea:focus {
        background-color: #fff;
        border: 3px solid #ffda00;
        margin: 10px 0;
        color: #554242;
        width: 100%
    }

input[type=text].BizFormFill {
    background-color: #ece9e9;
    height: 38px;
    border: 1px solid #dcd5d5;
    margin: 10px 0;
    width: 100%
}

input[type=text].BizFormFillW90 {
    background-color: #ece9e9;
    height: 38px;
    border: 1px solid #dcd5d5;
    margin: 10px 0;
    width: 90%
}

input[type=text].BizFormFill-Exc {
    background-color: #ece9e9;
    height: 38px;
    border: 1px solid #dcd5d5;
    margin: 10px 0;
    width: 100%;
    color: #554242
}

input[type=text].BizFormFill-Job {
    background-color: #fff;
    border: 3px solid #ffda00;
    margin: 10px 0;
    height: 44px;
    width: 94%;
    color: #554242
}

.formselect {
    background-color: #ece9e9;
    border: 1px solid #dcd5d5;
    margin: 10px 0;
    padding-left: 5px;
    padding-top: 10px;
    width: 70%
}

input[type=text].BizFormFilljob {
    background-color: #fff;
    border: 3px solid #ffda00;
    margin: 10px 0
}

input[type=text].BizFormFill:focus {
    background-color: #fff;
    border: 3px solid #ffda00;
    height: 38px;
    margin: 10px 0;
    width: 100%;
    color: #554242
}

input[type=text].BizFormFillW90:focus {
    background-color: #fff;
    border: 3px solid #ffda00;
    height: 38px;
    margin: 10px 0;
    width: 90%;
    color: #554242
}

input[type=text].BizFormfocus {
    background-color: #fff;
    border: 3px solid #ffda00;
    height: 38px;
    margin: 10px 0;
    width: 100%;
    color: #554242
}

    input[type=text].BizFormfocus:focus {
        background-color: #ece9e9;
        border: 3px solid #dcd5d5;
        height: 38px;
        margin: 10px 0;
        width: 100%;
        color: #554242
    }

.img-bdlight {
    border: 5px solid #dcd5d5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.setbox {
    height: 55px;
    padding: 12px 10px;
    border-bottom: 1px solid #dcd5d5
}

    .setbox:hover {
        color: #554242;
        background: #ece9e9;
        height: 55px;
        padding: 12px 10px
    }

.setboxEX {
    height: 55px;
    padding: 12px 10px;
    border-bottom: 1px solid #b18d12;
    color: #b9b1af
}

    .setboxEX:hover {
        color: #b9b1af;
        background: #3b2e28;
        height: 55px;
        padding: 12px 10px
    }

#colorbox-items .setboxEX .colorboxSlider {
    color: #b9b1af;
    height: 55px
}

a.colorboxSlider:hover {
    color: #554242;
    height: 55px
}

.boxtestimonail {
    min-height: 240px
}

.boxlistgraySubsidiaries {
    min-height: 254px;
    padding: 12px
}

.boxlistexclusivepromo {
    padding: 0 5px;
    margin: 10px 5px 15px
}

.boxlistexclusivepromo2 {
    min-height: 355px;
    padding: 0 5px;
    margin: 10px 5px 15px
}

.bg-bm-w {
    padding: 30px;
    background: #fff;
    color: #554242;
    font-size: 22px;
    border: 10px solid #f6f6f6
}

    .bg-bm-w:hover {
        padding: 30px;
        background: #ffda00;
        color: #554242;
        font-size: 22px;
        border: 10px solid #f6f6f6;
        text-decoration: none
    }

    .bg-bm-w:focus {
        padding: 30px;
        background: #ffda00;
        color: #554242;
        font-size: 22px;
        border: 10px solid #f6f6f6;
        text-decoration: none
    }

.bg-bm-main {
    padding: 30px;
    background: #ffda00;
    color: #554242;
    font-size: 22px;
    border: 10px solid #f6f6f6
}

    .bg-bm-main:hover {
        padding: 30px;
        background: #fedd50;
        color: #554242;
        font-size: 22px;
        border: 10px solid #f6f6f6;
        text-decoration: none
    }

    .bg-bm-main:focus {
        padding: 30px;
        background: #ffda00;
        color: #554242;
        font-size: 22px;
        border: 10px solid #f6f6f6;
        text-decoration: none
    }

.bg-bm-main1 {
    padding: 10px;
    background: #ffda00;
    color: #554242;
    font-size: 14px;
    border: 3px solid #f6f6f6
}

    .bg-bm-main1:hover {
        /*padding:10px;*/
        background: #fedd50;
        color: #554242;
        font-size: 14px;
        border: 3px solid #f6f6f6;
        text-decoration: none
    }

    .bg-bm-main1:focus {
        padding: 10px;
        background: #ffda00;
        color: #554242;
        font-size: 14px;
        border: 3px solid #f6f6f6;
        text-decoration: none
    }

a.a-bg-bm-main1 {
    text-decoration: none;
    color: #000
}

    a.a-bg-bm-main1:hover {
        text-decoration: none;
        color: #000
    }

a.a-bg-bm-main2 {
    text-decoration: none;
    color: #fff
}

    a.a-bg-bm-main2:hover {
        text-decoration: none;
        color: #fff
    }

.bg-bm-main2 {
    padding: 10px;
    background: #ece9e9;
    color: #554242;
    font-size: 14px;
    border: 3px solid #f6f6f6
}

    .bg-bm-main2:hover {
        padding: 10px;
        background: #fedd50;
        color: #554242;
        font-size: 14px;
        border: 3px solid #f6f6f6;
        text-decoration: none
    }

    .bg-bm-main2:focus {
        padding: 10px;
        background: #ffda00;
        color: #554242;
        font-size: 14px;
        border: 3px solid #f6f6f6;
        text-decoration: none
    }

a.bg-bm-main3,
a.bg-bm-main3:hover,
a.bg-bm-main3:focus {
    color: #ff6700 !important
}

.guru-bg-bm-main2 {
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 14px;
    border: 3px solid #403c3c
}

    .guru-bg-bm-main2:hover {
        padding: 10px;
        background: #181818;
        color: #554242;
        font-size: 14px;
        border: 3px solid #403c3c;
        text-decoration: none
    }

    .guru-bg-bm-main2:focus {
        padding: 10px;
        background: #181818;
        color: #554242;
        font-size: 14px;
        border: 3px solid #403c3c;
        text-decoration: none
    }

.guru-bg-bm-main1 {
    padding: 10px;
    background: #ffda00;
    color: #554242;
    font-size: 14px;
    border: 3px solid #403c3c
}

    .guru-bg-bm-main1:hover {
        padding: 10px;
        background: #fedd50;
        color: #554242;
        font-size: 14px;
        border: 3px solid #403c3c
    }

    .guru-bg-bm-main1:focus {
        padding: 10px;
        background: #fedd50;
        color: #554242;
        font-size: 14px;
        border: 3px solid #403c3c
    }

a.bg-bm-wlink {
    text-decoration: none;
    color: #554242
}

    a.bg-bm-wlink:hover {
        text-decoration: none;
        color: #554242
    }

.boxfeed {
    min-height: 222px
}

.boxfeedA {
    min-height: 341px
}

.boxlistgraysme {
    min-height: 300px;
    padding: 8px 5px 0;
    margin: 0 5px 15px
}

.boxlistgraypromo {
    min-height: 325px;
    padding: 8px 5px 0;
    margin: 0 5px 15px
}

.boxlistAyudhyabulletin {
    min-height: 350px;
    padding: 8px 5px 0;
    margin: 0 5px 15px
}

    .boxlistAyudhyabulletin:hover {
        min-height: 350px;
        padding: 8px 5px 0;
        margin: 0 5px 15px;
        background: #ede9ea
    }

.boxlistgraynews {
    min-height: 400px;
    padding: 8px 5px 0;
    margin: 0 5px 15px
}

.boxlistyellowpointhone {
    min-height: 310px;
    padding: 8px 5px 0;
    margin: 0 5px 15px
}

.boxlistbm {
    min-height: 200px;
    padding: 15px
}

.boxpdcalendar {
    padding: 5px 30px 10px
}

.boxpdcalendar2 {
    padding: 5px 30px 10px;
    margin-right: 10px
}

.boxpd {
    padding: 5px 30px 10px
}

.boxpadding {
    padding: 20px
}

.boxmglb {
    margin: 0 5px 15px
}

.boxpd:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 15px;
    border-style: solid;
    border-color: transparent #ECE9E9 transparent transparent;
    left: -30px;
    top: 30px
}

.boxlistgray {
    min-height: 395px;
    padding: 15px
}

.bg-maroon-light-border-News:hover {
    background-color: #e5e5e5;
    color: #554242
}

.bg-maroon-light-border-News {
    background-color: none;
    border: 4px solid #f6f6f6
}

.boxlist {
    min-height: 230px;
    margin: 0 5px 15px;
    padding: 5px 20px 10px
}

.boxlistA {
    min-height: 260px;
    margin: 0 5px 15px;
    padding: 5px 10px 10px
}

.boxlistB {
    min-height: 230px;
    padding: 20px
}

.boxlistBTMU {
    min-height: 60px;
    padding-left: 20px;
    padding-top: -10px
}

.boxlistBtext {
    min-height: 200px;
    padding: 10px 20px 0
}

.boxlistBTMUtext {
    min-height: 50px;
    padding: 10px 20px 0
}

.boxlistC {
    min-height: 150px;
    margin: 0 5px 15px;
    padding: 5px 10px 10px
}

.boxlist-border-planyourmoney {
    min-height: 273px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 20px;
    padding: 5px;
    border: 0 solid #554242
}

.boxlist-border-exculsive {
    min-height: 150px;
    margin: 0 5px 15px;
    padding: 4px 0 0 14px;
    border: 1px solid #2b2929
}

.boxlist-border {
    min-height: 150px;
    margin: 0 5px 15px;
    padding: 5px;
    border: 1px solid #dcd5d5
}

.boxlist-border2 {
    border: 1px solid #dcd5d5;
    margin: 0 5px 15px;
    min-height: 125px;
    padding-bottom: 20px
}

.boxlist-border3 {
    min-height: 130px;
    margin: 0 5px 15px;
    padding: 5px;
    border: 1px solid #dcd5d5
}

.boxlist-border4 {
    margin: 0 5px 15px;
    padding: 5px;
    border: 1px solid #dcd5d5
}

.boxlist-border5 {
    min-height: 140px;
    margin: 0 5px 15px;
    padding: 5px;
    border: 1px solid #dcd5d5
}

.boxlist-border6 {
    height: 230px;
    margin: 0 5px 15px
}

.boxlist-border7 {
    height: 80px
}

.boxlist-border h3 {
    padding: 10px 16px;
    margin-top: 10px
}

.boxright {
    min-height: 130px;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #dcd5d5
}

.line-yellow {
    border-color: #ffda00
}

.line-maroon-light {
    border-color: #ece9e9
}

.line--dark-grey {
    border-color: #554242
}

.bg-brownM {
    background-color: #322c2c
}

.bg-palegreen {
    background-color: #90a0a0
}

.bg-dark {
    background-color: #1a1818
}

.bg-light-gray {
    background-color: #e9e5e5
}

.bg-blue {
    background-color: #1984bc
}

.bg-light {
    background-color: #f6f6f6
}

.bg-turquouse {
    background-color: #008ea3
}

.bg-yellow {
    background-color: #ffda00
}

.bg-orange {
    background-color: #ff6801
}

.bg-cyan {
    background-color: #03a49e
}

.bg-dark-grey {
    background-color: #554242
}

.bg-maroon-grey {
    background-color: #715f5f;
    color: #fff
}

.bg-maroon-light-border:hover {
    background-color: #efeeee;
    color: #554242
}

.bg-maroon-light-border {
    background-color: #ece9e9;
    border: 4px solid #f6f6f6
}

.bg-maroon-light:hover {
    background-color: #E6E3E3;
    border: 4px solid #E6E3E3
}

.bg-maroon-light {
    background-color: #ece9e9;
    border: 4px solid #ece9e9
}

.bg-maroon-light2 {
    background-color: #ece9e9
}

@media (min-width: 480px) {
    .bg-maroon-light2 {
        background-color: #ece9e9
    }
}

@media (min-width: 767px) {
    .bg-maroon-light2 {
        background-color: #ece9e9
    }
}

@media (min-width: 992px) {
    .bg-maroon-light2 {
        background-color: #ece9e9
    }
}

.bg-maroon-light3 {
    background-color: #ece9e9
}

.bg-maroon-light-color {
    background-color: #ece9e9
}

.bg-maroon-color {
    background-color: #73696a
}

.bg-maroon-drak {
    background-color: #322c2c;
    color: #bbb3b1
}

.bg-exculsive-dark {
    background-color: #1a1818
}

.bg-exculsive {
    background-color: #3b2e28
}

.bg-inactive {
    background-color: #ede9ea
}

.bg-exclusive-light-border:hover {
    background-color: #3b2e28;
    border: 4px solid none;
    color: #bab4b4
}

.bg-exclusive-light-border {
    background-color: none;
    border: 4px solid none;
    color: #bab4b4
}

.bg-maroon-light-border-News:hover {
    background-color: #e5e5e5;
    color: #554242
}

.bg-maroon-light-border-News {
    background-color: none;
    border: 4px solid #f6f6f6
}

.bg-maroon-light-border-Subsidiaries:hover {
    background-color: #e5e5e5;
    color: #554242
}

.bg-maroon-light-border-Subsidiaries {
    background-color: none;
    border: 4px solid #f6f6f6
}

.bg-yellowcat {
    background-color: #ffce12
}

.bg-white {
    background-color: #fff
}

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

.bg-turquoise {
    background-color: #1abc9c
}

.bg-green-sea {
    background-color: #16a085
}

.bg-emerland {
    background-color: #2ecc71
}

.bg-nephritis {
    background-color: #27ae60
}

.bg-peter-river {
    background-color: #3498db
}

.bg-belize-hole {
    background-color: #2980b9
}

.bg-amethyst {
    background-color: #9b59b6
}

.bg-wisteria {
    background-color: #8e44ad
}

.bg-wet-asphalt {
    background-color: #34495e
}

.bg-midnight-blue {
    background-color: #2c3e50
}

.bg-sun-flower {
    background-color: #f1c40f
}

.bg-carrot {
    background-color: #e67e22
}

.bg-pumpkin {
    background-color: #d35400
}

.bg-alizarin {
    background-color: #e74c3c
}

.bg-pomegranate {
    background-color: #c0392b
}

.bg-clouds {
    background-color: #ecf0f1
}

.bg-silver {
    background-color: #bdc3c7
}

.bg-concrete {
    background-color: #95a5a6
}

.bg-asbestos {
    background-color: #7f8c8d
}

.bg-base {
    background-color: #34495e
}

.bg-firm {
    background-color: #1abc9c
}

.bg-success {
    background-color: #2ecc71
}

.bg-danger {
    background-color: #e74c3c
}

.bg-warning {
    background-color: #f1c40f
}

.bg-info {
    background-color: #3498db
}

.bg-lightgray {
    background-color: #f3f1f1
}

.bg-brown {
    background-color: #322020
}

.bg-redbtmu {
    background-color: #e60000
}

.bordered {
    border-style: solid
}

    .bordered.bg-turquoise {
        border-color: #16a085
    }

    .bordered.bg-emerland {
        border-color: #27ae60
    }

    .bordered.bg-peter-river {
        border-color: #2980b9
    }

    .bordered.bg-amethyst {
        border-color: #8e44ad
    }

    .bordered.bg-wet-asphalt {
        border-color: #2c3e50
    }

    .bordered.bg-sun-flower {
        border-color: #f39c12
    }

    .bordered.bg-carrot {
        border-color: #d35400
    }

    .bordered.bg-alizarin {
        border-color: #c0392b
    }

    .bordered.bg-clouds {
        border-color: #bdc3c7
    }

    .bordered.bg-concrete {
        border-color: #7f8c8d
    }

.f-white {
    color: #fff
}

a.f-white {
    color: #fff
}

.f-white a {
    color: #fff
}

.f-yellow {
    color: #ffda00
}

.f-yellow-exclusive {
    color: #ffd400
}

.f-dark-grey {
    color: #554242
}

.f-orange {
    color: #ff6700
}

.f-maroon-light {
    color: #bbb3b1
}

.f-exclusive {
    color: #bab4b4
}

.f-orange1 {
    color: #f27c44
}

.f-red {
    color: red
}

.panel-footer2 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 1px solid #ddd;
    padding: 10px 0
}

.test-backgroundmap {
    background-image: url(/Content/map.html)
}

.lb-yellow {
    border-color: #ffda00;
    border-style: solid;
    border-width: 0 0 0 3px;
    padding-left: 20px
}

.dotstar {
    color: #fc7e41
}




/* Version 1.6 - 26 AUG 2020 */
.hwcCustomization .form-group input.form-control,
.hwcCustomization .input-group input.form-control,
.hwcCustomization .form-group textarea.form-control,
.hwcCustomization .input-group textarea.form-control {
    box-shadow: none;
    padding-left: 0.75rem;
    outline: none;
    border: 1px solid #e8e8e8;
    transition: 0.4s ease all;
    /*font-family: 'Thongterm';*/
    font-family: 'Thongterm-Bold';
    font-size: 16px;
    font-weight: bold;
    color: #222222;
}

    .hwcCustomization .form-group input.form-control:active,
    .hwcCustomization .input-group input.form-control:active,
    .hwcCustomization .form-group textarea.form-control:active,
    .hwcCustomization .input-group textarea.form-control:active,
    .hwcCustomization .form-group input.form-control:focus,
    .hwcCustomization .input-group input.form-control:focus,
    .hwcCustomization .form-group textarea.form-control:focus,
    .hwcCustomization .input-group textarea.form-control:focus {
        font-family: 'Thongterm-Bold';
        font-size: 16px;
        font-weight: bold;
        color: #222222;
        border: 1px solid #C7C7C7;
    }

    .hwcCustomization .form-group input.form-control.ph-bold,
    .hwcCustomization .input-group input.form-control.ph-bold,
    .hwcCustomization .form-group textarea.form-control.ph-bold,
    .hwcCustomization .input-group textarea.form-control.ph-bold {
        color: #222222;
        font-weight: bold;
    }

        .hwcCustomization .form-group input.form-control.ph-bold::placeholder,
        .hwcCustomization .input-group input.form-control.ph-bold::placeholder,
        .hwcCustomization .form-group textarea.form-control.ph-bold::placeholder,
        .hwcCustomization .input-group textarea.form-control.ph-bold::placeholder {
            color: #222222;
            font-weight: bold;
        }

    .hwcCustomization .form-group input.form-control::placeholder,
    .hwcCustomization .input-group input.form-control::placeholder,
    .hwcCustomization .form-group textarea.form-control::placeholder,
    .hwcCustomization .input-group textarea.form-control::placeholder {
        font-family: 'Thongterm-Roman';
        color: #949494;
        font-weight: normal;
        font-size: 16px;
    }

.hwcCustomization .form-group.input-group-datetime:after,
.hwcCustomization .input-group.input-group-datetime:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: #5B5B5B;
    position: absolute;
    right: 16px;
    content: "\f073";
    z-index: 3;
    pointer-events: none;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 30px;
    text-align: center;
}

.hwcCustomization .form-group.append,
.hwcCustomization .input-group.append {
    position: relative;
}

    .hwcCustomization .form-group.append .input-group-append,
    .hwcCustomization .input-group.append .input-group-append {
        position: absolute;
        top: 0;
        right: 4px;
        height: 90%;
        z-index: 5;
        bottom: 0;
        margin: auto;
    }

        .hwcCustomization .form-group.append .input-group-append .input-group-text,
        .hwcCustomization .input-group.append .input-group-append .input-group-text {
            background-color: #fff;
            border: 0;
        }

.hwcCustomization .radio-inline {
    position: relative;
    padding-left: 30px;
}

    .hwcCustomization .radio-inline input[type="radio"] {
        display: none;
    }

        .hwcCustomization .radio-inline input[type="radio"] + label,
        .hwcCustomization .radio-inline input[type="radio"] + span {
            padding-left: 2px;
            padding-right: 10px;
            height: 30px;
            display: inline-block;
            line-height: 30px;
            background-repeat: no-repeat;
            background-position: 0 0;
            font-size: 16px;
            vertical-align: middle;
            cursor: pointer;
            color: #5A5A5A;
        }

            .hwcCustomization .radio-inline input[type="radio"] + label:before,
            .hwcCustomization .radio-inline input[type="radio"] + span:before {
                font-size: 24px;
                vertical-align: sub;
                padding-right: 6px;
                content: "\f111";
                font-family: "Font Awesome 5 Pro";
                position: absolute;
                left: 0;
                font-weight: 300;
            }

        .hwcCustomization .radio-inline input[type="radio"] + span {
            color: #5A5A5A;
        }

        .hwcCustomization .radio-inline input[type="radio"].has-danger + label:before,
        .hwcCustomization .radio-inline input[type="radio"].has-danger + span:before {
            color: #d00000 !important;
        }

            .hwcCustomization .radio-inline input[type="radio"].has-danger + label:before:hover,
            .hwcCustomization .radio-inline input[type="radio"].has-danger + span:before:hover {
                color: #d00000;
            }

        .hwcCustomization .radio-inline input[type="radio"]:hover + label:before,
        .hwcCustomization .radio-inline input[type="radio"]:hover + span:before {
            font-size: 24px;
            color: #757573;
            content: "\f192";
            font-family: "Font Awesome 5 Pro";
            font-weight: 500;
        }

        .hwcCustomization .radio-inline input[type="radio"]:checked + label,
        .hwcCustomization .radio-inline input[type="radio"]:checked + span {
            background-position: 0 -65px;
        }

            .hwcCustomization .radio-inline input[type="radio"]:checked + label:before,
            .hwcCustomization .radio-inline input[type="radio"]:checked + span:before {
                color: #ffd400;
                font-weight: 900;
                content: "\f192";
                font-family: "Font Awesome 5 Pro";
                font-weight: bold;
            }

        .hwcCustomization .radio-inline input[type="radio"]:checked:hover + label,
        .hwcCustomization .radio-inline input[type="radio"]:checked:hover + span {
            background-position: 0 -96px;
        }

            .hwcCustomization .radio-inline input[type="radio"]:checked:hover + label:before,
            .hwcCustomization .radio-inline input[type="radio"]:checked:hover + span:before {
                content: "\f192" !important;
            }

        .hwcCustomization .radio-inline input[type="radio"]:checked:hover + span {
            color: #5A5A5A;
        }

        .hwcCustomization .radio-inline input[type="radio"]:checked:disabled + label,
        .hwcCustomization .radio-inline input[type="radio"]:checked:disabled + span {
            background-position: 0 -190px;
            color: #F3F3F3;
        }

        .hwcCustomization .radio-inline input[type="radio"]:checked:disabled + span {
            color: #5A5A5A;
        }

        .hwcCustomization .radio-inline input[type="radio"]:disabled + label,
        .hwcCustomization .radio-inline input[type="radio"]:disabled + span {
            background-position: 0 -160px;
            color: #F3F3F3;
        }

            .hwcCustomization .radio-inline input[type="radio"]:disabled + label:before,
            .hwcCustomization .radio-inline input[type="radio"]:disabled + span:before {
                color: #F3F3F3;
            }

        .hwcCustomization .radio-inline input[type="radio"]:disabled + span {
            color: #5A5A5A;
        }

        .hwcCustomization .radio-inline input[type="radio"]:disabled:hover + label:before,
        .hwcCustomization .radio-inline input[type="radio"]:disabled:hover + span:before {
            color: #F3F3F3;
            content: "\f111";
        }

    .hwcCustomization .radio-inline label,
    .hwcCustomization .radio-inline span {
        background-image: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.hwcCustomization .checkbox-inline input[type="checkbox"] {
    display: none;
}

    .hwcCustomization .checkbox-inline input[type="checkbox"] + label,
    .hwcCustomization .checkbox-inline input[type="checkbox"] + span {
        padding-left: 2px;
        padding-right: 10px;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 14px;
        vertical-align: middle;
        cursor: pointer;
        color: #5A5A5A;
    }

        .hwcCustomization .checkbox-inline input[type="checkbox"] + label:before,
        .hwcCustomization .checkbox-inline input[type="checkbox"] + span:before {
            font-size: 24px;
            vertical-align: sub;
            padding-right: 6px;
            content: "\f0c8";
            font-family: "Font Awesome 5 Pro";
        }

    .hwcCustomization .checkbox-inline input[type="checkbox"] + span {
        color: #5A5A5A;
    }

    .hwcCustomization .checkbox-inline input[type="checkbox"].has-danger + label:before,
    .hwcCustomization .checkbox-inline input[type="checkbox"].has-danger + span:before {
        color: #d00000 !important;
    }

        .hwcCustomization .checkbox-inline input[type="checkbox"].has-danger + label:before:hover,
        .hwcCustomization .checkbox-inline input[type="checkbox"].has-danger + span:before:hover {
            color: #d00000;
        }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:hover + label:before,
    .hwcCustomization .checkbox-inline input[type="checkbox"]:hover + span:before {
        font-size: 24px;
        vertical-align: sub;
        padding-right: 6px;
        content: "\f14a";
        font-family: "Font Awesome 5 Pro";
    }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked + label:before,
    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked + span:before {
        color: #ffd400;
        font-size: 24px;
        vertical-align: sub;
        padding-right: 6px;
        content: "\f14a";
        font-family: "Font Awesome 5 Pro";
        font-weight: bold;
    }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:hover + label,
    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:hover + span {
        background-position: 0 -57px;
    }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:hover + span {
        color: #5A5A5A;
    }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:disabled + label,
    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:disabled + span {
        color: #F3F3F3;
    }

        .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:disabled + label:before,
        .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:disabled + span:before {
            color: #F3F3F3;
            content: "\f14a";
            font-family: "Font Awesome 5 Pro";
        }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:checked:disabled + span {
        color: #5A5A5A;
    }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:disabled + label,
    .hwcCustomization .checkbox-inline input[type="checkbox"]:disabled + span {
        /*background-position: 0 -141px;*/
        color: #F3F3F3;
    }

        .hwcCustomization .checkbox-inline input[type="checkbox"]:disabled + label:before,
        .hwcCustomization .checkbox-inline input[type="checkbox"]:disabled + span:before {
            color: #F3F3F3;
            content: "\f0c8";
            font-family: "Font Awesome 5 Pro";
        }

    .hwcCustomization .checkbox-inline input[type="checkbox"]:disabled + span {
        color: #5A5A5A;
    }

.hwcCustomization .checkbox-inline label,
.hwcCustomization .checkbox-inline span {
    /*background-image: url('/Content/Images/Input/ck.png');*/
    background: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hwcCustomization .input-group-text {
    border: 0px;
}

.ui.ks.dropdown {
    height: 44px;
}

    .ui.ks.dropdown .text .icon {
        position: relative;
        top: -5px;
        width: 24px;
        height: 24px;
    }

    .ui.ks.dropdown .item .icon {
        position: relative;
        top: 0px;
        width: 24px;
        height: 24px;
    }

    .ui.ks.dropdown.it1bold .item:nth-child(1) {
        font-weight: bold;
    }

    .ui.ks.dropdown.it1normal .item:nth-child(1) {
        font-weight: normal;
    }

    .ui.ks.dropdown.bold .text {
        font-weight: bold !important;
    }

    .ui.ks.dropdown.selectAll .text {
        color: #949494 !important;
        font-family: 'Thongterm-Roman';
        font-weight: normal !important;
    }

    .ui.ks.dropdown.active .menu {
        margin-top: 4px;
        box-shadow: 0px 0px 4px rgba(35, 19, 18, 0.2);
        margin-left: 0px;
        width: calc(100% + 2px);
        left: -1px;
    }

@media only screen and (max-width: 767px) {
    .ui.ks.dropdown .menu {
        max-height: 240px;
    }
}

/* Version 1.0.0 */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider input {
        display: none;
    }

    .slider .tooltip.top {
        margin-top: -36px;
    }

    .slider .tooltip-inner {
        white-space: nowrap;
        max-width: none;
    }

    .slider .hide {
        display: none;
    }

    .slider.slider-horizontal {
        width: 100%;
        height: 20px;
    }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0;
            z-index: 10;
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-track-low {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-track-high {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-tick {
            margin-left: -10px;
        }

        .slider.slider-horizontal .slider-handle {
            margin-left: -10px;
        }

        .slider.slider-horizontal .slider-tick.triangle {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-width: 0 10px 10px 10px;
            width: 0;
            height: 0;
            border-bottom-color: #2e6da4;
            margin-top: 0;
        }

        .slider.slider-horizontal .slider-handle.triangle {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-width: 0 10px 10px 10px;
            width: 0;
            height: 0;
            border-bottom-color: #2e6da4;
            margin-top: 0;
        }

        .slider.slider-horizontal .slider-tick-container {
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .slider.slider-horizontal .slider-tick-label-container {
            white-space: nowrap;
            margin-top: 20px;
        }

            .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
                padding-top: 4px;
                display: inline-block;
                text-align: center;
                font-family: Thongterm-Roman;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #5a5a5a;
            }

                .slider.slider-horizontal .slider-tick-label-container .slider-tick-label.active {
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: expanded;
                }

        .slider.slider-horizontal .tooltip {
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .slider.slider-horizontal.slider-rtl .slider-track {
            left: initial;
            right: 0;
        }

        .slider.slider-horizontal.slider-rtl .slider-tick {
            margin-left: initial;
            margin-right: -10px;
        }

        .slider.slider-horizontal.slider-rtl .slider-handle {
            margin-left: initial;
            margin-right: -10px;
        }

        .slider.slider-horizontal.slider-rtl .slider-tick-container {
            left: initial;
            right: 0;
        }

        .slider.slider-horizontal.slider-rtl .tooltip {
            -ms-transform: translateX(50%);
            transform: translateX(50%);
        }

    .slider.slider-vertical {
        height: 210px;
        width: 20px;
    }

        .slider.slider-vertical .slider-track {
            width: 10px;
            height: 100%;
            left: 25%;
            top: 0;
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .slider.slider-vertical .slider-track-low {
            width: 100%;
            left: 0;
            right: 0;
        }

        .slider.slider-vertical .slider-track-high {
            width: 100%;
            left: 0;
            right: 0;
        }

        .slider.slider-vertical .slider-tick {
            margin-top: -10px;
        }

        .slider.slider-vertical .slider-handle {
            margin-top: -10px;
        }

        .slider.slider-vertical .slider-tick.triangle {
            border-width: 10px 0 10px 10px;
            width: 1px;
            height: 1px;
            border-left-color: #2e6da4;
            border-right-color: #2e6da4;
            margin-left: 0;
            margin-right: 0;
        }

        .slider.slider-vertical .slider-handle.triangle {
            border-width: 10px 0 10px 10px;
            width: 1px;
            height: 1px;
            border-left-color: #2e6da4;
            border-right-color: #2e6da4;
            margin-left: 0;
            margin-right: 0;
        }

        .slider.slider-vertical .slider-tick-label-container {
            white-space: nowrap;
        }

            .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
                padding-left: 4px;
            }

        .slider.slider-vertical .tooltip {
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .slider.slider-vertical.slider-rtl .slider-track {
            left: initial;
            right: 25%;
        }

        .slider.slider-vertical.slider-rtl .slider-selection {
            left: initial;
            right: 0;
        }

        .slider.slider-vertical.slider-rtl .slider-tick.triangle {
            border-width: 10px 10px 10px 0;
        }

        .slider.slider-vertical.slider-rtl .slider-handle.triangle {
            border-width: 10px 10px 10px 0;
        }

        .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
            padding-left: initial;
            padding-right: 4px;
        }

    .slider.slider-disabled .slider-handle {
        /*background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
        background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
        background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);*/
        background-color: #bbbbbb;
        background-image: none;
    }

    .slider.slider-disabled .slider-track {
        /*background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
        background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
        background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
        cursor: not-allowed;*/
        background-color: #f3f3f3;
        background-image: none;
    }

        .slider.slider-disabled .slider-track .slider-selection {
            background-color: #bbbbbb;
            background-image: none;
        }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

    .slider-selection.tick-slider-selection {
        /*background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
    background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);*/
        background-color: #ffd400;
        background-repeat: repeat-x;
        background-image: none;
    }

.slider-track-low {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 0px solid transparent;
}

    .slider-handle.round {
        border-radius: 50%;
        background-color: #463737;
        background-image: none;
        z-index: 11;
    }

    .slider-handle.triangle {
        background: transparent none;
    }

    .slider-handle.custom {
        background: transparent none;
    }

        .slider-handle.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

    .slider-tick.round {
        border-radius: 0%;
        width: 2px;
        border: 0px;
        border-left: 2px solid #f3f3f3;
        background-color: #f3f3f3;
        margin-left: -1px !important;
        opacity: 1;
        height: 32px;
        top: -6px;
    }

    .slider-tick.triangle {
        background: transparent none;
    }

    .slider-tick.custom {
        background: transparent none;
    }

        .slider-tick.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

    .slider-tick.in-selection {
        background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
        opacity: 1;
    }

.ks.range-slider {
    margin-left: 9.5px;
}

/* Version 1.0.2 - 19 Jan 2019 */
/* Defined color based on Zeplin "Color" screen */
/* Link: https://zpl.io/a3vkGrY */
.datepicker {
    font-family: SukhumvitSet;
    min-width: 313px;
    padding: 24px;
    border-radius: 4px;
    direction: ltr;
    z-index: 5;
}

    .datepicker table {
        width: 100%;
        margin: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .datepicker table thead tr th {
            background-color: #fff;
            color: #463737;
        }

        .datepicker table thead tr:nth-child(2) th {
            padding-bottom: 0px;
            height: 8px;
        }

        .datepicker table thead tr:nth-child(2) .header-gap {
            height: 1px;
            border-bottom: 1px solid #d8d8d8;
        }

        .datepicker table tr td.day:hover {
            background-color: transparent;
            cursor: pointer;
        }

            .datepicker table tr td.day:hover .text-content {
                border-radius: 50%;
                background-color: #fffac8;
                height: 30px;
                width: 30px;
                margin: 0 auto;
            }

        .datepicker table tr td.day.focused {
            background: #fffac8;
            cursor: pointer;
        }

        .datepicker table tr td.old {
            color: #999;
        }

        .datepicker table tr td.new {
            color: #999;
        }

        .datepicker table tr td.disabled {
            background: none;
            color: #999;
            cursor: default;
        }

            .datepicker table tr td.disabled:hover {
                background: none;
                color: #999;
                cursor: default;
            }

        .datepicker table tr td.highlighted {
            background: #d9edf7;
            border-radius: 0;
        }

        .datepicker table tr td.today {
            position: relative;
            background-color: transparent;
            color: #333333;
        }

            .datepicker table tr td.today:after {
                content: ' ';
                display: inline-block;
                border: 0px solid #ffd400;
                background-color: #ffd400;
                border-radius: 50%;
                position: absolute;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                width: 5px;
                height: 5px;
            }

            .datepicker table tr td.today.disabled {
                background-color: #fde19a;
                background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
                border-color: #fdf59a #fdf59a #fbed50;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                color: #333333;
                background-color: #fdf59a;
            }

                .datepicker table tr td.today.disabled:hover {
                    background-color: #fde19a;
                    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
                    border-color: #fdf59a #fdf59a #fbed50;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    color: #333333;
                    background-color: #fdf59a;
                }

                    .datepicker table tr td.today.disabled:hover:hover {
                        background-color: #fdf59a;
                    }

                    .datepicker table tr td.today.disabled:hover:active {
                        background-color: #fdf59a;
                        background-color: #fbf069 \9;
                    }

                .datepicker table tr td.today.disabled:active {
                    background-color: #fdf59a;
                    background-color: #fbf069 \9;
                }

                .datepicker table tr td.today.disabled:hover.active {
                    background-color: #fdf59a;
                    background-color: #fbf069 \9;
                }

                .datepicker table tr td.today.disabled:hover.disabled {
                    background-color: #fdf59a;
                }

                .datepicker table tr td.today.disabled:hover[disabled] {
                    background-color: #fdf59a;
                }

            .datepicker table tr td.today.active {
                background-color: #fdf59a;
                background-color: #fbf069 \9;
            }

                .datepicker table tr td.today.active:hover {
                    color: #fff;
                }

            .datepicker table tr td.today.disabled.active {
                background-color: #fdf59a;
                background-color: #fbf069 \9;
            }

            .datepicker table tr td.today.disabled.disabled {
                background-color: #fdf59a;
            }

            .datepicker table tr td.today[disabled] {
                background-color: #fdf59a;
            }

            .datepicker table tr td.today.disabled[disabled] {
                background-color: #fdf59a;
            }

        .datepicker table tr td.range {
            background: #fffac8;
            border-radius: 0;
        }

            .datepicker table tr td.range:hover {
                background: #fffac8;
                border-radius: 0;
            }

            .datepicker table tr td.range.disabled {
                background: #fffac8;
                border-radius: 0;
            }

                .datepicker table tr td.range.disabled:hover {
                    background: #fffac8;
                    border-radius: 0;
                }

            .datepicker table tr td.range.today {
                background-color: #f3d17a;
                background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
                border-color: #f3e97a #f3e97a #edde34;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                border-radius: 0;
            }

                .datepicker table tr td.range.today:hover {
                    background-color: #f3d17a;
                    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
                    border-color: #f3e97a #f3e97a #edde34;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    border-radius: 0;
                    background-color: #f3e97a;
                }

                    .datepicker table tr td.range.today:hover:hover {
                        background-color: #f3e97a;
                    }

                    .datepicker table tr td.range.today:hover:active {
                        background-color: #f3e97a;
                        background-color: #efe24b \9;
                    }

                .datepicker table tr td.range.today:active {
                    background-color: #f3e97a;
                    background-color: #efe24b \9;
                }

                .datepicker table tr td.range.today:hover.active {
                    background-color: #f3e97a;
                    background-color: #efe24b \9;
                }

                .datepicker table tr td.range.today:hover.disabled {
                    background-color: #f3e97a;
                }

                .datepicker table tr td.range.today:hover[disabled] {
                    background-color: #f3e97a;
                }

                .datepicker table tr td.range.today.disabled {
                    background-color: #f3d17a;
                    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
                    border-color: #f3e97a #f3e97a #edde34;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    border-radius: 0;
                    background-color: #f3e97a;
                }

                    .datepicker table tr td.range.today.disabled:hover {
                        background-color: #f3d17a;
                        background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
                        background-repeat: repeat-x;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
                        border-color: #f3e97a #f3e97a #edde34;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                        border-radius: 0;
                        background-color: #f3e97a;
                    }

                        .datepicker table tr td.range.today.disabled:hover:hover {
                            background-color: #f3e97a;
                        }

                        .datepicker table tr td.range.today.disabled:hover:active {
                            background-color: #f3e97a;
                            background-color: #efe24b \9;
                        }

                    .datepicker table tr td.range.today.disabled:active {
                        background-color: #f3e97a;
                        background-color: #efe24b \9;
                    }

                    .datepicker table tr td.range.today.disabled:hover.active {
                        background-color: #f3e97a;
                        background-color: #efe24b \9;
                    }

                    .datepicker table tr td.range.today.disabled:hover.disabled {
                        background-color: #f3e97a;
                    }

                    .datepicker table tr td.range.today.disabled:hover[disabled] {
                        background-color: #f3e97a;
                    }

                .datepicker table tr td.range.today.active {
                    background-color: #f3e97a;
                    background-color: #efe24b \9;
                }

                .datepicker table tr td.range.today.disabled.active {
                    background-color: #f3e97a;
                    background-color: #efe24b \9;
                }

                .datepicker table tr td.range.today.disabled.disabled {
                    background-color: #f3e97a;
                }

                .datepicker table tr td.range.today[disabled] {
                    background-color: #f3e97a;
                }

                .datepicker table tr td.range.today.disabled[disabled] {
                    background-color: #f3e97a;
                }

        .datepicker table tr td.selected {
            background-color: #9e9e9e;
            background-image: linear-gradient(to bottom, #b3b3b3, #808080);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
            border-color: #808080 #808080 #595959;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .datepicker table tr td.selected:hover {
                background-color: #9e9e9e;
                background-image: linear-gradient(to bottom, #b3b3b3, #808080);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
                border-color: #808080 #808080 #595959;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                background-color: #808080;
            }

                .datepicker table tr td.selected:hover:hover {
                    background-color: #808080;
                }

                .datepicker table tr td.selected:hover:active {
                    background-color: #808080;
                    background-color: #666666 \9;
                }

            .datepicker table tr td.selected:active {
                background-color: #808080;
                background-color: #666666 \9;
            }

            .datepicker table tr td.selected:hover.active {
                background-color: #808080;
                background-color: #666666 \9;
            }

            .datepicker table tr td.selected:hover.disabled {
                background-color: #808080;
            }

            .datepicker table tr td.selected:hover[disabled] {
                background-color: #808080;
            }

            .datepicker table tr td.selected.disabled {
                background-color: #9e9e9e;
                background-image: linear-gradient(to bottom, #b3b3b3, #808080);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
                border-color: #808080 #808080 #595959;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                background-color: #808080;
            }

                .datepicker table tr td.selected.disabled:hover {
                    background-color: #9e9e9e;
                    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
                    border-color: #808080 #808080 #595959;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    color: #fff;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                    background-color: #808080;
                }

                    .datepicker table tr td.selected.disabled:hover:hover {
                        background-color: #808080;
                    }

                    .datepicker table tr td.selected.disabled:hover:active {
                        background-color: #808080;
                        background-color: #666666 \9;
                    }

                .datepicker table tr td.selected.disabled:active {
                    background-color: #808080;
                    background-color: #666666 \9;
                }

                .datepicker table tr td.selected.disabled:hover.active {
                    background-color: #808080;
                    background-color: #666666 \9;
                }

                .datepicker table tr td.selected.disabled:hover.disabled {
                    background-color: #808080;
                }

                .datepicker table tr td.selected.disabled:hover[disabled] {
                    background-color: #808080;
                }

            .datepicker table tr td.selected.active {
                background-color: #808080;
                background-color: #666666 \9;
            }

            .datepicker table tr td.selected.disabled.active {
                background-color: #808080;
                background-color: #666666 \9;
            }

            .datepicker table tr td.selected.disabled.disabled {
                background-color: #808080;
            }

            .datepicker table tr td.selected[disabled] {
                background-color: #808080;
            }

            .datepicker table tr td.selected.disabled[disabled] {
                background-color: #808080;
            }

        .datepicker table tr td.active {
            background-color: transparent;
            border: 0px;
            color: #333333;
        }

            .datepicker table tr td.active .text-content {
                border-radius: 50%;
                background-color: #ffd400;
                height: 30px;
                width: 30px;
                margin: 0 auto;
            }

            .datepicker table tr td.active:hover {
                background-color: #fffac8;
            }

                .datepicker table tr td.active:hover:hover {
                    background-color: #fffac8;
                }

                .datepicker table tr td.active:hover:active {
                    background-color: #ffd400;
                    background-color: #003399 \9;
                }

            .datepicker table tr td.active:active {
                background-color: transparent;
            }

            .datepicker table tr td.active:hover.active {
                background-color: transparent;
            }

            .datepicker table tr td.active:hover.disabled {
                background-color: #ffd400;
            }

            .datepicker table tr td.active:hover[disabled] {
                background-color: #ffd400;
            }

            .datepicker table tr td.active.disabled {
                background-image: linear-gradient(to bottom, #08c, #ffd400);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#ffd400', GradientType=0);
                border-color: #ffd400 #ffd400 #002a80;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                background-color: #ffd400;
            }

                .datepicker table tr td.active.disabled:hover {
                    background-image: linear-gradient(to bottom, #08c, #ffd400);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#ffd400', GradientType=0);
                    border-color: #ffd400 #ffd400 #002a80;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    color: #fff;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                    background-color: #ffd400;
                }

                    .datepicker table tr td.active.disabled:hover:hover {
                        background-color: #ffd400;
                    }

                    .datepicker table tr td.active.disabled:hover:active {
                        background-color: #ffd400;
                        background-color: #003399 \9;
                    }

                .datepicker table tr td.active.disabled:active {
                    background-color: #ffd400;
                    background-color: #003399 \9;
                }

                .datepicker table tr td.active.disabled:hover.active {
                    background-color: #ffd400;
                    background-color: #003399 \9;
                }

                .datepicker table tr td.active.disabled:hover.disabled {
                    background-color: #ffd400;
                }

                .datepicker table tr td.active.disabled:hover[disabled] {
                    background-color: #ffd400;
                }

            .datepicker table tr td.active.active {
                background-color: transparent;
                font-weight: bold;
            }

                .datepicker table tr td.active.active .text-content {
                    border-radius: 50%;
                    background-color: #ffd400;
                    height: 30px;
                    width: 30px;
                    margin: 0 auto;
                }

            .datepicker table tr td.active.disabled.active {
                background-color: #ffd400;
                background-color: #003399 \9;
            }

            .datepicker table tr td.active.disabled.disabled {
                background-color: #ffd400;
            }

            .datepicker table tr td.active[disabled] {
                background-color: #ffd400;
            }

            .datepicker table tr td.active.disabled[disabled] {
                background-color: #ffd400;
            }

        .datepicker table tr td span {
            display: block;
            width: 23%;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 1%;
            cursor: pointer;
            border-radius: 4px;
        }

            .datepicker table tr td span:hover {
                background: #fffac8;
            }

            .datepicker table tr td span.focused {
                background-color: #ffd400;
                color: #333333;
            }

            .datepicker table tr td span.disabled {
                background: none;
                color: #999;
                cursor: default;
            }

                .datepicker table tr td span.disabled:hover {
                    background: none;
                    color: #999;
                    cursor: default;
                }

            .datepicker table tr td span.active {
                background-color: transparent;
                color: #333333;
            }

                .datepicker table tr td span.active.disabled {
                    background-image: linear-gradient(to bottom, #08c, #ffd400);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#ffd400', GradientType=0);
                    border-color: #ffd400 #ffd400 #002a80;
                    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                    color: #fff;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                    background-color: #ffd400;
                }

                    .datepicker table tr td span.active.disabled:hover {
                        background-image: linear-gradient(to bottom, #08c, #ffd400);
                        background-repeat: repeat-x;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#ffd400', GradientType=0);
                        border-color: #ffd400 #ffd400 #002a80;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
                        color: #fff;
                        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                        background-color: #ffd400;
                    }

                        .datepicker table tr td span.active.disabled:hover:hover {
                            background-color: #ffd400;
                        }

                        .datepicker table tr td span.active.disabled:hover:active {
                            background-color: #ffd400;
                            background-color: #003399 \9;
                        }

                    .datepicker table tr td span.active.disabled:active {
                        background-color: #ffd400;
                        background-color: #003399 \9;
                    }

                    .datepicker table tr td span.active.disabled:hover.active {
                        background-color: #ffd400;
                        background-color: #003399 \9;
                    }

                    .datepicker table tr td span.active.disabled:hover.disabled {
                        background-color: #ffd400;
                    }

                    .datepicker table tr td span.active.disabled:hover[disabled] {
                        background-color: #ffd400;
                    }

                    .datepicker table tr td span.active.disabled.active {
                        background-color: #ffd400;
                    }

                    .datepicker table tr td span.active.disabled.disabled {
                        background-color: #ffd400;
                    }

                .datepicker table tr td span.active[disabled] {
                    background-color: #ffd400;
                }

                .datepicker table tr td span.active.disabled[disabled] {
                    background-color: #ffd400;
                }

            .datepicker table tr td span.old {
                color: #999;
            }

            .datepicker table tr td span.new {
                color: #999;
            }

            .datepicker table tr td span.month,
            .datepicker table tr td span.year,
            .datepicker table tr td span.decade,
            .datepicker table tr td span.century {
                position: relative;
                background-color: transparent;
                font-weight: bold;
            }

                .datepicker table tr td span.month:hover:after,
                .datepicker table tr td span.year:hover:after,
                .datepicker table tr td span.decade:hover:after,
                .datepicker table tr td span.century:hover:after {
                    content: ' ';
                    display: inline-block;
                    background-color: #fffac8;
                    border-radius: 50%;
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    z-index: -1;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto auto;
                }

                .datepicker table tr td span.month.active:after,
                .datepicker table tr td span.year.active:after,
                .datepicker table tr td span.decade.active:after,
                .datepicker table tr td span.century.active:after {
                    content: ' ';
                    display: inline-block;
                    background-color: #ffd400;
                    border-radius: 50%;
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    z-index: -1;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto auto;
                }

    .datepicker td {
        text-align: center;
        width: 43px;
        height: 43px;
        border-radius: 4px;
        border: none;
    }

    .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        border: none;
    }

    .datepicker .datepicker-switch {
        width: 145px;
        cursor: pointer;
    }

        .datepicker .datepicker-switch:hover {
            /*background: #fffac8;*/
            background-color: transparent;
        }

    .datepicker .prev {
        cursor: pointer;
    }

        .datepicker .prev:hover {
            /*background: #fffac8;*/
            background-color: transparent;
        }

    .datepicker .next {
        cursor: pointer;
    }

        .datepicker .next:hover {
            /*background: #fffac8;*/
            background-color: transparent;
        }

    .datepicker tfoot tr th {
        cursor: pointer;
    }

        .datepicker tfoot tr th:hover {
            background: #fffac8;
        }

    .datepicker .prev.disabled {
        visibility: hidden;
    }

    .datepicker .next.disabled {
        visibility: hidden;
    }

    .datepicker .cw {
        font-size: 10px;
        width: 12px;
        padding: 0 2px 0 5px;
        vertical-align: middle;
    }

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

    .datepicker-rtl table tr td span {
        float: right;
    }

    .datepicker-rtl.dropdown-menu {
        left: auto;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        /*content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;*/
    }

    .datepicker-dropdown:after {
        /*content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;*/
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.table-striped .datepicker table tr td {
    background-color: transparent;
}

.table-striped .datepicker table tr th {
    background-color: transparent;
}

.input-append.date .add-on {
    cursor: pointer;
}

    .input-append.date .add-on i {
        margin-top: 3px;
    }

.input-prepend.date .add-on {
    cursor: pointer;
}

    .input-prepend.date .add-on i {
        margin-top: 3px;
    }

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #fffac8;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

/* Update 19 Jan 2019 */
.ui-datepicker {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 0 5px;
}

    .ui-datepicker .ui-datepicker-header {
        background: #ffffff;
        border: 0px solid;
        border-bottom: 1px solid #c3c3c3;
        width: 92%;
        margin: 0 auto;
    }

        .ui-datepicker .ui-datepicker-header .ui-state-hover {
            background: none;
            border: 0px solid transparent;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            cursor: pointer;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
                content: "\f104";
                font-weight: 500;
                font-family: "Font Awesome 5 Pro";
                margin: 0px 5px;
                position: relative;
                top: 8px;
                font-size: 16px;
                color: #5a5a5a;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
                border-left: 1px solid transparent;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            cursor: pointer;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
                content: "\f105";
                font-weight: 500;
                font-family: "Font Awesome 5 Pro";
                margin: 0px 18px;
                position: relative;
                top: 8px;
                font-size: 16px;
                color: #5a5a5a;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
                right: 2px;
            }

        .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
            background-image: none;
        }

        .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
            background-image: none;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            display: flex;
            align-content: space-between;
            flex-wrap: nowrap;
            padding: 0 25px;
            margin: 0px;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
                width: 45%;
                min-width: unset;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
                margin-left: 20px;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-loading {
                position: absolute;
                width: 100%;
                background: #fff;
                height: 50px;
                left: 0;
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-loading i {
                    margin-top: 15px;
                }

    .ui-datepicker .ui-datepicker-calendar thead tr th {
        background-color: #ffffff;
        color: #5a5a5a;
    }

    .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
        border: 0px solid;
        background: #ffffff;
        text-align: center;
        border-radius: 50%;
        width: 36px;
    }

        .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:hover {
            background: #fffac8;
            border-radius: 50%;
            width: 36px;
        }

    .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active {
        background: #ffd400;
        font-weight: bold;
    }

    .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month {
        opacity: 0.75;
    }

    .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
        position: relative;
    }

        .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today .ui-state-default:after {
            content: ' ';
            display: inline-block;
            border: 0px solid #ffd400;
            background-color: #ffd400;
            border-radius: 50%;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin-left: auto;
            margin-right: auto;
            width: 5px;
            height: 5px;
        }

    .ui-datepicker .ui.ks.dropdown.selection .text {
        margin-right: 0px;
    }


    .ui-datepicker .ui.ks.dropdown .text {
        text-overflow: clip;
    }

    /* Fix ui-datepicker */
    .ui-datepicker .ui.selection.dropdown > .search.icon,
    .ui-datepicker .ui.selection.dropdown > .delete.icon,
    .ui-datepicker .ui.selection.dropdown > .dropdown.icon {
        right: 1.5em;
        padding: 0;
    }

    /* Version 1.4 - 21 AUG 2020 */
    .ui-datepicker .ui-datepicker-title .ui.ks.dropdown.selection .text {
        /*font-family: 'Krungsri-Condensed-Bold';*/
        font-family: 'Thongterm-Bold';
        font-size: 16px;
    }

    .ui-datepicker .ui-datepicker-title .ui.ks.dropdown.selection .dropdown.icon {
        display: flex;
        justify-content: center;
        align-items: center;
        transform: scaleX(0.9);
        top: 3px;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
        position: relative;
        top: 6px;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
        position: relative;
        top: 6px;
    }

    .ui-datepicker .ui-datepicker-calendar tr td,
    .ui-datepicker .ui-datepicker-calendar tr th {
        font-family: 'Thongterm-Roman' !important;
        font-size: 16px !important;
        color: #333;
        letter-spacing: 0;
        /*line-height: 34px;*/
    }

    .ui-datepicker .ui-datepicker-calendar tbody tr td,
    .ui-datepicker .ui-datepicker-calendar tbody tr th {
        padding: 1px !important;
    }

    .ui-datepicker .ui-datepicker-calendar tbody tr td {
        width: 42px;
        height: 38px;
    }

        .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
            width: 28px;
            height: 28px;
            margin: auto;
            line-height: 24px;
        }

            .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:hover {
                width: 28px;
                height: 28px;
                margin: auto;
                line-height: 24px;
                background: #F3F3F3;
            }

/* Version 1.0.12 */
.timeline {
    list-style: none;
    left: 10px;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #ffd400;
        margin-left: 8.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            content: " ";
            display: table;
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 100%;
            float: left;
            border: 0px;
            border-radius: 2px;
            padding: 20px;
            position: relative;
        }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 19px;
            height: 19px;
            line-height: 19px;
            font-size: 14px;
            /*text-align: center;*/
            position: absolute;
            top: 25px;
            left: 0;
            right: 0;
            margin: 0 0;
            background-color: #ffc800;
            z-index: 10;
            border-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: left;
            margin-left: 10px;
        }

    .timeline .timeline-panel .timeline-heading {
        cursor: pointer;
        user-select: none;
    }

        .timeline .timeline-panel .timeline-heading .timeline-title {
            font-weight: normal;
        }

@media screen and (max-width: 767px) {
    .timeline .timeline-panel .timeline-heading .timeline-title {
        padding-right: 5px;
    }

        .timeline .timeline-panel .timeline-heading .timeline-title:before {
            font-family: "Font Awesome 5 Pro";
            font-size: 1.5rem;
            font-weight: 300;
            content: '\f107';
            display: inline-block;
            padding-left: 8px;
            padding-right: 8px;
            position: absolute;
            top: 12px;
            right: 0;
        }

        .timeline .timeline-panel .timeline-heading .timeline-title:after {
            display: none;
        }
}

@media screen and (min-width: 768px) {
    .timeline .timeline-panel .timeline-heading .timeline-title:after {
        font-family: "Font Awesome 5 Pro";
        font-size: 1.5rem;
        font-weight: 300;
        content: '\f107';
        display: inline-block;
        padding-left: 16px;
        padding-right: 8px;
        position: relative;
        top: 2px;
    }

    .timeline .timeline-panel .timeline-heading .timeline-title:before {
        display: none;
    }
}

.timeline .timeline-panel .timeline-body {
    opacity: 0;
    transform-origin: top;
    animation-name: timeline-collapse;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

.timeline .timeline-panel.active .timeline-heading .timeline-title {
    font-weight: bold;
}

    .timeline .timeline-panel.active .timeline-heading .timeline-title:after {
        content: '\f106' !important;
    }

    .timeline .timeline-panel.active .timeline-heading .timeline-title:before {
        content: '\f106' !important;
    }

.timeline .timeline-panel.active .timeline-body {
    display: block;
    animation-name: timeline-expanse;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-play-state: running;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.timeline-body > ul {
    margin-bottom: 0;
}

@keyframes timeline-expanse {
    0% {
        max-height: 0;
        transform: scaleY(0);
    }

    5% {
        max-height: none;
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        max-height: none;
        transform: scaleY(1);
    }
}

@keyframes timeline-collapse {
    0% {
        transform: scaleY(1);
    }

    95% {
        transform: scaleY(0);
    }

    100% {
        max-height: 0px;
        transform: scaleY(0);
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .timeline {
        /* Mobile Layout */
    }

        .timeline:before {
            left: 0;
            /*background-color: green !important;*/
        }

        .timeline > li {
            left: -30px;
        }

            .timeline > li > .timeline-panel {
                /*width: calc(~"100% - 105px");*/
                float: left;
            }

                .timeline > li > .timeline-panel:before {
                    border-left-width: 0;
                    border-right-width: 15px;
                    left: -15px;
                    right: auto;
                }

                .timeline > li > .timeline-panel:after {
                    border-left-width: 0;
                    border-right-width: 14px;
                    left: -14px;
                    right: auto;
                }

            .timeline > li > .timeline-badge {
                left: 31px;
                margin-left: 0;
                top: 20px;
            }

            .timeline > li.timeline-inverted > .timeline-panel {
                padding-top: 15px;
                padding-left: 50px;
            }
}


.hwcCustomization.hwcCalculators .form-group label {
    width: 100%;
}

.hwcCustomization.hwcCalculators .form-group .input-group {
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid #E8E8E8;
    transition: 0.4s ease all;
}

    .hwcCustomization.hwcCalculators .form-group .input-group .form-control {
        border: 0;
        background: transparent;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
    }

    .hwcCustomization.hwcCalculators .form-group .input-group .input-group-text {
        background: transparent;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        font-weight: 700;
    }

    .hwcCustomization.hwcCalculators .form-group .input-group .ui.ks.dropdown {
        background: transparent;
        border: 0 !important;
        box-shadow: none;
        width: 100%;
        padding: 0;
    }

.hwcCustomization.hwcCalculators .form-group .input-group-datetime:after,
.hwcCustomization.hwcCalculators .form-group .input-group-datetime:after {
    font-weight: 500;
    height: 33px;
}

.hwcCustomization.hwcCalculators .form-group.focus .input-group {
    border-bottom: 1px solid #F1C800;
}

    .hwcCustomization.hwcCalculators .form-group.focus .input-group .form-control {
        font-weight: bold;
        font-family: 'Thongterm-Bold';
    }

        .hwcCustomization.hwcCalculators .form-group.focus .input-group .form-control::-ms-input-placeholder {
            opacity: 0;
            font-family: 'Thongterm';
        }

        .hwcCustomization.hwcCalculators .form-group.focus .input-group .form-control::placeholder {
            opacity: 0;
            font-family: 'Thongterm';
        }

.hwcCustomization.hwcCalculators .form-group.visited .input-group {
    border-bottom: 1px solid #222222;
}

    .hwcCustomization.hwcCalculators .form-group.visited .input-group .form-control {
        font-weight: bold;
        font-family: 'Thongterm-Bold';
        /*color: @color-border-input-visited;*/
    }

        .hwcCustomization.hwcCalculators .form-group.visited .input-group .form-control::-ms-input-placeholder {
            font-weight: 500;
        }

        .hwcCustomization.hwcCalculators .form-group.visited .input-group .form-control::placeholder {
            font-weight: 500;
        }

.hwcCustomization.hwcCalculators .form-group.danger .input-group {
    border-bottom: 1px solid #D00000;
}

.hwcCustomization.hwcCalculators .form-group.actions {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

    .hwcCustomization.hwcCalculators .form-group.actions input,
    .hwcCustomization.hwcCalculators .form-group.actions button {
        margin-right: 1rem;
        margin-top: 1rem;
        font-size: 16px;
        font-weight: bold;
        max-width: 100%;
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

.hwcCustomization.hwcCalculators .form-group .form-control-feedback {
    font-size: 14px;
    margin-top: 0rem;
    line-height: 30px;
}

.hwcCustomization.hwcCalculators .ui.ks.dropdown .menu .item.active {
    background-color: #ffd400;
    color: #5a5a5a;
}

.hwcCustomization.hwcCalculators .hwc-pages {
    display: flex;
    position: relative;
}

    .hwcCustomization.hwcCalculators .hwc-pages .page {
        width: 50%;
        padding: 1rem 1.5rem;
        flex: 0 0 auto;
        transition: 0.75s transform ease, 1.5s opacity ease;
        z-index: 3;
        position: relative;
        background: #fcfcfc;
        font-size: 16px;
    }

        .hwcCustomization.hwcCalculators .hwc-pages .page:after {
            content: ' ';
            width: 16px;
            height: 16px;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            border-left: 16px solid #fcfcfc;
            position: absolute;
            right: -1rem;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .hwcCustomization.hwcCalculators .hwc-pages .page:nth-child(2) {
            z-index: 0;
            transform: translateX(-100%);
            opacity: 0;
            background: #FFD400;
        }

    .hwcCustomization.hwcCalculators .hwc-pages[data-state="2"] .page:nth-child(2) {
        transform: translateX(0);
        opacity: 1;
    }

        .hwcCustomization.hwcCalculators .hwc-pages[data-state="2"] .page:nth-child(2):after {
            border-left: 16px solid #fcfcfc;
            display: none;
        }

    .hwcCustomization.hwcCalculators .hwc-pages .loading {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        /*background: #FFD400;*/
        top: 0;
        left: 0;
        background: rgba(255, 212, 0, 0.9);
    }

    .hwcCustomization.hwcCalculators .hwc-pages .result {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 1.5rem;
    }

        .hwcCustomization.hwcCalculators .hwc-pages .result .result__title {
            flex: 0 0 50%;
        }

        .hwcCustomization.hwcCalculators .hwc-pages .result .result__val {
            flex: 1 1 auto;
            color: #222222;
            font-family: "Krungsri Condensed";
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 36px;
            text-align: right;
        }

        .hwcCustomization.hwcCalculators .hwc-pages .result .result__unit {
            /*padding-left: 3rem;*/
            padding: 0;
            margin: 0;
            flex: 0 0 auto;
            text-align: right;
            width: 16.77777%;
            max-width: 16.77777%;
        }

        .hwcCustomization.hwcCalculators .hwc-pages .result.big {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 3px solid #5A5A5A;
        }

            .hwcCustomization.hwcCalculators .hwc-pages .result.big .result__val {
                text-align: left;
            }

            .hwcCustomization.hwcCalculators .hwc-pages .result.big .result__val,
            .hwcCustomization.hwcCalculators .hwc-pages .result.big .result__unit {
                color: #222222;
                font-family: "Krungsri Condensed";
                font-size: 40px;
                font-weight: bold;
                letter-spacing: 0;
                line-height: 64px;
                text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            }

            .hwcCustomization.hwcCalculators .hwc-pages .result.big .result__unit {
                width: auto;
                max-width: none;
            }

    .hwcCustomization.hwcCalculators .hwc-pages .remark {
        font-size: 14px;
    }

.spinner {
    /*margin: 100px auto 0;*/
    width: 70px;
    text-align: center;
    margin: auto;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #fff;
        border-radius: 100%;
        display: inline-block;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        animation-delay: -0.16s;
    }

@keyframes sk-bouncedelay {

    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media screen and (max-width: 767px) {

    .hwcCustomization.hwcCalculators .form-group.actions input,
    .hwcCustomization.hwcCalculators .form-group.actions button {
        min-width: unset;
    }

    .hwcCustomization.hwcCalculators .hwc-pages {
        flex-wrap: wrap;
    }

        .hwcCustomization.hwcCalculators .hwc-pages .page {
            width: 100%;
            /*padding-left: 0;
                padding-right: 0;*/
        }

            .hwcCustomization.hwcCalculators .hwc-pages .page:nth-child(2) {
                transform: translateX(0%) translateY(-100%);
                opacity: 0;
                position: absolute;
            }

            .hwcCustomization.hwcCalculators .hwc-pages .page:after {
                content: ' ';
                width: 16px;
                height: 16px;
                border-top: 16px solid transparent;
                border-bottom: 16px solid transparent;
                border-left: 16px solid #fcfcfc;
                position: absolute;
                right: 0;
                left: 0;
                bottom: -1.5rem;
                top: unset;
                margin: auto;
                transform: rotateZ(90deg);
            }

        .hwcCustomization.hwcCalculators .hwc-pages[data-state="2"] .page:nth-child(2) {
            padding-top: 1.5rem;
            position: relative;
            transform: translateY(0);
            opacity: 1;
        }

            .hwcCustomization.hwcCalculators .hwc-pages[data-state="2"] .page:nth-child(2):after {
                border-left: 16px solid #fcfcfc;
                display: none;
            }
}

-->

/* #Thongterm-Bold# */
/*@font-face {
  font-family: 'Thongterm-Bold';
  src: url('../fonts/thongterm_bold-webfont.eot');
  src: url('../fonts/thongterm_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/thongterm_bold-webfont.woff2') format('woff2'), url('../fonts/thongterm_bold-webfont.woff') format('woff'), url('../fonts/thongterm_bold-webfont.ttf') format('truetype'), url('../fonts/thongterm_bold-webfont.svg#thongtermroman') format('svg');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}*/
/* #Thongterm-Roman# */
/*@font-face {
    font-family: 'Thongterm-Roman';
    src: url('../fonts/thongterm_roman-webfont.eot');
    src: url('../fonts/thongterm_roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/thongterm_roman-webfont.woff2') format('woff2'), url('../fonts/thongterm_roman-webfont.woff') format('woff'), url('../fonts/thongterm_roman-webfont.ttf') format('truetype'), url('../fonts/thongterm_roman-webfont.svg#thongtermroman') format('svg');
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
}*/
/* #Thongterm# */
/*@font-face {
  font-family: 'Thongterm';
  src: url('../fonts/thongterm_light-webfont.eot');
  src: url('../fonts/thongterm_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/thongterm_light-webfont.woff2') format('woff2'), url('../fonts/thongterm_light-webfont.woff') format('woff'), url('../fonts/thongterm_light-webfont.ttf') format('truetype'), url('../fonts/thongterm_light-webfont.svg#thongtermlight') format('svg');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}*/
/* #Krungsri Condensed# */
/*@font-face {
  font-family: 'Krungsri-Condensed';
  src: url('../fonts/Krungsri Con.eot');
  src: url('../fonts/Krungsri Con.eot?#iefix') format('embedded-opentype'), url('../fonts/Krungsri Con.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}*/
/* #Krungsri Condensed Medium# */
/*@font-face {
  font-family: 'Krungsri-Condensed-Medium';
  src: url('../fonts/Krungsri Con Med.ttf');
  src: url('../fonts/Krungsri Con Med.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}*/
/* #Krungsri Condensed Bold# */
/*@font-face {
  font-family: 'Krungsri-Condensed-Bold';
  src: url('../fonts/Krungsri Con Bol.ttf');
  src: url('../fonts/Krungsri Con Bol.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-display: swap;
}*/
body {
    padding-top: 0;
    color: #aaa;
}

a.btn.btn-primary.btn-kspvb {
    border-radius: 3px;
    background-color: #D0A160 !important;
    color: #ffffff !important;
    min-width: 170px;
}

a.btn.btn-primary.btn-kspvb-white {
    border-radius: 3px;
    background-color: #fff !important;
    color: #343741 !important;
    min-width: 170px;
}

.hvr-float {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .hvr-float:hover,
    .hvr-float:focus,
    .hvr-float:active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

.kspvb-color-1 {
    color: #D6A360 !important;
}

.kspvb-color-2 {
    color: #fff !important;
}

.kspvb-color-3 {
    color: #aaa !important;
}

.kspvb-color-4 {
    color: #222 !important;
}

.kspvb-color-5 {
    color: #d6d6d6 !important;
}

.bg-kspvb-1 {
    background-color: #343741;
}

.bg-kspvb-2 {
    background-color: #272931;
}

.kspvb__header-title {
    position: relative;
    z-index: 1;
}

    .kspvb__header-title .Text-link:hover,
    .kspvb__header-title .Text-link a:hover {
        color: #aaa;
    }

.kspvb__box-line {
    position: absolute;
    height: 100%;
    width: 100%;
}

    .kspvb__box-line.kspvb__line-home {
        right: 0;
    }

    .kspvb__box-line.kspvb__line-investment {
        right: 0;
    }

    .kspvb__box-line.kspvb__line-page-detail {
        left: 0;
    }

    .kspvb__box-line.kspvb__line-page-detail-sp .kspvb__vertical-line.p-top {
        height: calc(50% - 72px);
        top: 0;
    }

    .kspvb__box-line.kspvb__line-page-detail-sp .kspvb__vertical-line.p-bottom {
        height: calc(50% - 72px);
        bottom: 0;
        top: auto;
    }

    .kspvb__box-line.kspvb__line-page-contact {
        right: 0;
    }

    .kspvb__box-line.kspvb__line-page-contact-sp .kspvb__vertical-line.p-top {
        height: calc(50% - 72px);
        top: 0;
    }

    .kspvb__box-line.kspvb__line-page-contact-sp .kspvb__vertical-line.p-bottom {
        height: calc(50% - 72px);
        bottom: 0;
        top: auto;
    }

    .kspvb__box-line.kspvb__line-home .kspvb__vertical-line {
        height: 95%;
    }

    .kspvb__box-line.kspvb__line-about {
        position: relative;
    }

    .kspvb__box-line.kspvb__line-services {
        right: 0;
    }

    .kspvb__box-line.kspvb__line-about .kspvb-logo {
        padding: 32px 0;
        text-align: center;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

.kspvb__vertical-line {
    position: absolute;
    top: 0;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
    width: 3px;
    background-color: #D6A360;
    height: 100%;
}

.kspvb__box-line .kspvb-logo .logo {
    height: 80px;
    width: auto;
}

.kspvb__card-logo {
    padding: 32px 0;
    text-align: center;
}

    .kspvb__card-logo .logo {
        height: 80px;
        width: auto;
    }

    .kspvb__card-logo.kspvb__card-logo-investment {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

.kspvb__header {
    background-color: #343741;
}

    .kspvb__header .top-logo {
        height: 100px;
        width: auto;
    }

    .kspvb__header .topnav-graphic {
        background-image: url('../content/images/krungsri-private-banking-topnav-super-graphic.svg');
        background-repeat: repeat-x;
        background-size: auto 100px;
        -webkit-background-size: auto 100px;
        background-position: top center;
        width: 45%;
        height: 100px;
        margin-left: 1rem;
    }

    .kspvb__header .backks {
        font-family: 'Krungsri-Condensed-medium';
        font-weight: 500;
        font-size: 14px;
        color: #fff;
    }

    .kspvb__header .tr-tools {
        padding-top: 10px;
    }

        .kspvb__header .tr-tools .nav-item.dropdown {
            cursor: pointer;
            color: #fff;
            position: relative;
        }

        .kspvb__header .tr-tools .nav-item.dropdown {
            font-family: 'Krungsri-Condensed-Medium';
            font-size: 14px;
        }

            .kspvb__header .tr-tools .nav-item.dropdown .flag {
                width: 22px;
                height: 22px;
                border-radius: 50px;
                margin-top: -5px;
            }

            .kspvb__header .tr-tools .nav-item.dropdown span {
                margin: 0px 5px;
                color: #fff;
            }

            .kspvb__header .tr-tools .nav-item.dropdown .dropdown-menu.show {
                background-color: #514744;
                min-width: inherit;
                width: calc(100% + 16px);
                left: -8px !important;
            }

        .kspvb__header .tr-tools .dropdown-menu.show .dropdown-item {
            padding: 4px 0 4px 8px;
            min-height: auto;
        }

        .kspvb__header .tr-tools .dropdown-toggle::after {
            display: none;
        }

        .kspvb__header .tr-tools .css-icon {
            width: 16px;
            height: auto;
            color: #FFF;
        }

        .kspvb__header .tr-tools .dropdown-menu.show .dropdown-item:hover {
            background-color: #fff !important;
        }

            .kspvb__header .tr-tools .dropdown-menu.show .dropdown-item:hover span {
                color: #5a5a5a !important;
            }

    .kspvb__header .kspvb__nav .tab-title-text {
        padding: 0 15px;
    }

        .kspvb__header .kspvb__nav .tab-title-text:last-child {
            padding-right: 0;
        }

        .kspvb__header .kspvb__nav .tab-title-text a.active {
            font-family: 'Krungsri-Condensed-Bold';
            color: #fff;
        }

        .kspvb__header .kspvb__nav .tab-title-text:hover a {
            color: #fff;
        }

        .kspvb__header .kspvb__nav .tab-title-text a {
            display: block;
            background: transparent;
            position: relative;
            overflow: hidden;
            font-family: "Krungsri-Condensed";
            line-height: 30px;
            padding: 15px 15px 18px 15px;
            font-size: 16px;
            letter-spacing: 0;
            text-align: center;
            color: #bebebe;
        }

    .kspvb__header .kspvb__nav a.active:after {
        transform: translate3d(100%, 0, 0);
    }

    .kspvb__header .kspvb__nav .tab-title-text:hover a:after {
        transform: translate3d(100%, 0, 0);
    }

    .kspvb__header .kspvb__nav a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -100%;
        width: 100%;
        height: 3px;
        background: #D0A160;
        transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

.kspvb-bottom-graphic {
    background-color: #343741;
}
 
.kspvb-bottom-graphic .kspvb-graphic {
    /*background-image: url('../content/images/krungsri-private-banking-topnav-super-graphic.svg');*/
    background-image: url('../content/images/krungsri-private-banking-footer-super-graphic.svg');
    background-repeat: repeat-x;
    background-size: auto 100px;
    -webkit-background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 128px;
}


.kspvb__footer .ks-footer-nav-1 {
    background-color: #272931;
}

    .kspvb__footer .ks-footer-nav-1 .header a {
        color: #D0A160 !important;
        border-bottom: none;
    }

    .kspvb__footer .ks-footer-nav-1 .header span {
        color: #D0A160 !important;
        border-bottom: none;
    }

    .kspvb__footer .ks-footer-nav-1 .content .item a {
        color: #aaa;
    }

    .kspvb__footer .ks-footer-nav-1 .social.desktop {
        margin-top: 8px;
    }

        .kspvb__footer .ks-footer-nav-1 .social.desktop .txt {
            color: #aaa;
        }

        .kspvb__footer .ks-footer-nav-1 .social.desktop .social-call {
            font-family: 'Krungsri-Condensed-Bold';
            font-size: 40px;
            line-height: 69px;
            color: #D0A160;
        }

        .kspvb__footer .ks-footer-nav-1 .social.mobile a {
            font-family: 'Krungsri-Condensed-Bold';
            font-size: 40px;
            line-height: 69px;
            color: #D0A160;
        }

        

.kspvb__footer .ks-footer-nav-2 {
    max-width: none;
    background-color: #272931;
}

    .kspvb__footer .ks-footer-nav-2 .site-footer .content,
    .kspvb__footer .ks-footer-nav-2 .site-footer .content a,
    .kspvb__footer .ks-footer-nav-2 .site-footer .content span {
        color: #aaa;
        padding: 0;
    }

        .kspvb__footer .ks-footer-nav-2 .site-footer .content a {
            padding: 0 16px;
            /*border-right: 1px solid #979797;*/
        }

        .kspvb__footer .ks-footer-nav-2 .site-footer .content .border-right a,
        .kspvb__footer .ks-footer-nav-2 .site-footer .content .border-right {
            border-right: 1px solid #979797 !important;
        }

    .kspvb__footer .ks-footer-nav-2 .site-footer .content a:first-child {
        padding-left: 0;
    }

            .kspvb__footer .ks-footer-nav-2 .site-footer .content a:last-child {
                padding-right: 0;
                border-right: none;
            }


        .kspvb__footer .ks-footer-nav-2 .site-footer .meta {
            position: absolute;
            right: 20%;
        }
/*.kspvb__main {
    background-color: #343741;
}*/

.kspvb__main-detail,
.kspvb__main-contact {
    position: relative;
}

    .kspvb__main-detail::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        background-image: url(../content/images/krungsri-private-banking-detail-super-graphic.svg);
        height: 520px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: 1;
    }

    .kspvb__main-contact::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%; 
        background-image: url(../content/images/krungsri-private-banking-detail-super-graphic.svg);
        height: 480px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.kspvb__carousel .container-banner {
    position: relative;
    height: 480px;
    max-height: 480px;
    width: 100%;
    overflow: hidden;
}

    .kspvb__carousel .container-banner .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.kspvb__carousel .carousel-indicators {
    margin-right: 30px;
    margin-left: 30px;
}

    .kspvb__carousel .carousel-indicators li {
        width: 24px;
        background-color: #ADA1A1;
        opacity: 1;
    }

    .kspvb__carousel .carousel-indicators .active {
        width: 48px;
        background-color: #D0A160;
    }

.kspvb__carousel .text-caption {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 1;
}

.kspvb__carousel .shadow-text {
    text-shadow: 2px 3px 4px rgb(0 0 0 / 72%);
}

.kspvb__carousel .text-caption h1 {
    font-size: 40px;
    line-height: 64px;
}

.kspvb__carousel .text-caption h3,
.kspvb__carousel .text-caption h2 {
    font-family: 'thongterm-bold';
}

.kspvb__sec-1 h1 {
    font-size: 28px;
    line-height: 40px;
}

.kspvb__sec-1 h2 {
    font-family: "Krungsri-Condensed";
}

.kspvb__sec-1 p {
    position: relative;
    margin-bottom: 0;
    padding: 0 48px;
    font-family: "Krungsri-Condensed";
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.kspvb__sec-1 .quote {
    position: absolute;
    color: #fff;
    font-size: 48px;
    font-family: "Krungsri-Condensed";
}

    .kspvb__sec-1 .quote.open-quote {
        top: -10px;
        left: 0;
    }

    .kspvb__sec-1 .quote.close-quote {
        bottom: -35px;
        right: 0;
    }

.kspvb__sec-2 .card-box {
    position: relative;
    box-shadow: 1px 2px 20px 0 rgb(35 19 18 / 5%);
}

    .kspvb__sec-2 .card-box .gradient {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 45%);
        left: 0;
        top: 0;
    }

        .kspvb__sec-2 .card-box .gradient.gradient-show {
            opacity: 1;
        }

    .kspvb__sec-2 .card-box:hover .gradient {
        opacity: 1;
        -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
        -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
        -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
        -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
        transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    }

.kspvb__sec-2 .container-banner {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 64.86486486486487%;
    overflow: hidden;
}

    .kspvb__sec-2 .container-banner.wider {
        padding-bottom: 46.75324675324675%;
    }

    .kspvb__sec-2 .container-banner.square-of-wider {
        padding-bottom: 0;
        height: 360px;
        max-height: 360px;
    }

    .kspvb__sec-2 .container-banner .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.kspvb__sec-2 .txt {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transform: translateY(100%);
    z-index: 2;
}

.kspvb__sec-2 .card-box:hover .txt {
    transform: translateY(0);
}

.kspvb__sec-2 p {
    position: relative;
    margin-bottom: 0;
    padding: 0 48px;
    font-family: "Krungsri-Condensed";
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.kspvb__sec-2 .quote {
    position: absolute;
    color: #fff;
    font-size: 48px;
    font-family: "Krungsri-Condensed";
}

    .kspvb__sec-2 .quote.open-quote {
        top: -10px;
        left: 0;
    }

    .kspvb__sec-2 .quote.close-quote {
        bottom: -35px;
        right: 0;
    }

.kspvb__sec-2 .css-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 64px;
    width: auto;
}

.kspvb__sec-3 .card-box {
    position: relative;
    box-shadow: 1px 2px 20px 0 rgb(35 19 18 / 5%);
    height: 100%;
    background-color: #272931;
}

    .kspvb__sec-3 .card-box.type-btn {
        padding-bottom: 64px;
    }

    .kspvb__sec-3 .card-box.type-detail {
        padding-bottom: 50px;
    }

.kspvb__sec-3 .container-banner {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 70.12987012987013%;
    overflow: hidden;
}

    .kspvb__sec-3 .container-banner.l-banner {
        padding-bottom: 50%;
    }

    .kspvb__sec-3 .container-banner .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.kspvb__sec-3 .txt {
    padding: 20px;
    position: relative;
}

    .kspvb__sec-3 .txt h3 a {
        color: #fff;
    }

    .kspvb__sec-3 .txt h3 {
        color: #fff;
        line-height: 34px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }

    .kspvb__sec-3 .txt p {
        color: #aaa;
    }

.kspvb__sec-3 .card-box.card-box-d-mobile .display .txt h3 {
    min-height: 60px;
}

.kspvb__sec-3 .card-box.card-box-d-mobile .display .txt p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

.kspvb__sec-3 .card-box.card-box-kma .txt h3 {
    min-height: 60px;
    margin-top: 30px;
}

.kspvb__sec-3 .card-box.card-box-kma .txt p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    min-height: 60px;
}

.kspvb__sec-3 .card-box.card-box-kma button.btn.btn-primary.btn-kspvb,
.kspvb__sec-3 .card-box.card-box-kma button.btn.btn-primary.btn-kspvb a {
    border-radius: 3px;
    background-color: #D0A160 !important;
    color: #ffffff !important;
    min-width: 170px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-right: 0;
    transform: none;
}

.kspvb__sec-3.rw-monthly-on-kma [class*=col-] {
    padding-bottom: 30px;
}

.kspvb__sec-3 .btn-kspvb {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
}

.kspvb__sec-3 .detail {
    position: absolute;
    bottom: 20px;
    left: 0;
    display: block;
    padding: 0 20px;
    color: #fff;
}

.kspvb__sec-3 .css-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 64px;
    width: auto;
}

/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding:0;
}*/
 
    .kspvb__sec-4 .container-banner {
        position: relative;
        height: 360px;
        max-height: 360px;
        width: 100%;
        padding-bottom: 0;
        overflow: hidden;
    }

        .kspvb__sec-4 .container-banner .banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .kspvb__sec-4 h2 {
        font-family: "Krungsri-Condensed";
    }

    .kspvb__sec-4 p {
        color: #aaa;
    }

.kspvb__sec-6 {
    background-color: #343741;
}

    .kspvb__sec-6 .rw-line [class*=col-] .hr {
        border-bottom: 1px solid #595E6F;
    }

    .kspvb__sec-6 h3 {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 44px;
    }

    .kspvb__sec-6 h4 {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        font-family: "Krungsri-Condensed";
    }

    .kspvb__sec-6 .logo {
        height: 24px;
        width: auto;
    }

.kspvb__sec-7 {
    position: relative;
    height: 480px;
    max-height: 480px;
    width: 100%;
    overflow: hidden;
}

    .kspvb__sec-7 .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.kspvb__sec-8 h3 {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 44px;
    color: #000;
}

.kspvb__sec-8 h4 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
    font-family: "Krungsri-Condensed";
}

.kspvb__sec-8 p,
.kspvb__sec-8 ul,
.kspvb__sec-8 ol {
    color: #000;
}

.kspvb__sec-8 ul {
    padding-inline-start: 17px;
}

.kspvb__sec-8 .graphic {
    width: 50%;
    height: auto;
}

.kspvb__sec-8 .member-card {
    width: auto;
    height: 256px;
}

.kspvb__sec-9 {
    position: relative;
    box-shadow: 1px 2px 20px 0 rgb(35 19 18 / 5%);
}

    .kspvb__sec-9 .container-banner {
        position: relative;
        height: 320px;
        max-height: 320px;
        width: 100%;
        overflow: hidden;
    }

    .kspvb__sec-9 .banner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .kspvb__sec-9 .caption {
        position: absolute;
        z-index: 1;
    }

        .kspvb__sec-9 .caption.left-center {
            top: 50%;
            transform: translate(0, -50%);
            left: 15%;
        }

        .kspvb__sec-9 .caption.right-center {
            top: 50%;
            transform: translate(0, -50%);
            right: 15%;
        }

    .kspvb__sec-9 p {
        position: relative;
        margin-bottom: 0;
        padding: 0 48px;
        width: 340px;
        font-family: "Krungsri-Condensed";
        color: #fff;
        font-size: 16px;
        line-height: 26px;
    }

    .kspvb__sec-9 .quote {
        position: absolute;
        color: #fff;
        font-size: 48px;
        font-family: "Krungsri-Condensed";
    }

        .kspvb__sec-9 .quote.open-quote {
            top: -10px;
            left: 0;
        }

        .kspvb__sec-9 .quote.close-quote {
            bottom: -35px;
            right: 0;
        }

.kspvb__sec-10 .banner-box {
    position: relative;
}

    .kspvb__sec-10 .banner-box .container-banner {
        position: relative;
        height: 0;
        width: 100%;
        padding-bottom: 66.66666666666667%;
        overflow: hidden;
    }

        .kspvb__sec-10 .banner-box .container-banner .banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .kspvb__sec-10 .banner-box .txt {
        position: absolute;
        padding: 30px;
        bottom: 0;
        left: 0;
        width: 100%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    }

.kspvb__sec-10 .list ul {
    padding: 0;
    margin: 0 0 3rem;
}

    .kspvb__sec-10 .list ul li {
        padding: 0;
        list-style: none;
    }

        .kspvb__sec-10 .list ul li a {
            display: block;
            position: relative;
            font-family: "Krungsri-Condensed-Bold";
            font-size: 18px;
            letter-spacing: 0;
            line-height: 30px;
            color: #fff;
            border-bottom: 1px solid rgb(170 170 170 / 25%);
            padding: 12px 30px 12px 0;
        }

            .kspvb__sec-10 .list ul li a span .icon-sm {
                display: block;
                height: 10px;
                width: auto;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
                right: 0;
            }

.kspvb__sec-11 {
    background-image: url(../content/images/krungsri-private-banking-detail-super-graphic.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .kspvb__sec-11 .text {
        padding-left: 30px;
        border-left: 1px solid #595E6F;
    }

    .kspvb__sec-11 p {
        font-family: "Krungsri-Condensed";
        color: #aaa;
    }

.kspvb__banner .container-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.kspvb__banner.type-1 .container-banner {
    height: 360px;
    max-height: 360px;
}

.kspvb__banner.type-2 .container-banner {
    height: 360px;
    max-height: 360px;
}

.kspvb__banner.type-3 .container-banner {
    height: 360px;
    max-height: 360px;
}

.kspvb__banner .container-banner .banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.kspvb__banner.type-1 .text-caption,
.kspvb__banner.type-2 .text-caption,
.kspvb__banner.type-3 .text-caption {
    max-width: 1140px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 1;
    position: relative;
}

    .kspvb__banner.type-1 .text-caption .caption {
        position: absolute;
        max-width: 470px;
        padding: 0 15px;
    }

        .kspvb__banner.type-1 .text-caption .caption.right-center {
            top: 50%;
            transform: translate(0, -50%);
            right: 0;
        }

    .kspvb__banner.type-1 .text-caption h2 {
        font-family: "Krungsri-Condensed";
    }

    .kspvb__banner.type-2 .text-caption .caption {
        position: absolute;
        max-width: 470px;
        padding: 0 15px;
    }

        .kspvb__banner.type-2 .text-caption .caption.right-center {
            top: 50%;
            transform: translate(0, -50%);
            right: 0;
        }

        .kspvb__banner.type-2 .text-caption .caption.left-center {
            top: 50%;
            transform: translate(0, -50%);
            left: 0;
        }

    .kspvb__banner.type-2 .text-caption h2,
    .kspvb__banner.type-3 .text-caption h2 {
        font-family: "Krungsri-Condensed-Bold";
    }

    .kspvb__banner.type-3 .text-caption h1.text-contact-h1 {
        text-shadow: 2px 0px 1px rgb(0 0 0 / 20%);
    }

    .kspvb__banner.type-3 .text-caption h2.text-contact-h2 {
        text-shadow: 2px 0px 1px rgb(0 0 0 / 20%);
        font-family: "Krungsri-Condensed";
        color: #D0A160;
    }

    .kspvb__banner.type-2 .text-caption p {
        font-family: "Krungsri-Condensed";
    }

    .kspvb__banner.type-3 .text-caption .caption {
        position: absolute;
        top: 50px;
    }

        .kspvb__banner.type-3 .text-caption .caption.center {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            left: 15px;
        }

.kspvb__header-title-type-2 {
    position: relative;
    z-index: 2;
}

    .kspvb__header-title-type-2 h2,
    .kspvb__header-title-type-3 h2 {
        font-family: "Krungsri-Condensed";
    }

    .kspvb__header-title-type-2 span {
        color: #D6A360;
        font-family: Thongterm;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }

    .kspvb__header-title-type-2 .icon img {
        height: 18px;
        width: auto;
    }

    .kspvb__header-title-type-2 .icon {
        margin-left: 24px;
        line-height: 0;
    }

        .kspvb__header-title-type-2 .icon:first-child {
            margin-left: 24px;
        }

.kspvb__header-title-type-3 .line {
    height: 100%;
    width: 1px;
    background-color: #595E6F;
    margin: 0 auto;
}

.kspvb__header-title-type-3 {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 1%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 1%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 1%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29000000', endColorstr='#00000000', GradientType=0);
}

.kspvb__content-detail {
    position: relative;
}

    .kspvb__content-detail.py-5 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .kspvb__content-detail .box-content-wyswyg h6 {
        font-family: "Krungsri-Condensed-Bold";
        margin-bottom: 0;
    }

    .kspvb__content-detail [class*=col-] {
        z-index: 2;
    }

    .kspvb__content-detail .table thead ~ tbody tr:nth-of-type(odd) {
        background: #e1e1e1;
    }

    .kspvb__content-detail .table thead ~ tbody tr:nth-of-type(even) {
        background: #f3f3f3;
    }

    .kspvb__content-detail .table tr th {
        background-color: #D0A160;
        color: #fff;
    }

    .kspvb__content-detail .table tr td {
        color: #272931;
        border: none;
    }

        .kspvb__content-detail .table tr td:first-child,
        .kspvb__content-detail .table tr th:first-child {
            border-left: none;
            border-right: 1px solid #e8e8e8;
        }

        .kspvb__content-detail .table tr td:last-child,
        .kspvb__content-detail .table tr th:last-child {
            border-right: none;
        }

    .kspvb__content-detail .table.table-safe tr td:last-child,
    .kspvb__content-detail .table.table-safe tr th:last-child {
        width: 300px;
    }

    .kspvb__content-detail .table.table-2 tr td,
    .kspvb__content-detail .table tr th {
        border: 1px solid #e8e8e8;
    }

    .kspvb__content-detail ol {
        padding-inline-start: 20px;
        margin-bottom: 0;
    }

        .kspvb__content-detail ol.hl li::marker {
            font-weight: bold;
        }

    .kspvb__content-detail ul.list-style-disc {
        list-style-type: disc;
    }

    .kspvb__content-detail ul.list-style-dash {
        list-style-type: none;
        padding: 0;
    }

        .kspvb__content-detail ul.list-style-dash > li {
            padding-left: 20px;
            position: relative;
        }

            .kspvb__content-detail ul.list-style-dash > li:before {
                content: "-";
                position: absolute;
                left: 0;
            }

    .kspvb__content-detail .nav.nav-ks .nav-item .nav-link.active {
        color: #000 !important;
    }

    .kspvb__content-detail .nav.nav-ks .nav-item .nav-link {
        border-radius: 0;
        font-family: "Krungsri-Condensed-Bold";
        font-size: 16px;
        line-height: 30px;
        color: #D8D8D8;
        position: relative;
    }

        .kspvb__content-detail .nav.nav-ks .nav-item .nav-link:hover:after,
        .kspvb__content-detail .nav.nav-ks .nav-item .nav-link.active:after {
            width: 100%;
        }

        .kspvb__content-detail .nav.nav-ks .nav-item .nav-link:after {
            width: 0px;
            content: "";
            position: absolute;
            bottom: -3px;
            left: 0;
            height: 3px;
            background: #D6A360;
            transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
        }

    .kspvb__content-detail .nav.nav-ks .nav-item {
        text-align: center;
        border-bottom: 3px solid #D8D8D8;
        flex: 1 1 50% !important;
    }

    .kspvb__content-detail .btn-rw-nav {
        margin: 0 -3px;
    }

        .kspvb__content-detail .btn-rw-nav [class*=col-] {
            padding: 0 3px 6px;
        }

            .kspvb__content-detail .btn-rw-nav [class*=col-] .btn-item {
                border-radius: 3px;
                background-color: #fff !important;
                color: #000 !important;
                border: 1px solid #d8d8d8 !important;
            }

                .kspvb__content-detail .btn-rw-nav [class*=col-] .btn-item.active,
                .kspvb__content-detail .btn-rw-nav [class*=col-] .btn-item:hover {
                    background-color: #D0A160 !important;
                    color: #fff !important;
                    border: 1px solid #D0A160 !important;
                }

    .kspvb__content-detail .kspvb__sec-3 .card-box.card-box-d-mobile .display .txt h3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
    }

    .kspvb__content-detail .kspvb__sec-3 .card-box.card-box-d-mobile .display .txt p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
        color: #fff;
    }

    .kspvb__content-detail .kspvb__sec-3 .card-box.type-detail {
        padding-bottom: 0;
    }

    .kspvb__content-detail .kspvb__sec-3 .card-box.card-box-d-mobile .display .gra-item-bot {
        background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, rgba(34, 34, 34, 0) 100%);
        position: absolute;
        bottom: -40px;
        height: 40px;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
    }

.kspvb__pagination .pagination .page-item .page-link {
    color: #fff;
}

.kspvb__pagination .pagination .page-item.active .page-link {
    background-color: #D0A160;
}

.kspvb__main-article .kspvb__sec-3 {
    padding-bottom: 30px;
}

    .kspvb__main-article .kspvb__sec-3:last-child {
        padding-bottom: 0;
    }

.kspvb__submain-article .kspvb__sec-3 {
    padding-top: 30px;
}

.kspvb__main-services .kspvb__sec-3 [class*=col-] {
    padding-bottom: 30px;
}

.kspvb__relate-services .kspvb__sec-3 [class*=col-] {
    padding-bottom: 30px;
}

.kspvb__cantact-detail {
    position: relative;
    z-index: 2;
}

.text-contact-us .table tbody tr:nth-of-type(odd),
.text-contact-us .table tbody tr:nth-of-type(even) {
    background: transparent;
}

.text-contact-us .table tr td {
    color: #d6d6d6;
    vertical-align: top;
    padding: 5px;
}

    .text-contact-us .table tr td:first-child {
        padding-left: 0;
        width: 92px;
    }

.container--contact-us {
    position: relative;
}

    .container--contact-us .box {
        box-shadow: 1px 2px 20px 0 rgb(35 19 18 / 5%);
        background-color: #272931;
        padding: 40px;
        color: #d6d6d6;
        position: relative;
        z-index: 2;
    }

        .container--contact-us .box .icon {
            height: 72px;
            width: auto;
        }

        .container--contact-us .box h2 {
            color: #fff;
        }

        .container--contact-us .box h3 {
            color: #d6d6d6;
        }

            .container--contact-us .box h3 a {
                color: #d6d6d6;
            }

        .container--contact-us .box .form-group span {
            display: block;
        }

        .container--contact-us .box .form-group .radio-inline {
            display: inline-block;
            color: #d6d6d6;
        }

        .container--contact-us .box .form-group .error {
            color: #d6d6d6;
            height: 29px;
            font-family: 'Thongterm';
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.57;
            letter-spacing: normal;
            margin-top: 8px;
            display: none;
        }

        .container--contact-us .box .radio-inline input[type="radio"]:checked + label:before,
        .container--contact-us .box .radio-inline input[type="radio"]:checked + span:before {
            color: #D0A160;
        }

        .container--contact-us .box .radio-inline input[type="radio"] + label,
        .container--contact-us .box .radio-inline input[type="radio"] + span {
            color: #d6d6d6;
        }

            .container--contact-us .box .radio-inline input[type="radio"] + label:before,
            .container--contact-us .box .radio-inline input[type="radio"] + span:before {
                color: #d6d6d6;
            }

.modal-play-video .modal-content {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.modal-play-video .modal-body {
    padding: 0;
}

.modal-play-video .css-x {
    color: #fff;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: -35px;
    width: 32px;
    height: auto;
}

@media (max-width: 1399.98px) {
    .kspvb__sec-2 .card-box .txt {
        transform: translateY(0);
    }

    .kspvb__sec-2 .card-box .gradient {
        opacity: 1;
    }
}

@media (max-width: 1199.98px) {
    body {
        padding-top: 56px;
    }

    .kspvb__header {
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

        .kspvb__header .container {
            max-width: 100%;
            margin: 0 auto;
        }

        .kspvb__header .topnav-graphic {
            margin-left: auto;
            margin-right: auto;
            background-size: auto 40px;
            -webkit-background-size: auto 40px;
            height: 48px;
        }

        .kspvb__header .top-logo {
            height: 56px;
        }

        .kspvb__header .navbar-toggler {
            padding: 0;
            border: 0;
            border-radius: 0;
            color: #D6A360;
            width: 14px;
            font-size: 24px;
        }

            .kspvb__header .navbar-toggler:focus {
                outline: none;
            }

        .kspvb__header .css-menu {
            color: #D6A360;
            width: 19px;
            height: auto;
        }

        .kspvb__header .menu--content-mobile {
            left: 0;
            margin-right: 0;
            position: fixed;
            width: 100%;
            background-color: #343741;
            height: 100%;
            overflow-x: hidden;
            padding-bottom: 80px;
            transition: none !important;
        }

        .kspvb__header .nav-shadow {
            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
            height: 8px;
            margin-top: -8px;
        }

        .kspvb__header .mobile-menu ul {
            padding: 24px 0 0 0;
            margin: 0;
        }

            .kspvb__header .mobile-menu ul li {
                border-bottom: 1px solid #545454;
                list-style: none;
            }

                .kspvb__header .mobile-menu ul li a {
                    display: block;
                    width: 100%;
                    height: auto;
                    color: #fff;
                    font-size: 16px;
                    font-family: 'Krungsri-Condensed-Bold';
                    font-weight: normal;
                    padding: 10px 15px;
                    text-align: left;
                    word-wrap: break-word;
                    white-space: normal;
                }

                .kspvb__header .mobile-menu ul li:hover a {
                    background-color: #D6A360;
                }

                .kspvb__header .mobile-menu ul li a.active {
                    background-color: #D6A360;
                }

        .kspvb__header .mobile-menu-extionsions {
            margin: 16px 0 0 0;
            text-align: center;
        }

        .kspvb__header .mobile-menu-languages {
            margin: 16px 32px 24px 32px;
            text-align: center;
            display: -ms-inline-flexbox;
            display: inline-flex;
        }

            .kspvb__header .mobile-menu-languages div {
                display: inline-block;
                margin-left: 12px;
                margin-right: 12px;
                color: #949494;
                font-family: Thongterm-Roman;
                font-size: 14px;
                line-height: 26px;
            }

                .kspvb__header .mobile-menu-languages div.active {
                    color: #fff;
                    background-color: #D6A360;
                    border-radius: 50px;
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    font-family: Thongterm-Bold;
                }

    .kspvb__footer {
        background-color: #272931;
    }

        .kspvb__footer .container {
            max-width: 100%;
            margin: auto;
        }

        .kspvb__footer .accordion .card .card-header .btn {
            padding-left: 0px !important;
        }

        .kspvb__footer .accordion .card .card-header .btn {
            color: #D0A160 !important;
        }

        .kspvb__footer .accordion > .card {
            border-bottom: 1px solid #343741;
            border-top: none;
            border-color: #343741;
            color: #aaaaaa;
        }

        .kspvb__footer .accordion .card .card-header.arrow.collapsed:after {
            color: #aaa !important;
        }

        .kspvb__footer .accordion .card .card-header.arrow:not(.collapsed):after {
            color: #aaa !important;
        }

        .kspvb__footer .accordion .collapse .card-body .item a {
            color: #aaaaaa;
        }

            .kspvb__footer .accordion .collapse .card-body .item a.kspvb-color-3:hover {
                color: #fff;
            }

        .kspvb__footer .ks-footer-nav-1 .social.desktop {
            margin: 0;
            padding: 24px 0;
            text-align: center;
        }

            .kspvb__footer .ks-footer-nav-1 .social.desktop .social-call span:first-child {
                font-size: 20px;
                line-height: 30px;
                font-family: 'Krungsri-Condensed-Medium';
            }

        .kspvb__footer .ks-footer-nav-2 .site-footer .footer-links {
            color: #aaa;
            width: 310px;
            margin: 5px auto;
        }

        .kspvb__footer .ks-footer-nav-2 #footer2-on-mobile .meta {
            color: #aaa;
        }

        .kspvb__footer .ks-footer-nav-2 .site-footer .footer-links a {
            color: #aaa;
        }

    .kspvb__header-title-type-3 .container {
        max-width: 100%;
        margin: 0 auto;
    }

    .kspvb__main .container {
        max-width: 100%;
        margin: 0 auto;
    }

    .kspvb__sec-4 .container,
    .kspvb__sec-6 .container,
    .kspvb__sec-8 .container {
        max-width: 100%;
        margin: 0 auto;
    }

    .kspvb__sec-4 .container {
        padding: 0;
    }

    .kspvb__sec-4 .row {
        margin: 0;
    }

        .kspvb__sec-4 .row [class*=col-] {
            padding: 0;
        }

    /*.kspvb__sec-4 {
        background-color: #272931;
        background-image: url();
    }*/

        .kspvb__sec-4 .title {
            /*background-color: #343741;*/
            padding: 30px 15px;
        }

        .kspvb__sec-4 p {
            padding: 30px 15px;
        }

    .kspvb__sec-6 .logo {
        display: block;
    }

    .kspvb__main-detail::before {
        height: 480px;
    }
}

@media (max-width: 991.98px) {
    .kspvb__main-detail::before {
        height: 360px;
    }

    .kspvb__card-logo .logo {
        height: 56px;
    }
}

@media (max-width: 767.98px) {
    .kspvb__box-line.kspvb__line-home {
        left: 0;
    }

    .kspvb__box-line.kspvb__line-type-sm-left {
        position: relative;
        height: 360px;
    }

        .kspvb__box-line.kspvb__line-type-sm-left .kspvb-logo {
            padding: 32px 0;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

    .kspvb__box-line .kspvb-logo .logo {
        height: 72px;
    }

    .kspvb__card-logo .logo {
        height: 72px;
    }

    .kspvb__card-logo.kspvb__card-logo-home {
        text-align: center;
    }

    .kspvb__carousel .container-banner {
        height: 520px;
        max-height: 520px;
    }

    .kspvb__carousel .carousel-indicators {
        position: relative;
        background-color: #343741;
        margin: 0;
        padding: 10px 0;
    }

    .kspvb__carousel .text-caption {
        padding: 0 15px 20px;
        text-align: center;
    }

        .kspvb__carousel .text-caption h1 {
            font-size: 24px;
            line-height: 42px;
        }

    .kspvb__sec-1 p {
        padding: 0;
        margin-top: 2rem;
    }

    .kspvb__sec-1 .quote {
        position: relative;
        display: block;
    }

        .kspvb__sec-1 .quote.open-quote {
            top: 0;
        }

        .kspvb__sec-1 .quote.close-quote {
            bottom: 0;
            text-align: right;
            margin-top: 1.5rem;
        }

    .kspvb__sec-2 {
        margin: 0;
    }

        .kspvb__sec-2 [class*=col-] {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 3rem;
        }

            .kspvb__sec-2 [class*=col-]:last-child {
                padding-bottom: 0;
            }

        .kspvb__sec-2 .container-banner.wider {
            padding-bottom: 64.86486486486487%;
        }

        .kspvb__sec-2 p {
            padding: 0;
            margin-top: 2rem;
        }

        .kspvb__sec-2 .quote {
            position: relative;
            display: block;
        }

            .kspvb__sec-2 .quote.open-quote {
                top: 0;
            }

            .kspvb__sec-2 .quote.close-quote {
                bottom: 0;
                text-align: right;
                margin-top: 1.5rem;
            }

    .kspvb__sec-3 [class*=col-] {
        padding-bottom: 15px;
    }

        .kspvb__sec-3 [class*=col-]:last-child {
            padding-bottom: 0;
        }

    .kspvb__sec-3 .card-box.card-box-d-mobile {
        height: auto;
        line-height: 0;
    }

        .kspvb__sec-3 .card-box.card-box-d-mobile .display {
            display: inline-block;
        }

            .kspvb__sec-3 .card-box.card-box-d-mobile .display .container-banner {
                height: 116px;
                width: 116px;
                float: left;
                padding-bottom: 0;
            }

            .kspvb__sec-3 .card-box.card-box-d-mobile .display .txt {
                padding: 10px 15px;
                float: left;
                width: calc(100% - 116px);
            }

                .kspvb__sec-3 .card-box.card-box-d-mobile .display .txt p {
                    display: none;
                }

    .kspvb__sec-3 .card-box .btn-kspvb {
        display: none;
    }

    .kspvb__sec-3 .card-box.card-box-kma button.btn.btn-primary.btn-kspvb {
        display: block;
    }

    .kspvb__sec-3 .card-box.type-btn,
    .kspvb__sec-3 .card-box.type-detail {
        padding-bottom: 0;
    }

    .kspvb__sec-3 .detail {
        position: relative;
        bottom: 0;
        padding: 0;
    }

    .kspvb__sec-3 .txt p.detail {
        color: #fff;
        font-size: 12px;
        line-height: 28px;
    }

    .kspvb__sec-3 .css-play {
        height: 48px;
    }

    .kspvb__sec-8 .member-card {
        display: block;
        margin: 0 auto;
    }

    .kspvb__sec-8-graphic {
        padding: 0 15px;
    }

        .kspvb__sec-8-graphic .graphic {
            width: auto;
            height: 50%;
        }

    .kspvb__sec-9 .caption.left-center {
        left: 15px;
    }

    .kspvb__banner.type-1 .text-caption .caption.right-center {
        top: 0;
        transform: translate(0, 0);
        right: 0;
    }

    .kspvb__banner.type-1 .text-caption .caption {
        position: relative;
        max-width: 100%;
        padding: 1.5rem 15px;
    }

    .kspvb__banner.type-1 .text-caption {
        max-width: 100%;
        padding: 0;
        background-color: #272931;
    }

    .kspvb__main-detail::before {
        display: none;
    }

    .kspvb__main-detail .container {
        padding: 0;
    }

        .kspvb__main-detail .container.kspvb__main-relate {
            padding: 0 15px;
        }

    .kspvb__content-detail,
    .kspvb__content-detail .row {
        margin: 0;
    }

        .kspvb__content-detail [class*=col-],
        .kspvb__content-detail .row [class*=col-] {
            padding: 0;
        }

        .kspvb__content-detail .content-detail-main {
            padding: 0 15px;
        }

        .kspvb__content-detail .Text-back {
            color: #D6A360;
        }

    .kspvb__main-relate {
        padding: 0 15px;
    }

    .kspvb__main-article .kspvb__sec-3 {
        padding-bottom: 15px;
    }

    .kspvb__submain-article .kspvb__sec-3 {
        padding-top: 0;
    }

        .kspvb__submain-article .kspvb__sec-3 .col-md-6.col-article {
            padding-top: 15px;
            padding-bottom: 0;
        }

        .kspvb__submain-article .kspvb__sec-3 .col-md-4.col-article:first-child {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .kspvb__submain-article .kspvb__sec-3 [class*=col-] {
            padding-bottom: 0;
        }

    .kspvb__box-line.kspvb__line-services {
        left: 0;
        right: auto
    }

    .kspvb__main-services .kspvb__sec-3:last-child [class*=col-] {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .kspvb__main-services .kspvb__sec-3 [class*=col-] {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .kspvb__main-services .kspvb__sec-3.row-grid-vi [class*=col-] {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .kspvb__banner.type-2 .text-caption .caption {
        position: relative;
        max-width: 100%;
        padding: 1.5rem 15px;
    }

    .kspvb__banner.type-2 .text-caption {
        max-width: 100%;
        padding: 0;
        background-color: #272931;
    }

        .kspvb__banner.type-2 .text-caption .caption.right-center {
            top: 0;
            transform: translate(0, 0);
        }

        .kspvb__banner.type-2 .text-caption .caption.left-center {
            top: 0;
            transform: translate(0, 0);
        }

        .kspvb__banner.type-2 .text-caption p {
            font-family: Thongterm-Roman;
            font-size: 16px;
            line-height: 30px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #aaa !important;
        }

    .kspvb__sec-10 .banner-box .txt {
        padding: 20px;
    }

        .kspvb__sec-10 .banner-box .txt h3 {
            font-size: 24px;
            letter-spacing: 0;
            line-height: 36px;
        }

    .kspvb__sec-11 {
        background-image: url();
        background-color: #272931;
    }

        .kspvb__sec-11 .row {
            margin: 0;
        }

            .kspvb__sec-11 .row [class*=col-] {
                padding: 0;
            }

        .kspvb__sec-11 .text {
            padding-left: 0;
            border-left: none;
        }

    .kspvb__content-detail-main .container {
        padding: 0;
    }

    .kspvb__relate-services .kspvb__sec-3 [class*=col-]:last-child {
        padding-bottom: 30px;
    }

    .kspvb__content-detail .table.table-safe tr td:last-child,
    .kspvb__content-detail .table.table-safe tr th:last-child {
        width: 200px;
    }

    .kspvb__banner.type-3 .text-caption {
        max-width: 100%;
        padding: 0px;
    }

        .kspvb__banner.type-3 .text-caption .caption {
            top: auto;
            bottom: 0;
            width: 100%;
            text-align: center;
            padding: 60px 0 30px;
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
        }

            .kspvb__banner.type-3 .text-caption .caption.center {
                top: auto;
                transform: translate(0, 0);
                left: 0;
            }

    .kspvb__content-detail .btn-rw-nav {
        margin: 0;
    }

        .kspvb__content-detail .btn-rw-nav [class*=col-] {
            padding: 0 0 6px;
        }

    .kspvb__content-detail .rw-spacial [class*="col-"] {
        padding-bottom: 15px;
    }

    .kspvb__content-detail .kspvb__sec-3 .card-box.card-box-d-mobile .display .gra-item-bot {
        display: none;
    }

    .container--contact-us {
        padding: 0;
    }

        .container--contact-us .box {
            padding: 30px 15px;
        }

    .kspvb__main-contact::before {
        background-color: #343741;
        background-image: url();
    }

    .text-contact-us .table tr td:first-child {
        padding-left: 0px !important;
        width: 120px;
    }

    .kspvb__banner.type-3 .text-caption h1.text-contact-h1 {
        color: #fff;
        text-shadow: none;
    }

    .kspvb__banner.type-3 .text-caption h2.text-contact-h2 {
        text-shadow: none;
    }

    .kspvb__sec-9 {
        box-shadow: rgb(0 0 0 / 20%) 0px 8px 20px 5px;
    }

        .kspvb__sec-9 .caption {
            left: 0 !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            transform: translate(0, 0) !important;
            position: relative !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

            .kspvb__sec-9 .caption.left-center {
                background-color: #343741 !important;
            }

            .kspvb__sec-9 .caption.right-center {
                background-color: #272931 !important;
            }

        .kspvb__sec-9 p {
            padding: 0;
            width: 100%;
            padding-top: 2rem;
        }

        .kspvb__sec-9 .quote {
            position: relative;
            display: block;
            color: #fff;
        }

            .kspvb__sec-9 .quote.open-quote {
                top: 0;
            }

            .kspvb__sec-9 .quote.close-quote {
                bottom: 0;
                text-align: right;
                margin-top: 1.5rem;
            }
}

@media (max-width: 575.98px) {
    .kspvb__card-logo .logo {
        height: 48px;
    }

    .kspvb__box-line .kspvb-logo .logo {
        height: 48px;
    }

    .kspvb__banner.type-2 .container-banner {
        height: 160px;
        max-height: 160px;
    }

    .text-contact-us .table,
    .text-contact-us .table tr,
    .text-contact-us .table tr td {
        display: block;
        padding: 0 0 10px !important;
    }

        .text-contact-us .table tr:last-child td:last-child {
            padding: 0 !important;
        }

    .container--contact-us a.btn.btn-primary.btn-kspvb,
    .container--contact-us a.btn.btn-primary.btn-kspvb-white {
        width: 100%;
    }

    .container--contact-us .Text-back {
        color: #D6A360;
    }
}

ul + h5,
ul + p,
h6 + p {
    margin-top: 1rem;
}

h5 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 16px;
    font-family: 'Krungsri-Condensed-bold';
    color: var(--color-black);
}

a.link-white {
    color: var(--color-white);
}

    a.link-white:hover {
        color: var(--color-white);
    }

a.link-gold {
    color: var(--color-gold);
}

    a.link-gold:hover {
        color: var(--color-gold);
    }

tr.row-bg-color-light {
    background: var(--color-light-grey) !important;
}

tr.row-bg-color-dark {
    background: var(--color-dark-grey) !important;
}

.kspvb__content-detail .table tr td,
.kspvb__content-detail .table tr th {
    border-right: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-white);
}

    .kspvb__content-detail .table tr td:first-child,
    .kspvb__content-detail .table tr th:first-child {
        border-right: 1px solid var(--color-white);
    }

/* ol.h {
  counter-reset: item;
}
li {
  display: block;
}
ol.h li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
} */
.condition.arrow {
    cursor: pointer;
}

    .condition.arrow.collapsed:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        font-size: 1.5rem;
        content: "\f107";
        float: right;
        position: absolute;
        top: -3px;
        right: 0;
        color: #5a5a5a;
        z-index: 0;
    }

    .condition.arrow:not(.collapsed):after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        font-size: 1.5rem;
        content: "\f106";
        float: right;
        position: absolute;
        top: -3px;
        right: 0;
        color: #5a5a5a;
        z-index: 0;
    }

:root {
    --color-black: #222222;
    --color-orange: #D6A360;
    --color-white: #ffffff;
    --color-gold: #D0A160;
    --color-light-grey: rgb(243, 243, 243);
    --color-dark-grey: rgb(225, 225, 225);
}


/* #Extened# */
.form-group label,
.input-group label {
    color: #D6D6D6;
}

div.btn.btn-primary.btn-kspvb,
div.btn.btn-primary.btn-kspvb input {
    border-radius: 3px;
    background-color: #D0A160 !important;
    color: #ffffff !important;
    min-width: 170px;
    padding: 0;
}

/**********/


/* #Extened Mobile# */
@media (max-width:768px) {

    div.btn.btn-primary.btn-kspvb,
    div.btn.btn-primary.btn-kspvb input {
        width: 100%;
    }
}

/**********/



[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate,
    body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate,
    body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate,
    body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate,
    body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate,
    body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate,
    body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate,
    body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate,
    body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate,
    body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate,
    body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate,
    body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate,
    body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate,
    body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate,
    body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate,
    body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate,
    body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate,
    body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate,
    body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate,
    body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
    body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
    body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
    body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
    body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
    body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
    body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
    body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
    body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
    body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
    body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
    body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
    body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
    body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
    body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
    body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
    body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
    body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
    body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
    body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
    body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
    body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
    body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
    body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
    body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
    body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
    body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
    body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
    body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
    body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
    body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
    body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
    body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
    body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
    body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
    body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
    body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
    body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
    body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
    body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
    body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
    body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos] {
    pointer-events: none
}

    [data-aos].aos-animate {
        pointer-events: auto
    }

    [data-aos][data-aos][data-aos-easing=linear],
    body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .25, .75, .75)
    }

    [data-aos][data-aos][data-aos-easing=ease],
    body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in],
    body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out],
    body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out],
    body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back],
    body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back],
    body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back],
    body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine],
    body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47, 0, .745, .715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine],
    body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39, .575, .565, 1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine],
    body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445, .05, .55, .95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad],
    body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad],
    body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad],
    body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic],
    body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic],
    body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
    body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart],
    body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart],
    body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart],
    body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
    }

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

        html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(.6);
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(.6);
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(.6);
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden
    }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
            visibility: visible;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

        html:not(.no-js) [data-aos=flip-left].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

        html:not(.no-js) [data-aos=flip-right].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

        html:not(.no-js) [data-aos=flip-up].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

        html:not(.no-js) [data-aos=flip-down].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }
}

.ckp-banner-title {
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

.ckp-banner-content {
    font-family: "Thongterm-Roman", sans-serif;
    line-height: 30px;
}

.ckp-banner-accept-button {
    font-weight: bold;
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

.ckp-banner-setting-button {
    font-weight: bold;
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

div.cmp-btn-outline.ckp-banner-setting-button.cmp-preferences-sm:hover {
    border: solid 1px #c7c7c7 !important;
}

div.ckp-banner-accept-button.cmp-btn.cmp-btn-accept-popup:hover {
    background-color: #ffc800;
}

div.ckp-preference-confirm-button.cmp-btn-md:hover {
    background-color: #ffc800;
}

div.cmp-btn-outline.ckp-banner-setting-button.cmp-preferences-sm {
    padding: 10px !important;
}

/* Cookies Preference */

.ckp-preference-header {
    font-size: 24px;
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

.ckp-preference-category-title {
    font-family: "Thongterm-Roman", sans-serif;
    font-size: 16px;
    font-weight: normal !important;
}

.ckp-preference-category-content {
    font-family: "Thongterm-Roman", sans-serif;
    font-size: 14px;
    color: #949494 !important;
    line-height: 30px;
}

.ckp_toggle:checked + .ckp_toggle_label {
    --toggle-bg-color: #4ddbb8 !important;
}

.cmp-center-footer:first-child {
    display: none;
}

.ckp-preference-confirm-button {
    font-weight: bold;
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

.cmp-head-zone {
    justify-content: center;
}

@media only screen and (min-width: 600px) {
    .cmp-center-footer {
        width: 170px !important;
    }
}

.modal-consent {
    border-radius: 3px !important;
}

#banner_consent {
    border-radius: 3px !important;
}

div#section_popup > .cmp-card-body-content[key="0"] > .cmp-head-zone > .cmp-right-header {
    display: none;
}

div#section_popup > .cmp-card-body-content[key="0"] > .cmp-head-zone > .cmp-center-header {
    padding-right: 20px;
}

div#section_popup > .cmp-card-body-content[key="0"] > .cmp-head-zone > .cmp-center-header {
    visibility: hidden;
}

    div#section_popup > .cmp-card-body-content[key="0"] > .cmp-head-zone > .cmp-center-header::after {
        visibility: visible;
        content: 'Always Active';
        font-family: "Thongterm-Roman", sans-serif;
    }

@media only screen and (max-width: 600px) {
    .cmp-right-zone {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}

.ckp-preference-category-link {
    display: none !important;
}

/* bottom */
@media only screen and (min-width: 600px) {
    .banner_consent_bottom .ckp-content-zone {
        padding-right: 40px;
    }
}

/* default style */

@media only screen and (min-width: 600px) {
    .banner_consent_default > .cmp-card-zone > .ckp-banner-content {
        padding-right: 80px !important;
    }

    .banner_consent_bottom > .cmp-card-zone > .ckp-banner-content {
        padding-right: 80px !important;
    }

    .banner_consent_default .ckp-banner-content {
        padding-right: 40px;
    }
}

.cmp-right-zone.cmp-d-flex > .ckp-banner-setting-button {
    margin-right: 16px;
}

.cmp-right-zone.cmp-d-flex {
    margin-bottom: 0;
}

/* bottomLeft Right topLeft Right*/
.banner_consent_bottomLeft > .cmp-card-zone > .ckp-banner-policy-link {
    font-family: "Thongterm-Roman", sans-serif;
}

.ckp-button-zone {
    margin-top: 40px !important;
}

.banner_consent_bottomLeft #cmp-btn-granted.ckp-banner-accept-button {
    margin: 16px 0px 16px 0px !important;
}

.banner_consent_bottomRight .ckp-banner-setting-button {
    margin: 16px 0px 16px 0px !important;
}

.banner_consent_topLeft .ckp-banner-setting-button {
    margin: 16px 0px 16px 0px !important;
}

.banner_consent_topRight .ckp-banner-setting-button {
    margin: 16px 0px 16px 0px !important;
}

@media only screen and (max-width: 600px) {
    .ckp-button-zone {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 24px !important;
    }
}

/*--- Start Delete Cookies Popup ---*/

.ckp_popup_remove_cookie_wording {
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

.ckp_popup_remove_cookie_footer {
    font-family: "Krungsri-Condensed-Bold", sans-serif;
}

#consent_records {
    display: none !important;
}

/*--- End Delete Cookies Popup ---*/

@media only screen and (max-width: 600px) {

    .ckp-banner-accept-button {
        margin-bottom: 16px !important;
    }

    .ckp-banner-title {
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .cmp-left-zone {
        font-size: 14px !important;
    }

    .banner_consent_popup > .cmp-card-zone > .cmp-right-zone {
        margin-bottom: 0;
    }

    #banner_consent {
        height: auto !important;
    }
}

.cmp-text-md {
    font-size: 14px;
    color: #5a5a5a;
}

#cmp-btn-granted {
    width: 100%;
}

.cmp-box-hide {
    display: none;
}

.cmp-box-show {
    display: block;
}

.cmp-text-body-content {
    height: auto;
    max-height: 0px;
    overflow: hidden;
    transform: translateY(20px);
    transition: all 180ms ease-in-out;
}

.show-ckp-collapse {
    max-height: 1000px !important;
    transition: all 200ms ease-in-out 0ms;
}

.icon-ckp-collapse {
    transform: rotate(180deg);
    display: inline-block;
    cursor: pointer;
}

.cmp-collapse-detail {
    cursor: pointer;
}

.ckp_flex_both {
    display: flex;
    clear: both;
}

.ckp_flex {
    display: flex;
}

#modal_consent {
    z-index: 999888 !important;
}

#banner_consent {
    z-index: 999887 !important;
}

.ckp-preference-accept-button,
.ckp-preference-confirm-button {
    font-size: 16px;
    font-weight: bold;
}

#ckp_popup_remove_cookie {
    width: 570px;
    height: auto;
    min-height: 430px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.ckp_icon_warning {
    margin-top: 60px;
    margin-bottom: 40px;
}

.ckp_popup_remove_top {
    right: 10px;
    top: 15px;
    position: absolute;
    cursor: pointer;
}

.ckp_popup_remove_cookie_wording {
    bottom: 7rem;
    position: fixed;
    display: block;
    padding: 10px 60px;
}

.ckp_btn_outline {
    width: 170px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.ckp_btn_fulfill {
    width: 170px;
    height: 44px;
    background: #FFD400;
    border-radius: 5px;
    border: 1px solid #FFD400;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

    .ckp_btn_outline > div,
    .ckp_btn_fulfill > div {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

.ckp_popup_remove_cookie_footer {
    display: flex;
    justify-content: space-between;
    border: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: -webkit-fill-available;
    padding: 30px;
    text-align: center;
}

.cmp-justify-between {
    justify-content: space-between;
}

.banner_consent_bottom {
    width: 100%;
    margin: 0;
    max-width: 100%;
    bottom: 0;
}

.banner_consent_top {
    width: 100%;
    margin: 0;
    max-width: 100%;
    top: 0;
}

.modal-consent,
.banner_consent_popup {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cmp_banner_other_position {
    margin: 0px 0px 5px 0px !important;
}

#ckp-consent-info {
    margin-top: 5px;
    background: #EFEFEF;
    border-radius: 5px;
    height: 78px;
    padding: 10px;
    font-size: 9px;
    display: none;
    line-height: 1.7;
}

.ckp_toggle {
    position: absolute;
    cursor: pointer;
    opacity: 0 !important;
    background-image: unset !important;
    width: 0px !important;
    height: 0px !important;
}

    .ckp_toggle + .ckp_toggle_label {
        --toggle-color: #FFF;
        --toggle-bg-color: #C6D0CC;
        position: relative;
        padding-left: 60px;
        display: block !important;
        line-height: unset;
        cursor: pointer;
        height: 26px;
    }

        /* The toggle container */
        .ckp_toggle + .ckp_toggle_label:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            left: 0;
            width: 41px;
            height: 21px;
            border: 1px solid var(--toggle-color);
            border-radius: 15px;
            background-color: var(--toggle-bg-color);
            transition: background-color 200ms;
        }

        /* The toggle ball */
        .ckp_toggle + .ckp_toggle_label:after {
            content: "";
            position: absolute;
            top: -5px;
            bottom: 0;
            left: 4px;
            width: 15px;
            height: 15px;
            margin: auto;
            transform: translate(0, 0);
            border-radius: 50%;
            background-color: var(--toggle-color);
            cursor: pointer;
            transition: transform 200ms;
        }

    /* The active styling */
    .ckp_toggle:checked + .ckp_toggle_label {
        --toggle-color: #FFFFFF;
        --toggle-bg-color: #ffd400;
    }

        .ckp_toggle:checked + .ckp_toggle_label:after {
            transform: translate(19px, 0);
        }

.cookieplus-preference-settings {
    text-decoration: underline !important;
}

.ckp-preference-header {
    margin: 0px 20px;
    font-size: 24px;
}

.convert-span {
    display: inline-block;
}

.hide-modal-consent {
    display: none;
}

#consent_id,
#modal_records {
    font-size: 14px;
}

#modal_records {
    color:;
    position: fixed;
    background-color: #FFFFFF;
    width: 250px;
    border-radius: 13px;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
    bottom: 68px;
    left: 0px;
    right: 67rem;
    height: auto;
    margin: 20px 30px;
    z-index: 999999;
    opacity: calc(100 / 100);
    display: none;
}

.cmp_category {
    text-align: left !important;
    color: #878a99 !important;
    margin: 16px 0px !important;
    line-height: 1.37 !important;
}

.for_icon_gray {
    width: 50px !important;
    height: 50px !important;
    padding: 0px !important;
}

#consent_records {
    position: fixed;
    background-color: #FFFFFF;
    width: 36px;
    border-radius: 50px;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
    bottom: 10px;
    left: 0px;
    right: 80rem;
    height: 36px;
    margin: 20px 30px;
    text-align: center;
    z-index: 999999;
    opacity: calc(100 / 100);
    padding: 5px;
    cursor: pointer;
    box-sizing: content-box !important;
    display: none !important;
}

    #consent_records > img {
        height: 30px !important;
        width: 30px !important;
    }

    #consent_records > svg {
        width: 36px;
    }

.cmp-btn:hover {
    background-color: #ffd400;
    color: #554242;
    cursor: pointer;
    border: #ffd400;
}

.cmp-btn:focus {
    background-color: #ffd400;
    color: #554242;
    cursor: pointer;
    border: #ffd400;
    outline: none !important;
}

.cmp-btn-md:hover {
    color: #554242;
    background-color: #ffd400;
    border-color: #ffd400;
}

.cmp-btn-md:focus {
    color: #554242;
    background-color: #ffd400;
    border-color: #ffd400;
}

.ckp-banner-policy-link :hover {
    color: unset;
    cursor: pointer;
    margin-bottom: 0;
}

.cmp-btn-outline:hover {
    color: #1298BE;
    outline: none !important;
    background-color: unset;
    border-color: #1298BE;
}



svg.cmp-svg-circle {
    vertical-align: unset !important;
}

.ckp-banner-setting-button {
    cursor: pointer;
    text-align: center;
    color: #554242 !important;
    border: 1px solid #e8e8e8 !important;
    width: 100%;
}

.cmp-btn-outline {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-width: 130px;
    height: 48px;
    outline: none !important;
    margin: 3px;
    padding: 14px 10px;
    border-radius: 5px;
    border: 1px solid #1298BE;
    background-color: unset !important;
    color: #1298BE;
    cursor: pointer;
    font-size: 14px;
}

    .cmp-btn-outline:focus {
        color: #1298BE;
    }


text {
    display: none;
}

.cmp-card-list {
    border-bottom: 1px solid #f4f4f4;
    padding: 13px 0px;
    margin: 5px 17px;
}

.cmp-content-list {
    width: 30%;
    text-align: left;
    margin-bottom: 7px;
}

.cmp-content-list-right {
    width: 65%;
    text-align: left;
}

.cmp-head-modal-list {
    width: auto;
    background: #fff;
    padding: 20px 12px 0px 30px;
    color: #000;
    border-radius: 10px;
}

.cmp-scrollbar {
    overflow-y: auto;
    min-height: 669px;
}

.cmp-text-body-content-list {
    margin-bottom: 0;
    color: #000;
}

.cmp-text-black {
    color: #000;
}

.cmp-btn-md {
    box-sizing: border-box;
    height: 48px;
    border-radius: 5px;
    background-color: #ffd400;
    color: #554242;
    cursor: pointer;
    border: 0;
    width: 100%;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cmp-toggle-btn {
    padding-right: 15px;
}

.cpm-pd-20 {
    padding: 20px;
}

.modal-consent {
    width: 40%;
    height: auto;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
    position: fixed;
    opacity: 1;
    transition: opacity 0.6s linear;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    display: block;
    border-radius: 20px;
}

.cmp-svg-circle {
    height: 18px;
    stroke: #ffffff;
    margin-top: 3px;
    fill: #ffffff;
    position: relative;
    cursor: pointer;
}

.cmp-modal-backdrop {
    top: 0%;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 1;
    z-index: 999999;
    background: rgb(0 0 0 / 24%);
    display: block;
}

.cmp-popup-backdrop {
    top: 0%;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 1;
    z-index: 999999;
    background: rgb(0 0 0 / 24%);
    display: block;
}

#section_popup_md {
    background-color: #fff !important;
    bottom: 0px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    max-height: 571px;
    min-height: 571px;
    border-radius: 10px;
    overflow: auto;
}

#section_popup {
    background-color: #fff !important;
    bottom: 0px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    max-height: 470px;
    overflow-y: auto;
}

.banner_consent_bottomLeft {
    margin: 0;
    max-width: 100%;
    bottom: 10px;
    left: 0 !important;
    width: 350px;
    text-align: left !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
}

.banner_consent_topLeft {
    margin: 0;
    max-width: 100%;
    top: 10px;
    left: 0 !important;
    width: 350px;
    text-align: left !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    height: fit-content;
}

.banner_consent_topRight {
    left: unset !important;
    right: 10px !important;
    margin: 0;
    max-width: 100%;
    top: 10px;
    width: 350px;
    text-align: left !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    height: fit-content;
}

.banner_consent_bottomRight {
    left: unset !important;
    right: 10px !important;
    margin: 0;
    max-width: 100%;
    bottom: 10px;
    width: 350px;
    text-align: left !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    height: fit-content;
}

.banner_consent_popup {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 548px;
}

    .banner_consent_popup > .cmp-card-zone > .cmp-left-zone {
        margin-top: 0% !important;
    }


.banner_consent_default {
    width: 70%;
    margin: auto;
    max-width: 100%;
    bottom: 10px;
}

#banner_consent {
    position: fixed;
    background: #FFFFFF;
    color: #1298be;
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
    z-index: 999999;
    display: none;
}

.ckp-banner-title {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    color: #222222;
    margin-bottom: 10px;
}

.cmp-center {
    text-align: center !important;
}

.cmp-footer {
    background: #8a8b8c1c;
    font-size: 11px;
    text-align: left;
    padding: 5px 10px;
    color: #aabaca;
    border-radius: 0px 0px 5px 5px;
}

    .cmp-footer > img {
        height: 15px !important;
    }

.cmp-footer-p {
    margin: 0;
}

.cmp-footer-span {
    color: #878a99;
}

.cmp-head-zone {
    display: flex;
}

.cmp-card-body-content {
    padding: 20px 0px 20px 31px;
    border-bottom: 1px solid #f4f4f4;
}

.cmp-left-header {
    text-align: left;
    width: 90%;
}

.cmp-center-header {
    text-align: right;
    width: 100%;
}

.cmp-right-header {
    text-align: right;
    width: 35%;
}

.cmp-form-check .cmp-form-check-input {
    float: right;
}

.cmp-form-check .cmp-form-check-input {
    cursor: pointer;
}

.ckp_toggle {
    position: absolute;
    cursor: pointer;
    opacity: 0 !important;
    background-image: unset !important;
    width: 0px !important;
    height: 0px !important;
}

    .ckp_toggle + .ckp_toggle_label {
        --toggle-color: #FFF;
        --toggle-bg-color: #C6D0CC;
        position: relative;
        padding-left: 60px;
        display: block !important;
        line-height: unset;
        cursor: pointer;
        height: 26px;
    }

        /* The toggle container */
        .ckp_toggle + .ckp_toggle_label:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            left: 0;
            width: 41px;
            height: 21px;
            border: 1px solid var(--toggle-color);
            border-radius: 15px;
            background-color: var(--toggle-bg-color);
            transition: background-color 200ms;
        }

        /* The toggle ball */
        .ckp_toggle + .ckp_toggle_label:after {
            content: "";
            position: absolute;
            top: -5px;
            bottom: 0;
            left: 4px;
            width: 15px;
            height: 15px;
            margin: auto;
            transform: translate(0, 0);
            border-radius: 50%;
            background-color: var(--toggle-color);
            cursor: pointer;
            transition: transform 200ms;
        }

    /* The active styling */
    .ckp_toggle:checked + .ckp_toggle_label {
        --toggle-color: #FFFFFF;
        --toggle-bg-color: #ffd400;
    }

        .ckp_toggle:checked + .ckp_toggle_label:after {
            transform: translate(19px, 0);
        }



.cmp-form-switch .cmp-form-check-input,
input[type="checkbox"].cmp-form-check-input,
[type=checkbox]:checked.cmp-form-check-input,
[type=radio]:checked.cmp-form-check-input {
    width: 34px;
    height: 19px;
    margin-left: -34px;
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
    background-image: none !important;
    background-color: #ffd400;
    border: none;
    max-width: unset !important;
    outline-offset: none !important;
}

.cmp-bg-check {
    background-color: #aabaca !important;
}

.cmp-bg-check-disable {
    opacity: 0.5 !important;
    background-color: #ffd400;
}

.cmp-form-check-input {
    width: 1.1em;
    height: 1.1em;
    margin-top: 0.2em;
    vertical-align: top;
    ackground-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.cmp-form-check {
    position: relative;
    text-align: left;
}

.cmp-form-switch {
    padding-left: 2.5em;
}

.cmp-form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.6em;
    margin-bottom: 0.125rem;
    float: right;
}

.cmp-head-modal {
    font-size: 18px;
    border-radius: 20px;
    text-align: left !important;
    background-color: #fff;
    padding: 20px 10px 0px 10px;
    color: #000 !important;
}

    .cmp-head-modal > span {
        padding-left: 12px;
    }

.cmp-card-body-content {
    padding: 20px 0px 20px 31px;
    border-bottom: 1px solid #f4f4f4
}

.cmp-text-body-content {
    color: #000;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 14px;
}

.cmp-center-footer {
    width: 100%;
    text-align: center;
    padding: 5px;
}

.cmp-btn-modal {
    height: 30px;
    margin: 0 0 0 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #fff;
    cursor: pointer;
    width: 100%;
    padding: 7px 20%;
}

#banner_consent > a:hover {
    color: #fff;
    background-color: #FFFFFF;
    opacity: 0.9;
}

.ckp_popup_remove_cookie_footer {
    /* // display: grid; */
    display: flex !important;
    flex-direction: column-reverse !important;
    padding: 25px 60px;
    width: -webkit-fill-available;
}

.cmp-card-body-content {
    padding: 20px 0px 20px 31px;
    border-bottom: 1px solid #f4f4f4;
}

#ckp_popup_remove_cookie {
    width: 100%;
    height: auto !important;
    top: 50% !important;
    transform: translateY(-50%);
    position: fixed;
}

.ckp_icon_warning {
    margin-top: 55px;
    margin-bottom: 30px;
}

.ckp_popup_remove_cookie_wording {
    padding: 0px 16px 20px;
}

.ckp_popup_remove_cookie_wording,
.ckp_popup_remove_cookie_footer {
    position: initial;
}

.ckp_btn_outline,
.ckp_btn_fulfill {
    width: 100%;
    margin: 10px 0px;
}

/* // .ckp_btn_outline{
  //   order:2;
  // } */

.cmp-footer-preferences-sm {
    margin-bottom: 50px;
}

.ckp_flex {
    display: flex;
    clear: both !important;
}

.ckp_flex_both {
    display: block !important;
}

#section_popup_md {
    background-color: #fff !important;
    bottom: 0px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    overflow-y: auto;
    min-height: 793px;
}

#section_popup {
    background-color: #fff !important;
    bottom: 0px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    max-height: unset !important;
    overflow-y: auto;
}

.cmp-popup-preferences-sm {
    top: 0% !important;
    height: 100% !important;
    overflow-y: auto !important;
}

.cmp-preferences-sm {
    float: left;
    width: 100% !important;
}

.cmp-btn-reject-popup {
    float: left;
    width: 100% !important;
}

.cmp-preferences-lg {
    float: left;
    width: 99% !important;
}

.cmp-btn-accept-popup {
    float: left;
    width: 100% !important;
}

.cmp-btn-outline {
    box-sizing: border-box;
    position: relative;
    width: 100% !important;
    min-width: 130px;
    outline: none !important;
    height: 48px;
    margin: 3px 0px;
    padding: 14px 10px;
    border-radius: 5px;
    border: 1px solid #1298BE;
    background-color: #1298BE;
    color: #1298BE;
    cursor: pointer;
    font-size: 14px;
}

.device-test {
    color: #dc00ff;
}

.cmp-right-header {
    text-align: right;
    width: 45%;
}

.cpm-pd-20 {
    padding: 20px;
    display: block;
}

.banner_consent_bottomLeft {
    margin: 0;
    max-width: 100%;
    bottom: 0px;
    left: 0 !important;
    text-align: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    border-radius: 0px !important;
    padding-bottom: 20px;
}

.banner_consent_topLeft {
    margin: 0;
    max-width: 100%;
    top: 0px;
    left: 0 !important;
    text-align: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: fit-content;
    width: 100% !important;
    border-radius: 0px !important;
}

.banner_consent_topRight {
    left: unset !important;
    right: 0px !important;
    margin: 0;
    max-width: 100%;
    top: 0px;
    text-align: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: fit-content;
    width: 100% !important;
    border-radius: 0px !important;
}

.banner_consent_bottomRight {
    left: unset !important;
    right: 0px !important;
    margin: 0;
    max-width: 100%;
    bottom: 0px;
    text-align: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: fit-content;
    width: 100% !important;
    border-radius: 0px !important;
    padding-bottom: 20px;
}

.banner_consent_default {
    width: 100%;
    margin: auto;
    max-width: 100%;
    bottom: 0;
}

.banner_consent_popup {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 548px;
    height: 100% !important;
    background: #fff;
}

    .banner_consent_popup > .cmp-card-zone {
        display: block !important;
    }

        .banner_consent_popup > .cmp-card-zone > .cmp-left-zone {
            margin-top: 15%;
        }

        .banner_consent_popup > .cmp-card-zone > .cmp-right-zone {
            width: 100% !important;
        }

            .banner_consent_popup > .cmp-card-zone > .cmp-right-zone button {
                width: 100% !important;
                margin: 2px 0px 4px 0px !important;
            }

                .banner_consent_popup > .cmp-card-zone > .cmp-right-zone button:first-child {
                    margin-left: 0px !important;
                }

            .banner_consent_popup > .cmp-card-zone > .cmp-right-zone span:nth-child(2) {
                display: block !important;
                text-align: center;
                width: 50%;
                margin-top: 40px !important;
                margin-bottom: 10px;
            }

    .banner_consent_popup > .cmp-footer {
        position: absolute;
        bottom: 0px;
        width: -webkit-fill-available;
    }

#banner_consent {
    color: #212529;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
    z-index: 999999;
    opacity: 1;
    display: none;
}

.modal-consent {
    margin: auto;
    top: unset;
    transform: unset;
    width: 100%;
    height: auto;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
    position: fixed;
    opacity: 1;
    transition: opacity 0.6s linear;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    display: block;
    border-radius: 10px;
}

.cmp-card-zone {
    display: block;
    padding: 20px;
}

.cmp-left-zone {
    word-wrap: break-word;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 14px;
    margin-bottom: 15px;
    color: #5a5a5a;
}

.cmp-right-zone {
    text-align: center;
    width: 50%;
    margin: auto;
    font-size: 14px;
    margin-bottom: 35px;
}

.ckp-banner-policy-link {
    color: #f76f00;
    cursor: pointer;
    margin-bottom: 0;
}

.cmp-link-setting {
    margin-top: 7px;
    color: #1298be;
    cursor: pointer;
    width: 100%;
    display: block;
    margin-bottom: 14px;
}

.cmp-btn {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 3px 0px;
    padding: 10px;
    position: relative;
    border-radius: 5px;
    background-color: #ffd400;
    color: #554242;
    border-color: #ffd400;
    cursor: pointer;
    border: 0;
    font-size: 14px;
}

@media only screen and (min-width: 600px) {
    .cmp-scrollbar {
        overflow-y: auto;
        min-height: 610px;
    }

    #section_popup_md {
        background-color: #fff !important;
        bottom: 0px;
        width: 100%;
        margin: 0px auto;
        text-align: center;
        border-radius: 10px;
    }

    .cmp-preferences-sm {
        float: left;
        width: 49% !important;
    }

    .cmp-btn-reject-popup {
        float: left;
        width: 50% !important;
    }

    .cmp-preferences-lg {
        float: left;
        width: 99% !important;
    }

    .cmp-btn-accept-popup {
        float: left;
        width: 50% !important;
    }

    .cmp-d-flex {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cmp-btn-outline {
        box-sizing: border-box;
        position: relative;
        min-width: 130px;
        outline: none !important;
        height: 48px;
        margin: 3px;
        padding: 14px 10px;
        border-radius: 5px;
        border: 1px solid #1298BE;
        background-color: #1298BE;
        color: #1298BE;
        cursor: pointer;
        font-size: 14px;
    }

    .device-test {
        color: #6ada7d;
    }

    .cmp-card-body-content {
        padding: 20px 0px 20px 31px;
        border-bottom: 1px solid #f4f4f4;
    }

    .cmp-right-header {
        text-align: right;
        width: 20%;
    }

    .banner_consent_bottomLeft {
        margin: 0;
        max-width: 100%;
        bottom: 10px;
        left: 0 !important;
        width: 350px;
        text-align: left !important;
        margin-left: 10px !important;
        margin-right: 0px !important;
    }

    .banner_consent_topLeft {
        margin: 0;
        max-width: 100%;
        top: 10px;
        left: 0 !important;
        width: 350px;
        text-align: left !important;
        margin-left: 10px !important;
        margin-right: 0px !important;
        height: fit-content;
    }

    .banner_consent_topRight {
        left: unset !important;
        right: 10px !important;
        margin: 0;
        max-width: 100%;
        top: 10px;
        width: 350px;
        text-align: left !important;
        margin-left: 10px !important;
        margin-right: 0px !important;
        height: fit-content;
    }

    .banner_consent_bottomRight {
        left: unset !important;
        right: 10px !important;
        margin: 0;
        max-width: 100%;
        bottom: 10px;
        width: 350px;
        text-align: left !important;
        margin-left: 10px !important;
        margin-right: 0px !important;
        height: fit-content;
    }

    .banner_consent_default {
        width: 90%;
        margin: auto;
        max-width: 100%;
        bottom: 10px;
    }

    #banner_consent {
        position: fixed;
        color: #212529;
        background: #FFFFFF;
        border-radius: 5px;
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        text-align: center;
        z-index: 999999;
        opacity: 1;
        display: none;
    }

    .modal-consent {
        width: 95%;
        height: auto;
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
        position: fixed;
        opacity: 1;
        transition: opacity 0.6s linear;
        z-index: 999999;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        display: block;
        border-radius: 10px;
    }

    .cmp-card-zone {
        display: block;
        padding: 20px;
    }

    .cmp-left-zone {
        word-wrap: break-word;
        width: 100%;
        text-align: left;
        margin: 0;
        font-size: 14px;
        margin-bottom: 15px;
        color: #5a5a5a;
    }

    .cmp-right-zone {
        width: 100%;
        text-align: center;
        margin: auto;
        font-size: 14px;
    }

    .ckp-banner-policy-link {
        color: #f76f00;
        cursor: pointer;
        margin-bottom: 0;
    }

    .cmp-link-setting {
        margin-top: 7px;
        color: #1298be;
        cursor: pointer;
        width: 100%;
        display: block;
        margin-bottom: 14px;
    }

    .cmp-btn {
        box-sizing: border-box;
        min-width: 130px;
        width: 100%;
        height: 48px;
        margin: 3px;
        padding: 10px;
        position: relative;
        border-radius: 5px;
        background-color: #ffd400;
        color: #554242;
        cursor: pointer;
        border: #ffd400;
        font-size: 14px;
    }
}

    @media only screen and (min-width: 768px) {
        .cmp-preferences-sm {
            float: left;
            width: 49% !important;
        }

        .cmp-btn-reject-popup {
            float: left;
            width: 50% !important;
        }

        .cmp-preferences-lg {
            float: left;
            width: 99% !important;
        }

        .cmp-btn-accept-popup {
            float: left;
            width: 50% !important;
        }

        .cmp-btn-outline {
            box-sizing: border-box;
            position: relative;
            height: 48px;
            outline: none !important;
            margin: 3px;
            padding: 14px 10px;
            border-radius: 5px;
            border: 1px solid #1298BE;
            background-color: #1298BE;
            color: #1298BE;
            cursor: pointer;
            font-size: 14px;
        }

        .device-test {
            color: #002aff;
        }

        .cmp-right-header {
            text-align: right;
            width: 31%;
        }

        .modal-consent {
            width: 60%;
            height: auto;
            box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
            position: fixed;
            opacity: 1;
            transition: opacity 0.6s linear;
            z-index: 999999;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            background: #fff;
            display: block;
            border-radius: 10px;
        }

        .cmp-card-zone {
            display: block;
            padding: 20px;
        }

        .cmp-left-zone {
            word-wrap: break-word;
            width: 100%;
            text-align: left;
            margin: 0;
            font-size: 14px;
            margin-bottom: 15px;
            color: #5a5a5a;
        }

        .cmp-right-zone {
            width: 100%;
            text-align: center;
            margin: auto;
            font-size: 14px;
        }

        .ckp-banner-policy-link {
            color: #f76f00;
            cursor: pointer;
            margin-bottom: 0;
        }

        .cmp-link-setting {
            margin-top: 10px;
            color: #1298be;
            cursor: pointer;
            width: 100%;
            display: unset;
        }

        .banner_consent_popup {
            display: block;
            width: 100%;
            margin: auto;
            max-width: 548px;
            max-height: 500px !important;
        }

            .banner_consent_popup > .cmp-card-zone {
                display: block !important;
            }

                .banner_consent_popup > .cmp-card-zone > .cmp-left-zone {
                    margin-top: 15%;
                }

                .banner_consent_popup > .cmp-card-zone > .cmp-right-zone {
                    width: 100% !important;
                    margin-bottom: 0px;
                }

                    .banner_consent_popup > .cmp-card-zone > .cmp-right-zone button {
                        width: 49.5% !important;
                        margin: 2px 0px 4px 0px !important;
                    }

                        .banner_consent_popup > .cmp-card-zone > .cmp-right-zone button:first-child {
                            margin-left: 0px !important;
                        }

                    .banner_consent_popup > .cmp-card-zone > .cmp-right-zone span:nth-child(2) {
                        display: block !important;
                        text-align: center;
                        width: 50%;
                        margin-top: 30px !important;
                        margin-bottom: 15px;
                    }

            .banner_consent_popup > .cmp-footer {
                position: absolute;
                bottom: 0px;
                width: -webkit-fill-available;
            }

        .cmp-btn {
            width: 130px;
            height: 48px;
            margin: 3px;
            padding: 10px;
            position: relative;
            border-radius: 5px;
            background-color: #ffd400;
            color: #554242;
            cursor: pointer;
            border: #ffd400;
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 992px) {
        .cmp-preferences-sm {
            float: left;
            width: 49% !important;
        }

        .cmp-btn-reject-popup {
            float: left;
            width: 50% !important;
        }

        .cmp-preferences-lg {
            float: left;
            width: 99% !important;
        }

        .cmp-btn-accept-popup {
            float: left;
            width: 50% !important;
        }

        .cmp-d-flex {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

        .cmp-btn-outline {
            box-sizing: border-box;
            position: relative;
            min-width: 130px;
            height: 48px;
            outline: none !important;
            margin: 3px;
            padding: 14px 10px;
            border-radius: 5px;
            border: 1px solid #1298BE;
            background-color: #1298BE;
            color: #1298BE;
            cursor: pointer;
            font-size: 14px;
        }

        .device-test {
            color: #f7b84b;
        }

        .cmp-right-header {
            text-align: right;
            width: 22%;
        }

        .cmp-card-body-content {
            padding: 20px 0px 20px 31px;
            border-bottom: 1px solid #f4f4f4;
        }

        .cmp-card-zone {
            display: flex;
            padding: 20px;
        }

        .cmp-left-zone {
            word-wrap: break-word;
            width: 100%;
            text-align: left;
            margin: 0;
            font-size: 14px;
            margin-bottom: 15px;
            color: #5a5a5a;
        }

        .cmp-right-zone {
            width: 50%;
            text-align: center;
            margin: auto;
            font-size: 14px;
        }

        .cmp-link-setting {
            margin-top: 10px;
            color: #1298be;
            cursor: pointer;
            width: 100%;
            display: unset;
        }

        .cmp-btn {
            box-sizing: border-box;
            width: 130px;
            height: 48px;
            margin: 3px;
            padding: 10px;
            position: relative;
            border-radius: 5px;
            background-color: #ffd400;
            color: #554242;
            cursor: pointer;
            border: #ffd400;
            font-size: 14px;
        }
    }

        @media only screen and (min-width: 1200px) {
            .cmp-preferences-sm {
                float: left;
                width: 49% !important;
            }

            .cmp-btn-reject-popup {
                float: left;
                width: 50% !important;
            }

            .cmp-preferences-lg {
                float: left;
                width: 99% !important;
            }

            .cmp-btn-accept-popup {
                float: left;
                width: 50% !important;
            }

            .cmp-btn-outline {
                box-sizing: border-box;
                position: relative;
                min-width: 130px;
                height: 48px;
                outline: none !important;
                margin: 3px;
                padding: 14px 10px;
                border-radius: 5px;
                border: 1px solid #1298BE;
                background-color: #1298BE;
                color: #1298BE;
                cursor: pointer;
                font-size: 14px;
            }

            .device-test {
                color: #ff0000;
            }

            .modal-consent {
                width: 720px;
                height: auto;
                box-shadow: 0 1px 6px 0 rgb(0 0 0 / 16%);
                position: fixed;
                opacity: 1;
                transition: opacity 0.6s linear;
                z-index: 999999;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                background: #fff;
                display: block;
                border-radius: 10px;
            }

            .banner_consent_bottomLeft {
                margin: 0;
                max-width: 100%;
                bottom: 10px;
                left: 0 !important;
                width: 350px;
                text-align: left !important;
                margin-left: 10px !important;
                margin-right: 0px !important;
                border-radius: 0px !important;
            }

            .banner_consent_topLeft {
                margin: 0;
                max-width: 100%;
                top: 10px;
                left: 0 !important;
                width: 350px;
                text-align: left !important;
                margin-left: 10px !important;
                margin-right: 0px !important;
                height: fit-content;
                border-radius: 0px !important;
            }

            .banner_consent_topRight {
                left: unset !important;
                right: 10px !important;
                margin: 0;
                max-width: 100%;
                top: 10px;
                width: 350px;
                text-align: left !important;
                margin-left: 10px !important;
                margin-right: 0px !important;
                height: fit-content;
                border-radius: 0px !important;
            }

            .banner_consent_bottomRight {
                left: unset !important;
                right: 10px !important;
                margin: 0;
                max-width: 100%;
                bottom: 10px;
                width: 350px;
                text-align: left !important;
                margin-left: 10px !important;
                margin-right: 0px !important;
                height: fit-content;
                border-radius: 0px !important;
            }

            .banner_consent_default {
                width: 100%;
                margin: auto;
                max-width: 1111px;
                bottom: 10px;
            }

            .banner_consent_popup > .cmp-card-zone {
                display: block !important;
            }

                .banner_consent_popup > .cmp-card-zone > .cmp-right-zone {
                    width: 100% !important;
                }

                    .banner_consent_popup > .cmp-card-zone > .cmp-right-zone button {
                        width: 49.5% !important;
                        margin: 0px !important;
                    }

                        .banner_consent_popup > .cmp-card-zone > .cmp-right-zone button:first-child {
                            margin-left: 0px !important;
                        }

                    .banner_consent_popup > .cmp-card-zone > .cmp-right-zone span:nth-child(2) {
                        display: block !important;
                        text-align: left;
                        width: 50%;
                        margin-top: 75px !important;
                        margin-bottom: 25px;
                    }



            #banner_consent {
                position: fixed;
                color: #5a5a5a;
                background: #FFFFFF;
                border-radius: 5px;
                box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                height: auto;
                text-align: center;
                z-index: 999999;
                display: none;
            }

            .cmp-card-zone {
                display: flex;
                padding: 20px 20px 30px 20px;
            }

            .cmp-left-zone {
                width: 100%;
                ;
                text-align: left;
                word-wrap: break-word;
                margin: 0;
                font-size: 14px;
                margin-top: 12px;
                color: #5a5a5a;
            }

            .cmp-right-zone {
                width: 30%;
                text-align: center;
                margin: 18px 0px 0px;
                font-size: 14px;
            }

            .cmp-link-setting {
                margin-top: 10px;
                color: #1298be;
                cursor: pointer;
                width: 100%;
                display: unset;
            }

            .cmp-btn {
                box-sizing: border-box;
                min-width: 130px;
                height: 48px;
                margin: 3px;
                padding: 10px;
                position: relative;
                border-radius: 5px;
                background-color: #ffd400;
                color: #554242;
                cursor: pointer;
                border: #ffd400;
                font-size: 14px;
            }

                .cmp-btn:hover {
                    color: #554242;
                }
        }

        .cmp-head-modal_records {
            text-align: left !important;
            width: 100%;
            background-color: #ffffff;
            padding: 5px 0px;
            color: #000000;
            border-bottom: 1px solid #e9ebec;
            margin: 0px;
        }




        div#btnNavbartoggler {
            overflow: visible;
            margin: 0;
            cursor: pointer;
            margin-top: 16px;
        }

        .kspvb-color-1 a {
            color: #D6A360 !important;
        }

        .card-box.aos-init.aos-animate {
            cursor: pointer;
        }

        div#btnNavbartoggler {
            overflow: visible;
            margin: 0;
            cursor: pointer;
            margin-top: 16px;
        }

.gotoTop {
    line-height: 32px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none;
    background-color: #fcfcfc;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
    float: right;
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99;
}

    .gotoTop:after {
        content: '\f106';
        font-family: 'Font Awesome 5 Pro';
        color: #5a5a5a;
        font-size: 18px;
    }

/* #region OLB */
.ks-footer-nav-2.olb {
    padding:0;
    margin:0;
}

.olb-header .topBlock {
    max-height: 110px;
}

.olb-header .border-right-olb{ 
    margin-right: 18px;
}

.olb-header .border-right-olb .col-12 {
    border-right: 1px solid #dee2e6 !important;
    padding: 0 18px; 
}

.olb-header #OlbLogoutWidgetViewComponent {
    background:none;
}

.olb-header #OlbLogoutWidgetViewComponent a{
    font-weight:400;
    color:#fff;
}

.ob-footer p {
    margin: 0;
}

.ob-footer .olb-footer-text {
    margin: 0;
    font-family: 'Krungsri-Condensed-Medium';
    color: #d0a160 !important;
    line-height: 30px;
}

.content-olb {
    padding-top: 24px;
    padding-bottom: 24px;
}

.ob-footer {    
    background: #272931;
}

.ob-footer-bg {
    background-color: #343741;
}

.text-center {
    text-align: center !important;
}


.ks-private .ob-content-wrapper {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-repeat: no-repeat;
    background-color: #343741;
    min-height: calc(100vh - 365px);
}


@media screen and (max-width: 1199px) {

    .ks-private .ob-content-wrapper {
        min-height: calc(100vh - 127px);
    }
}

.ks-private .ob-pb-graphic {
    height: 265px !important;
    overflow: hidden;
} 


.kspvb-bottom-graphic .kspvb-graphic.olb {
    background-image: url('../content/images/supergraphic_1.png');
    background-repeat: repeat-x;
    background-size: auto 100px;
    -webkit-background-size: auto 150%;
    background-position: center;
    width: 100%;
    height: 128px;
}

.kspvb__nav.nav-olb {
    position: relative;
    top: -60px;
}

.kspvb__header .kspvb__nav .tab-title-text.tab-title-text-olb {
    padding: 0;
}

.tab-title-text-olb a {
    display: block;
    background: transparent;
    position: relative;
    overflow: hidden;
    font-family: "Krungsri-Condensed";
    line-height: 30px;
    padding: 15px 15px 18px 15px;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
 
/*#endregion OLB */


.left-center {
    text-align: left;
}

.right-center {
    text-align: right;
}

.center-center {
    text-align: center;
}

a { 
    text-decoration: none;
    background-color: transparent;
}

.kspvb__banner.type-2 .text-caption h2, .kspvb__banner.type-3 .text-caption h2 {
    font-family: "Krungsri-Condensed-Bold";
}

@media (max-width: 767px) {
    .pb-010 .caption h2 {
        margin-top: 0px !important;
    }
}

    /* #region  IB-007 */

    /*.pb-007 .kspvb__sec-4 {
    background-image: url('../content/images/bg-about.jpg');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

    .pb-007 .kspvb__sec-4 .container-banner {
        position: relative;
        height: 360px;
        max-height: 360px;
        width: 100%;
        padding-bottom: 0;
        overflow: hidden;
    }

        .pb-007 .kspvb__sec-4 .container-banner .banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .pb-007 .kspvb__sec-4 h2 {
        font-family: "Krungsri-Condensed";
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 36px;
    }

    .pb-007 .kspvb__sec-4 p {
        color: #aaa;
    }


    /* #endregion IB-007 */


    /* #region IB-008 */
    .pb-008 .kspvb__sec-7 {
        position: relative;
        height: 480px;
        max-height: 480px;
        width: 100%;
        overflow: hidden;
    }

        .pb-008 .kspvb__sec-7 .banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    /* #endregion IB-008 */

    /* #region IB-009 */

    .pb-009 {
        margin-left: -15px;
        margin-right: -15px;
    }

        .pb-009 .kspvb__sec-9 .caption.center-center {
            top: 50% !important;
            transform: translate(-50%, -50%) !important;
            left: 50% !important;
        }

        .pb-009 .kspvb__sec-9 .banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    @media (max-width: 767.98px) {
        .pb-009 .kspvb__sec-9 .caption.center-center {
            background-color: #343741 !important;
            left: 0 !important;
            top: 0 !important;
            transform: translate(0, 0) !important;
        }

        .pb-009 .kspvb__sec-9 {
            box-shadow: rgb(0 0 0 / 20%) 0px 8px 20px 5px;
        }
    }

    /* #endregion IB-009 */


    /* #region IB-010 */

    .pb-010 {
        margin-left: -15px;
        margin-right: -15px;
    }

        .pb-010 .kspvb__banner.type-2 .container-banner {
            height: 360px;
            max-height: 360px;
        }

        .pb-010 .kspvb__banner .container-banner .banner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .pb-010 .kspvb__banner.type-2 .text-caption {
            max-width: 1140px;
            width: 100%;
            height: 100%;
            margin: 0 auto;
            padding: 0 15px;
            z-index: 1;
            position: relative;
        }

        .pb-010 .kspvb-color-1 {
            color: #D6A360 !important;
        }

        .pb-010 .kspvb__banner.type-2 .text-caption .caption.right-center {
            top: 50%;
            transform: translate(0, -50%);
            right: 0;
            text-align: left;
        }

        .pb-010 .kspvb__banner.type-2 .text-caption .caption.center-center {
            top: 50%;
            transform: translate(0, -50%);
            right: 30%;
            left: 30%;
        }

    @media (max-width: 575.98px) {
        .pb-010 .kspvb__banner.type-2 .container-banner {
            height: 160px;
            max-height: 160px;
        }
    }

    @media (max-width: 767.98px) {
        .pb-010 .kspvb__banner.type-2 .text-caption {
            max-width: 100%;
            padding: 0;
            background-color: #272931;
        }

            .pb-010 .kspvb__banner.type-2 .text-caption .caption.right-center {
                top: 0;
                transform: translate(0, 0);
            }

            .pb-010 .kspvb__banner.type-2 .text-caption p {
                font-family: Thongterm-Roman;
                font-size: 16px;
                line-height: 30px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                letter-spacing: normal;
                color: #aaa !important;
            }
    }



    /* #endregion IB-010 */

    /* #region PB Article Page*/
    @media (min-width: 768px) {
        .pb-md-5, .py-md-5 {
            padding-bottom: 3rem !important;
        }
    }

    .kspvb__header-title-type-2 .icon {
        margin-left: 24px;
        line-height: 0;
    }

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

    .kspvb__header-title-type-2 .icon img {
        height: 18px;
        width: auto;
        margin-left: 0 !important;
    }

    .kspvb__header-title-type-2 span {
        color: #D6A360;
        font-family: Thongterm;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 34px;
    }


    /* #endregion */


    .pb-5, .py-5 {
        padding-bottom: unset !important;
    }

    .kspvb__header-title-type-3.py-5 {
        padding-top: unset !important;
    }

    @media (max-width: 576px) {
        .d-sm-none {
            display: block !important;
        }
    }

    .kspvb__header-title-type-3.py-5 {
        padding: 3rem 0 !important;
    }

    .kspvb__header-title-type-2 h2,
    .kspvb__header-title-type-3 h2 {
        font-family: "Krungsri-Condensed";
        font-size: 24px;
        letter-spacing: 0;
        line-height: 36px;
        font-weight: 500;
    }

    .kspvb-color-1 {
        color: #D6A360 !important;
    }

    .txt-white {
        color: white !important;
    }