/* Minification failed. Returning unminified contents.
(3061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3211,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-red'
(3215,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black'
(3219,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white'
(3223,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(3224,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(3225,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(3225,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(3226,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3230,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main'
(3243,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main'
(3331,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main'
(3414,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-main'
(3418,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-main'
(3433,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-main'
(3474,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset'
 */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    font: 400 14px;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

ul, li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.row {
    display: flex;
    flex-wrap: wrap;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

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

.hidden {
    display: none;
}

.text-center {
    text-align: center;
}

.dis-grid {
    display: grid;
}

.align-middle {
    vertical-align: middle !important;
}

.justify-content-center {
    justify-content: center !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.title {
    font-size: 18px !important;
    font-weight: 600;
    line-height: 24px;
}

.currency-old {
    text-decoration: line-through;
}

.img-fluid {
    object-fit: cover;
}

.img-contain {
    object-fit: contain;
}

.thumb-art {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: relative;
    height: auto;
    overflow: hidden;
}

.thunb-art-list {
    width: 100%;
}

.thunb-art-effect img {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.thunb-art-effect:hover img {
    transform: scale(1.1);
    box-shadow: 0px 4px 12px 0px rgba(51, 99, 192, 0.25);
}

.titlecom-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.titlecom-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-nowrap {
    white-space: nowrap !important;
}

.fade {
    transition: opacity 0.15s linear;
}

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

.icon::before {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

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

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-xs-0 {
    padding-right: 0 !important;
}

.pe-xs-1 {
    padding-right: 0.25rem !important;
}

.pe-xs-2 {
    padding-right: 0.5rem !important;
}

.pe-xs-3 {
    padding-right: 1rem !important;
}

.pe-xs-4 {
    padding-right: 1.5rem !important;
}

.pe-xs-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

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

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

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

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

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

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

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

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

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

.img-max {
    width: 100%;
    height: 100%;
}

h1, .h1 {
    font-size: 1.2rem;
}

@media (min-width: 360px) {
    body {
        font-size: 14px;
    }

    .container {
        max-width: 540px;
    }

    h1, .h1 {
        font-size: 1.1rem;
    }

    .btn-buy-now {
        padding: 0.6rem 0.8rem;
        border-radius: 20px;
    }

    .col-xs-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xs-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

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

    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

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

    .col-xs-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xs-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

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

    .col-xs-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xs-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

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

    .mt-xs-0 {
        margin-top: 0 !important;
    }

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

    .mt-xs-2 {
        margin-top: 0.4rem !important;
    }

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

    .mt-xs-4 {
        margin-top: 0.8rem !important;
    }

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

    .mt-xs-auto {
        margin-top: auto !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xs-1 {
        margin-bottom: 0.2rem !important;
    }

    .mb-xs-2 {
        margin-bottom: 0.4rem !important;
    }

    .mb-xs-3 {
        margin-bottom: 0.6rem !important;
    }

    .mb-xs-4 {
        margin-bottom: 0.8rem !important;
    }

    .mb-xs-5 {
        margin-bottom: 1rem !important;
    }

    .mb-xs-auto {
        margin-bottom: auto !important;
    }

    .ms-xs-0 {
        margin-left: 0 !important;
    }

    .ms-xs-1 {
        margin-left: 0.2rem !important;
    }

    .ms-xs-2 {
        margin-left: 0.4rem !important;
    }

    .ms-xs-3 {
        margin-left: 0.6rem !important;
    }

    .ms-xs-4 {
        margin-left: 0.8rem !important;
    }

    .ms-xs-5 {
        margin-left: 1rem !important;
    }

    .ms-xs-auto {
        margin-left: auto !important;
    }

    .me-xs-0 {
        margin-right: 0 !important;
    }

    .me-xs-1 {
        margin-right: 0.2rem !important;
    }

    .me-xs-2 {
        margin-right: 0.4rem !important;
    }

    .me-xs-3 {
        margin-right: 0.6rem !important;
    }

    .me-xs-4 {
        margin-right: 0.8rem !important;
    }

    .me-xs-5 {
        margin-right: 1rem !important;
    }

    .me-xs-auto {
        margin-right: auto !important;
    }

    .mx-xs-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-xs-1 {
        margin-left: 0.2rem !important;
        margin-right: 0.2rem !important;
    }

    .mx-xs-2 {
        margin-left: 0.4rem !important;
        margin-right: 0.4rem !important;
    }

    .mx-xs-3 {
        margin-left: 0.6rem !important;
        margin-right: 0.6rem !important;
    }

    .mx-xs-4 {
        margin-left: 0.8rem !important;
        margin-right: 0.8rem !important;
    }

    .mx-xs-5 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .mx-xs-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xs-1 {
        margin-top: 0.2rem !important;
        margin-bottom: 0.2rem !important;
    }

    .my-xs-2 {
        margin-top: 0.4rem !important;
        margin-bottom: 0.4rem !important;
    }

    .my-xs-3 {
        margin-top: 0.6rem !important;
        margin-bottom: 0.6rem !important;
    }

    .my-xs-4 {
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }

    .my-xs-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .pt-xs-1 {
        padding-top: 0.2rem !important;
    }

    .pt-xs-2 {
        padding-top: 0.4rem !important;
    }

    .pt-xs-3 {
        padding-top: 0.6rem !important;
    }

    .pt-xs-4 {
        padding-top: 0.8rem !important;
    }

    .pt-xs-5 {
        padding-top: 1rem !important;
    }

    .pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xs-1 {
        padding-bottom: 0.2rem !important;
    }

    .pb-xs-2 {
        padding-bottom: 0.4rem !important;
    }

    .pb-xs-3 {
        padding-bottom: 0.6rem !important;
    }

    .pb-xs-4 {
        padding-bottom: 0.8rem !important;
    }

    .pb-xs-5 {
        padding-bottom: 1rem !important;
    }

    .ps-xs-0 {
        padding-left: 0 !important;
    }

    .ps-xs-1 {
        padding-left: 0.2rem !important;
    }

    .ps-xs-2 {
        padding-left: 0.4rem !important;
    }

    .ps-xs-3 {
        padding-left: 0.6rem !important;
    }

    .ps-xs-4 {
        padding-left: 0.8rem !important;
    }

    .ps-xs-5 {
        padding-left: 1rem !important;
    }

    .pe-xs-0 {
        padding-right: 0 !important;
    }

    .pe-xs-1 {
        padding-right: 0.2rem !important;
    }

    .pe-xs-2 {
        padding-right: 0.4rem !important;
    }

    .pe-xs-3 {
        padding-right: 0.6rem !important;
    }

    .pe-xs-4 {
        padding-right: 0.8rem !important;
    }

    .pe-xs-5 {
        padding-right: 1rem !important;
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xs-1 {
        padding-right: 0.2rem !important;
        padding-left: 0.2rem !important;
    }

    .px-xs-2 {
        padding-right: 0.4rem !important;
        padding-left: 0.4rem !important;
    }

    .px-xs-3 {
        padding-right: 0.6rem !important;
        padding-left: 0.6rem !important;
    }

    .px-xs-4 {
        padding-right: 0.8rem !important;
        padding-left: 0.8rem !important;
    }

    .px-xs-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xs-1 {
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }

    .py-xs-2 {
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
    }

    .py-xs-3 {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }

    .py-xs-4 {
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
    }

    .py-xs-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .icon-xs-custom::before {
        width: 32px;
        height: 16px;
    }

    .icon-xs::before {
        width: 24px;
        height: 24px;
    }
}

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

    h1, .h1 {
        font-size: 1.3rem;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

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

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

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

    .mt-sm-0 {
        margin-top: 0 !important;
    }

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

    .mt-sm-2 {
        margin-top: 1.4rem !important;
    }

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

    .mt-sm-4 {
        margin-top: 1.8rem !important;
    }

    .mt-sm-5 {
        margin-top: 2rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 1.2rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 1.4rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1.6rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.8rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 1.2rem !important;
    }

    .ms-sm-2 {
        margin-left: 1.4rem !important;
    }

    .ms-sm-3 {
        margin-left: 1.6rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.8rem !important;
    }

    .ms-sm-5 {
        margin-left: 2rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 1.2rem !important;
    }

    .me-sm-2 {
        margin-right: 1.4rem !important;
    }

    .me-sm-3 {
        margin-right: 1.6rem !important;
    }

    .me-sm-4 {
        margin-right: 1.8rem !important;
    }

    .me-sm-5 {
        margin-right: 2rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-sm-1 {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important;
    }

    .mx-sm-2 {
        margin-left: 1.4rem !important;
        margin-right: 1.4rem !important;
    }

    .mx-sm-3 {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important;
    }

    .mx-sm-4 {
        margin-left: 1.8rem !important;
        margin-right: 1.8rem !important;
    }

    .mx-sm-5 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 1.2rem !important;
        margin-bottom: 1.2rem !important;
    }

    .my-sm-2 {
        margin-top: 1.4rem !important;
        margin-bottom: 1.4rem !important;
    }

    .my-sm-3 {
        margin-top: 1.6rem !important;
        margin-bottom: 1.6rem !important;
    }

    .my-sm-4 {
        margin-top: 1.8rem !important;
        margin-bottom: 1.8rem !important;
    }

    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 1.2rem !important;
    }

    .pt-sm-2 {
        padding-top: 1.4rem !important;
    }

    .pt-sm-3 {
        padding-top: 1.6rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.8rem !important;
    }

    .pt-sm-5 {
        padding-top: 2rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 1.2rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 1.4rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1.6rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.8rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 1.2rem !important;
    }

    .ps-sm-2 {
        padding-left: 1.4rem !important;
    }

    .ps-sm-3 {
        padding-left: 1.6rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.8rem !important;
    }

    .ps-sm-5 {
        padding-left: 2rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 1.2rem !important;
    }

    .pe-sm-2 {
        padding-right: 1.4rem !important;
    }

    .pe-sm-3 {
        padding-right: 1.6rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.8rem !important;
    }

    .pe-sm-5 {
        padding-right: 2rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important;
    }

    .px-sm-2 {
        padding-right: 1.4rem !important;
        padding-left: 1.4rem !important;
    }

    .px-sm-3 {
        padding-right: 1.6rem !important;
        padding-left: 1.6rem !important;
    }

    .px-sm-4 {
        padding-right: 1.8rem !important;
        padding-left: 1.8rem !important;
    }

    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 1.2rem !important;
        padding-bottom: 1.2rem !important;
    }

    .py-sm-2 {
        padding-top: 1.4rem !important;
        padding-bottom: 1.4rem !important;
    }

    .py-sm-3 {
        padding-top: 1.6rem !important;
        padding-bottom: 1.6rem !important;
    }

    .py-sm-4 {
        padding-top: 1.8rem !important;
        padding-bottom: 1.8rem !important;
    }

    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .icon-sm::before {
        width: 26px;
        height: 26px;
    }
}

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

    h1, .h1 {
        font-size: 1.4rem;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

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

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

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

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

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

    .mt-md-0 {
        margin-top: 0 !important;
    }

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

    .mt-md-2 {
        margin-top: 2.4rem !important;
    }

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

    .mt-md-4 {
        margin-top: 2.8rem !important;
    }

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

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 2.2rem !important;
    }

    .mb-md-2 {
        margin-bottom: 2.4rem !important;
    }

    .mb-md-3 {
        margin-bottom: 2.6rem !important;
    }

    .mb-md-4 {
        margin-bottom: 2.8rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 2.2rem !important;
    }

    .ms-md-2 {
        margin-left: 2.4rem !important;
    }

    .ms-md-3 {
        margin-left: 2.6rem !important;
    }

    .ms-md-4 {
        margin-left: 2.8rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 2.2rem !important;
    }

    .me-md-2 {
        margin-right: 2.4rem !important;
    }

    .me-md-3 {
        margin-right: 2.6rem !important;
    }

    .me-md-4 {
        margin-right: 2.8rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-md-1 {
        margin-left: 2.2rem !important;
        margin-right: 2.2rem !important;
    }

    .mx-md-2 {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important;
    }

    .mx-md-3 {
        margin-left: 2.6rem !important;
        margin-right: 2.6rem !important;
    }

    .mx-md-4 {
        margin-left: 2.8rem !important;
        margin-right: 2.8rem !important;
    }

    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 2.2rem !important;
        margin-bottom: 2.2rem !important;
    }

    .my-md-2 {
        margin-top: 2.4rem !important;
        margin-bottom: 2.4rem !important;
    }

    .my-md-3 {
        margin-top: 2.6rem !important;
        margin-bottom: 2.6rem !important;
    }

    .my-md-4 {
        margin-top: 2.8rem !important;
        margin-bottom: 2.8rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 2.2rem !important;
    }

    .pt-md-2 {
        padding-top: 2.4rem !important;
    }

    .pt-md-3 {
        padding-top: 2.6rem !important;
    }

    .pt-md-4 {
        padding-top: 2.8rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 2.2rem !important;
    }

    .pb-md-2 {
        padding-bottom: 2.4rem !important;
    }

    .pb-md-3 {
        padding-bottom: 2.6rem !important;
    }

    .pb-md-4 {
        padding-bottom: 2.8rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 2.2rem !important;
    }

    .ps-md-2 {
        padding-left: 2.4rem !important;
    }

    .ps-md-3 {
        padding-left: 2.6rem !important;
    }

    .ps-md-4 {
        padding-left: 2.8rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 2.2rem !important;
    }

    .pe-md-2 {
        padding-right: 2.4rem !important;
    }

    .pe-md-3 {
        padding-right: 2.6rem !important;
    }

    .pe-md-4 {
        padding-right: 2.8rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .px-md-custom {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 2.2rem !important;
        padding-left: 2.2rem !important;
    }

    .px-md-2 {
        padding-right: 2.4rem !important;
        padding-left: 2.4rem !important;
    }

    .px-md-3 {
        padding-right: 2.6rem !important;
        padding-left: 2.6rem !important;
    }

    .px-md-4 {
        padding-right: 2.8rem !important;
        padding-left: 2.8rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 2.2rem !important;
        padding-bottom: 2.2rem !important;
    }

    .py-md-2 {
        padding-top: 2.4rem !important;
        padding-bottom: 2.4rem !important;
    }

    .py-md-3 {
        padding-top: 2.6rem !important;
        padding-bottom: 2.6rem !important;
    }

    .py-md-4 {
        padding-top: 2.8rem !important;
        padding-bottom: 2.8rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .icon-md::before {
        width: 28px;
        height: 28px;
    }
}

@media (min-width: 992px) {
    body {
        font-size: 16px;
    }

    .container {
        max-width: 960px;
    }

    h1, .h1 {
        font-size: 1.5rem;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

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

    .mt-lg-0 {
        margin-top: 0 !important;
    }

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

    .mt-lg-2 {
        margin-top: 3.4rem !important;
    }

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

    .mt-lg-4 {
        margin-top: 3.8rem !important;
    }

    .mt-lg-5 {
        margin-top: 4rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 3.2rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 3.4rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 3.6rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 3.8rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 3.2rem !important;
    }

    .ms-lg-2 {
        margin-left: 3.4rem !important;
    }

    .ms-lg-3 {
        margin-left: 3.6rem !important;
    }

    .ms-lg-4 {
        margin-left: 3.8rem !important;
    }

    .ms-lg-5 {
        margin-left: 4rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 3.2rem !important;
    }

    .me-lg-2 {
        margin-right: 3.4rem !important;
    }

    .me-lg-3 {
        margin-right: 3.6rem !important;
    }

    .me-lg-4 {
        margin-right: 3.8rem !important;
    }

    .me-lg-5 {
        margin-right: 4rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-lg-1 {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important;
    }

    .mx-lg-2 {
        margin-left: 3.4rem !important;
        margin-right: 3.4rem !important;
    }

    .mx-lg-3 {
        margin-left: 3.6rem !important;
        margin-right: 3.6rem !important;
    }

    .mx-lg-4 {
        margin-left: 3.8rem !important;
        margin-right: 3.8rem !important;
    }

    .mx-lg-5 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 3.2rem !important;
        margin-bottom: 3.2rem !important;
    }

    .my-lg-2 {
        margin-top: 3.4rem !important;
        margin-bottom: 3.4rem !important;
    }

    .my-lg-3 {
        margin-top: 3.6rem !important;
        margin-bottom: 3.6rem !important;
    }

    .my-lg-4 {
        margin-top: 3.8rem !important;
        margin-bottom: 3.8rem !important;
    }

    .my-lg-5 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 3.2rem !important;
    }

    .pt-lg-2 {
        padding-top: 3.4rem !important;
    }

    .pt-lg-3 {
        padding-top: 3.6rem !important;
    }

    .pt-lg-4 {
        padding-top: 3.8rem !important;
    }

    .pt-lg-5 {
        padding-top: 4rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 3.2rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 3.4rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 3.6rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 3.8rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 4rem !important;
    }

    .ps-lg-custom {
        padding-left: 1rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 3.2rem !important;
    }

    .ps-lg-2 {
        padding-left: 3.4rem !important;
    }

    .ps-lg-3 {
        padding-left: 3.6rem !important;
    }

    .ps-lg-4 {
        padding-left: 3.8rem !important;
    }

    .ps-lg-5 {
        padding-left: 4rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 3.2rem !important;
    }

    .pe-lg-2 {
        padding-right: 3.4rem !important;
    }

    .pe-lg-3 {
        padding-right: 3.6rem !important;
    }

    .pe-lg-4 {
        padding-right: 3.8rem !important;
    }

    .pe-lg-5 {
        padding-right: 4rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 3.2rem !important;
        padding-left: 3.2rem !important;
    }

    .px-lg-2 {
        padding-right: 3.4rem !important;
        padding-left: 3.4rem !important;
    }

    .px-lg-3 {
        padding-right: 3.6rem !important;
        padding-left: 3.6rem !important;
    }

    .px-lg-4 {
        padding-right: 3.8rem !important;
        padding-left: 3.8rem !important;
    }

    .px-lg-5 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 3.2rem !important;
        padding-bottom: 3.2rem !important;
    }

    .py-lg-2 {
        padding-top: 3.4rem !important;
        padding-bottom: 3.4rem !important;
    }

    .py-lg-3 {
        padding-top: 3.6rem !important;
        padding-bottom: 3.6rem !important;
    }

    .py-lg-4 {
        padding-top: 3.8rem !important;
        padding-bottom: 3.8rem !important;
    }

    .py-lg-5 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .icon-lg::before {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 18px;
    }

    .container {
        max-width: 1140px;
    }

    h1, .h1 {
        font-size: 1.6rem;
    }

    h2, .h2 {
        font-size: 1.4rem;
    }

    h3, .h3 {
        font-size: 1.2rem;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

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

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

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

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

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

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

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


    .mt-xl-0 {
        margin-top: 0 !important;
    }

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

    .mt-xl-2 {
        margin-top: 4.4rem !important;
    }

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

    .mt-xl-4 {
        margin-top: 4.8rem !important;
    }

    .mt-xl-5 {
        margin-top: 5rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 4.2rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 4.4rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 4.6rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 4.8rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 5rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 4.2rem !important;
    }

    .ms-xl-2 {
        margin-left: 4.4rem !important;
    }

    .ms-xl-3 {
        margin-left: 4.6rem !important;
    }

    .ms-xl-4 {
        margin-left: 4.8rem !important;
    }

    .ms-xl-5 {
        margin-left: 5rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 4.2rem !important;
    }

    .me-xl-2 {
        margin-right: 4.4rem !important;
    }

    .me-xl-3 {
        margin-right: 4.6rem !important;
    }

    .me-xl-4 {
        margin-right: 4.8rem !important;
    }

    .me-xl-5 {
        margin-right: 5rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-xl-1 {
        margin-left: 4.2rem !important;
        margin-right: 4.2rem !important;
    }

    .mx-xl-2 {
        margin-left: 4.4rem !important;
        margin-right: 4.4rem !important;
    }

    .mx-xl-3 {
        margin-left: 4.6rem !important;
        margin-right: 4.6rem !important;
    }

    .mx-xl-4 {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important;
    }

    .mx-xl-5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 4.2rem !important;
        margin-bottom: 4.2rem !important;
    }

    .my-xl-2 {
        margin-top: 4.4rem !important;
        margin-bottom: 4.4rem !important;
    }

    .my-xl-3 {
        margin-top: 4.6rem !important;
        margin-bottom: 4.6rem !important;
    }

    .my-xl-4 {
        margin-top: 4.8rem !important;
        margin-bottom: 4.8rem !important;
    }

    .my-xl-5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 4.2rem !important;
    }

    .pt-xl-2 {
        padding-top: 4.4rem !important;
    }

    .pt-xl-3 {
        padding-top: 4.6rem !important;
    }

    .pt-xl-4 {
        padding-top: 4.8rem !important;
    }

    .pt-xl-5 {
        padding-top: 5rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 4.2rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 4.4rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 4.6rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 4.8rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 5rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 4.2rem !important;
    }

    .ps-xl-2 {
        padding-left: 4.4rem !important;
    }

    .ps-xl-3 {
        padding-left: 4.6rem !important;
    }

    .ps-xl-4 {
        padding-left: 4.8rem !important;
    }

    .ps-xl-5 {
        padding-left: 5rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 4.2rem !important;
    }

    .pe-xl-2 {
        padding-right: 4.4rem !important;
    }

    .pe-xl-3 {
        padding-right: 4.6rem !important;
    }

    .pe-xl-4 {
        padding-right: 4.8rem !important;
    }

    .pe-xl-5 {
        padding-right: 5rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 4.2rem !important;
        padding-left: 4.2rem !important;
    }

    .px-xl-2 {
        padding-right: 4.4rem !important;
        padding-left: 4.4rem !important;
    }

    .px-xl-3 {
        padding-right: 4.6rem !important;
        padding-left: 4.6rem !important;
    }

    .px-xl-4 {
        padding-right: 4.8rem !important;
        padding-left: 4.8rem !important;
    }

    .px-xl-5 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 4.2rem !important;
        padding-bottom: 4.2rem !important;
    }

    .py-xl-2 {
        padding-top: 4.4rem !important;
        padding-bottom: 4.4rem !important;
    }

    .py-xl-3 {
        padding-top: 4.6rem !important;
        padding-bottom: 4.6rem !important;
    }

    .py-xl-4 {
        padding-top: 4.8rem !important;
        padding-bottom: 4.8rem !important;
    }

    .py-xl-5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }


    .icon-xl::before {
        width: 34px;
        height: 34px;
    }
}

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

    h1, .h1 {
        font-size: 1.5rem;
    }

    h2, .h2 {
        font-size: 1.3rem;
    }

    h3, .h3 {
        font-size: 1.1rem;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

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

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

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

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

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

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

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

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

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

    .mt-xxl-2 {
        margin-top: 5.4rem !important;
    }

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

    .mt-xxl-4 {
        margin-top: 5.8rem !important;
    }

    .mt-xxl-5 {
        margin-top: 6rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 5.2rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 5.4rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 5.6rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 5.8rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 6rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 5.2rem !important;
    }

    .ms-xxl-2 {
        margin-left: 5.4rem !important;
    }

    .ms-xxl-3 {
        margin-left: 5.6rem !important;
    }

    .ms-xxl-4 {
        margin-left: 5.8rem !important;
    }

    .ms-xxl-5 {
        margin-left: 6rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 5.2rem !important;
    }

    .me-xxl-2 {
        margin-right: 5.4rem !important;
    }

    .me-xxl-3 {
        margin-right: 5.6rem !important;
    }

    .me-xxl-4 {
        margin-right: 5.8rem !important;
    }

    .me-xxl-5 {
        margin-right: 6rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mx-xxl-1 {
        margin-left: 5.2rem !important;
        margin-right: 5.2rem !important;
    }

    .mx-xxl-2 {
        margin-left: 5.4rem !important;
        margin-right: 5.4rem !important;
    }

    .mx-xxl-3 {
        margin-left: 5.6rem !important;
        margin-right: 5.6rem !important;
    }

    .mx-xxl-4 {
        margin-left: 5.8rem !important;
        margin-right: 5.8rem !important;
    }

    .mx-xxl-5 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 5.2rem !important;
        margin-bottom: 5.2rem !important;
    }

    .my-xxl-2 {
        margin-top: 5.4rem !important;
        margin-bottom: 5.4rem !important;
    }

    .my-xxl-3 {
        margin-top: 5.6rem !important;
        margin-bottom: 5.6rem !important;
    }

    .my-xxl-4 {
        margin-top: 5.8rem !important;
        margin-bottom: 5.8rem !important;
    }

    .my-xxl-5 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 5.2rem !important;
    }

    .pt-xxl-2 {
        padding-top: 5.4rem !important;
    }

    .pt-xxl-3 {
        padding-top: 5.6rem !important;
    }

    .pt-xxl-4 {
        padding-top: 5.8rem !important;
    }

    .pt-xxl-5 {
        padding-top: 6rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 5.2rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 5.4rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 5.6rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 5.8rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 6rem !important;
    }

    .ps-xxl-custom {
        padding-left: 2rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 5.2rem !important;
    }

    .ps-xxl-2 {
        padding-left: 5.4rem !important;
    }

    .ps-xxl-3 {
        padding-left: 5.6rem !important;
    }

    .ps-xxl-4 {
        padding-left: 5.8rem !important;
    }

    .ps-xxl-5 {
        padding-left: 6rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 5.2rem !important;
    }

    .pe-xxl-2 {
        padding-right: 5.4rem !important;
    }

    .pe-xxl-3 {
        padding-right: 5.6rem !important;
    }

    .pe-xxl-4 {
        padding-right: 5.8rem !important;
    }

    .pe-xxl-5 {
        padding-right: 6rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 5.2rem !important;
        padding-left: 5.2rem !important;
    }

    .px-xxl-2 {
        padding-right: 5.4rem !important;
        padding-left: 5.4rem !important;
    }

    .px-xxl-3 {
        padding-right: 5.6rem !important;
        padding-left: 5.6rem !important;
    }

    .px-xxl-4 {
        padding-right: 5.8rem !important;
        padding-left: 5.8rem !important;
    }

    .px-xxl-5 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 5.2rem !important;
        padding-bottom: 5.2rem !important;
    }

    .py-xxl-2 {
        padding-top: 5.4rem !important;
        padding-bottom: 5.4rem !important;
    }

    .py-xxl-3 {
        padding-top: 5.6rem !important;
        padding-bottom: 5.6rem !important;
    }

    .py-xxl-4 {
        padding-top: 5.8rem !important;
        padding-bottom: 5.8rem !important;
    }

    .py-xxl-5 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media (min-width: 1530px) {
    .container {
        max-width: 1520px !important;
    }

    h1, .h1 {
        font-size: 1.7rem;
    }

    h2, .h2 {
        font-size: 1.5rem;
    }

    h3, .h3 {
        font-size: 1.3rem;
    }

    h4, .h4 {
        font-size: 1.1rem;
    }
}

:root,
[data-bs-theme=light] {
    --bs-main: #996531;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

@font-face {
    /*font-family: 'Lato-Regular';
    src: url("../Resources/Fonts/Lato-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;*/
    font-family: 'Lato-Regular';
    src: url('../Resources/Fonts/Lato-Regular.woff2') format('woff2'), 
         url('../Resources/Fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: #F5F5F5;
    font-family: "Lato-Regular" !important;
}

.bg-white {
    background-color: #fafafa;
}

.bg-white-main {
    background-color: #fafafa;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 8px 0px #FBA651;
}

.txt-red {
    color: var(--bs-red);
}

.txt-black {
    color: var(--bs-black);
}

.txt-white {
    color: var(--bs-white);
}

.form-control {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.currency-new {
    color: var(--bs-main);
}

.currency-old {
    color: #707070;
}

.btn-buy-now {
    background-color: #FBA651;
    color: #000;
}

.slides-box .child-list .swiper-button-next:after, .slides-box .child-list .swiper-button-prev:after {
    color: var(--bs-main);
}

.icon::before {
    content: '';
    display: inline-block;
}

.icon-user::before {
    background-image: url(../Resources/Images/icon-user.svg?v=1);
}

.icon-cart::before {
    background-image: url(../Resources/Images/icon-cart.svg?v=1);
}

.icon-hot::before {
    background-image: url(../Resources/Images/icon-hot.svg?v=1);
}

.icon-star::before {
    background-image: url(../Resources/Images/icon-star.svg?v=1);
}

.icon-love::before {
    background-image: url(../Resources/Images/icon-love.svg?v=1);
}

.icon-vote::before {
    background-image: url(../Resources/Images/icon-vote.svg?v=1);
}

.icon-location::before {
    background-image: url(../Resources/Images/icon-location.svg?v=1);
}

.icon-mail::before {
    background-image: url(../Resources/Images/icon-mail.svg?v=1);
}

.icon-phone::before {
    background-image: url(../Resources/Images/icon-phone.svg?v=1);
}

.icon-facebook::before {
    background-image: url(../Resources/Images/icon-facebook.svg?v=1);
}

.icon-zalo::before {
    background-image: url(../Resources/Images/icon-zalo.svg?v=1);
}

.icon-clock::before {
    background-image: url(../Resources/Images/icon-clock.svg?v=1);
}

.icon-call::before {
    background-image: url(../Resources/Images/icon-call.svg?v=1);
}

.icon-angle-down::before {
    background-image: url(../Resources/Images/icon-angle-down.svg?v=1);
}

.icon-angle-up::before {
    background-image: url(../Resources/Images/icon-angle-up.svg?v=1);
}

.icon-ellipsis::before {
    background-image: url(../Resources/Images/icon-ellipsis.svg?v=1);
}

.icon-times::before {
    background-image: url(../Resources/Images/icon-times.svg?v=1);
}

/*Search bar*/
.search-bar input {
    box-shadow: 0px 0px 8px 0px #FBA651;
}

/*Menu*/
header .menu-bg {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px -6px #000000;
}

header .menu .main-nav a {
    color: var(--bs-main);
}

header .menu-desktop .main-nav .menu-main .parent .list-child {
    background-color: #FFF6EE;
}

    header .menu-desktop .main-nav .menu-main .parent .list-child li:hover {
        background-color: #996531;
    }

        header .menu-desktop .main-nav .menu-main .parent .list-child li:hover > a {
            color: #fff;
        }

header .menu-desktop .main-nav .menu-extend {
    background-color: #fff;
}

/*Mobile menu*/
header .menu-mobile .div-trigger button .icon-bar {
    background-color: #FBA651;
}

header .menu-mobile-group {
    background-color: #F5F5F5;
}

    header .menu-mobile-group > div:first-child {
        background-color: #FFFFFF;
        border-bottom: 4px solid #B07439;
    }

    header .menu-mobile-group .title {
        color: #B07439;
    }

    header .menu-mobile-group .menu-mobile-list a {
        color: #B07439;
    }

    header .menu-mobile-group .menu-mobile-list > ul > li > a {
        background-color: #fff;
        border-bottom: 1px solid #B07439;
    }

    header .menu-mobile-group .menu-mobile-list .list-child {
        background-color: #f5f5f5;
    }

.backdrop-body-jnv-1 {
    background-color: rgba(0,0,0,0.55);
}

/*Nivo slider*/
.section-slider .nivo-slider .nivo-controlNav a.active {
    background-color: #B07439;
}

.section-slider .nivo-slider .nivo-controlNav a {
    color: rgba(255, 255, 255, 0);
    background: #E0E3EB;
}

/*Product*/
.section-product .cate-tags li {
    border: 0.1rem solid #704A24;
}

    .section-product .cate-tags li.active {
        background-color: #B07439;
        border: 0.1rem solid #B07439 !important;
    }

    .section-product .cate-tags li a {
        color: #704A24;
    }

    .section-product .cate-tags li.active a {
        color: #fafafa !important
    }

.section-product .product-options-tabs ul li.active {
    border-bottom: 0.16rem solid var(--bs-main);
}

.section-product .product-options-tabs ul li a {
    color: var(--bs-main);
}

/*Slides box*/
.slides-box .child-list .swiper-button-next:after, .slides-box .child-list .swiper-button-prev:after {
    background-color: #fff;
}

/*Advertise right*/
.advertise-right .title p {
    background-color: #FBA651;
}

/*Paging*/
.paging-bottom .page-item.active {
    background-color: var(--bs-main) !important;
}

    .paging-bottom .page-item.active a {
        color: #fff;
    }

.paging-bottom .page-item:not(.active) a {
    color: #000;
}

/*Footer*/
.bg-footer::before {
    background-image: url(../Resources/Images/bg-footer.jpg);
}

.section-footer {
    color: #fff;
}

footer .copy-right {
    background-color: #FDF4EC;
}

    footer .copy-right span {
        color: #1786F9;
    }

/*Slides box*/
.slides-box .child-list {
    margin-top: 0.5rem;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
}

    .slides-box .child-list img {
        border-radius: 6px;
    }

    .slides-box .child-list .swiper-button-next, .slides-box .child-list .swiper-button-prev {
        height: 30px !important;
        top: var(--swiper-navigation-top-offset, 55%) !important;
    }

        .slides-box .child-list .swiper-button-next:after, .slides-box .child-list .swiper-button-prev:after {
            font-size: 30px !important;
            font-weight: 700;
            height: 30px !important;
            padding: 0.3rem 0.4rem;
            border-radius: 6px;
        }

/*Search bar*/
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(../Resources/Images/icon-times-circle.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: .3;
    pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
    filter: invert(1);
}

.search-bar {
    position: relative;
}

    .search-bar input {
        display: block;
        width: 100%;
        border-radius: 2rem;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .search-bar input:focus {
            outline: none;
        }

    .search-bar button {
        background-color: transparent;
        border: none;
        border-radius: 5px;
        position: absolute;
        left: 0.4rem;
        top: 0.4rem;
        padding: 0;
        height: 35px;
        width: 35px;
    }

/*Menu*/
header .menu .main-nav {
    margin: 0 auto;
    position: relative;
}

    header .menu .main-nav .logo img {
        display: flex;
        width: 60px;
        height: 60px;
    }

    header .menu .main-nav .menu-main ul {
        display: flex;
    }

        header .menu .main-nav .menu-main ul li, header .menu-mobile .main-nav ul li {
            font-weight: 700;
            font-size: 18px;
            margin: auto;
            cursor: pointer;
        }

            header .menu .main-nav .menu-main ul li a {
                padding: 14px 8px;
                text-transform: uppercase;
            }

                header .menu .main-nav .menu-main ul li a.hot-line, header .menu-mobile .main-nav ul li a.hot-line {
                    text-transform: unset !important;
                }

                    header .menu .main-nav .menu-main ul li a.hot-line span:last-child, header .menu-mobile .main-nav ul li a.hot-line span:last-child {
                        font-size: 22px;
                    }

header .menu-desktop .main-nav .menu-main .parent {
    position: relative;
    transition-duration: 200ms;
    transition-property: color;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}

    header .menu-desktop .main-nav .menu-main .parent .list-child {
        min-width: 200px;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        left: 0;
        top: calc(100% + 28px);
        transition-duration: 200ms;
        transition-property: opacity, top, all;
        transition-timing-function: cubic-bezier(.7,1,.7,1);
        display: block;
    }

        header .menu-desktop .main-nav .menu-main .parent .list-child li {
            padding: 0.6rem 1rem;
            display: block;
        }

            header .menu-desktop .main-nav .menu-main .parent .list-child li > ul {
                left: 100%;
                top: 0;
            }

    header .menu-desktop .main-nav .menu-main .parent:hover > ul.list-child {
        opacity: 1;
        visibility: visible;
    }

header .menu-desktop .main-nav .menu-extend {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    min-height: 120px;
    z-index: 6;
}

    header .menu-desktop .main-nav .menu-extend .list-child {
        padding-left: 0.8rem;
        padding-top: 0.4rem;
    }

    header .menu-desktop .main-nav .menu-extend > div > a {
        text-transform: uppercase;
        font-weight: 700;
    }

header .menu .search-bar {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*Main search*/
.main-search #resultFormMain {
    position: relative;
}

.result-form-main {
    max-width: 400px;
    width: 100vw;
    background: #fff;
    border-radius: 10px;
    left: 0;
    min-height: 44px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 31;
}

    .result-form-main .item img {
        border-radius: 0.6rem;
        height: 68px;
    }

    .result-form-main .item .item-info p {
        font-size: 16px !important;
        font-weight: 600;
        line-height: 22px;
    }


/*Mobile menu*/
header .menu-mobile .main-nav ul li a {
    padding: 8px 8px;
    text-transform: uppercase;
}

header .menu-mobile .div-trigger {
    position: relative;
}

    header .menu-mobile .div-trigger button {
        float: right;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        position: absolute;
        top: 48%;
        left: 50%;
        z-index: 3;
        transform: translate(-50%, -50%);
    }

        header .menu-mobile .div-trigger button .icon-bar {
            margin-top: 4px;
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
        }

            header .menu-mobile .div-trigger button .icon-bar:nth-child(2) {
                width: 15px;
            }

            header .menu-mobile .div-trigger button .icon-bar:nth-child(4) {
                width: 15px;
            }

header .menu-mobile-group {
    padding: 0;
    height: 100%;
    -webkit-transform: translateX(calc(-100vw + 20px));
    transform: translateX(calc(-100vw + 20px));
    position: fixed;
    top: 0 !important;
    left: 0;
    visibility: hidden;
    width: 346px;
    z-index: 99;
    -webkit-transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    overflow-y: scroll;
}

    header .menu-mobile-group.active {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    header .menu-mobile-group img {
        display: flex;
        width: 60px;
        height: 60px;
    }

    header .menu-mobile-group .title {
        text-transform: uppercase;
        font-weight: 600;
    }

    header .menu-mobile-group .menu-mobile-list a {
        position: relative;
        display: block;
        height: initial;
        line-height: 1.5;
        padding: 10px 20px;
        font-size: 16px;
    }

        header .menu-mobile-group .menu-mobile-list a > .icon-angle-down {
            position: absolute;
            right: 15px;
            margin: 0;
            transition: all 0.4s ease-in-out 0s;
            -moz-transition: all 0.4s ease-in-out 0s;
            -o-transition: all 0.4s ease-in-out 0s;
            -webkit-transition: all 0.4s ease-in-out 0s;
            -ms-transition: all 0.4s ease-in-out 0s;
        }

    header .menu-mobile-group .menu-mobile-list > ul > li {
        display: block;
        margin: 0;
        width: 100%;
    }

    header .menu-mobile-group .menu-mobile-list .list-child {
        display: none;
    }

        header .menu-mobile-group .menu-mobile-list .list-child.show {
            display: block;
        }

    header .menu-mobile-group .menu-mobile-list .has-child.active .icon-angle-down {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.backdrop-body-jnv-1 {
    visibility: hidden;
    position: fixed;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    transition: opacity .5s ease;
}

    .backdrop-body-jnv-1.active {
        transition: opacity .5s ease;
        visibility: visible;
        opacity: 1;
    }

/*Nivo slider*/
.section-slider .nivo-directionNav {
    display: none;
}

.section-slider .nivo-controlNav {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
}

.section-slider .nivo-slider .nivo-controlNav a {
    display: inline-block;
    border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    border: unset;
}

/*Product*/
.section-product .cate-tags li {
    display: inline-block;
    margin: 0;
}

.section-product .product-options-tabs ul {
    display: flex;
}

    .section-product .product-options-tabs ul li {
        font-weight: 700;
        line-height: 22px;
        margin: auto;
    }

        .section-product .product-options-tabs ul li.active {
            padding-bottom: 0.5rem;
        }

.section-product .item {
    padding: 7.5px;
}

    .section-product .item figure {
        border-radius: 30px;
        position: relative;
    }

        .section-product .item figure figcaption {
            min-height: 80px;
        }

    .section-product .item .currency {
        float: right;
    }

    .section-product .item .currency-new {
        line-height: 28px;
        font-size: 18px;
    }

    .section-product .item .order-now {
        font-size: 20px;
    }

.section-product .group-event > a {
    position: absolute;
    bottom: 5.5rem;
    right: 0.6rem;
}

/*Product details*/
.article-product-details .currency-old {
    font-size: 1.1rem;
}

.article-product-details .currency-new {
    font-size: 1.3rem;
}

/*Advertise right*/
.advertise-right .title {
    position: relative;
}

    .advertise-right .title p {
        height: 0.1rem;
        opacity: 1;
        position: relative
    }

    .advertise-right .title h4 {
        position: absolute;
        top: -23px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        padding: 12px 24px;
        width: fit-content;
    }

.advertise-right .item:not(:last-child) {
    margin-bottom: 1.3rem;
}

.advertise-right .item figure {
    border-radius: 30px;
    position: relative;
}

    .advertise-right .item figure figcaption {
        min-height: 80px;
    }

.advertise-right .item .currency {
    float: right;
}

.advertise-right .item .currency-new {
    line-height: 28px;
    font-size: 18px;
}

.advertise-right .group-event > a {
    position: absolute;
}

/*Paging*/
.paging-bottom .pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.paging-bottom .page-item {
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 1px;
    cursor: pointer;
    border-radius: 20px;
}

    .paging-bottom .page-item a {
        vertical-align: middle;
        line-height: 32px;
    }

/*Footer*/
footer .section-footer .contact-group {
    margin: 0 auto;
}

footer .section-footer ul {
    margin-top: 0.2rem;
}

    footer .section-footer ul li {
        font-size: 17px;
        margin-top: 1rem;
    }

footer .section-footer iframe {
    height: 100%
}

footer .copy-right {
    display: flex;
    justify-content: center;
}

    footer .copy-right span {
        display: flex;
        align-items: center;
    }

/*Venobox*/
.vbox-child {
    display: contents;
}

/*Toast*/
.toast .toast-message {
    padding-top: 0.1rem;
    font-size: 16px;
}

@media (min-width: 360px) {

    .img-s-1 {
        width: 100%;
        height: 100px;
    }

    .img-s-5 {
        width: 100%;
        height: 350px;
    }

    .thunb-art-list {
        height: 380px;
    }

    /*Header*/
    header .menu-desktop {
        display: none;
    }

    header .menu-mobile {
        display: block;
    }

    header .menu .main-nav {
        max-width: 88%;
    }

        header .menu .main-nav .logo img {
            width: 60px;
            height: 60px;
        }

    header .menu-mobile .main-nav ul li a.hot-line span {
        line-height: 22px;
    }

        header .menu-mobile .main-nav ul li a.hot-line span:first-child {
            font-size: 16px;
        }

        header .menu-mobile .main-nav ul li a.hot-line span:last-child {
            font-size: 18px;
        }

    /*Mobile menu*/
    header .menu-mobile-group img {
        width: 60px;
        height: 60px;
    }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 180px !important;
    }

    .section-slider .nivo-slider .nivo-controlNav a {
        width: 12px;
        height: 8px;
    }

    .section-slider .nivo-controlNav {
        bottom: -10px;
    }

    /*Search bar*/
    .search-bar input {
        padding-top: .375rem;
        padding-bottom: .375rem;
        padding-left: 2.5rem;
        padding-right: .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.9;
    }

    /*Product*/
    .section-product .cate-tags li {
        padding: 0.3rem 0.6rem;
        border-radius: 30px;
    }

        .section-product .cate-tags li:not(:first-child) {
            margin-left: 0.1rem;
        }

    .section-product .product-options-tabs ul li {
        font-size: 16px;
    }

    /*Footer*/
    .bg-footer {
        position: relative;
    }

        .bg-footer::before {
            content: '';
            background-repeat: no-repeat;
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
        }

    footer .section-footer .contact-group {
        width: 94%;
    }

    /*Advertise right*/
    .advertise-right .group-event > a {
        bottom: 5.4rem;
        right: 0.5rem;
    }
}

@media (min-width: 420px) {
    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 210px !important;
    }
}

@media (min-width: 480px) {

    .img-s-1 {
        width: 100%;
        height: 125px;
    }

    .img-s-5 {
        width: 100%;
        height: 400px;
    }

    .thunb-art-list {
        height: 460px;
    }

    /*Header*/
    header .menu .main-nav .logo img {
        width: 68px;
        height: 68px;
    }

    header .menu-mobile .main-nav ul li a.hot-line span {
        line-height: 26px;
    }

        header .menu-mobile .main-nav ul li a.hot-line span:first-child {
            font-size: 18px;
        }

        header .menu-mobile .main-nav ul li a.hot-line span:last-child {
            font-size: 20px;
        }

    /*Mobile menu*/
    header .menu-mobile-group img {
        width: 68px;
        height: 68px;
    }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 240px !important;
    }

    /*Product*/
    .section-product .cate-tags li {
        padding: 0.42rem 0.8rem;
    }

    /*Advertise right*/
    .advertise-right .group-event > a {
        bottom: 5.5rem;
        right: 0.6rem;
    }
}

@media (min-width: 576px) {

    .img-s-1 {
        width: 100%;
        height: 145px;
    }

    .img-s-5 {
        width: 100%;
        height: 450px;
    }

    .thunb-art-list {
        height: 560px;
    }

    /*Header*/
    header .menu .main-nav .logo img {
        width: 72px;
        height: 72px;
    }

    header .menu-mobile .main-nav ul li a.hot-line span {
        line-height: 28px;
    }

        header .menu-mobile .main-nav ul li a.hot-line span:first-child {
            font-size: 20px;
        }

        header .menu-mobile .main-nav ul li a.hot-line span:last-child {
            font-size: 22px;
        }

    header .menu-mobile .div-trigger button .icon-bar {
        width: 28px;
        height: 3px;
        border-radius: 2px;
    }

    /*Mobile menu*/
    header .menu-mobile-group img {
        width: 75px;
        height: 75px;
    }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 360px !important;
    }

    .section-slider .nivo-slider .nivo-controlNav a {
        width: 14px;
        height: 10px;
    }

    .section-slider .nivo-controlNav {
        bottom: -4px;
    }

    /*Product*/
    .section-product .cate-tags li {
        padding: 0.46rem 0.8rem;
    }

        .section-product .cate-tags li:not(:first-child) {
            margin-left: 0.2rem;
        }

    /*Advertise right*/
    .advertise-right .group-event > a {
        bottom: 5.6rem;
        right: 0.6rem;
    }
}

@media (min-width: 768px) {

    .img-s-1 {
        width: 100%;
        height: 160px;
    }

    .img-s-5 {
        width: 100%;
        height: 620px;
    }

    .thunb-art-list {
        height: 300px;
    }

    /*Header*/
    header .menu .main-nav .logo img {
        width: 80px;
        height: 80px;
    }

    header .menu-mobile .main-nav ul li a.hot-line span {
        line-height: 32px;
    }

        header .menu-mobile .main-nav ul li a.hot-line span:first-child {
            font-size: 22px;
        }

        header .menu-mobile .main-nav ul li a.hot-line span:last-child {
            font-size: 24px;
        }

    header .menu-mobile .div-trigger button .icon-bar {
        width: 30px;
        height: 4px;
        border-radius: 4px;
    }

    /*Mobile menu*/
    header .menu-mobile-group img {
        width: 80px;
        height: 80px;
    }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 440px !important;
    }

    .section-slider .nivo-slider .nivo-controlNav a {
        width: 16px;
        height: 10px;
    }

    .section-slider .nivo-controlNav {
        bottom: 0px;
    }

    /*Footer*/
    footer .section-footer .contact-group {
        width: 95%;
    }
}

@media (min-width: 992px) {

    .img-s-1 {
        width: 100%;
        height: 110px;
    }

    .img-s-5 {
        width: 100%;
        height: 380px;
    }

    .thunb-art-list {
        height: 360px;
    }

    /*Header*/
    header .menu-mobile .main-nav ul li a.hot-line span {
        line-height: 32px;
    }

        header .menu-mobile .main-nav ul li a.hot-line span:first-child {
            font-size: 24px;
        }

        header .menu-mobile .main-nav ul li a.hot-line span:last-child {
            font-size: 28px;
        }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 520px !important;
    }
}

@media (min-width: 1200px) {

    .img-s-1 {
        width: 100%;
        height: 120px;
    }

    .img-s-5 {
        width: 100%;
        height: 440px;
    }

    .thunb-art-list {
        height: 440px;
    }

    /*Header*/
    header .menu-desktop {
        display: block;
    }

    header .menu-mobile {
        display: none;
    }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 600px !important;
    }

    .section-slider .nivo-slider .nivo-controlNav a {
        width: 18px;
        height: 12px;
    }

    /*Product*/
    .section-product .cate-tags li {
        padding: 0.5rem 0.9rem;
    }

    .section-product .product-options-tabs ul li {
        font-size: 20px;
    }

    /*Footer*/
    .bg-footer::before {
        background-repeat: round;
    }

    /*Venobox*/
    .vbox-container img {
        height: 82vh !important;
    }

    /*Footer*/
    footer .section-footer .contact-group {
        width: 80%;
    }
}

@media (min-width: 1400px) {

    .img-s-5 {
        width: 100%;
        height: 520px;
    }

    .thunb-art-list {
        height: 340px;
    }

    /*Nivo slider*/
    .section-slider .nivoSlider img {
        height: 680px !important;
    }

    /*Product*/
    .section-product .product-options-tabs ul li {
        font-size: 22px;
    }
}

@media (min-width: 1530px) {
}

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}