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

INDEX:

    00 - Base - Global
    01 - Base - Typography

    10 - Layout - Header
    11 - Layout - Footer
    12 - Layout - Sidebar

    20 - Components - Accordion
    21 - Components - Animation
    22 - Components - Button
        22.00 - Global Button
        22.01 - Close Button
        22.02 - Menu Button
        22.03 - Video Play Button
        22.04 - Banner Button
        22.05 - Sidebar Button
        22.06 - Read More Button
        22.07 - Load More Button

    23 - Components - Carousel
    24 - Components - Comment
    25 - Components - Form
        25.00 - Global Form
        25.01 - Rating
        25.02 - Search Form
        25.03 - Newsletter Form
        25.04 - Cart Form
        25.05 - Shipping Calculator Form

    26 - Components - Mini cart
    27 - Components - Modal
        27.00 - Quick View Modal
        27.01 - Newsletter Form Popup
        27.02 - Search Form Popup

    28 - Components - Navigation
        28.00 - Main Menu
        28.01 - Vertical Main Menu
        28.02 - Mobile Menu
        28.03 - Side Navigation
        28.04 - Side Nav Menu
        28.05 - Secondary Navigation 

    29 - Components - Post
        29.00 - Blog Carousel
        29.01 - Post
        29.02 - Masonary Blog Layout
        29.03 - Single Post
        29.04 - Post Navigation
        29.05 - Related Post

    30 - Components - Product
        30.00 - Zuka Product
        30.01 - Product List
        30.02 - Product Summary
        30.03 - Special Offer Product
        30.04 - Product Countdown
        30.05 - Featured Product
        30.06 - Special Product List
        30.07 - Advanced Product Filters
        30.08 - Product Gallery
        30.09 - Product Variations
        30.10 - Product Box
        30.11 - Product Category

    31 - Components - Promo
        31.00 - Banner Box
        31.01 - Fullwide Banner

    32 - Components - Social
    33 - Components - Table
    34 - Components - Tabs
        34.00 - tab style 1
        34.01 - tab style 2
        34.02 - tab style 3
        34.03 - tab style 4
        34.04 - tab style 5
        34.05 - User Dashboard tab
        34.06 - tab Content
        34.07 - Tab with heading
        34.08 - Product Data Tab

    35 - Components - Team
    36 - Components - Testimonial
    37 - Components - Widget

    40 - Pages - Cart
    41 - Pages - Checkout
    42 - Pages - Shop
    43 - Pages - Single Product

    50 - Utilities - Helper
    51 - Utilities - Common
    52 - Utilities - Color

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


/*
    Defult Primary Color:       #353233A6
    Default Border Color:       #cdcdcd
    Default Text Color:         #353233A6
    Default Heading Color:      #181818
    Default Body Font:          '微軟正黑體', sans-serif;

*/

@import url("https://fonts.googleapis.com/css?family=微軟正黑體:300,400,500,600,700,800,900|Prata|Pacifico");

/*****************************
00. Global CSS
*****************************/


/*****************************
00. Global CSS
*****************************/

html {
    font-size: 62.5%;
}

body {
    font-size: 16px;
    font-family: "微軟正黑體", sans-serif;
    color: #353233A6;
    line-height: 1.3;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: #181818;
    font-family: "微軟正黑體", sans-serif;
    line-height: 1.4;
}

p {
    font-size: 16px;
    color: #353233A6;
    font-weight: 400;
    line-height: 1.6;
}

p:last-child {
    margin-bottom: 0;
}

figure {
    margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #353233A6;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #353233A6;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #353233A6;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #353233A6;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    max-width: 100%;
}

a,
button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}

*:focus {
    outline: none !important;
}

a:focus {
    color: inherit;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

button,
input[type="submit"] {
    cursor: pointer;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:focus,
a:active,
button,
button:focus,
input,
select,
textarea,
.slick-slide,
.slick-slide:focus,
.slick-slide:active {
    outline: none;
}


/*****************************
01. Typography CSS
*****************************/

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 35px;
}

h3,
.h3 {
    font-size: 30px;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 1.3;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
}

h6,
.h6 {
    font-size: 12px;
}

p:last-child {
    margin-bottom: 0;
}

.font-light {
    font-weight: 300 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.font-semi-bold {
    font-weight: 600 !important;
}

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

.font-bolder {
    font-weight: 900 !important;
}

.font-prata {
    font-family: "微軟正黑體", serif;
}

.font-pacifico {
    font-family: "Pacifico", cursive;
}

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

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

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

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

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

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

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

@media (max-width: 47.94em) {
    .font-weight-sm-300 {
        font-weight: 300 !important;
    }
}

@media (max-width: 47.94em) {
    .font-weight-sm-400 {
        font-weight: 400 !important;
    }
}

@media (max-width: 47.94em) {
    .font-weight-sm-500 {
        font-weight: 500 !important;
    }
}

@media (max-width: 47.94em) {
    .font-weight-sm-600 {
        font-weight: 600 !important;
    }
}

@media (max-width: 47.94em) {
    .font-weight-sm-700 {
        font-weight: 700 !important;
    }
}

@media (max-width: 47.94em) {
    .font-weight-sm-800 {
        font-weight: 800 !important;
    }
}

@media (max-width: 47.94em) {
    .font-weight-sm-900 {
        font-weight: 900 !important;
    }
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-19 {
    font-size: 19px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-21 {
    font-size: 21px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-23 {
    font-size: 23px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-25 {
    font-size: 25px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-27 {
    font-size: 27px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-29 {
    font-size: 29px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

@media (max-width: 74.9375em) {
    .font-size-lg-10 {
        font-size: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-11 {
        font-size: 11px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-12 {
        font-size: 12px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-13 {
        font-size: 13px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-14 {
        font-size: 14px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-15 {
        font-size: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-16 {
        font-size: 16px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-17 {
        font-size: 17px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-18 {
        font-size: 18px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-19 {
        font-size: 19px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-20 {
        font-size: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-21 {
        font-size: 21px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-22 {
        font-size: 22px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-23 {
        font-size: 23px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-24 {
        font-size: 24px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-25 {
        font-size: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-26 {
        font-size: 26px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-27 {
        font-size: 27px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-28 {
        font-size: 28px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-29 {
        font-size: 29px !important;
    }
}

@media (max-width: 74.9375em) {
    .font-size-lg-30 {
        font-size: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-10 {
        font-size: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-11 {
        font-size: 11px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-12 {
        font-size: 12px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-13 {
        font-size: 13px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-14 {
        font-size: 14px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-15 {
        font-size: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-16 {
        font-size: 16px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-17 {
        font-size: 17px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-18 {
        font-size: 18px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-19 {
        font-size: 19px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-20 {
        font-size: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-21 {
        font-size: 21px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-22 {
        font-size: 22px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-23 {
        font-size: 23px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-24 {
        font-size: 24px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-25 {
        font-size: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-26 {
        font-size: 26px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-27 {
        font-size: 27px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-28 {
        font-size: 28px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-29 {
        font-size: 29px !important;
    }
}

@media (max-width: 61.94em) {
    .font-size-md-30 {
        font-size: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-10 {
        font-size: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-11 {
        font-size: 11px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-12 {
        font-size: 12px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-13 {
        font-size: 13px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-14 {
        font-size: 14px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-15 {
        font-size: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-16 {
        font-size: 16px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-17 {
        font-size: 17px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-18 {
        font-size: 18px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-19 {
        font-size: 19px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-20 {
        font-size: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-21 {
        font-size: 21px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-22 {
        font-size: 22px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-23 {
        font-size: 23px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-24 {
        font-size: 24px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-25 {
        font-size: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-26 {
        font-size: 26px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-27 {
        font-size: 27px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-28 {
        font-size: 28px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-29 {
        font-size: 29px !important;
    }
}

@media (max-width: 47.94em) {
    .font-size-sm-30 {
        font-size: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-10 {
        font-size: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-11 {
        font-size: 11px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-12 {
        font-size: 12px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-13 {
        font-size: 13px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-14 {
        font-size: 14px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-15 {
        font-size: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-16 {
        font-size: 16px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-17 {
        font-size: 17px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-18 {
        font-size: 18px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-19 {
        font-size: 19px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-20 {
        font-size: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-21 {
        font-size: 21px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-22 {
        font-size: 22px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-23 {
        font-size: 23px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-24 {
        font-size: 24px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-25 {
        font-size: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-26 {
        font-size: 26px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-27 {
        font-size: 27px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-28 {
        font-size: 28px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-29 {
        font-size: 29px !important;
    }
}

@media (max-width: 35.94em) {
    .font-size-xs-30 {
        font-size: 30px !important;
    }
}

.lts-0 {
    letter-spacing: 0px !important;
}

.lts-1 {
    letter-spacing: 1px !important;
}

.lts-2 {
    letter-spacing: 2px !important;
}

.lts-3 {
    letter-spacing: 3px !important;
}

.lts-4 {
    letter-spacing: 4px !important;
}

.lts-5 {
    letter-spacing: 5px !important;
}

.lts-6 {
    letter-spacing: 6px !important;
}

.lts-7 {
    letter-spacing: 7px !important;
}

.lts-8 {
    letter-spacing: 8px !important;
}

.lts-9 {
    letter-spacing: 9px !important;
}

.lts-10 {
    letter-spacing: 10px !important;
}

.lts-11 {
    letter-spacing: 11px !important;
}

.lts-12 {
    letter-spacing: 12px !important;
}

.lts-13 {
    letter-spacing: 13px !important;
}

.lts-14 {
    letter-spacing: 14px !important;
}

.lts-15 {
    letter-spacing: 15px !important;
}

.lts-16 {
    letter-spacing: 16px !important;
}

.lts-17 {
    letter-spacing: 17px !important;
}

.lts-18 {
    letter-spacing: 18px !important;
}

.lts-19 {
    letter-spacing: 19px !important;
}

.lts-20 {
    letter-spacing: 20px !important;
}

.lts-21 {
    letter-spacing: 21px !important;
}

.lts-22 {
    letter-spacing: 22px !important;
}

.lts-23 {
    letter-spacing: 23px !important;
}

.lts-24 {
    letter-spacing: 24px !important;
}

.lts-25 {
    letter-spacing: 25px !important;
}

.lts-26 {
    letter-spacing: 26px !important;
}

.lts-27 {
    letter-spacing: 27px !important;
}

.lts-28 {
    letter-spacing: 28px !important;
}

.lts-29 {
    letter-spacing: 29px !important;
}

.lts-30 {
    letter-spacing: 30px !important;
}

.lts-31 {
    letter-spacing: 31px !important;
}

.lts-32 {
    letter-spacing: 32px !important;
}

.lts-33 {
    letter-spacing: 33px !important;
}

.lts-34 {
    letter-spacing: 34px !important;
}

.lts-35 {
    letter-spacing: 35px !important;
}

.lts-36 {
    letter-spacing: 36px !important;
}

.lts-37 {
    letter-spacing: 37px !important;
}

.lts-38 {
    letter-spacing: 38px !important;
}

.lts-39 {
    letter-spacing: 39px !important;
}

.lts-40 {
    letter-spacing: 40px !important;
}

@media (max-width: 93.6875em) {
    .lts-xl-0 {
        letter-spacing: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-1 {
        letter-spacing: 1px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-2 {
        letter-spacing: 2px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-3 {
        letter-spacing: 3px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-4 {
        letter-spacing: 4px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-5 {
        letter-spacing: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-6 {
        letter-spacing: 6px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-7 {
        letter-spacing: 7px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-8 {
        letter-spacing: 8px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-9 {
        letter-spacing: 9px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-10 {
        letter-spacing: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-11 {
        letter-spacing: 11px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-12 {
        letter-spacing: 12px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-13 {
        letter-spacing: 13px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-14 {
        letter-spacing: 14px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-15 {
        letter-spacing: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-16 {
        letter-spacing: 16px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-17 {
        letter-spacing: 17px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-18 {
        letter-spacing: 18px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-19 {
        letter-spacing: 19px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-20 {
        letter-spacing: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-21 {
        letter-spacing: 21px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-22 {
        letter-spacing: 22px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-23 {
        letter-spacing: 23px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-24 {
        letter-spacing: 24px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-25 {
        letter-spacing: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-26 {
        letter-spacing: 26px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-27 {
        letter-spacing: 27px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-28 {
        letter-spacing: 28px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-29 {
        letter-spacing: 29px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-30 {
        letter-spacing: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-31 {
        letter-spacing: 31px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-32 {
        letter-spacing: 32px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-33 {
        letter-spacing: 33px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-34 {
        letter-spacing: 34px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-35 {
        letter-spacing: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-36 {
        letter-spacing: 36px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-37 {
        letter-spacing: 37px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-38 {
        letter-spacing: 38px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-39 {
        letter-spacing: 39px !important;
    }
}

@media (max-width: 93.6875em) {
    .lts-xl-40 {
        letter-spacing: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-0 {
        letter-spacing: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-1 {
        letter-spacing: 1px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-2 {
        letter-spacing: 2px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-3 {
        letter-spacing: 3px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-4 {
        letter-spacing: 4px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-5 {
        letter-spacing: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-6 {
        letter-spacing: 6px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-7 {
        letter-spacing: 7px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-8 {
        letter-spacing: 8px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-9 {
        letter-spacing: 9px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-10 {
        letter-spacing: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-11 {
        letter-spacing: 11px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-12 {
        letter-spacing: 12px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-13 {
        letter-spacing: 13px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-14 {
        letter-spacing: 14px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-15 {
        letter-spacing: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-16 {
        letter-spacing: 16px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-17 {
        letter-spacing: 17px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-18 {
        letter-spacing: 18px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-19 {
        letter-spacing: 19px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-20 {
        letter-spacing: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-21 {
        letter-spacing: 21px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-22 {
        letter-spacing: 22px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-23 {
        letter-spacing: 23px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-24 {
        letter-spacing: 24px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-25 {
        letter-spacing: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-26 {
        letter-spacing: 26px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-27 {
        letter-spacing: 27px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-28 {
        letter-spacing: 28px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-29 {
        letter-spacing: 29px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-30 {
        letter-spacing: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-31 {
        letter-spacing: 31px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-32 {
        letter-spacing: 32px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-33 {
        letter-spacing: 33px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-34 {
        letter-spacing: 34px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-35 {
        letter-spacing: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-36 {
        letter-spacing: 36px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-37 {
        letter-spacing: 37px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-38 {
        letter-spacing: 38px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-39 {
        letter-spacing: 39px !important;
    }
}

@media (max-width: 74.9375em) {
    .lts-lg-40 {
        letter-spacing: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-0 {
        letter-spacing: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-1 {
        letter-spacing: 1px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-2 {
        letter-spacing: 2px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-3 {
        letter-spacing: 3px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-4 {
        letter-spacing: 4px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-5 {
        letter-spacing: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-6 {
        letter-spacing: 6px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-7 {
        letter-spacing: 7px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-8 {
        letter-spacing: 8px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-9 {
        letter-spacing: 9px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-10 {
        letter-spacing: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-11 {
        letter-spacing: 11px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-12 {
        letter-spacing: 12px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-13 {
        letter-spacing: 13px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-14 {
        letter-spacing: 14px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-15 {
        letter-spacing: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-16 {
        letter-spacing: 16px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-17 {
        letter-spacing: 17px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-18 {
        letter-spacing: 18px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-19 {
        letter-spacing: 19px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-20 {
        letter-spacing: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-21 {
        letter-spacing: 21px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-22 {
        letter-spacing: 22px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-23 {
        letter-spacing: 23px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-24 {
        letter-spacing: 24px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-25 {
        letter-spacing: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-26 {
        letter-spacing: 26px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-27 {
        letter-spacing: 27px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-28 {
        letter-spacing: 28px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-29 {
        letter-spacing: 29px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-30 {
        letter-spacing: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-31 {
        letter-spacing: 31px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-32 {
        letter-spacing: 32px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-33 {
        letter-spacing: 33px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-34 {
        letter-spacing: 34px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-35 {
        letter-spacing: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-36 {
        letter-spacing: 36px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-37 {
        letter-spacing: 37px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-38 {
        letter-spacing: 38px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-39 {
        letter-spacing: 39px !important;
    }
}

@media (max-width: 61.94em) {
    .lts-md-40 {
        letter-spacing: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-0 {
        letter-spacing: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-1 {
        letter-spacing: 1px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-2 {
        letter-spacing: 2px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-3 {
        letter-spacing: 3px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-4 {
        letter-spacing: 4px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-5 {
        letter-spacing: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-6 {
        letter-spacing: 6px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-7 {
        letter-spacing: 7px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-8 {
        letter-spacing: 8px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-9 {
        letter-spacing: 9px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-10 {
        letter-spacing: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-11 {
        letter-spacing: 11px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-12 {
        letter-spacing: 12px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-13 {
        letter-spacing: 13px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-14 {
        letter-spacing: 14px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-15 {
        letter-spacing: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-16 {
        letter-spacing: 16px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-17 {
        letter-spacing: 17px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-18 {
        letter-spacing: 18px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-19 {
        letter-spacing: 19px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-20 {
        letter-spacing: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-21 {
        letter-spacing: 21px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-22 {
        letter-spacing: 22px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-23 {
        letter-spacing: 23px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-24 {
        letter-spacing: 24px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-25 {
        letter-spacing: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-26 {
        letter-spacing: 26px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-27 {
        letter-spacing: 27px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-28 {
        letter-spacing: 28px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-29 {
        letter-spacing: 29px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-30 {
        letter-spacing: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-31 {
        letter-spacing: 31px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-32 {
        letter-spacing: 32px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-33 {
        letter-spacing: 33px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-34 {
        letter-spacing: 34px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-35 {
        letter-spacing: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-36 {
        letter-spacing: 36px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-37 {
        letter-spacing: 37px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-38 {
        letter-spacing: 38px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-39 {
        letter-spacing: 39px !important;
    }
}

@media (max-width: 47.94em) {
    .lts-sm-40 {
        letter-spacing: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-0 {
        letter-spacing: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-1 {
        letter-spacing: 1px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-2 {
        letter-spacing: 2px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-3 {
        letter-spacing: 3px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-4 {
        letter-spacing: 4px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-5 {
        letter-spacing: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-6 {
        letter-spacing: 6px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-7 {
        letter-spacing: 7px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-8 {
        letter-spacing: 8px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-9 {
        letter-spacing: 9px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-10 {
        letter-spacing: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-11 {
        letter-spacing: 11px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-12 {
        letter-spacing: 12px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-13 {
        letter-spacing: 13px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-14 {
        letter-spacing: 14px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-15 {
        letter-spacing: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-16 {
        letter-spacing: 16px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-17 {
        letter-spacing: 17px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-18 {
        letter-spacing: 18px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-19 {
        letter-spacing: 19px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-20 {
        letter-spacing: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-21 {
        letter-spacing: 21px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-22 {
        letter-spacing: 22px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-23 {
        letter-spacing: 23px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-24 {
        letter-spacing: 24px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-25 {
        letter-spacing: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-26 {
        letter-spacing: 26px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-27 {
        letter-spacing: 27px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-28 {
        letter-spacing: 28px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-29 {
        letter-spacing: 29px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-30 {
        letter-spacing: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-31 {
        letter-spacing: 31px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-32 {
        letter-spacing: 32px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-33 {
        letter-spacing: 33px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-34 {
        letter-spacing: 34px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-35 {
        letter-spacing: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-36 {
        letter-spacing: 36px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-37 {
        letter-spacing: 37px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-38 {
        letter-spacing: 38px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-39 {
        letter-spacing: 39px !important;
    }
}

@media (max-width: 35.94em) {
    .lts-xs-40 {
        letter-spacing: 40px !important;
    }
}

.text-underline {
    text-decoration: underline;
}

.heading-big {
    font-size: 76px;
    line-height: 1;
}

@media (max-width: 74.9375em) {
    .heading-big {
        font-size: 60px;
    }
}

@media (max-width: 47.94em) {
    .heading-big {
        font-size: 40px;
    }
}

@media (max-width: 35.94em) {
    .heading-big {
        font-size: 30px;
    }
}

@media (max-width: 28.125em) {
    .heading-big {
        font-size: 25px;
    }
}

.heading-bigger {
    color: #181818;
    font-size: 100px;
    line-height: 1;
    margin-bottom: 0;
}

@media (max-width: 74.9375em) {
    .heading-bigger {
        font-size: 80px;
    }
}

@media (max-width: 61.94em) {
    .heading-bigger {
        font-size: 60px;
    }
}

.heading-biggest {
    font-size: 199px;
    line-height: 1.1;
}

.heading-primary {
    font-size: 64px;
    color: #181818;
    margin-bottom: 0;
    line-height: 1;
}

.heading-primary span {
    color: #279ee3;
}

@media (max-width: 74.9375em) {
    .heading-primary {
        font-size: 42px;
    }
}

@media (max-width: 61.94em) {
    .heading-primary {
        font-size: 38px;
    }
}

@media (max-width: 47.94em) {
    .heading-primary {
        font-size: 30px;
    }
}

@media (max-width: 35.94em) {
    .heading-primary {
        font-size: 25px;
    }
}

.heading-secondary {
    text-transform: capitalize;
    font-size: 36px;
    margin-bottom: 0;
    color: #181818;
    font-weight: 400;
    line-height: 45px;
}

.heading-secondary strong {
    font-weight: 900;
}

@media (max-width: 61.94em) {
    .heading-secondary {
        font-size: 24px;
        line-height: 32px;
    }
}

.heading-secondary-2 {
    font-family: "微軟正黑體", serif;
    color: #282828;
    font-size: 46px;
    line-height: 1.3;
    margin: 0;
}

@media (max-width: 74.9375em) {
    .heading-secondary-2 {
        font-size: 34px;
    }
}

@media (max-width: 47.94em) {
    .heading-secondary-2 {
        font-size: 24px;
        line-height: 1.6;
    }
}

.heading-secondary-3 {
    font-family: "Pacifico", cursive;
    color: #282828;
    font-size: 46px;
    line-height: 1.9;
    margin: 0;
}

@media (max-width: 74.9375em) {
    .heading-secondary-3 {
        font-size: 34px;
    }
}

@media (max-width: 47.94em) {
    .heading-secondary-3 {
        font-size: 24px;
        line-height: 1.5;
    }
}

.heading-secondary-4 {
    color: #282828;
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.2;
}

@media (max-width: 61.94em) {
    .heading-secondary-4 {
        font-size: 30px;
        line-height: 1.1;
    }
}

@media (max-width: 47.94em) {
    .heading-secondary-4 {
        font-size: 25px;
    }
}

.heading-tertiary {
    font-size: 24px;
    margin-bottom: 0;
    color: #181818;
    line-height: 1.35;
    font-weight: 400;
}

.heading-button {
    border-bottom: 2px solid #D0D0D0;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}

.heading-button:hover {
    border-color: #181818;
}

.newsletter-box__title {
    font-size: 40px;
}

@media (max-width: 61.94em) {
    .newsletter-box__title {
        font-size: 25px;
    }
}

.load-more i {
    font-size: 12px;
    padding-left: 5px;
}

.view-all {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 1px solid;
    text-transform: capitalize;
    padding-bottom: 6px;
}

.paragraph-2 {
    line-height: 32px;
}

@media (max-width: 61.94em) {
    .paragraph-2 {
        line-height: 24px;
    }
}


/*****************************
02. Helper CSS
*****************************/

.wrapper {
    position: relative;
}

.wrapper.enable-header-aside {
    padding-left: 400px;
}

@media (max-width: 99.9375em) {
    .wrapper.enable-header-aside {
        padding-left: 300px;
    }
}

@media (max-width: 61.94em) {
    .wrapper.enable-header-aside {
        padding-left: 0;
    }
}

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

@media (max-width: 47.94em) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 74.9375em) {
    .container-full-lg {
        max-width: 100%;
    }
}

@media (min-width: 47.94em) {
    .container-small {
        max-width: 970px;
        width: 100%;
    }
}

.container-fluid {
    padding-left: 75px;
    padding-right: 75px;
}

@media (max-width: 93.6875em) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 74.9375em) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.container-fluid-stretch {
    padding-left: 65px;
    padding-right: 65px;
}

@media (max-width: 93.6875em) {
    .container-fluid-stretch {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.section-right-full .left-side {
    max-width: 500px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 500px;
    -moz-box-flex: 0;
    -moz-flex: 0 0 500px;
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    margin-left: calc((100vw - 1185px) / 2);
    margin-left: -webkit-calc((100vw - 1185px) / 2);
}

@media (max-width: 74.9375em) {
    .section-right-full .left-side {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-left: 0;
        padding-left: 30px;
    }
}

@media (max-width: 61.94em) {
    .section-right-full .left-side {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 15px;
    }
}

.section-right-full .left-side-2 {
    max-width: 530px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 530px;
    -moz-box-flex: 0;
    -moz-flex: 0 0 530px;
    -ms-flex: 0 0 530px;
    flex: 0 0 530px;
    margin-left: calc((100vw - 1185px) / 2);
    margin-left: -webkit-calc((100vw - 1185px) / 2);
}

@media (max-width: 74.9375em) {
    .section-right-full .left-side-2 {
        width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-left: 0;
    }
}

@media (max-width: 61.94em) {
    .section-right-full .left-side-2 {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

.section-right-full .right-side {
    max-width: calc(100vw - 520px - (100vw - 1185px) / 2);
    max-width: -webkit-calc(100vw - 520px - (100vw - 1185px) / 2);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100vw - 520px - (100vw - 1185px) / 2);
    -moz-box-flex: 0;
    -moz-flex: 0 0 calc(100vw - 520px - (100vw - 1185px) / 2);
    -ms-flex: 0 0 calc(100vw - 520px - (100vw - 1185px) / 2);
    flex: 0 0 calc(100vw - 520px - (100vw - 1185px) / 2);
    margin-left: 0;
    padding-left: 100px;
}

@media (max-width: 74.9375em) {
    .section-right-full .right-side {
        padding-left: 0;
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-left: 15px;
    }
}

@media (max-width: 61.94em) {
    .section-right-full .right-side {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

.section-right-full .right-side-2 {
    max-width: calc(100vw - 530px - (100vw - 1200px) / 2);
    max-width: -webkit-calc(100vw - 530px - (100vw - 1200px) / 2);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100vw - 530px - (100vw - 1200px) / 2);
    -moz-box-flex: 0;
    -moz-flex: 0 0 calc(100vw - 530px - (100vw - 1200px) / 2);
    -ms-flex: 0 0 calc(100vw - 530px - (100vw - 1200px) / 2);
    flex: 0 0 calc(100vw - 530px - (100vw - 1200px) / 2);
    margin-left: 0;
    padding-left: 100px;
    padding-right: 0;
}

@media (max-width: 74.9375em) {
    .section-right-full .right-side-2 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-left: 0;
    }
}

@media (max-width: 61.94em) {
    .section-right-full .right-side-2 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

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

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

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

.line {
    border-color: #cdcdcd;
    margin: 0;
}

.line-black {
    border-color: rgba(0, 0, 0, 0.1);
}

.text-block p:last-child {
    margin-bottom: 0;
}

.hide-in-default {
    display: none;
}

@media (max-width: 61.94em) {
    .hide-in-default-md {
        display: none;
    }
}

.ov-hidden {
    overflow: hidden;
}

.regular-price {
    text-decoration: line-through;
}

.regular-price,
.sale-price {
    display: inline-block;
}

.no-radius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.border-top,
.border-bottom,
.border-left,
.border-right {
    border-color: #cdcdcd !important;
}

.zoom-out-effect {
    overflow: hidden;
}

.zoom-out-effect img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.zoom-out-effect:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.link-overlay {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-indent: -99999px;
}

.link-overlay:hover:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.two-column-list>li,
.two-column-list>div {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

@media (max-width: 61.94em) {
    .sm-one-column>li,
    .sm-one-column>div {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.hamburger-icon {
    height: 2px;
    width: 25px;
    background-color: #383838;
    -webkit-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    -moz-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    -ms-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    -o-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    display: block;
}

.hamburger-icon:after,
.hamburger-icon:before {
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #383838;
    -webkit-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    -moz-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    -ms-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    -o-transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
    transition: background-color 0.18s ease 0.4s, transform 0.2s ease 0.38s;
}

.hamburger-icon:after {
    top: 7px;
}

.hamburger-icon:before {
    top: -7px;
}

.hamburger-icon.close {
    background-color: transparent;
}

.hamburger-icon.close:after {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -o-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}

.hamburger-icon.close:before {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}


/****************
Submenu
****************/

.header-component>li .submenu,
.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu,
.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu .sub-menu,
.secondary-navigation .secondary-menu {
    background-color: #fff;
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    min-width: 270px;
    padding: 30px 35px;
    z-index: 99999;
    position: absolute;
    width: 210px;
    margin-top: 32px;
}

.header-component>li .submenu li a,
.secondary-navigation .secondary-menu li a {
    padding: 8px 0;
    color: #292929;
    text-align: left;
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    display: block;
    -webkit-transition: background 0.15s ease-in-out;
    -moz-transition: background 0.15s ease-in-out;
    -ms-transition: background 0.15s ease-in-out;
    -o-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.header-component>li .submenu li a:hover,
.secondary-navigation .secondary-menu li a:hover {
    text-decoration: underline;
}


/****************
Bootstrap Dropdown
****************/

.dropdown-menu {
    border-radius: 4px;
    padding: 0 20px;
    margin: 0;
    border: none;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    right: 0 !important;
    left: auto !important;
    min-width: 160px;
    background: #333333;
}


/*-- Banner Effect --*/

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image:before,
.product-category:after,
.banner-box.banner-hover-2 .banner-image:before,
.banner-box.banner-hover-3 .banner-image:before {
    top: 0;
    left: -100%;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image:after,
.banner-box.banner-hover-1 .banner-image:after,
.banner-box.banner-hover-2 .banner-image:after {
    background-color: rgba(0, 0, 0, 0);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner:hover .megamenu-banner-image:after,
.banner-box.banner-hover-1:hover .banner-image:after,
.banner-box.banner-hover-2:hover .banner-image:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner:hover .megamenu-banner-image:before,
.product-category:hover:after,
.banner-box.banner-hover-2:hover .banner-image:before,
.banner-box.banner-hover-3:hover .banner-image:before {
    -webkit-animation: effect_shine 1s;
    -moz-animation: effect_shine 1s;
    -ms-animation: effect_shine 1s;
    -o-animation: effect_shine 1s;
    animation: effect_shine 1s;
}

.link-overlay:after,
.about-us figure a:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.link-overlay,
.image-with-video-btn.btn-center .video-btn,
.featured-product-caption,
.product-box-label,
.user-info-menu,
.mini-cart-btn sup,
.nav-vertical-center .slick-btn,
.nav-horizontal-center .slick-btn,
.nav-style-2 .slick-btn,
.nav-style-3 .slick-btn,
.home_04_banner_01 .slick-btn,
.home_04_banner_02 .slick-btn,
.product-slide-nav.slick-vertical .slick-btn,
.product-slide-nav .slick-btn,
.popular-post-carousel .slick-dots,
.comment .reply,
.searchform__submit,
.newsletter-form__submit,
.newsletter-form--2 .newsletter-form__submit,
.cart-form .coupon .cart-form__btn,
.custom-close,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-link,
.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu .sub-menu,
.main-navigation .mainmenu__link>span.mm-text:after,
.main-navigation .mainmenu__link>span.badge,
.post.format-video .post-media .video-btn,
.post-layout-2 .post-footer-meta,
.popular-post-label,
.product-image .product-badge,
.zuka-product-action,
.featured-product-image .video-btn,
.product-gallery__actions,
.product-box .product-item__countdown,
.product-box .product-item .product-badge,
.product-box .product-item__info .star-rating,
.product-box .product-item__action,
.product-category .overlay-link,
.banner-box .banner-info,
.banner-box .banner-badge,
.banner-box.banner-type-4 .banner-info--inner,
.banner-box.banner-type-4-1 .banner-info--inner,
.banner-box.banner-type-6 .banner-badge,
.banner-box.banner-type-6-1 .banner-badge,
.testimonial.testimonial-style-1 .testimonial__thumbnail,
.team-member-style-2 .team-member__info,
.team-member-style-2 .team-member__info--inner,
.shop-toolbar .product-ordering__list,
.notice-text-wrapper .close-notice,
.image-with-video-btn .video-btn,
.method-box-2 img {
    position: absolute;
}

.hamburger-icon:after,
.hamburger-icon:before,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image:before,
.product-category:after,
.banner-box.banner-hover-2 .banner-image:before,
.banner-box.banner-hover-3 .banner-image:before,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image:after,
.banner-box.banner-hover-1 .banner-image:after,
.banner-box.banner-hover-2 .banner-image:after,
.link-overlay:after,
.about-us figure a:after,
.header-component>li:after,
.user-info-menu-btn:after,
.footer-widget .instafeed-widget .instagram-item a:before,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title .mm-text:after,
.main-navigation .mainmenu__link>span.badge:after,
.mobile-navigation .mobile-menu>li>a span.badge:after,
.secondary-navigation:after,
.post-meta.bottom-line:after,
.zuka-product-list .product-thumbnail-action,
.zuka-product-list .product-overlay,
.banner-box.banner-hover-4 .banner-image:before,
.banner-box.banner-hover-4 .banner-image:after,
.team-member__thumbnail:after,
.team-member-style-2 .team-member__meta:after,
.instagram-feed .instagram-feed-item a:before,
.list-with-dot li:before,
.coming-soon h4:after {
    position: absolute;
    content: "";
}

.hamburger-icon,
.header,
.header .logo-box,
.header-toolbar__item,
.header-component>li,
.user-info-menu-btn,
.header-aside .logo-box,
.footer-widget .instafeed-widget .instagram-item a,
.accordion__link,
.nav-vertical-center,
.nav-horizontal-center,
.nav-style-2,
.nav-style-3,
.product-slide-nav,
.comment-meta,
.searchform,
.newsletter-form,
.newsletter-form--2 .newsletter-form,
.cart-form .coupon,
.mini-cart__product,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner,
.main-navigation .mainmenu__link>span,
.main-navigation .mainmenu li.has-children,
.main-navigation .mainmenu li.megamenu-holder,
.main-navigation-2 .mainmenu__item.menu-item-has-children>ul.sub-menu li.menu-item-has-children,
.mobile-navigation .mobile-menu>li>a span,
.mobile-navigation .mobile-menu li,
.secondary-navigation,
.post-media,
.post-media .image,
.post-media .image a,
.post-meta.bottom-line,
.post.format-video .post-media,
.post-layout-2 .post-info,
.popular-post-wrapper,
.single-post,
.post-navigation .nav-links__inner,
.product-image,
.product-image--holder,
.product-info,
.zuka-product-action-list,
.featured-product-image,
.product-gallery,
.product-gallery__nav-image,
.product-gallery__wrapper,
.variation-form .swatch-label,
.product-box,
.product-box .product-item,
.product-box .product-item__thumbnail,
.product-box .product-item__img,
.product-box .product-item__info,
.product-category,
.banner-box,
.banner-box .banner-inner,
.banner-box .banner-image,
.banner-box.banner-type-2 .banner-info,
.banner-box.banner-type-5-2 .banner-info--inner,
.testimonial.testimonial-style-1 .testimonial__inner,
.testimonial.testimonial-style-1 .testimonial__author--role,
.testimonial.testimonial-style-2 .testimonial__inner,
.testimonial.testimonial-style-2 .testimonial__author--role,
.product-widget__list li,
.team-member__thumbnail,
.team-member-style-2,
.team-member-style-2 .team-member__meta,
.checkout-title h2,
.shop-toolbar__btn,
.shop-toolbar .product-ordering,
.notice-text-wrapper,
.breadcrumb-area,
.breadcrumb-area .breadcrumb li,
.breadcrumb-area .breadcrumb li a,
.quantity,
.image-with-video-btn,
.method-box-2,
.instagram-feed .instagram-feed-item,
.instagram-feed .instagram-feed-item a,
.about-us figure a,
.list-with-dot li,
.coming-soon h4 {
    position: relative;
}

.image-with-video-btn.btn-center .video-btn {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

a,
button,
img,
input,
span,
.link-overlay,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image:after,
.banner-box.banner-hover-1 .banner-image:after,
.banner-box.banner-hover-2 .banner-image:after,
.link-overlay:after,
.about-us figure a:after,
.user-info-menu,
.footer-widget .instafeed-widget .instagram-item a:before,
.btn-close i,
.action-btn,
.action-btn i,
.action-btn.btn.add_to_cart_btn,
.action-btn-square i,
.slick-btn,
.slick-arrow,
.nav-vertical-center .slick-btn,
.nav-horizontal-center .slick-btn,
.nav-style-2 .slick-btn,
.nav-style-3 .slick-btn,
.home_01_banner_slide .slick-slide,
.home_06_banner_01 .slick-slide,
.custom-close i,
.main-navigation .mainmenu__link>span.mm-text:after,
.mobile-menu-wrapper .mobile-menu-inner,
.mobile-navigation .mobile-menu li>.menu-expand,
.product-overlay,
.zuka-product,
.zuka-product-list .product-thumbnail-action,
.zuka-product-list .product-overlay,
.variation-form .swatch-wrapper,
.banner-box .banner-info,
.banner-box .banner-btn-3,
.shop-toolbar__btn:after,
.shop-toolbar .product-ordering__list,
.pagination li .page-number,
.zuka-global-overlay,
.instagram-feed .instagram-feed-item a:before {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.link-overlay:after,
.about-us figure a:after,
.mini-cart,
.side-navigation-wrapper,
.header-style-3 .headroom.is-sticky .header-top,
.header-style-3 .headroom.is-sticky .top-bar,
.header-style-4 .headroom.is-sticky .header-top,
.user-info-menu,
.header-transparent .headroom .logo--sticky,
.header-transparent .headroom--fixed.is-sticky .logo--normal,
.header-aside .logo--sticky,
.footer-widget .instafeed-widget .instagram-item a:before,
.home_06_banner_01 .banner-info,
.modal,
.zuka-newsletter-popup,
.searchform__popup,
.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu .sub-menu,
.main-navigation .mainmenu__link>span.mm-text:after,
.mobile-menu-wrapper .mobile-menu-inner,
.product-overlay,
.zuka-product-list .product-thumbnail-action,
.zuka-product-list .product-overlay,
.team-member-style-2 .team-member__info,
.team-member-style-2 .team-member__name,
.team-member-style-2 .team-member__desc,
.team-member-style-2 .team-member__meta,
.shop-toolbar .product-ordering__list,
.zuka-global-overlay,
.instagram-feed .instagram-feed-item a:before {
    visibility: hidden;
    opacity: 0;
}

.link-overlay:hover:after,
.about-us figure a:hover:after,
.mini-cart.open,
.side-navigation.open .side-navigation-wrapper,
.header .logo--normal,
.user-info-menu-btn:hover .user-info-menu,
.header-transparent .headroom .logo--normal,
.header-transparent .headroom--fixed.is-sticky .logo--sticky,
.header-aside .logo--normal,
.footer-widget .instafeed-widget .instagram-item a:hover:before,
.home_06_banner_01 .slick-active .banner-info,
.modal.show,
.zuka-newsletter-popup.open,
.searchform__popup.open,
.main-navigation .mainmenu__item.active>a>span.mm-text:after,
.main-navigation .mainmenu__link>span.badge:after,
.main-navigation .mainmenu__link:hover .mm-text:after,
.main-navigation.vertical-nav .mainmenu__item.active>a span,
.mobile-menu-wrapper.open .mobile-menu-inner,
.zuka-product-list .product-inner:hover .product-thumbnail-action,
.team-member-style-2:hover .team-member__info,
.team-member-style-2:hover .team-member__name,
.team-member-style-2:hover .team-member__desc,
.team-member-style-2:hover .team-member__meta,
.shop-toolbar .product-ordering:hover .product-ordering__list,
.zuka-global-overlay.overlay-open,
.instagram-feed .instagram-feed-item:hover a:before {
    visibility: visible;
    opacity: 1;
}

.accordion__link:after,
.main-navigation .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after,
.main-navigation-2 .mainmenu__item.menu-item-has-children>ul.sub-menu li.menu-item-has-children:after,
.breadcrumb-area .breadcrumb li:not(:last-child):after {
    position: absolute;
    font-family: fontAwesome;
    line-height: 1;
}

.featured-product-caption,
.product-box-label {
    top: 0;
    left: 0;
    background: #F8E71D;
    padding: 18px 30px;
    display: inline-block;
    z-index: 99;
    text-align: center;
    color: #141829;
    font-size: 14px;
}

.cart-calculator__item--head,
.cart-calculator__item--value {
    padding-top: 5px;
    padding-bottom: 15px;
    vertical-align: top;
    text-transform: capitalize;
    letter-spacing: 0;
}

.two-column-list,
.header-toolbar,
.header-bottom__left,
.header-component>li>a,
.footer-widget .widget_contact_info ul li,
.footer-widget .instafeed-widget,
.slick-dots,
.comment .single-comment,
.nice-select .current,
.mini-cart__product,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu,
.secondary-navigation .secondary-nav-btn,
.post.popular-post,
.post.popular-post .post-info,
.post-list,
.single-post-details .entry-footer-meta,
.post-navigation .nav-links,
.post-navigation .nav-links__inner,
.product-stock,
.zuka-product-list .product-inner,
.zuka-product-list .product-action,
.product-summary .product-top-meta,
.product-countdown,
.featured-product-list li,
.product-gallery,
.product-gallery__actions,
.product-box__heading,
.product-box-list .product-inner,
.product-category,
.user-dashboard-tab,
.filter-price__count,
.recent-post__item,
.team-member-style-2 .team-member__info,
.cart-calculator__item,
.shop-toolbar__left,
.shop-toolbar__right,
.shop-toolbar .product-view-count,
.product-main-details .product-summary .product-rating,
.product-reviews .review__container,
.page-title-area,
.message-box,
.list-with-icon li,
.coming-soon-area,
.error-area,
.contact-info-2 .contact-info__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.header-toolbar.text-center,
.slick-dots,
.banner-box.banner-type-1 .banner-info,
.banner-box.banner-type-3 .banner-info,
.banner-box.banner-type-6 .banner-info,
.banner-box.banner-type-7 .banner-info,
.banner-box.banner-type-8-center .banner-info,
.banner-box.banner-type-8-right .banner-info,
.tab-style-4 .nav-tabs,
.tab-style-5 .nav-tabs,
.pagination,
.coming-soon__countdown .product-countdown {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.footer-widget .instafeed-widget,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu,
.single-post-details .entry-footer-meta,
.post-navigation .nav-links,
.product-summary .product-top-meta,
.message-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.product-countdown,
.banner-box.banner-type-2 .banner-info.text-left,
.shop-toolbar__left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

.header-toolbar,
.header-toolbar.text-right,
.banner-box.banner-type-1-1 .banner-info,
.banner-box.banner-type-5 .banner-info,
.banner-box.banner-type-8-left-bottom .banner-info,
.banner-box.banner-type-9 .banner-info,
.shop-toolbar__right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

.footer-widget .widget_contact_info ul li,
.banner-box.banner-type-8-left-bottom .banner-info,
.user-dashboard-tab {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
}

.banner-box.banner-type-3-1 .banner-info,
.banner-box.banner-type-5-3 .banner-info,
.banner-box.banner-type-6-3 .banner-info,
.banner-box.banner-type-6-4 .banner-info,
.banner-box.banner-type-6-6 .banner-info,
.banner-box.banner-type-8-right .banner-info,
.banner-box.banner-type-9 .banner-info,
.page-title-area,
.coming-soon-area,
.error-area {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
}

.header-toolbar,
.header-bottom__left,
.header-component>li>a,
.nice-select .current,
.secondary-navigation .secondary-nav-btn,
.post.popular-post .post-info,
.post-navigation .nav-links__inner,
.product-stock,
.featured-product-list li,
.product-box__heading,
.product-category,
.banner-box.banner-type-1 .banner-info,
.banner-box.banner-type-7-2 .banner-info,
.banner-box.banner-type-8-center .banner-info,
.filter-price__count,
.team-member-style-2 .team-member__info,
.shop-toolbar__left,
.shop-toolbar__right,
.message-box,
.list-with-icon li,
.contact-info-2 .contact-info__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.two-column-list,
.footer-widget .instafeed-widget,
.post.popular-post,
.post-list,
.product-summary .product-action,
.product-countdown,
.product-box-list .product-inner,
.cart-calculator__item,
.shop-toolbar__left,
.product-reviews .review__container {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-countdown.vertical,
.product-gallery__actions {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-gallery {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.banner-box.banner-type-2 .banner-info {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.post-navigation .nav-links__inner.nav-next {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.header-toolbar__item>a,
.testimonial.testimonial-style-1 .testimonial__author,
.testimonial.testimonial-style-2 .testimonial__author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.banner-box.banner-type-2 .banner-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.mini-cart .btn-close,
.side-navigation .btn-close {
    right: 40px;
    top: 20px;
    font-size: 40px;
}

.mini-cart,
.side-navigation-wrapper {
    position: fixed;
    top: 0;
    width: 350px;
    min-height: 100vh;
    bottom: 0;
    z-index: 9999;
    right: 0;
    -webkit-transition: all 520ms ease;
    -moz-transition: all 520ms ease;
    -ms-transition: all 520ms ease;
    -o-transition: all 520ms ease;
    transition: all 520ms ease;
    -webkit-transform: translateX(350px);
    -moz-transform: translateX(350px);
    -ms-transform: translateX(350px);
    -o-transform: translateX(350px);
    transform: translateX(350px);
    -webkit-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
    background-color: #fff;
}

.mini-cart.open,
.side-navigation.open .side-navigation-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.mini-cart-inner,
.side-navigation-inner {
    overflow: auto;
    height: 100%;
    padding: 75px 42px 20px;
}

.tab-style-1 .nav-link,
.tab-style-2 .nav-link,
.tab-style-3 .nav-link {
    border-width: 0 0 0;
    border-style: solid;
    border-color: transparent;
    text-align: center;
}

.tab-style-1 .nav-link span,
.tab-style-2 .nav-link span,
.tab-style-3 .nav-link span {
    border-style: solid;
    border-color: transparent;
    display: inline-block;
}

.grid-space-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
}

.grid-space-5>[class^="col"],
.grid-space-5>* {
    padding-left: 2.5px;
    padding-right: 2.5px;
}

.grid-space-10 {
    margin-left: -5px;
    margin-right: -5px;
}

.grid-space-10>[class^="col"],
.grid-space-10>* {
    padding-left: 5px;
    padding-right: 5px;
}

.grid-space-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.grid-space-15>[class^="col"],
.grid-space-15>* {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.grid-space-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.grid-space-20>[class^="col"],
.grid-space-20>* {
    padding-left: 10px;
    padding-right: 10px;
}

.grid-space-25 {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.grid-space-25>[class^="col"],
.grid-space-25>* {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.grid-space-30 {
    margin-left: -15px;
    margin-right: -15px;
}

.grid-space-30>[class^="col"],
.grid-space-30>* {
    padding-left: 15px;
    padding-right: 15px;
}

.grid-space-35 {
    margin-left: -17.5px;
    margin-right: -17.5px;
}

.grid-space-35>[class^="col"],
.grid-space-35>* {
    padding-left: 17.5px;
    padding-right: 17.5px;
}

.grid-space-40 {
    margin-left: -20px;
    margin-right: -20px;
}

.grid-space-40>[class^="col"],
.grid-space-40>* {
    padding-left: 20px;
    padding-right: 20px;
}

.grid-space-45 {
    margin-left: -22.5px;
    margin-right: -22.5px;
}

.grid-space-45>[class^="col"],
.grid-space-45>* {
    padding-left: 22.5px;
    padding-right: 22.5px;
}

.grid-space-50 {
    margin-left: -25px;
    margin-right: -25px;
}

.grid-space-50>[class^="col"],
.grid-space-50>* {
    padding-left: 25px;
    padding-right: 25px;
}

.grid-space-55 {
    margin-left: -27.5px;
    margin-right: -27.5px;
}

.grid-space-55>[class^="col"],
.grid-space-55>* {
    padding-left: 27.5px;
    padding-right: 27.5px;
}

.grid-space-60 {
    margin-left: -30px;
    margin-right: -30px;
}

.grid-space-60>[class^="col"],
.grid-space-60>* {
    padding-left: 30px;
    padding-right: 30px;
}

.grid-space-65 {
    margin-left: -32.5px;
    margin-right: -32.5px;
}

.grid-space-65>[class^="col"],
.grid-space-65>* {
    padding-left: 32.5px;
    padding-right: 32.5px;
}

.grid-space-70 {
    margin-left: -35px;
    margin-right: -35px;
}

.grid-space-70>[class^="col"],
.grid-space-70>* {
    padding-left: 35px;
    padding-right: 35px;
}

.grid-space-75 {
    margin-left: -37.5px;
    margin-right: -37.5px;
}

.grid-space-75>[class^="col"],
.grid-space-75>* {
    padding-left: 37.5px;
    padding-right: 37.5px;
}

.grid-space-80 {
    margin-left: -40px;
    margin-right: -40px;
}

.grid-space-80>[class^="col"],
.grid-space-80>* {
    padding-left: 40px;
    padding-right: 40px;
}

.grid-space-85 {
    margin-left: -42.5px;
    margin-right: -42.5px;
}

.grid-space-85>[class^="col"],
.grid-space-85>* {
    padding-left: 42.5px;
    padding-right: 42.5px;
}

.grid-space-90 {
    margin-left: -45px;
    margin-right: -45px;
}

.grid-space-90>[class^="col"],
.grid-space-90>* {
    padding-left: 45px;
    padding-right: 45px;
}

.grid-space-95 {
    margin-left: -47.5px;
    margin-right: -47.5px;
}

.grid-space-95>[class^="col"],
.grid-space-95>* {
    padding-left: 47.5px;
    padding-right: 47.5px;
}

.grid-space-100 {
    margin-left: -50px;
    margin-right: -50px;
}

.grid-space-100>[class^="col"],
.grid-space-100>* {
    padding-left: 50px;
    padding-right: 50px;
}

@media (min-width: 115em) {
    .xxl-block-grid-1>[class^="col"] {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-2>[class^="col"] {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-3>[class^="col"] {
        -webkit-flex-basis: 33.33333%;
        -moz-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-4>[class^="col"] {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-5>[class^="col"] {
        -webkit-flex-basis: 20%;
        -moz-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-6>[class^="col"] {
        -webkit-flex-basis: 16.66667%;
        -moz-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-7>[class^="col"] {
        -webkit-flex-basis: 14.28571%;
        -moz-flex-basis: 14.28571%;
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
        max-width: 14.28571%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-8>[class^="col"] {
        -webkit-flex-basis: 12.5%;
        -moz-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-9>[class^="col"] {
        -webkit-flex-basis: 11.11111%;
        -moz-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
        max-width: 11.11111%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-10>[class^="col"] {
        -webkit-flex-basis: 10%;
        -moz-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-11>[class^="col"] {
        -webkit-flex-basis: 9.09091%;
        -moz-flex-basis: 9.09091%;
        -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
        max-width: 9.09091%;
    }
}

@media (min-width: 115em) {
    .xxl-block-grid-12>[class^="col"] {
        -webkit-flex-basis: 8.33333%;
        -moz-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-1>[class^="col"] {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-2>[class^="col"] {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-3>[class^="col"] {
        -webkit-flex-basis: 33.33333%;
        -moz-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-4>[class^="col"] {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-5>[class^="col"] {
        -webkit-flex-basis: 20%;
        -moz-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-6>[class^="col"] {
        -webkit-flex-basis: 16.66667%;
        -moz-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-7>[class^="col"] {
        -webkit-flex-basis: 14.28571%;
        -moz-flex-basis: 14.28571%;
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
        max-width: 14.28571%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-8>[class^="col"] {
        -webkit-flex-basis: 12.5%;
        -moz-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-9>[class^="col"] {
        -webkit-flex-basis: 11.11111%;
        -moz-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
        max-width: 11.11111%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-10>[class^="col"] {
        -webkit-flex-basis: 10%;
        -moz-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-11>[class^="col"] {
        -webkit-flex-basis: 9.09091%;
        -moz-flex-basis: 9.09091%;
        -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
        max-width: 9.09091%;
    }
}

@media (min-width: 75em) {
    .xl-block-grid-12>[class^="col"] {
        -webkit-flex-basis: 8.33333%;
        -moz-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }
}

.max-w-5 {
    max-width: 5%;
}

.max-w-10 {
    max-width: 10%;
}

.max-w-15 {
    max-width: 15%;
}

.max-w-20 {
    max-width: 20%;
}

.max-w-25 {
    max-width: 25%;
}

.max-w-30 {
    max-width: 30%;
}

.max-w-35 {
    max-width: 35%;
}

.max-w-40 {
    max-width: 40%;
}

.max-w-45 {
    max-width: 45%;
}

.max-w-50 {
    max-width: 50%;
}

.max-w-55 {
    max-width: 55%;
}

.max-w-60 {
    max-width: 60%;
}

.max-w-65 {
    max-width: 65%;
}

.max-w-70 {
    max-width: 70%;
}

.max-w-75 {
    max-width: 75%;
}

.max-w-80 {
    max-width: 80%;
}

.max-w-85 {
    max-width: 85%;
}

.max-w-90 {
    max-width: 90%;
}

.max-w-95 {
    max-width: 95%;
}

.max-w-100 {
    max-width: 100%;
}

@media (max-width: 93.6875em) {
    .max-w-xl-5 {
        max-width: 5%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-10 {
        max-width: 10%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-15 {
        max-width: 15%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-20 {
        max-width: 20%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-25 {
        max-width: 25%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-30 {
        max-width: 30%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-35 {
        max-width: 35%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-40 {
        max-width: 40%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-45 {
        max-width: 45%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-50 {
        max-width: 50%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-55 {
        max-width: 55%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-60 {
        max-width: 60%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-65 {
        max-width: 65%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-70 {
        max-width: 70%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-75 {
        max-width: 75%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-80 {
        max-width: 80%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-85 {
        max-width: 85%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-90 {
        max-width: 90%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-95 {
        max-width: 95%;
    }
}

@media (max-width: 93.6875em) {
    .max-w-xl-100 {
        max-width: 100%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-5 {
        max-width: 5%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-10 {
        max-width: 10%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-15 {
        max-width: 15%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-20 {
        max-width: 20%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-25 {
        max-width: 25%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-30 {
        max-width: 30%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-35 {
        max-width: 35%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-40 {
        max-width: 40%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-45 {
        max-width: 45%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-50 {
        max-width: 50%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-55 {
        max-width: 55%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-60 {
        max-width: 60%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-65 {
        max-width: 65%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-70 {
        max-width: 70%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-75 {
        max-width: 75%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-80 {
        max-width: 80%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-85 {
        max-width: 85%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-90 {
        max-width: 90%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-95 {
        max-width: 95%;
    }
}

@media (max-width: 106.1875em) {
    .max-w-xxla-100 {
        max-width: 100%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-5 {
        max-width: 5%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-10 {
        max-width: 10%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-15 {
        max-width: 15%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-20 {
        max-width: 20%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-25 {
        max-width: 25%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-30 {
        max-width: 30%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-35 {
        max-width: 35%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-40 {
        max-width: 40%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-45 {
        max-width: 45%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-50 {
        max-width: 50%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-55 {
        max-width: 55%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-60 {
        max-width: 60%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-65 {
        max-width: 65%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-70 {
        max-width: 70%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-75 {
        max-width: 75%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-80 {
        max-width: 80%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-85 {
        max-width: 85%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-90 {
        max-width: 90%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-95 {
        max-width: 95%;
    }
}

@media (max-width: 74.9375em) {
    .max-w-lg-100 {
        max-width: 100%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-5 {
        max-width: 5%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-10 {
        max-width: 10%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-15 {
        max-width: 15%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-20 {
        max-width: 20%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-25 {
        max-width: 25%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-30 {
        max-width: 30%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-35 {
        max-width: 35%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-40 {
        max-width: 40%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-45 {
        max-width: 45%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-50 {
        max-width: 50%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-55 {
        max-width: 55%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-60 {
        max-width: 60%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-65 {
        max-width: 65%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-70 {
        max-width: 70%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-75 {
        max-width: 75%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-80 {
        max-width: 80%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-85 {
        max-width: 85%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-90 {
        max-width: 90%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-95 {
        max-width: 95%;
    }
}

@media (max-width: 61.94em) {
    .max-w-md-100 {
        max-width: 100%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-5 {
        max-width: 5%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-10 {
        max-width: 10%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-15 {
        max-width: 15%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-20 {
        max-width: 20%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-25 {
        max-width: 25%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-30 {
        max-width: 30%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-35 {
        max-width: 35%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-40 {
        max-width: 40%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-45 {
        max-width: 45%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-50 {
        max-width: 50%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-55 {
        max-width: 55%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-60 {
        max-width: 60%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-65 {
        max-width: 65%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-70 {
        max-width: 70%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-75 {
        max-width: 75%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-80 {
        max-width: 80%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-85 {
        max-width: 85%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-90 {
        max-width: 90%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-95 {
        max-width: 95%;
    }
}

@media (max-width: 47.94em) {
    .max-w-sm-100 {
        max-width: 100%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-5 {
        max-width: 5%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-10 {
        max-width: 10%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-15 {
        max-width: 15%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-20 {
        max-width: 20%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-25 {
        max-width: 25%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-30 {
        max-width: 30%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-35 {
        max-width: 35%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-40 {
        max-width: 40%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-45 {
        max-width: 45%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-50 {
        max-width: 50%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-55 {
        max-width: 55%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-60 {
        max-width: 60%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-65 {
        max-width: 65%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-70 {
        max-width: 70%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-75 {
        max-width: 75%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-80 {
        max-width: 80%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-85 {
        max-width: 85%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-90 {
        max-width: 90%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-95 {
        max-width: 95%;
    }
}

@media (max-width: 35.94em) {
    .max-w-xs-100 {
        max-width: 100%;
    }
}

.max-width--1200 {
    max-width: 1200px;
    margin: 0 auto;
}


/*Padding Top and Bottom*/

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

.ptb--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ptb--10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ptb--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.ptb--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.ptb--25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.ptb--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.ptb--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.ptb--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.ptb--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.ptb--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.ptb--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.ptb--60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.ptb--65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.ptb--70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.ptb--75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.ptb--80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.ptb--85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.ptb--90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.ptb--95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.ptb--100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.ptb--105 {
    padding-top: 105px !important;
    padding-bottom: 105px !important;
}

.ptb--110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}

.ptb--115 {
    padding-top: 115px !important;
    padding-bottom: 115px !important;
}

.ptb--120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

.ptb--125 {
    padding-top: 125px !important;
    padding-bottom: 125px !important;
}

.ptb--130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}

.ptb--135 {
    padding-top: 135px !important;
    padding-bottom: 135px !important;
}

.ptb--140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
}

.ptb--145 {
    padding-top: 145px !important;
    padding-bottom: 145px !important;
}

.ptb--150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.ptb--155 {
    padding-top: 155px !important;
    padding-bottom: 155px !important;
}

.ptb--160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
}

.ptb--165 {
    padding-top: 165px !important;
    padding-bottom: 165px !important;
}

.ptb--170 {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
}

.ptb--175 {
    padding-top: 175px !important;
    padding-bottom: 175px !important;
}

.ptb--180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
}

.ptb--185 {
    padding-top: 185px !important;
    padding-bottom: 185px !important;
}

.ptb--190 {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
}

.ptb--195 {
    padding-top: 195px !important;
    padding-bottom: 195px !important;
}

.ptb--200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

.ptb--205 {
    padding-top: 205px !important;
    padding-bottom: 205px !important;
}

.ptb--210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
}

.ptb--215 {
    padding-top: 215px !important;
    padding-bottom: 215px !important;
}

.ptb--220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
}

.ptb--225 {
    padding-top: 225px !important;
    padding-bottom: 225px !important;
}

.ptb--230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
}

.ptb--235 {
    padding-top: 235px !important;
    padding-bottom: 235px !important;
}

.ptb--240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
}

.ptb--245 {
    padding-top: 245px !important;
    padding-bottom: 245px !important;
}

.ptb--250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
}

.ptb--255 {
    padding-top: 255px !important;
    padding-bottom: 255px !important;
}

.ptb--260 {
    padding-top: 260px !important;
    padding-bottom: 260px !important;
}

.ptb--265 {
    padding-top: 265px !important;
    padding-bottom: 265px !important;
}

.ptb--270 {
    padding-top: 270px !important;
    padding-bottom: 270px !important;
}

.ptb--275 {
    padding-top: 275px !important;
    padding-bottom: 275px !important;
}

.ptb--280 {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
}

.ptb--285 {
    padding-top: 285px !important;
    padding-bottom: 285px !important;
}

.ptb--290 {
    padding-top: 290px !important;
    padding-bottom: 290px !important;
}

.ptb--295 {
    padding-top: 295px !important;
    padding-bottom: 295px !important;
}

.ptb--300 {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
}


/*Padding Top and Bottom for Extra large*/

@media (max-width: 93.6875em) {
    .ptb-xl--0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important;
    }
}

@media (max-width: 93.6875em) {
    .ptb-xl--150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}


/*Padding Top and Bottom for large*/

@media (max-width: 74.9375em) {
    .ptb-lg--0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .ptb-lg--200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }
}


/*Padding Top and Bottom for Medium*/

@media (max-width: 61.94em) {
    .ptb-md--0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .ptb-md--200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }
}


/*Padding Top and Bottom for small*/

@media (max-width: 47.94em) {
    .ptb-sm--0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--65 {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--70 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--75 {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--85 {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--90 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--95 {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--105 {
        padding-top: 105px !important;
        padding-bottom: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--110 {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--115 {
        padding-top: 115px !important;
        padding-bottom: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--120 {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--125 {
        padding-top: 125px !important;
        padding-bottom: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--130 {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--135 {
        padding-top: 135px !important;
        padding-bottom: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--140 {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--145 {
        padding-top: 145px !important;
        padding-bottom: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--155 {
        padding-top: 155px !important;
        padding-bottom: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--160 {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--165 {
        padding-top: 165px !important;
        padding-bottom: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--170 {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--175 {
        padding-top: 175px !important;
        padding-bottom: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--180 {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--185 {
        padding-top: 185px !important;
        padding-bottom: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--190 {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--195 {
        padding-top: 195px !important;
        padding-bottom: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .ptb-sm--200 {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }
}

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

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

.pb--10 {
    padding-bottom: 10px !important;
}

.pb--15 {
    padding-bottom: 15px !important;
}

.pb--20 {
    padding-bottom: 20px !important;
}

.pb--25 {
    padding-bottom: 25px !important;
}

.pb--30 {
    padding-bottom: 30px !important;
}

.pb--35 {
    padding-bottom: 35px !important;
}

.pb--40 {
    padding-bottom: 40px !important;
}

.pb--45 {
    padding-bottom: 45px !important;
}

.pb--50 {
    padding-bottom: 50px !important;
}

.pb--55 {
    padding-bottom: 55px !important;
}

.pb--60 {
    padding-bottom: 60px !important;
}

.pb--65 {
    padding-bottom: 65px !important;
}

.pb--70 {
    padding-bottom: 70px !important;
}

.pb--75 {
    padding-bottom: 75px !important;
}

.pb--80 {
    padding-bottom: 80px !important;
}

.pb--85 {
    padding-bottom: 85px !important;
}

.pb--90 {
    padding-bottom: 90px !important;
}

.pb--95 {
    padding-bottom: 95px !important;
}

.pb--100 {
    padding-bottom: 100px !important;
}

.pb--105 {
    padding-bottom: 105px !important;
}

.pb--110 {
    padding-bottom: 110px !important;
}

.pb--115 {
    padding-bottom: 115px !important;
}

.pb--120 {
    padding-bottom: 120px !important;
}

.pb--125 {
    padding-bottom: 125px !important;
}

.pb--130 {
    padding-bottom: 130px !important;
}

.pb--135 {
    padding-bottom: 135px !important;
}

.pb--140 {
    padding-bottom: 140px !important;
}

.pb--145 {
    padding-bottom: 145px !important;
}

.pb--150 {
    padding-bottom: 150px !important;
}

.pb--155 {
    padding-bottom: 155px !important;
}

.pb--160 {
    padding-bottom: 160px !important;
}

.pb--165 {
    padding-bottom: 165px !important;
}

.pb--170 {
    padding-bottom: 170px !important;
}

.pb--175 {
    padding-bottom: 175px !important;
}

.pb--180 {
    padding-bottom: 180px !important;
}

.pb--185 {
    padding-bottom: 185px !important;
}

.pb--190 {
    padding-bottom: 190px !important;
}

.pb--195 {
    padding-bottom: 195px !important;
}

.pb--200 {
    padding-bottom: 200px !important;
}

.pb--205 {
    padding-bottom: 205px !important;
}

.pb--210 {
    padding-bottom: 210px !important;
}

.pb--215 {
    padding-bottom: 215px !important;
}

.pb--220 {
    padding-bottom: 220px !important;
}

.pb--225 {
    padding-bottom: 225px !important;
}

.pb--230 {
    padding-bottom: 230px !important;
}

.pb--235 {
    padding-bottom: 235px !important;
}

.pb--240 {
    padding-bottom: 240px !important;
}

.pb--245 {
    padding-bottom: 245px !important;
}

.pb--250 {
    padding-bottom: 250px !important;
}

.pb--255 {
    padding-bottom: 255px !important;
}

.pb--260 {
    padding-bottom: 260px !important;
}

.pb--265 {
    padding-bottom: 265px !important;
}

.pb--270 {
    padding-bottom: 270px !important;
}

.pb--275 {
    padding-bottom: 275px !important;
}

.pb--280 {
    padding-bottom: 280px !important;
}

.pb--285 {
    padding-bottom: 285px !important;
}

.pb--290 {
    padding-bottom: 290px !important;
}

.pb--295 {
    padding-bottom: 295px !important;
}

.pb--300 {
    padding-bottom: 300px !important;
}

@media (max-width: 93.6875em) {
    .pb-xl--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--5 {
        padding-bottom: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--10 {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--15 {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--20 {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--25 {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--30 {
        padding-bottom: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--35 {
        padding-bottom: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--40 {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--45 {
        padding-bottom: 45px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--50 {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--55 {
        padding-bottom: 55px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--60 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--65 {
        padding-bottom: 65px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--70 {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--75 {
        padding-bottom: 75px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--80 {
        padding-bottom: 80px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--85 {
        padding-bottom: 85px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--90 {
        padding-bottom: 90px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--95 {
        padding-bottom: 95px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--100 {
        padding-bottom: 100px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--105 {
        padding-bottom: 105px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--110 {
        padding-bottom: 110px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--115 {
        padding-bottom: 115px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--120 {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--125 {
        padding-bottom: 125px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--130 {
        padding-bottom: 130px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--135 {
        padding-bottom: 135px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--140 {
        padding-bottom: 140px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--145 {
        padding-bottom: 145px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--150 {
        padding-bottom: 150px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--155 {
        padding-bottom: 155px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--160 {
        padding-bottom: 160px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--165 {
        padding-bottom: 165px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--170 {
        padding-bottom: 170px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--175 {
        padding-bottom: 175px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--180 {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--185 {
        padding-bottom: 185px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--190 {
        padding-bottom: 190px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--195 {
        padding-bottom: 195px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--200 {
        padding-bottom: 200px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--205 {
        padding-bottom: 205px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--210 {
        padding-bottom: 210px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--215 {
        padding-bottom: 215px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--220 {
        padding-bottom: 220px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--225 {
        padding-bottom: 225px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--230 {
        padding-bottom: 230px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--235 {
        padding-bottom: 235px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--240 {
        padding-bottom: 240px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--245 {
        padding-bottom: 245px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--250 {
        padding-bottom: 250px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--255 {
        padding-bottom: 255px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--260 {
        padding-bottom: 260px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--265 {
        padding-bottom: 265px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--270 {
        padding-bottom: 270px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--275 {
        padding-bottom: 275px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--280 {
        padding-bottom: 280px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--285 {
        padding-bottom: 285px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--290 {
        padding-bottom: 290px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--295 {
        padding-bottom: 295px !important;
    }
}

@media (max-width: 93.6875em) {
    .pb-xl--300 {
        padding-bottom: 300px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--5 {
        padding-bottom: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--10 {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--15 {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--20 {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--25 {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--30 {
        padding-bottom: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--35 {
        padding-bottom: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--40 {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--45 {
        padding-bottom: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--50 {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--55 {
        padding-bottom: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--60 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--65 {
        padding-bottom: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--70 {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--75 {
        padding-bottom: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--80 {
        padding-bottom: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--85 {
        padding-bottom: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--90 {
        padding-bottom: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--95 {
        padding-bottom: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--100 {
        padding-bottom: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--105 {
        padding-bottom: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--110 {
        padding-bottom: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--115 {
        padding-bottom: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--120 {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--125 {
        padding-bottom: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--130 {
        padding-bottom: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--135 {
        padding-bottom: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--140 {
        padding-bottom: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--145 {
        padding-bottom: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--150 {
        padding-bottom: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--155 {
        padding-bottom: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--160 {
        padding-bottom: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--165 {
        padding-bottom: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--170 {
        padding-bottom: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--175 {
        padding-bottom: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--180 {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--185 {
        padding-bottom: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--190 {
        padding-bottom: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--195 {
        padding-bottom: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--200 {
        padding-bottom: 200px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--205 {
        padding-bottom: 205px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--210 {
        padding-bottom: 210px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--215 {
        padding-bottom: 215px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--220 {
        padding-bottom: 220px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--225 {
        padding-bottom: 225px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--230 {
        padding-bottom: 230px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--235 {
        padding-bottom: 235px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--240 {
        padding-bottom: 240px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--245 {
        padding-bottom: 245px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--250 {
        padding-bottom: 250px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--255 {
        padding-bottom: 255px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--260 {
        padding-bottom: 260px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--265 {
        padding-bottom: 265px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--270 {
        padding-bottom: 270px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--275 {
        padding-bottom: 275px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--280 {
        padding-bottom: 280px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--285 {
        padding-bottom: 285px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--290 {
        padding-bottom: 290px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--295 {
        padding-bottom: 295px !important;
    }
}

@media (max-width: 74.9375em) {
    .pb-lg--300 {
        padding-bottom: 300px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--5 {
        padding-bottom: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--10 {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--15 {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--20 {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--25 {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--30 {
        padding-bottom: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--35 {
        padding-bottom: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--40 {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--45 {
        padding-bottom: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--50 {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--55 {
        padding-bottom: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--60 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--65 {
        padding-bottom: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--70 {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--75 {
        padding-bottom: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--80 {
        padding-bottom: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--85 {
        padding-bottom: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--90 {
        padding-bottom: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--95 {
        padding-bottom: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--100 {
        padding-bottom: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--105 {
        padding-bottom: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--110 {
        padding-bottom: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--115 {
        padding-bottom: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--120 {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--125 {
        padding-bottom: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--130 {
        padding-bottom: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--135 {
        padding-bottom: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--140 {
        padding-bottom: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--145 {
        padding-bottom: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--150 {
        padding-bottom: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--155 {
        padding-bottom: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--160 {
        padding-bottom: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--165 {
        padding-bottom: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--170 {
        padding-bottom: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--175 {
        padding-bottom: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--180 {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--185 {
        padding-bottom: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--190 {
        padding-bottom: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--195 {
        padding-bottom: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--200 {
        padding-bottom: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--205 {
        padding-bottom: 205px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--210 {
        padding-bottom: 210px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--215 {
        padding-bottom: 215px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--220 {
        padding-bottom: 220px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--225 {
        padding-bottom: 225px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--230 {
        padding-bottom: 230px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--235 {
        padding-bottom: 235px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--240 {
        padding-bottom: 240px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--245 {
        padding-bottom: 245px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--250 {
        padding-bottom: 250px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--255 {
        padding-bottom: 255px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--260 {
        padding-bottom: 260px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--265 {
        padding-bottom: 265px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--270 {
        padding-bottom: 270px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--275 {
        padding-bottom: 275px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--280 {
        padding-bottom: 280px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--285 {
        padding-bottom: 285px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--290 {
        padding-bottom: 290px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--295 {
        padding-bottom: 295px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--300 {
        padding-bottom: 300px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--5 {
        padding-bottom: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--10 {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--15 {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--20 {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--25 {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--30 {
        padding-bottom: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--35 {
        padding-bottom: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--40 {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--45 {
        padding-bottom: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--50 {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--55 {
        padding-bottom: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--60 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--65 {
        padding-bottom: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--70 {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--75 {
        padding-bottom: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--80 {
        padding-bottom: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--85 {
        padding-bottom: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--90 {
        padding-bottom: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--95 {
        padding-bottom: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--100 {
        padding-bottom: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--105 {
        padding-bottom: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--110 {
        padding-bottom: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--115 {
        padding-bottom: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--120 {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--125 {
        padding-bottom: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--130 {
        padding-bottom: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--135 {
        padding-bottom: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--140 {
        padding-bottom: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--145 {
        padding-bottom: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--150 {
        padding-bottom: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--155 {
        padding-bottom: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--160 {
        padding-bottom: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--165 {
        padding-bottom: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--170 {
        padding-bottom: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--175 {
        padding-bottom: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--180 {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--185 {
        padding-bottom: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--190 {
        padding-bottom: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--195 {
        padding-bottom: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--200 {
        padding-bottom: 200px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--205 {
        padding-bottom: 205px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--210 {
        padding-bottom: 210px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--215 {
        padding-bottom: 215px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--220 {
        padding-bottom: 220px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--225 {
        padding-bottom: 225px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--230 {
        padding-bottom: 230px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--235 {
        padding-bottom: 235px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--240 {
        padding-bottom: 240px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--245 {
        padding-bottom: 245px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--250 {
        padding-bottom: 250px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--255 {
        padding-bottom: 255px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--260 {
        padding-bottom: 260px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--265 {
        padding-bottom: 265px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--270 {
        padding-bottom: 270px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--275 {
        padding-bottom: 275px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--280 {
        padding-bottom: 280px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--285 {
        padding-bottom: 285px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--290 {
        padding-bottom: 290px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--295 {
        padding-bottom: 295px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--300 {
        padding-bottom: 300px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--5 {
        padding-bottom: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--10 {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--15 {
        padding-bottom: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--20 {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--25 {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--30 {
        padding-bottom: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--35 {
        padding-bottom: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--40 {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--45 {
        padding-bottom: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--50 {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--55 {
        padding-bottom: 55px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--60 {
        padding-bottom: 60px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--65 {
        padding-bottom: 65px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--70 {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--75 {
        padding-bottom: 75px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--80 {
        padding-bottom: 80px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--85 {
        padding-bottom: 85px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--90 {
        padding-bottom: 90px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--95 {
        padding-bottom: 95px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--100 {
        padding-bottom: 100px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--105 {
        padding-bottom: 105px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--110 {
        padding-bottom: 110px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--115 {
        padding-bottom: 115px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--120 {
        padding-bottom: 120px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--125 {
        padding-bottom: 125px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--130 {
        padding-bottom: 130px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--135 {
        padding-bottom: 135px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--140 {
        padding-bottom: 140px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--145 {
        padding-bottom: 145px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--150 {
        padding-bottom: 150px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--155 {
        padding-bottom: 155px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--160 {
        padding-bottom: 160px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--165 {
        padding-bottom: 165px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--170 {
        padding-bottom: 170px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--175 {
        padding-bottom: 175px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--180 {
        padding-bottom: 180px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--185 {
        padding-bottom: 185px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--190 {
        padding-bottom: 190px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--195 {
        padding-bottom: 195px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--200 {
        padding-bottom: 200px !important;
    }
}

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

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

.pt--10 {
    padding-top: 10px !important;
}

.pt--15 {
    padding-top: 15px !important;
}

.pt--20 {
    padding-top: 20px !important;
}

.pt--25 {
    padding-top: 25px !important;
}

.pt--30 {
    padding-top: 30px !important;
}

.pt--35 {
    padding-top: 35px !important;
}

.pt--40 {
    padding-top: 40px !important;
}

.pt--45 {
    padding-top: 45px !important;
}

.pt--50 {
    padding-top: 50px !important;
}

.pt--55 {
    padding-top: 55px !important;
}

.pt--60 {
    padding-top: 60px !important;
}

.pt--65 {
    padding-top: 65px !important;
}

.pt--70 {
    padding-top: 70px !important;
}

.pt--75 {
    padding-top: 75px !important;
}

.pt--80 {
    padding-top: 80px !important;
}

.pt--85 {
    padding-top: 85px !important;
}

.pt--90 {
    padding-top: 90px !important;
}

.pt--95 {
    padding-top: 95px !important;
}

.pt--100 {
    padding-top: 100px !important;
}

.pt--105 {
    padding-top: 105px !important;
}

.pt--110 {
    padding-top: 110px !important;
}

.pt--115 {
    padding-top: 115px !important;
}

.pt--120 {
    padding-top: 120px !important;
}

.pt--125 {
    padding-top: 125px !important;
}

.pt--130 {
    padding-top: 130px !important;
}

.pt--135 {
    padding-top: 135px !important;
}

.pt--140 {
    padding-top: 140px !important;
}

.pt--145 {
    padding-top: 145px !important;
}

.pt--150 {
    padding-top: 150px !important;
}

.pt--155 {
    padding-top: 155px !important;
}

.pt--160 {
    padding-top: 160px !important;
}

.pt--165 {
    padding-top: 165px !important;
}

.pt--170 {
    padding-top: 170px !important;
}

.pt--175 {
    padding-top: 175px !important;
}

.pt--180 {
    padding-top: 180px !important;
}

.pt--185 {
    padding-top: 185px !important;
}

.pt--190 {
    padding-top: 190px !important;
}

.pt--195 {
    padding-top: 195px !important;
}

.pt--200 {
    padding-top: 200px !important;
}

.pt--205 {
    padding-top: 205px !important;
}

.pt--210 {
    padding-top: 210px !important;
}

.pt--215 {
    padding-top: 215px !important;
}

.pt--220 {
    padding-top: 220px !important;
}

.pt--225 {
    padding-top: 225px !important;
}

.pt--230 {
    padding-top: 230px !important;
}

.pt--235 {
    padding-top: 235px !important;
}

.pt--240 {
    padding-top: 240px !important;
}

.pt--245 {
    padding-top: 245px !important;
}

.pt--250 {
    padding-top: 250px !important;
}

.pt--255 {
    padding-top: 255px !important;
}

.pt--260 {
    padding-top: 260px !important;
}

.pt--265 {
    padding-top: 265px !important;
}

.pt--270 {
    padding-top: 270px !important;
}

.pt--275 {
    padding-top: 275px !important;
}

.pt--280 {
    padding-top: 280px !important;
}

.pt--285 {
    padding-top: 285px !important;
}

.pt--290 {
    padding-top: 290px !important;
}

.pt--295 {
    padding-top: 295px !important;
}

.pt--300 {
    padding-top: 300px !important;
}

@media (max-width: 93.6875em) {
    .pt-xl--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--5 {
        padding-top: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--10 {
        padding-top: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--15 {
        padding-top: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--20 {
        padding-top: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--25 {
        padding-top: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--30 {
        padding-top: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--35 {
        padding-top: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--40 {
        padding-top: 40px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--45 {
        padding-top: 45px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--50 {
        padding-top: 50px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--55 {
        padding-top: 55px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--60 {
        padding-top: 60px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--65 {
        padding-top: 65px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--70 {
        padding-top: 70px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--75 {
        padding-top: 75px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--80 {
        padding-top: 80px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--85 {
        padding-top: 85px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--90 {
        padding-top: 90px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--95 {
        padding-top: 95px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--100 {
        padding-top: 100px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--105 {
        padding-top: 105px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--110 {
        padding-top: 110px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--115 {
        padding-top: 115px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--120 {
        padding-top: 120px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--125 {
        padding-top: 125px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--130 {
        padding-top: 130px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--135 {
        padding-top: 135px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--140 {
        padding-top: 140px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--145 {
        padding-top: 145px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--150 {
        padding-top: 150px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--155 {
        padding-top: 155px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--160 {
        padding-top: 160px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--165 {
        padding-top: 165px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--170 {
        padding-top: 170px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--175 {
        padding-top: 175px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--180 {
        padding-top: 180px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--185 {
        padding-top: 185px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--190 {
        padding-top: 190px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--195 {
        padding-top: 195px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--200 {
        padding-top: 200px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--205 {
        padding-top: 205px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--210 {
        padding-top: 210px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--215 {
        padding-top: 215px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--220 {
        padding-top: 220px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--225 {
        padding-top: 225px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--230 {
        padding-top: 230px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--235 {
        padding-top: 235px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--240 {
        padding-top: 240px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--245 {
        padding-top: 245px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--250 {
        padding-top: 250px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--255 {
        padding-top: 255px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--260 {
        padding-top: 260px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--265 {
        padding-top: 265px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--270 {
        padding-top: 270px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--275 {
        padding-top: 275px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--280 {
        padding-top: 280px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--285 {
        padding-top: 285px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--290 {
        padding-top: 290px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--295 {
        padding-top: 295px !important;
    }
}

@media (max-width: 93.6875em) {
    .pt-xl--300 {
        padding-top: 300px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--5 {
        padding-top: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--10 {
        padding-top: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--15 {
        padding-top: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--20 {
        padding-top: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--25 {
        padding-top: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--30 {
        padding-top: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--35 {
        padding-top: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--40 {
        padding-top: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--45 {
        padding-top: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--50 {
        padding-top: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--55 {
        padding-top: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--60 {
        padding-top: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--65 {
        padding-top: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--70 {
        padding-top: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--75 {
        padding-top: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--80 {
        padding-top: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--85 {
        padding-top: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--90 {
        padding-top: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--95 {
        padding-top: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--100 {
        padding-top: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--105 {
        padding-top: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--110 {
        padding-top: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--115 {
        padding-top: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--120 {
        padding-top: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--125 {
        padding-top: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--130 {
        padding-top: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--135 {
        padding-top: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--140 {
        padding-top: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--145 {
        padding-top: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--150 {
        padding-top: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--155 {
        padding-top: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--160 {
        padding-top: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--165 {
        padding-top: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--170 {
        padding-top: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--175 {
        padding-top: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--180 {
        padding-top: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--185 {
        padding-top: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--190 {
        padding-top: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--195 {
        padding-top: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--200 {
        padding-top: 200px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--205 {
        padding-top: 205px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--210 {
        padding-top: 210px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--215 {
        padding-top: 215px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--220 {
        padding-top: 220px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--225 {
        padding-top: 225px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--230 {
        padding-top: 230px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--235 {
        padding-top: 235px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--240 {
        padding-top: 240px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--245 {
        padding-top: 245px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--250 {
        padding-top: 250px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--255 {
        padding-top: 255px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--260 {
        padding-top: 260px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--265 {
        padding-top: 265px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--270 {
        padding-top: 270px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--275 {
        padding-top: 275px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--280 {
        padding-top: 280px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--285 {
        padding-top: 285px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--290 {
        padding-top: 290px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--295 {
        padding-top: 295px !important;
    }
}

@media (max-width: 74.9375em) {
    .pt-lg--300 {
        padding-top: 300px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--5 {
        padding-top: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--10 {
        padding-top: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--15 {
        padding-top: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--20 {
        padding-top: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--25 {
        padding-top: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--30 {
        padding-top: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--35 {
        padding-top: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--40 {
        padding-top: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--45 {
        padding-top: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--50 {
        padding-top: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--55 {
        padding-top: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--60 {
        padding-top: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--65 {
        padding-top: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--70 {
        padding-top: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--75 {
        padding-top: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--80 {
        padding-top: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--85 {
        padding-top: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--90 {
        padding-top: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--95 {
        padding-top: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--100 {
        padding-top: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--105 {
        padding-top: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--110 {
        padding-top: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--115 {
        padding-top: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--120 {
        padding-top: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--125 {
        padding-top: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--130 {
        padding-top: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--135 {
        padding-top: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--140 {
        padding-top: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--145 {
        padding-top: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--150 {
        padding-top: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--155 {
        padding-top: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--160 {
        padding-top: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--165 {
        padding-top: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--170 {
        padding-top: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--175 {
        padding-top: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--180 {
        padding-top: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--185 {
        padding-top: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--190 {
        padding-top: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--195 {
        padding-top: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--200 {
        padding-top: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--205 {
        padding-top: 205px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--210 {
        padding-top: 210px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--215 {
        padding-top: 215px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--220 {
        padding-top: 220px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--225 {
        padding-top: 225px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--230 {
        padding-top: 230px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--235 {
        padding-top: 235px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--240 {
        padding-top: 240px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--245 {
        padding-top: 245px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--250 {
        padding-top: 250px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--255 {
        padding-top: 255px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--260 {
        padding-top: 260px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--265 {
        padding-top: 265px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--270 {
        padding-top: 270px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--275 {
        padding-top: 275px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--280 {
        padding-top: 280px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--285 {
        padding-top: 285px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--290 {
        padding-top: 290px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--295 {
        padding-top: 295px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--300 {
        padding-top: 300px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--5 {
        padding-top: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--10 {
        padding-top: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--15 {
        padding-top: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--20 {
        padding-top: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--25 {
        padding-top: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--30 {
        padding-top: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--35 {
        padding-top: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--40 {
        padding-top: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--45 {
        padding-top: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--50 {
        padding-top: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--55 {
        padding-top: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--60 {
        padding-top: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--65 {
        padding-top: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--70 {
        padding-top: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--75 {
        padding-top: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--80 {
        padding-top: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--85 {
        padding-top: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--90 {
        padding-top: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--95 {
        padding-top: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--100 {
        padding-top: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--105 {
        padding-top: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--110 {
        padding-top: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--115 {
        padding-top: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--120 {
        padding-top: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--125 {
        padding-top: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--130 {
        padding-top: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--135 {
        padding-top: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--140 {
        padding-top: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--145 {
        padding-top: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--150 {
        padding-top: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--155 {
        padding-top: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--160 {
        padding-top: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--165 {
        padding-top: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--170 {
        padding-top: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--175 {
        padding-top: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--180 {
        padding-top: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--185 {
        padding-top: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--190 {
        padding-top: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--195 {
        padding-top: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--200 {
        padding-top: 200px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--5 {
        padding-top: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--10 {
        padding-top: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--15 {
        padding-top: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--20 {
        padding-top: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--25 {
        padding-top: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--30 {
        padding-top: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--35 {
        padding-top: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--40 {
        padding-top: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--45 {
        padding-top: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--50 {
        padding-top: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--55 {
        padding-top: 55px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--60 {
        padding-top: 60px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--65 {
        padding-top: 65px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--70 {
        padding-top: 70px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--75 {
        padding-top: 75px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--80 {
        padding-top: 80px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--85 {
        padding-top: 85px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--90 {
        padding-top: 90px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--95 {
        padding-top: 95px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--100 {
        padding-top: 100px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--105 {
        padding-top: 105px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--110 {
        padding-top: 110px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--115 {
        padding-top: 115px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--120 {
        padding-top: 120px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--125 {
        padding-top: 125px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--130 {
        padding-top: 130px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--135 {
        padding-top: 135px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--140 {
        padding-top: 140px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--145 {
        padding-top: 145px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--150 {
        padding-top: 150px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--155 {
        padding-top: 155px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--160 {
        padding-top: 160px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--165 {
        padding-top: 165px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--170 {
        padding-top: 170px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--175 {
        padding-top: 175px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--180 {
        padding-top: 180px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--185 {
        padding-top: 185px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--190 {
        padding-top: 190px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--195 {
        padding-top: 195px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--200 {
        padding-top: 200px !important;
    }
}

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

.pr--5 {
    padding-right: 5px !important;
}

.pr--10 {
    padding-right: 10px !important;
}

.pr--15 {
    padding-right: 15px !important;
}

.pr--20 {
    padding-right: 20px !important;
}

.pr--25 {
    padding-right: 25px !important;
}

.pr--30 {
    padding-right: 30px !important;
}

.pr--35 {
    padding-right: 35px !important;
}

.pr--40 {
    padding-right: 40px !important;
}

.pr--45 {
    padding-right: 45px !important;
}

.pr--50 {
    padding-right: 50px !important;
}

.pr--55 {
    padding-right: 55px !important;
}

.pr--60 {
    padding-right: 60px !important;
}

.pr--65 {
    padding-right: 65px !important;
}

.pr--70 {
    padding-right: 70px !important;
}

.pr--75 {
    padding-right: 75px !important;
}

.pr--80 {
    padding-right: 80px !important;
}

.pr--85 {
    padding-right: 85px !important;
}

.pr--90 {
    padding-right: 90px !important;
}

.pr--95 {
    padding-right: 95px !important;
}

.pr--100 {
    padding-right: 100px !important;
}

.pr--105 {
    padding-right: 105px !important;
}

.pr--110 {
    padding-right: 110px !important;
}

.pr--115 {
    padding-right: 115px !important;
}

.pr--120 {
    padding-right: 120px !important;
}

.pr--125 {
    padding-right: 125px !important;
}

.pr--130 {
    padding-right: 130px !important;
}

.pr--135 {
    padding-right: 135px !important;
}

.pr--140 {
    padding-right: 140px !important;
}

.pr--145 {
    padding-right: 145px !important;
}

.pr--150 {
    padding-right: 150px !important;
}

.pr--155 {
    padding-right: 155px !important;
}

.pr--160 {
    padding-right: 160px !important;
}

.pr--165 {
    padding-right: 165px !important;
}

.pr--170 {
    padding-right: 170px !important;
}

.pr--175 {
    padding-right: 175px !important;
}

.pr--180 {
    padding-right: 180px !important;
}

.pr--185 {
    padding-right: 185px !important;
}

.pr--190 {
    padding-right: 190px !important;
}

.pr--195 {
    padding-right: 195px !important;
}

.pr--200 {
    padding-right: 200px !important;
}

@media (max-width: 74.9375em) {
    .pr-lg--0 {
        padding-right: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--5 {
        padding-right: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--10 {
        padding-right: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--15 {
        padding-right: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--20 {
        padding-right: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--25 {
        padding-right: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--30 {
        padding-right: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--35 {
        padding-right: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--40 {
        padding-right: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--45 {
        padding-right: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--50 {
        padding-right: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--55 {
        padding-right: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--60 {
        padding-right: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--65 {
        padding-right: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--70 {
        padding-right: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--75 {
        padding-right: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--80 {
        padding-right: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--85 {
        padding-right: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--90 {
        padding-right: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--95 {
        padding-right: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--100 {
        padding-right: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--105 {
        padding-right: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--110 {
        padding-right: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--115 {
        padding-right: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--120 {
        padding-right: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--125 {
        padding-right: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--130 {
        padding-right: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--135 {
        padding-right: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--140 {
        padding-right: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--145 {
        padding-right: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--150 {
        padding-right: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--155 {
        padding-right: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--160 {
        padding-right: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--165 {
        padding-right: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--170 {
        padding-right: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--175 {
        padding-right: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--180 {
        padding-right: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--185 {
        padding-right: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--190 {
        padding-right: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--195 {
        padding-right: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .pr-lg--200 {
        padding-right: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--0 {
        padding-right: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--5 {
        padding-right: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--10 {
        padding-right: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--15 {
        padding-right: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--20 {
        padding-right: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--25 {
        padding-right: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--30 {
        padding-right: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--35 {
        padding-right: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--40 {
        padding-right: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--45 {
        padding-right: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--50 {
        padding-right: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--55 {
        padding-right: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--60 {
        padding-right: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--65 {
        padding-right: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--70 {
        padding-right: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--75 {
        padding-right: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--80 {
        padding-right: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--85 {
        padding-right: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--90 {
        padding-right: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--95 {
        padding-right: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--100 {
        padding-right: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--105 {
        padding-right: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--110 {
        padding-right: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--115 {
        padding-right: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--120 {
        padding-right: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--125 {
        padding-right: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--130 {
        padding-right: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--135 {
        padding-right: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--140 {
        padding-right: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--145 {
        padding-right: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--150 {
        padding-right: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--155 {
        padding-right: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--160 {
        padding-right: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--165 {
        padding-right: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--170 {
        padding-right: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--175 {
        padding-right: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--180 {
        padding-right: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--185 {
        padding-right: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--190 {
        padding-right: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--195 {
        padding-right: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .pr-md--200 {
        padding-right: 200px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--0 {
        padding-right: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--5 {
        padding-right: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--10 {
        padding-right: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--15 {
        padding-right: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--20 {
        padding-right: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--25 {
        padding-right: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--30 {
        padding-right: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--35 {
        padding-right: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--40 {
        padding-right: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--45 {
        padding-right: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--50 {
        padding-right: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--55 {
        padding-right: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--60 {
        padding-right: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--65 {
        padding-right: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--70 {
        padding-right: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--75 {
        padding-right: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--80 {
        padding-right: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--85 {
        padding-right: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--90 {
        padding-right: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--95 {
        padding-right: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--100 {
        padding-right: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--105 {
        padding-right: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--110 {
        padding-right: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--115 {
        padding-right: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--120 {
        padding-right: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--125 {
        padding-right: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--130 {
        padding-right: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--135 {
        padding-right: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--140 {
        padding-right: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--145 {
        padding-right: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--150 {
        padding-right: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--155 {
        padding-right: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--160 {
        padding-right: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--165 {
        padding-right: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--170 {
        padding-right: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--175 {
        padding-right: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--180 {
        padding-right: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--185 {
        padding-right: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--190 {
        padding-right: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--195 {
        padding-right: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .pr-sm--200 {
        padding-right: 200px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--0 {
        padding-right: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--5 {
        padding-right: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--10 {
        padding-right: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--15 {
        padding-right: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--20 {
        padding-right: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--25 {
        padding-right: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--30 {
        padding-right: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--35 {
        padding-right: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--40 {
        padding-right: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--45 {
        padding-right: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--50 {
        padding-right: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--55 {
        padding-right: 55px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--60 {
        padding-right: 60px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--65 {
        padding-right: 65px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--70 {
        padding-right: 70px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--75 {
        padding-right: 75px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--80 {
        padding-right: 80px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--85 {
        padding-right: 85px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--90 {
        padding-right: 90px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--95 {
        padding-right: 95px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--100 {
        padding-right: 100px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--105 {
        padding-right: 105px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--110 {
        padding-right: 110px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--115 {
        padding-right: 115px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--120 {
        padding-right: 120px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--125 {
        padding-right: 125px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--130 {
        padding-right: 130px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--135 {
        padding-right: 135px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--140 {
        padding-right: 140px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--145 {
        padding-right: 145px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--150 {
        padding-right: 150px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--155 {
        padding-right: 155px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--160 {
        padding-right: 160px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--165 {
        padding-right: 165px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--170 {
        padding-right: 170px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--175 {
        padding-right: 175px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--180 {
        padding-right: 180px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--185 {
        padding-right: 185px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--190 {
        padding-right: 190px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--195 {
        padding-right: 195px !important;
    }
}

@media (max-width: 35.94em) {
    .pr-xs--200 {
        padding-right: 200px !important;
    }
}

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

.pl--5 {
    padding-left: 5px !important;
}

.pl--10 {
    padding-left: 10px !important;
}

/* .pl--15 {
    padding-left: 15px ;
} */

.pl--20 {
    padding-left: 20px !important;
}

.pl--25 {
    padding-left: 25px !important;
}

.pl--30 {
    padding-left: 30px !important;
}

.pl--35 {
    padding-left: 35px !important;
}

.pl--40 {
    padding-left: 40px !important;
}

.pl--45 {
    padding-left: 45px !important;
}

.pl--50 {
    padding-left: 50px !important;
}

.pl--55 {
    padding-left: 55px !important;
}

.pl--60 {
    padding-left: 60px !important;
}

.pl--65 {
    padding-left: 65px !important;
}

.pl--70 {
    padding-left: 70px !important;
}

.pl--75 {
    padding-left: 75px !important;
}

.pl--80 {
    padding-left: 80px !important;
}

.pl--85 {
    padding-left: 85px !important;
}

.pl--90 {
    padding-left: 90px !important;
}

.pl--95 {
    padding-left: 95px !important;
}

.pl--100 {
    padding-left: 100px !important;
}

.pl--105 {
    padding-left: 105px !important;
}

.pl--110 {
    padding-left: 110px !important;
}

.pl--115 {
    padding-left: 115px !important;
}

.pl--120 {
    padding-left: 120px !important;
}

.pl--125 {
    padding-left: 125px !important;
}

.pl--130 {
    padding-left: 130px !important;
}

.pl--135 {
    padding-left: 135px !important;
}

.pl--140 {
    padding-left: 140px !important;
}

.pl--145 {
    padding-left: 145px !important;
}

.pl--150 {
    padding-left: 150px !important;
}

.pl--155 {
    padding-left: 155px !important;
}

.pl--160 {
    padding-left: 160px !important;
}

.pl--165 {
    padding-left: 165px !important;
}

.pl--170 {
    padding-left: 170px !important;
}

.pl--175 {
    padding-left: 175px !important;
}

.pl--180 {
    padding-left: 180px !important;
}

.pl--185 {
    padding-left: 185px !important;
}

.pl--190 {
    padding-left: 190px !important;
}

.pl--195 {
    padding-left: 195px !important;
}

.pl--200 {
    padding-left: 200px !important;
}

@media (max-width: 74.9375em) {
    .pl-lg--0 {
        padding-left: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--5 {
        padding-left: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--10 {
        padding-left: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--15 {
        padding-left: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--20 {
        padding-left: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--25 {
        padding-left: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--30 {
        padding-left: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--35 {
        padding-left: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--40 {
        padding-left: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--45 {
        padding-left: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--50 {
        padding-left: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--55 {
        padding-left: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--60 {
        padding-left: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--65 {
        padding-left: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--70 {
        padding-left: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--75 {
        padding-left: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--80 {
        padding-left: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--85 {
        padding-left: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--90 {
        padding-left: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--95 {
        padding-left: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--100 {
        padding-left: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--105 {
        padding-left: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--110 {
        padding-left: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--115 {
        padding-left: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--120 {
        padding-left: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--125 {
        padding-left: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--130 {
        padding-left: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--135 {
        padding-left: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--140 {
        padding-left: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--145 {
        padding-left: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--150 {
        padding-left: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--155 {
        padding-left: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--160 {
        padding-left: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--165 {
        padding-left: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--170 {
        padding-left: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--175 {
        padding-left: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--180 {
        padding-left: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--185 {
        padding-left: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--190 {
        padding-left: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--195 {
        padding-left: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .pl-lg--200 {
        padding-left: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--0 {
        padding-left: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--5 {
        padding-left: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--10 {
        padding-left: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--15 {
        padding-left: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--20 {
        padding-left: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--25 {
        padding-left: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--30 {
        padding-left: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--35 {
        padding-left: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--40 {
        padding-left: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--45 {
        padding-left: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--50 {
        padding-left: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--55 {
        padding-left: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--60 {
        padding-left: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--65 {
        padding-left: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--70 {
        padding-left: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--75 {
        padding-left: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--80 {
        padding-left: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--85 {
        padding-left: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--90 {
        padding-left: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--95 {
        padding-left: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--100 {
        padding-left: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--105 {
        padding-left: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--110 {
        padding-left: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--115 {
        padding-left: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--120 {
        padding-left: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--125 {
        padding-left: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--130 {
        padding-left: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--135 {
        padding-left: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--140 {
        padding-left: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--145 {
        padding-left: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--150 {
        padding-left: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--155 {
        padding-left: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--160 {
        padding-left: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--165 {
        padding-left: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--170 {
        padding-left: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--175 {
        padding-left: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--180 {
        padding-left: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--185 {
        padding-left: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--190 {
        padding-left: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--195 {
        padding-left: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .pl-md--200 {
        padding-left: 200px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--0 {
        padding-left: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--5 {
        padding-left: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--10 {
        padding-left: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--15 {
        padding-left: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--20 {
        padding-left: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--25 {
        padding-left: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--30 {
        padding-left: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--35 {
        padding-left: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--40 {
        padding-left: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--45 {
        padding-left: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--50 {
        padding-left: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--55 {
        padding-left: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--60 {
        padding-left: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--65 {
        padding-left: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--70 {
        padding-left: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--75 {
        padding-left: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--80 {
        padding-left: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--85 {
        padding-left: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--90 {
        padding-left: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--95 {
        padding-left: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--100 {
        padding-left: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--105 {
        padding-left: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--110 {
        padding-left: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--115 {
        padding-left: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--120 {
        padding-left: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--125 {
        padding-left: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--130 {
        padding-left: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--135 {
        padding-left: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--140 {
        padding-left: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--145 {
        padding-left: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--150 {
        padding-left: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--155 {
        padding-left: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--160 {
        padding-left: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--165 {
        padding-left: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--170 {
        padding-left: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--175 {
        padding-left: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--180 {
        padding-left: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--185 {
        padding-left: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--190 {
        padding-left: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--195 {
        padding-left: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .pl-sm--200 {
        padding-left: 200px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--0 {
        padding-left: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--5 {
        padding-left: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--10 {
        padding-left: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--15 {
        padding-left: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--20 {
        padding-left: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--25 {
        padding-left: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--30 {
        padding-left: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--35 {
        padding-left: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--40 {
        padding-left: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--45 {
        padding-left: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--50 {
        padding-left: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--55 {
        padding-left: 55px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--60 {
        padding-left: 60px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--65 {
        padding-left: 65px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--70 {
        padding-left: 70px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--75 {
        padding-left: 75px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--80 {
        padding-left: 80px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--85 {
        padding-left: 85px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--90 {
        padding-left: 90px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--95 {
        padding-left: 95px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--100 {
        padding-left: 100px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--105 {
        padding-left: 105px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--110 {
        padding-left: 110px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--115 {
        padding-left: 115px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--120 {
        padding-left: 120px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--125 {
        padding-left: 125px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--130 {
        padding-left: 130px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--135 {
        padding-left: 135px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--140 {
        padding-left: 140px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--145 {
        padding-left: 145px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--150 {
        padding-left: 150px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--155 {
        padding-left: 155px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--160 {
        padding-left: 160px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--165 {
        padding-left: 165px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--170 {
        padding-left: 170px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--175 {
        padding-left: 175px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--180 {
        padding-left: 180px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--185 {
        padding-left: 185px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--190 {
        padding-left: 190px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--195 {
        padding-left: 195px !important;
    }
}

@media (max-width: 35.94em) {
    .pl-xs--200 {
        padding-left: 200px !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 93.6875em) {
    .plr-xl--0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--105 {
        padding-left: 105px !important;
        padding-right: 105px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--110 {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--115 {
        padding-left: 115px !important;
        padding-right: 115px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--120 {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--125 {
        padding-left: 125px !important;
        padding-right: 125px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--130 {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--135 {
        padding-left: 135px !important;
        padding-right: 135px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--140 {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--145 {
        padding-left: 145px !important;
        padding-right: 145px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--150 {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--155 {
        padding-left: 155px !important;
        padding-right: 155px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--160 {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--165 {
        padding-left: 165px !important;
        padding-right: 165px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--170 {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--175 {
        padding-left: 175px !important;
        padding-right: 175px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--180 {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--185 {
        padding-left: 185px !important;
        padding-right: 185px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--190 {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--195 {
        padding-left: 195px !important;
        padding-right: 195px !important;
    }
}

@media (max-width: 93.6875em) {
    .plr-xl--200 {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--35 {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--55 {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--65 {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--70 {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--75 {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--85 {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--90 {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--95 {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--105 {
        padding-left: 105px !important;
        padding-right: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--110 {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--115 {
        padding-left: 115px !important;
        padding-right: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--120 {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--125 {
        padding-left: 125px !important;
        padding-right: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--130 {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--135 {
        padding-left: 135px !important;
        padding-right: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--140 {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--145 {
        padding-left: 145px !important;
        padding-right: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--150 {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--155 {
        padding-left: 155px !important;
        padding-right: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--160 {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--165 {
        padding-left: 165px !important;
        padding-right: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--170 {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--175 {
        padding-left: 175px !important;
        padding-right: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--180 {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--185 {
        padding-left: 185px !important;
        padding-right: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--190 {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--195 {
        padding-left: 195px !important;
        padding-right: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .plr-lg--200 {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }
}

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

.mtb--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mtb--10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mtb--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mtb--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mtb--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mtb--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mtb--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.mtb--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mtb--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.mtb--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mtb--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.mtb--60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mtb--65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.mtb--70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mtb--75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.mtb--80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.mtb--85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.mtb--90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.mtb--95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.mtb--100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mtb--105 {
    margin-top: 105px !important;
    margin-bottom: 105px !important;
}

.mtb--110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
}

.mtb--115 {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
}

.mtb--120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
}

.mtb--125 {
    margin-top: 125px !important;
    margin-bottom: 125px !important;
}

.mtb--130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
}

.mtb--135 {
    margin-top: 135px !important;
    margin-bottom: 135px !important;
}

.mtb--140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
}

.mtb--145 {
    margin-top: 145px !important;
    margin-bottom: 145px !important;
}

.mtb--150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
}

.mtb--155 {
    margin-top: 155px !important;
    margin-bottom: 155px !important;
}

.mtb--160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
}

.mtb--165 {
    margin-top: 165px !important;
    margin-bottom: 165px !important;
}

.mtb--170 {
    margin-top: 170px !important;
    margin-bottom: 170px !important;
}

.mtb--175 {
    margin-top: 175px !important;
    margin-bottom: 175px !important;
}

.mtb--180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
}

.mtb--185 {
    margin-top: 185px !important;
    margin-bottom: 185px !important;
}

.mtb--190 {
    margin-top: 190px !important;
    margin-bottom: 190px !important;
}

.mtb--195 {
    margin-top: 195px !important;
    margin-bottom: 195px !important;
}

.mtb--200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
}

@media (max-width: 93.6875em) {
    .mtb-xl--0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important;
    }
}

@media (max-width: 93.6875em) {
    .mtb-xl--200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .mtb-lg--200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .mtb-md--200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--25 {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--35 {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--45 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--55 {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--65 {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--70 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--75 {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--85 {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--90 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--95 {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--105 {
        margin-top: 105px !important;
        margin-bottom: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--110 {
        margin-top: 110px !important;
        margin-bottom: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--115 {
        margin-top: 115px !important;
        margin-bottom: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--120 {
        margin-top: 120px !important;
        margin-bottom: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--125 {
        margin-top: 125px !important;
        margin-bottom: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--130 {
        margin-top: 130px !important;
        margin-bottom: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--135 {
        margin-top: 135px !important;
        margin-bottom: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--140 {
        margin-top: 140px !important;
        margin-bottom: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--145 {
        margin-top: 145px !important;
        margin-bottom: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--150 {
        margin-top: 150px !important;
        margin-bottom: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--155 {
        margin-top: 155px !important;
        margin-bottom: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--160 {
        margin-top: 160px !important;
        margin-bottom: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--165 {
        margin-top: 165px !important;
        margin-bottom: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--170 {
        margin-top: 170px !important;
        margin-bottom: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--175 {
        margin-top: 175px !important;
        margin-bottom: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--180 {
        margin-top: 180px !important;
        margin-bottom: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--185 {
        margin-top: 185px !important;
        margin-bottom: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--190 {
        margin-top: 190px !important;
        margin-bottom: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--195 {
        margin-top: 195px !important;
        margin-bottom: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .mtb-sm--200 {
        margin-top: 200px !important;
        margin-bottom: 200px !important;
    }
}

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

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

.mb--10 {
    margin-bottom: 10px !important;
}

.mb--15 {
    margin-bottom: 15px !important;
}

.mb--20 {
    margin-bottom: 20px !important;
}

.mb--25 {
    margin-bottom: 25px !important;
}

.mb--30 {
    margin-bottom: 30px !important;
}

.mb--35 {
    margin-bottom: 35px !important;
}

.mb--40 {
    margin-bottom: 40px !important;
}

.mb--45 {
    margin-bottom: 45px !important;
}

.mb--50 {
    margin-bottom: 50px !important;
}

.mb--55 {
    margin-bottom: 55px !important;
}

.mb--60 {
    margin-bottom: 60px !important;
}

.mb--65 {
    margin-bottom: 65px !important;
}

.mb--70 {
    margin-bottom: 70px !important;
}

.mb--75 {
    margin-bottom: 75px !important;
}

.mb--80 {
    margin-bottom: 80px !important;
}

.mb--85 {
    margin-bottom: 85px !important;
}

.mb--90 {
    margin-bottom: 90px !important;
}

.mb--95 {
    margin-bottom: 95px !important;
}

.mb--100 {
    margin-bottom: 100px !important;
}

.mb--105 {
    margin-bottom: 105px !important;
}

.mb--110 {
    margin-bottom: 110px !important;
}

.mb--115 {
    margin-bottom: 115px !important;
}

.mb--120 {
    margin-bottom: 120px !important;
}

.mb--125 {
    margin-bottom: 125px !important;
}

.mb--130 {
    margin-bottom: 130px !important;
}

.mb--135 {
    margin-bottom: 135px !important;
}

.mb--140 {
    margin-bottom: 140px !important;
}

.mb--145 {
    margin-bottom: 145px !important;
}

.mb--150 {
    margin-bottom: 150px !important;
}

.mb--155 {
    margin-bottom: 155px !important;
}

.mb--160 {
    margin-bottom: 160px !important;
}

.mb--165 {
    margin-bottom: 165px !important;
}

.mb--170 {
    margin-bottom: 170px !important;
}

.mb--175 {
    margin-bottom: 175px !important;
}

.mb--180 {
    margin-bottom: 180px !important;
}

.mb--185 {
    margin-bottom: 185px !important;
}

.mb--190 {
    margin-bottom: 190px !important;
}

.mb--195 {
    margin-bottom: 195px !important;
}

.mb--200 {
    margin-bottom: 200px !important;
}

@media (min-width: 62em) {
    .mb-lgo--0 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--10 {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--15 {
        margin-bottom: 15px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--20 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--25 {
        margin-bottom: 25px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--30 {
        margin-bottom: 30px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--35 {
        margin-bottom: 35px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--40 {
        margin-bottom: 40px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--45 {
        margin-bottom: 45px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--50 {
        margin-bottom: 50px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--55 {
        margin-bottom: 55px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--60 {
        margin-bottom: 60px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--65 {
        margin-bottom: 65px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--70 {
        margin-bottom: 70px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--75 {
        margin-bottom: 75px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--80 {
        margin-bottom: 80px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--85 {
        margin-bottom: 85px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--90 {
        margin-bottom: 90px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--95 {
        margin-bottom: 95px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--100 {
        margin-bottom: 100px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--105 {
        margin-bottom: 105px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--110 {
        margin-bottom: 110px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--115 {
        margin-bottom: 115px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--120 {
        margin-bottom: 120px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--125 {
        margin-bottom: 125px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--130 {
        margin-bottom: 130px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--135 {
        margin-bottom: 135px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--140 {
        margin-bottom: 140px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--145 {
        margin-bottom: 145px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--150 {
        margin-bottom: 150px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--155 {
        margin-bottom: 155px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--160 {
        margin-bottom: 160px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--165 {
        margin-bottom: 165px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--170 {
        margin-bottom: 170px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--175 {
        margin-bottom: 175px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--180 {
        margin-bottom: 180px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--185 {
        margin-bottom: 185px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--190 {
        margin-bottom: 190px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--195 {
        margin-bottom: 195px !important;
    }
}

@media (min-width: 62em) {
    .mb-lgo--200 {
        margin-bottom: 200px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--5 {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--10 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--15 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--20 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--25 {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--30 {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--35 {
        margin-bottom: 35px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--40 {
        margin-bottom: 40px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--45 {
        margin-bottom: 45px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--50 {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--55 {
        margin-bottom: 55px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--60 {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--65 {
        margin-bottom: 65px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--70 {
        margin-bottom: 70px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--75 {
        margin-bottom: 75px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--80 {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--85 {
        margin-bottom: 85px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--90 {
        margin-bottom: 90px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--95 {
        margin-bottom: 95px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--100 {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--105 {
        margin-bottom: 105px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--110 {
        margin-bottom: 110px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--115 {
        margin-bottom: 115px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--120 {
        margin-bottom: 120px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--125 {
        margin-bottom: 125px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--130 {
        margin-bottom: 130px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--135 {
        margin-bottom: 135px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--140 {
        margin-bottom: 140px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--145 {
        margin-bottom: 145px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--150 {
        margin-bottom: 150px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--155 {
        margin-bottom: 155px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--160 {
        margin-bottom: 160px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--165 {
        margin-bottom: 165px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--170 {
        margin-bottom: 170px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--175 {
        margin-bottom: 175px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--180 {
        margin-bottom: 180px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--185 {
        margin-bottom: 185px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--190 {
        margin-bottom: 190px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--195 {
        margin-bottom: 195px !important;
    }
}

@media (max-width: 93.6875em) {
    .mb-xl--200 {
        margin-bottom: 200px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--5 {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--10 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--15 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--20 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--25 {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--30 {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--35 {
        margin-bottom: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--40 {
        margin-bottom: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--45 {
        margin-bottom: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--50 {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--55 {
        margin-bottom: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--60 {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--65 {
        margin-bottom: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--70 {
        margin-bottom: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--75 {
        margin-bottom: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--80 {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--85 {
        margin-bottom: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--90 {
        margin-bottom: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--95 {
        margin-bottom: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--100 {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--105 {
        margin-bottom: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--110 {
        margin-bottom: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--115 {
        margin-bottom: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--120 {
        margin-bottom: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--125 {
        margin-bottom: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--130 {
        margin-bottom: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--135 {
        margin-bottom: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--140 {
        margin-bottom: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--145 {
        margin-bottom: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--150 {
        margin-bottom: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--155 {
        margin-bottom: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--160 {
        margin-bottom: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--165 {
        margin-bottom: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--170 {
        margin-bottom: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--175 {
        margin-bottom: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--180 {
        margin-bottom: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--185 {
        margin-bottom: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--190 {
        margin-bottom: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--195 {
        margin-bottom: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .mb-lg--200 {
        margin-bottom: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--5 {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--10 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--15 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--20 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--25 {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--30 {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--35 {
        margin-bottom: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--40 {
        margin-bottom: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--45 {
        margin-bottom: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--50 {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--55 {
        margin-bottom: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--60 {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--65 {
        margin-bottom: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--70 {
        margin-bottom: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--75 {
        margin-bottom: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--80 {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--85 {
        margin-bottom: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--90 {
        margin-bottom: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--95 {
        margin-bottom: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--100 {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--105 {
        margin-bottom: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--110 {
        margin-bottom: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--115 {
        margin-bottom: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--120 {
        margin-bottom: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--125 {
        margin-bottom: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--130 {
        margin-bottom: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--135 {
        margin-bottom: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--140 {
        margin-bottom: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--145 {
        margin-bottom: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--150 {
        margin-bottom: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--155 {
        margin-bottom: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--160 {
        margin-bottom: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--165 {
        margin-bottom: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--170 {
        margin-bottom: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--175 {
        margin-bottom: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--180 {
        margin-bottom: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--185 {
        margin-bottom: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--190 {
        margin-bottom: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--195 {
        margin-bottom: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--200 {
        margin-bottom: 200px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--5 {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--10 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--15 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--20 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--25 {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--30 {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--35 {
        margin-bottom: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--40 {
        margin-bottom: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--45 {
        margin-bottom: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--50 {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--55 {
        margin-bottom: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--60 {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--65 {
        margin-bottom: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--70 {
        margin-bottom: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--75 {
        margin-bottom: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--80 {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--85 {
        margin-bottom: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--90 {
        margin-bottom: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--95 {
        margin-bottom: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--100 {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--105 {
        margin-bottom: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--110 {
        margin-bottom: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--115 {
        margin-bottom: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--120 {
        margin-bottom: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--125 {
        margin-bottom: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--130 {
        margin-bottom: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--135 {
        margin-bottom: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--140 {
        margin-bottom: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--145 {
        margin-bottom: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--150 {
        margin-bottom: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--155 {
        margin-bottom: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--160 {
        margin-bottom: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--165 {
        margin-bottom: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--170 {
        margin-bottom: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--175 {
        margin-bottom: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--180 {
        margin-bottom: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--185 {
        margin-bottom: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--190 {
        margin-bottom: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--195 {
        margin-bottom: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--200 {
        margin-bottom: 200px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--5 {
        margin-bottom: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--10 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--15 {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--20 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--25 {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--30 {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--35 {
        margin-bottom: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--40 {
        margin-bottom: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--45 {
        margin-bottom: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--50 {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--55 {
        margin-bottom: 55px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--60 {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--65 {
        margin-bottom: 65px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--70 {
        margin-bottom: 70px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--75 {
        margin-bottom: 75px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--80 {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--85 {
        margin-bottom: 85px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--90 {
        margin-bottom: 90px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--95 {
        margin-bottom: 95px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--100 {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--105 {
        margin-bottom: 105px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--110 {
        margin-bottom: 110px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--115 {
        margin-bottom: 115px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--120 {
        margin-bottom: 120px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--125 {
        margin-bottom: 125px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--130 {
        margin-bottom: 130px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--135 {
        margin-bottom: 135px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--140 {
        margin-bottom: 140px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--145 {
        margin-bottom: 145px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--150 {
        margin-bottom: 150px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--155 {
        margin-bottom: 155px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--160 {
        margin-bottom: 160px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--165 {
        margin-bottom: 165px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--170 {
        margin-bottom: 170px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--175 {
        margin-bottom: 175px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--180 {
        margin-bottom: 180px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--185 {
        margin-bottom: 185px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--190 {
        margin-bottom: 190px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--195 {
        margin-bottom: 195px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--200 {
        margin-bottom: 200px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--0 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--10 {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--15 {
        margin-bottom: 15px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--20 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--25 {
        margin-bottom: 25px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--30 {
        margin-bottom: 30px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--35 {
        margin-bottom: 35px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--40 {
        margin-bottom: 40px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--45 {
        margin-bottom: 45px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--50 {
        margin-bottom: 50px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--55 {
        margin-bottom: 55px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--60 {
        margin-bottom: 60px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--65 {
        margin-bottom: 65px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--70 {
        margin-bottom: 70px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--75 {
        margin-bottom: 75px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--80 {
        margin-bottom: 80px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--85 {
        margin-bottom: 85px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--90 {
        margin-bottom: 90px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--95 {
        margin-bottom: 95px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--100 {
        margin-bottom: 100px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--105 {
        margin-bottom: 105px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--110 {
        margin-bottom: 110px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--115 {
        margin-bottom: 115px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--120 {
        margin-bottom: 120px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--125 {
        margin-bottom: 125px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--130 {
        margin-bottom: 130px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--135 {
        margin-bottom: 135px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--140 {
        margin-bottom: 140px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--145 {
        margin-bottom: 145px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--150 {
        margin-bottom: 150px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--155 {
        margin-bottom: 155px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--160 {
        margin-bottom: 160px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--165 {
        margin-bottom: 165px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--170 {
        margin-bottom: 170px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--175 {
        margin-bottom: 175px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--180 {
        margin-bottom: 180px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--185 {
        margin-bottom: 185px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--190 {
        margin-bottom: 190px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--195 {
        margin-bottom: 195px !important;
    }
}

@media (min-width: 47.94em) {
    .mb-smlg--200 {
        margin-bottom: 200px !important;
    }
}

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

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

.mt--10 {
    margin-top: 10px !important;
}

.mt--15 {
    margin-top: 15px !important;
}

.mt--20 {
    margin-top: 20px !important;
}

.mt--25 {
    margin-top: 25px !important;
}

.mt--30 {
    margin-top: 30px !important;
}

.mt--35 {
    margin-top: 35px !important;
}

.mt--40 {
    margin-top: 40px !important;
}

.mt--45 {
    margin-top: 45px !important;
}

.mt--50 {
    margin-top: 50px !important;
}

.mt--55 {
    margin-top: 55px !important;
}

.mt--60 {
    margin-top: 60px !important;
}

.mt--65 {
    margin-top: 65px !important;
}

.mt--70 {
    margin-top: 70px !important;
}

.mt--75 {
    margin-top: 75px !important;
}

.mt--80 {
    margin-top: 80px !important;
}

.mt--85 {
    margin-top: 85px !important;
}

.mt--90 {
    margin-top: 90px !important;
}

.mt--95 {
    margin-top: 95px !important;
}

.mt--100 {
    margin-top: 100px !important;
}

.mt--105 {
    margin-top: 105px !important;
}

.mt--110 {
    margin-top: 110px !important;
}

.mt--115 {
    margin-top: 115px !important;
}

.mt--120 {
    margin-top: 120px !important;
}

.mt--125 {
    margin-top: 125px !important;
}

.mt--130 {
    margin-top: 130px !important;
}

.mt--135 {
    margin-top: 135px !important;
}

.mt--140 {
    margin-top: 140px !important;
}

.mt--145 {
    margin-top: 145px !important;
}

.mt--150 {
    margin-top: 150px !important;
}

.mt--155 {
    margin-top: 155px !important;
}

.mt--160 {
    margin-top: 160px !important;
}

.mt--165 {
    margin-top: 165px !important;
}

.mt--170 {
    margin-top: 170px !important;
}

.mt--175 {
    margin-top: 175px !important;
}

.mt--180 {
    margin-top: 180px !important;
}

.mt--185 {
    margin-top: 185px !important;
}

.mt--190 {
    margin-top: 190px !important;
}

.mt--195 {
    margin-top: 195px !important;
}

.mt--200 {
    margin-top: 200px !important;
}

@media (max-width: 74.9375em) {
    .mt-lg--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--5 {
        margin-top: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--10 {
        margin-top: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--15 {
        margin-top: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--25 {
        margin-top: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--30 {
        margin-top: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--35 {
        margin-top: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--40 {
        margin-top: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--45 {
        margin-top: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--50 {
        margin-top: 50px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--55 {
        margin-top: 55px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--60 {
        margin-top: 60px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--65 {
        margin-top: 65px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--70 {
        margin-top: 70px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--75 {
        margin-top: 75px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--80 {
        margin-top: 80px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--85 {
        margin-top: 85px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--90 {
        margin-top: 90px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--95 {
        margin-top: 95px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--100 {
        margin-top: 100px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--105 {
        margin-top: 105px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--110 {
        margin-top: 110px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--115 {
        margin-top: 115px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--120 {
        margin-top: 120px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--125 {
        margin-top: 125px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--130 {
        margin-top: 130px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--135 {
        margin-top: 135px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--140 {
        margin-top: 140px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--145 {
        margin-top: 145px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--150 {
        margin-top: 150px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--155 {
        margin-top: 155px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--160 {
        margin-top: 160px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--165 {
        margin-top: 165px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--170 {
        margin-top: 170px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--175 {
        margin-top: 175px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--180 {
        margin-top: 180px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--185 {
        margin-top: 185px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--190 {
        margin-top: 190px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--195 {
        margin-top: 195px !important;
    }
}

@media (max-width: 74.9375em) {
    .mt-lg--200 {
        margin-top: 200px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--5 {
        margin-top: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--10 {
        margin-top: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--15 {
        margin-top: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--25 {
        margin-top: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--30 {
        margin-top: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--35 {
        margin-top: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--40 {
        margin-top: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--45 {
        margin-top: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--50 {
        margin-top: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--55 {
        margin-top: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--60 {
        margin-top: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--65 {
        margin-top: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--70 {
        margin-top: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--75 {
        margin-top: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--80 {
        margin-top: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--85 {
        margin-top: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--90 {
        margin-top: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--95 {
        margin-top: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--100 {
        margin-top: 100px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--105 {
        margin-top: 105px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--110 {
        margin-top: 110px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--115 {
        margin-top: 115px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--120 {
        margin-top: 120px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--125 {
        margin-top: 125px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--130 {
        margin-top: 130px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--135 {
        margin-top: 135px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--140 {
        margin-top: 140px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--145 {
        margin-top: 145px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--150 {
        margin-top: 150px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--155 {
        margin-top: 155px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--160 {
        margin-top: 160px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--165 {
        margin-top: 165px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--170 {
        margin-top: 170px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--175 {
        margin-top: 175px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--180 {
        margin-top: 180px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--185 {
        margin-top: 185px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--190 {
        margin-top: 190px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--195 {
        margin-top: 195px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--200 {
        margin-top: 200px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--5 {
        margin-top: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--10 {
        margin-top: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--15 {
        margin-top: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--25 {
        margin-top: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--30 {
        margin-top: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--35 {
        margin-top: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--40 {
        margin-top: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--45 {
        margin-top: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--50 {
        margin-top: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--55 {
        margin-top: 55px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--60 {
        margin-top: 60px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--65 {
        margin-top: 65px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--70 {
        margin-top: 70px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--75 {
        margin-top: 75px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--80 {
        margin-top: 80px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--85 {
        margin-top: 85px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--90 {
        margin-top: 90px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--95 {
        margin-top: 95px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--100 {
        margin-top: 100px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--105 {
        margin-top: 105px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--110 {
        margin-top: 110px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--115 {
        margin-top: 115px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--120 {
        margin-top: 120px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--125 {
        margin-top: 125px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--130 {
        margin-top: 130px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--135 {
        margin-top: 135px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--140 {
        margin-top: 140px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--145 {
        margin-top: 145px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--150 {
        margin-top: 150px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--155 {
        margin-top: 155px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--160 {
        margin-top: 160px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--165 {
        margin-top: 165px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--170 {
        margin-top: 170px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--175 {
        margin-top: 175px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--180 {
        margin-top: 180px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--185 {
        margin-top: 185px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--190 {
        margin-top: 190px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--195 {
        margin-top: 195px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--200 {
        margin-top: 200px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--5 {
        margin-top: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--10 {
        margin-top: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--15 {
        margin-top: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--25 {
        margin-top: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--30 {
        margin-top: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--35 {
        margin-top: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--40 {
        margin-top: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--45 {
        margin-top: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--50 {
        margin-top: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--55 {
        margin-top: 55px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--60 {
        margin-top: 60px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--65 {
        margin-top: 65px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--70 {
        margin-top: 70px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--75 {
        margin-top: 75px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--80 {
        margin-top: 80px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--85 {
        margin-top: 85px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--90 {
        margin-top: 90px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--95 {
        margin-top: 95px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--100 {
        margin-top: 100px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--105 {
        margin-top: 105px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--110 {
        margin-top: 110px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--115 {
        margin-top: 115px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--120 {
        margin-top: 120px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--125 {
        margin-top: 125px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--130 {
        margin-top: 130px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--135 {
        margin-top: 135px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--140 {
        margin-top: 140px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--145 {
        margin-top: 145px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--150 {
        margin-top: 150px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--155 {
        margin-top: 155px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--160 {
        margin-top: 160px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--165 {
        margin-top: 165px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--170 {
        margin-top: 170px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--175 {
        margin-top: 175px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--180 {
        margin-top: 180px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--185 {
        margin-top: 185px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--190 {
        margin-top: 190px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--195 {
        margin-top: 195px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--200 {
        margin-top: 200px !important;
    }
}

.ml--0 {
    margin-left: 0px !important;
}

.ml--5 {
    margin-left: 5px !important;
}

.ml--10 {
    margin-left: 10px !important;
}

.ml--15 {
    margin-left: 15px !important;
}

.ml--20 {
    margin-left: 20px !important;
}

.ml--25 {
    margin-left: 25px !important;
}

.ml--30 {
    margin-left: 30px !important;
}

.ml--35 {
    margin-left: 35px !important;
}

.ml--40 {
    margin-left: 40px !important;
}

.ml--45 {
    margin-left: 45px !important;
}

.ml--50 {
    margin-left: 50px !important;
}

.ml--55 {
    margin-left: 55px !important;
}

.ml--60 {
    margin-left: 60px !important;
}

.ml--65 {
    margin-left: 65px !important;
}

.ml--70 {
    margin-left: 70px !important;
}

.ml--75 {
    margin-left: 75px !important;
}

.ml--80 {
    margin-left: 80px !important;
}

.ml--85 {
    margin-left: 85px !important;
}

.ml--90 {
    margin-left: 90px !important;
}

.ml--95 {
    margin-left: 95px !important;
}

.ml--100 {
    margin-left: 100px !important;
}

.mr--0 {
    margin-right: 0px !important;
}

.mr--10 {
    margin-right: 10px !important;
}

.mr--20 {
    margin-right: 20px !important;
}

.mr--30 {
    margin-right: 30px !important;
}

.mr--40 {
    margin-right: 40px !important;
}

.mr--50 {
    margin-right: 50px !important;
}

.mr--60 {
    margin-right: 60px !important;
}

.mr--70 {
    margin-right: 70px !important;
}

.mr--80 {
    margin-right: 80px !important;
}

.mr--90 {
    margin-right: 90px !important;
}

.mr--100 {
    margin-right: 100px !important;
}

@media (max-width: 74.9375em) {
    .mr-lg--0 {
        margin-right: 0px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--5 {
        margin-right: 5px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--10 {
        margin-right: 10px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--15 {
        margin-right: 15px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--20 {
        margin-right: 20px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--25 {
        margin-right: 25px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--30 {
        margin-right: 30px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--35 {
        margin-right: 35px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--40 {
        margin-right: 40px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--45 {
        margin-right: 45px !important;
    }
}

@media (max-width: 74.9375em) {
    .mr-lg--50 {
        margin-right: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--0 {
        margin-right: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--5 {
        margin-right: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--10 {
        margin-right: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--15 {
        margin-right: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--20 {
        margin-right: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--25 {
        margin-right: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--30 {
        margin-right: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--35 {
        margin-right: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--40 {
        margin-right: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--45 {
        margin-right: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .mr-md--50 {
        margin-right: 50px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--0 {
        margin-right: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--5 {
        margin-right: 5px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--10 {
        margin-right: 10px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--15 {
        margin-right: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--20 {
        margin-right: 20px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--25 {
        margin-right: 25px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--30 {
        margin-right: 30px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--35 {
        margin-right: 35px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--40 {
        margin-right: 40px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--45 {
        margin-right: 45px !important;
    }
}

@media (max-width: 47.94em) {
    .mr-sm--50 {
        margin-right: 50px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--0 {
        margin-right: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--5 {
        margin-right: 5px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--10 {
        margin-right: 10px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--15 {
        margin-right: 15px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--20 {
        margin-right: 20px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--25 {
        margin-right: 25px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--30 {
        margin-right: 30px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--35 {
        margin-right: 35px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--40 {
        margin-right: 40px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--45 {
        margin-right: 45px !important;
    }
}

@media (max-width: 35.94em) {
    .mr-xs--50 {
        margin-right: 50px !important;
    }
}

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

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

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

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

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

@media (max-width: 61.94em) {
    .mt-md--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--1 {
        margin-top: 1px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--2 {
        margin-top: 2px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--3 {
        margin-top: 3px !important;
    }
}

@media (max-width: 61.94em) {
    .mt-md--4 {
        margin-top: 4px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--1 {
        margin-top: 1px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--2 {
        margin-top: 2px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--3 {
        margin-top: 3px !important;
    }
}

@media (max-width: 47.94em) {
    .mt-sm--4 {
        margin-top: 4px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--1 {
        margin-top: 1px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--2 {
        margin-top: 2px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--3 {
        margin-top: 3px !important;
    }
}

@media (max-width: 35.94em) {
    .mt-xs--4 {
        margin-top: 4px !important;
    }
}

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

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

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

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

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

@media (max-width: 61.94em) {
    .mb-md--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--1 {
        margin-bottom: 1px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--2 {
        margin-bottom: 2px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--3 {
        margin-bottom: 3px !important;
    }
}

@media (max-width: 61.94em) {
    .mb-md--4 {
        margin-bottom: 4px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--1 {
        margin-bottom: 1px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--2 {
        margin-bottom: 2px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--3 {
        margin-bottom: 3px !important;
    }
}

@media (max-width: 47.94em) {
    .mb-sm--4 {
        margin-bottom: 4px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--1 {
        margin-bottom: 1px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--2 {
        margin-bottom: 2px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--3 {
        margin-bottom: 3px !important;
    }
}

@media (max-width: 35.94em) {
    .mb-xs--4 {
        margin-bottom: 4px !important;
    }
}

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

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

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

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

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

@media (max-width: 61.94em) {
    .pt-md--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--1 {
        padding-top: 1px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--2 {
        padding-top: 2px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--3 {
        padding-top: 3px !important;
    }
}

@media (max-width: 61.94em) {
    .pt-md--4 {
        padding-top: 4px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--1 {
        padding-top: 1px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--2 {
        padding-top: 2px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--3 {
        padding-top: 3px !important;
    }
}

@media (max-width: 47.94em) {
    .pt-sm--4 {
        padding-top: 4px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--0 {
        padding-top: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--1 {
        padding-top: 1px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--2 {
        padding-top: 2px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--3 {
        padding-top: 3px !important;
    }
}

@media (max-width: 35.94em) {
    .pt-xs--4 {
        padding-top: 4px !important;
    }
}

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

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

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

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

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

@media (max-width: 61.94em) {
    .pb-md--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--1 {
        padding-bottom: 1px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--2 {
        padding-bottom: 2px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--3 {
        padding-bottom: 3px !important;
    }
}

@media (max-width: 61.94em) {
    .pb-md--4 {
        padding-bottom: 4px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--1 {
        padding-bottom: 1px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--2 {
        padding-bottom: 2px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--3 {
        padding-bottom: 3px !important;
    }
}

@media (max-width: 47.94em) {
    .pb-sm--4 {
        padding-bottom: 4px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--0 {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--1 {
        padding-bottom: 1px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--2 {
        padding-bottom: 2px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--3 {
        padding-bottom: 3px !important;
    }
}

@media (max-width: 35.94em) {
    .pb-xs--4 {
        padding-bottom: 4px !important;
    }
}

.cs-mt--0 .slick-dots {
    margin-top: 0px !important;
}

.cs-mt--5 .slick-dots {
    margin-top: 5px !important;
}

.cs-mt--10 .slick-dots {
    margin-top: 10px !important;
}

.cs-mt--15 .slick-dots {
    margin-top: 15px !important;
}

.cs-mt--20 .slick-dots {
    margin-top: 20px !important;
}

.cs-mt--25 .slick-dots {
    margin-top: 25px !important;
}

.cs-mt--30 .slick-dots {
    margin-top: 30px !important;
}

.cs-mt--35 .slick-dots {
    margin-top: 35px !important;
}

.cs-mt--40 .slick-dots {
    margin-top: 40px !important;
}

.cs-mt--45 .slick-dots {
    margin-top: 45px !important;
}

.cs-mt--50 .slick-dots {
    margin-top: 50px !important;
}

.cs-mt--55 .slick-dots {
    margin-top: 55px !important;
}

.cs-mt--60 .slick-dots {
    margin-top: 60px !important;
}

.cs-mt--65 .slick-dots {
    margin-top: 65px !important;
}

.cs-mt--70 .slick-dots {
    margin-top: 70px !important;
}

.cs-mt--75 .slick-dots {
    margin-top: 75px !important;
}

.cs-mt--80 .slick-dots {
    margin-top: 80px !important;
}

.cs-mt--85 .slick-dots {
    margin-top: 85px !important;
}

.cs-mt--90 .slick-dots {
    margin-top: 90px !important;
}

.cs-mt--95 .slick-dots {
    margin-top: 95px !important;
}

.cs-mt--100 .slick-dots {
    margin-top: 100px !important;
}


/*****************************
10. Header CSS
*****************************/


/*-- 10.00 - Header CSS --*/

.header {
    z-index: 9;
}

.header .logo-box {
    display: block;
    z-index: 99;
}

.header .logo-box img {
    width: 62px;
}

.header .logo--normal {
    height: auto;
}

.header .top-bar {
    background-color: #f9f9f9;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header__text {
    font-family: "微軟正黑體", serif;
    font-size: 16px;
}

.header__text a {
    font-family: "微軟正黑體", sans-serif;
    font-weight: 700;
    padding-left: 8px;
}

.header .contact-info span {
    font-size: 11px;
    padding-left: 20px;
}

.header .contact-info span i {
    margin-right: 8px;
}

.header-toolbar__item:not(:last-child) {
    margin-right: 5px;
}

.header-toolbar__item>a {
    width: 40px;
    height: 50px;
    font-size: 16px;
}

.header-toolbar__item>a,
.header-toolbar__item>button {
    z-index: 99;
    position: relative;
}

.header-toolbar__item .menu-btn.open .hamburger-icon {
    background-color: transparent;
}

.header-toolbar__item .menu-btn.open .hamburger-icon:after {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -o-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}

.header-toolbar__item .menu-btn.open .hamburger-icon:before {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}

.header-toolbar-2 .header-toolbar__item>a {
    font-size: 20px;
}

.header-toolbar-3 .header-toolbar__item:not(:last-child) {
    margin-right: 8px;
}

.header-toolbar-3 .header-toolbar__item>a {
    font-size: 26px;
}

@media (max-width: 61.94em) {
    .header-toolbar-3 .header-toolbar__item>a {
        font-size: 20px;
        width: 35px;
    }
}

.header-toolbar.white-color .header-toolbar__item>a {
    color: #ffffff;
}

.header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon {
    background-color: #ffffff;
}

.header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:before,
.header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:after {
    background-color: #ffffff;
}

.header-toolbar.white-color .header-toolbar__item .toolbar-btn.open .hamburger-icon {
    background-color: transparent;
}

@media (max-width: 47.94em) {
    .header-toolbar.dark-color-sm .header-toolbar__item>a {
        color: #181818;
    }
    .header-toolbar.dark-color-sm .header-toolbar__item .menu-btn .hamburger-icon {
        background-color: #181818;
    }
    .header-toolbar.dark-color-sm .header-toolbar__item .menu-btn .hamburger-icon:before,
    .header-toolbar.dark-color-sm .header-toolbar__item .menu-btn .hamburger-icon:after {
        background-color: #181818;
    }
    .header-toolbar.dark-color-sm .header-toolbar__item .menu-btn.open .hamburger-icon {
        background-color: transparent;
    }
}

.header-top {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

@media (max-width: 61.94em) {
    .header-top {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.header-bottom {
    padding-top: 25px;
    padding-bottom: 25px;
}

.header-bottom__left .secondary-navigation {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 4%;
}

.header-bottom__left .main-navigation {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.header-component>li {
    display: inline-block;
}

.header-component>li:after {
    left: 0;
    top: 100%;
    width: 100%;
    height: 40px;
}

.header-component>li>a {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0 10px;
}

@media (max-width: 93.6875em) {
    .header-component>li>a {
        padding: 0 4px;
    }
}

.header-component>li>a i {
    vertical-align: middle;
    margin-top: 1px;
    font-size: 17px;
}

.header-component>li>a i:first-child {
    margin-right: 5px;
    padding-right: 5px;
}

.header-component>li>a i:last-child {
    margin-left: 5px;
}

.header-component>li .submenu {
    display: none;
    right: 0;
    margin-top: 37px;
}

.header-component>li:hover .submenu {
    display: block;
}

.header-style-2 .header-top {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}

@media (max-width: 61.94em) {
    .header-style-2 .header-top {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.header-style-2 .headroom.is-sticky.header-top {
    background-color: #ffffff !important;
}

.header-style-3 .header-top {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
}

@media (max-width: 61.94em) {
    .header-style-3 .header-top {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.header-style-3 .header-bottom {
    background: #181818;
}

.header-style-3 .headroom.is-sticky .header-top {
    height: 0;
    padding: 0;
}

@media (max-width: 61.94em) {
    .header-style-3 .headroom.is-sticky .header-top {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #ffffff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
}

.header-style-3 .headroom.is-sticky .header-bottom {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 61.94em) {
    .header-style-3 .headroom.is-sticky .header-bottom {
        display: none;
    }
}

.header-style-3 .headroom.is-sticky .top-bar {
    height: 0;
    padding: 0;
}

.header-style-4 .headroom.is-sticky .header-top {
    height: 0;
    padding: 0;
}

@media (max-width: 61.94em) {
    .header-style-4 .headroom.is-sticky .header-top {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #ffffff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
}

.header-style-4 .headroom.is-sticky .header-bottom {
    background-color: rgba(0, 0, 0, 0.85);
    padding-top: 17px;
    padding-bottom: 17px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 61.94em) {
    .header-style-4 .headroom.is-sticky .header-bottom {
        display: none;
    }
}

.header-style-4 .headroom.is-sticky .header-toolbar.white-color .header-toolbar__item>a {
    color: #181818;
}

.header-style-4 .headroom.is-sticky .header-toolbar.white-color .header-toolbar__item .menu-btn .hamburger-icon {
    background-color: #181818;
}

.header-style-4 .headroom.is-sticky .header-toolbar.white-color .header-toolbar__item .menu-btn .hamburger-icon:before,
.header-style-4 .headroom.is-sticky .header-toolbar.white-color .header-toolbar__item .menu-btn .hamburger-icon:after {
    background-color: #181818;
}

.header-style-4 .headroom.is-sticky .header-toolbar.white-color .header-toolbar__item .menu-btn.open .hamburger-icon {
    background-color: transparent;
}

.header-style-4 .headroom.is-sticky .logo--normal {
    display: none !important;
}

.header-style-4 .headroom.is-sticky .logo--sticky {
    display: block !important;
}

.header-style-4 .headroom.is-sticky .main-navigation .mainmenu__item.menu-item-has-children>ul {
    margin-top: 17px;
}

.header-style-4 .headroom.is-sticky .main-navigation .mainmenu__item.menu-item-has-children.has-children:after {
    color: #ffffff !important;
}

.header-style-4 .headroom.is-sticky .main-navigation .mainmenu__link {
    color: #ffffff !important;
}

.header-style-4 .headroom.is-sticky .main-navigation .mainmenu__link>span.mm-text:after {
    border-top-color: #ffffff !important;
}

.header-style-4 .headroom.is-sticky .main-navigation .mainmenu__link>span.badge {
    bottom: 100%;
    bottom: calc( 100% - 4px);
    bottom: -webkit-calc( 100% - 4px);
    bottom: -moz-calc( 100% - 4px);
}

.header-message-box p {
    font-size: 18px;
    margin-bottom: 0;
}

.header-message-box p span {
    color: #f8e71c;
    padding-left: 20px;
}


/*-- 10.01 - User Info Menu CSS --*/

.user-info-menu {
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    min-width: 270px;
    padding: 30px 35px;
    background: #ffffff;
    right: -10px;
}

.user-info-menu-btn:after {
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
}

.user-info-menu-btn:hover .user-info-menu {
    pointer-events: visible;
}

.user-info-menu li {
    text-align: left;
}

.user-info-menu li a {
    padding: 8px 0;
    color: #444444;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}

.user-info-menu li a:hover {
    text-decoration: underline;
}


/*-- 10.02 - Mini Cart Btn CSS --*/

.mini-cart-btn sup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    top: 6px;
    right: 0;
    text-align: center;
    padding: 0;
    background-color: #181818;
}

.mini-cart-btn-2 sup {
    top: 20px;
}

.mini-cart-btn-3 sup {
    top: -8px;
    right: -4px;
}

@media (max-width: 61.94em) {
    .mini-cart-btn-3 sup {
        top: 0;
        right: -10px;
    }
}


/*-- 10.04 - Sticky Header CSS --*/

.headroom {
    transition: transform .25s ease-in-out;
    will-change: transform;
}

.headroom--fixed.is-sticky {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
}

.headroom--pinned {
    transform: translateY(0);
    background-color: #fff;
}

.headroom--unpinned {
    transform: translateY(-100%);
}


/*-- 10.05 - Header Transparent CSS --*/

.header-transparent {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

@media (max-width: 47.94em) {
    .header-transparent {
        position: relative;
    }
}

.header-transparent .header-inner {
    background-color: transparent;
}

@media (max-width: 47.94em) {
    .header-transparent .header-inner {
        background-color: #fff;
    }
}

.header-transparent .header-top,
.header-transparent .header-bottom {
    background-color: transparent;
}

@media (max-width: 47.94em) {
    .header-transparent .header-toolbar.white-color .header-toolbar__item>a {
        color: #181818;
    }
}

@media (max-width: 47.94em) {
    .header-transparent .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon {
        background-color: #181818;
    }
}

@media (max-width: 47.94em) {
    .header-transparent .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:before,
    .header-transparent .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:after {
        background-color: #181818;
    }
}

.header-transparent .header-toolbar.white-color .header-toolbar__item .toolbar-btn.open .hamburger-icon {
    background-color: transparent;
}

.header-transparent .headroom .logo--normal {
    height: auto;
}

@media (max-width: 47.94em) {
    .header-transparent .headroom .logo--normal {
        height: 0;
        visibility: hidden;
        opacity: 0;
    }
}

.header-transparent .headroom .logo--sticky {
    height: 0;
}

@media (max-width: 47.94em) {
    .header-transparent .headroom .logo--sticky {
        height: auto;
        visibility: visible;
        opacity: 1;
    }
}

.header-transparent .headroom--fixed.is-sticky {
    background-color: #fff;
}

.header-transparent .headroom--fixed.is-sticky .logo--normal {
    height: 0;
}

.header-transparent .headroom--fixed.is-sticky .logo--sticky {
    height: auto;
}

.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__link>span.mm-text:after {
    border-top-color: #181818;
}

.header-transparent .headroom--fixed.is-sticky .header-toolbar.white-color .header-toolbar__item>a {
    color: #181818;
}

.header-transparent .headroom--fixed.is-sticky .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon {
    background-color: #181818;
}

.header-transparent .headroom--fixed.is-sticky .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:before,
.header-transparent .headroom--fixed.is-sticky .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:after {
    background-color: #181818;
}

.header-transparent .headroom--fixed.is-sticky .header-toolbar.white-color .header-toolbar__item .toolbar-btn.open .hamburger-icon {
    background-color: transparent;
}

.header-transparent .headroom--pinned {
    background-color: #fff;
}

.header-transparent .headroom--unpinned {
    transform: translateY(-100%);
}


/*-- 10.06 - Header Aside CSS --*/

.header-aside {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 400px;
    padding: 60px 0;
    min-height: 100vh;
    z-index: 111;
    background-color: #181818;
}

@media (max-width: 99.9375em) {
    .header-aside {
        width: 300px;
    }
}

@media (max-width: 74.9375em) {
    .header-aside {
        padding: 25px 0;
    }
}

@media (max-width: 61.94em) {
    .header-aside {
        position: relative;
        padding: 15px 0;
        width: 100%;
        height: auto;
        min-height: auto;
        background-color: #ffffff;
    }
}

.header-aside__inner {
    height: 100% !important;
}

@media (max-width: 61.94em) {
    .header-aside__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        padding: 0 15px;
    }
}

.header-aside .logo-box {
    display: block;
}

.header-aside .logo-box img {
    width: 92px;
}

@media (max-width: 74.9375em) {
    .header-aside .logo-box img {
        width: 54px;
    }
}

.header-aside .logo--normal {
    height: auto;
}

@media (max-width: 61.94em) {
    .header-aside .logo--normal {
        height: 0;
        visibility: hidden;
        opacity: 0;
    }
}

.header-aside .logo--sticky {
    height: 0;
}

@media (max-width: 61.94em) {
    .header-aside .logo--sticky {
        height: auto;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 74.9375em) {
    .header-aside .header-toolbar.white-color .header-toolbar__item>a {
        height: 35px;
    }
}

@media (max-width: 61.94em) {
    .header-aside .header-toolbar.white-color .header-toolbar__item>a {
        color: #181818;
    }
}

@media (max-width: 61.94em) {
    .header-aside .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon {
        background-color: #181818;
    }
}

@media (max-width: 61.94em) {
    .header-aside .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:before,
    .header-aside .header-toolbar.white-color .header-toolbar__item .toolbar-btn .hamburger-icon:after {
        background-color: #181818;
    }
}

.header-aside .header-toolbar.white-color .header-toolbar__item .toolbar-btn.open .hamburger-icon {
    background-color: transparent;
}

.header-aside__top .header-toolbar .toolbar-btn {
    font-size: 24px;
}

@media (max-width: 61.94em) {
    .header-aside__bottom {
        display: none;
    }
}

.header-aside__bottom .widget li,
.header-aside__bottom .widget p {
    font-size: 12px;
}

.header-aside__bottom .widget li:not(:last-child),
.header-aside__bottom .widget p:not(:last-child) {
    margin-bottom: 7px;
}

.header-aside__bottom .widget li i,
.header-aside__bottom .widget p i {
    padding-right: 8px;
}

.header-aside__bottom .widget .widget-title {
    font-size: 14px;
    line-height: 24px;
}

.header-aside__bottom .social-small .social__item:not(:last-child) {
    margin-right: 20px;
}

.header-aside .copyright-text {
    margin-bottom: 5px;
}


/*****************************
11. Footer CSS
*****************************/

.footer-widget .widget-title {
    font-size: 18px;
    line-height: 19px;
    font-weight: bold;
}

.footer-widget .widget-title-1 {
    color: #D6D6D6;
    margin-bottom: 30px;
}

.footer-widget .logo-img {
    width: 62px;
}

.footer-widget .widget-menu li {
    line-height: 1;
}

.footer-widget .widget-menu li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-widget .widget-menu li:last-child a,
.footer-widget .widget-menu li:last-child p,
.footer-widget .widget-menu li:last-child span {
    padding-bottom: 0px;
}

.footer-widget .widget-menu a,
.footer-widget .widget-menu p,
.footer-widget .widget-menu span {
    color: #969696;
    padding: 3px 0;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.footer-widget .widget-menu a,
.footer-widget .widget-menu span {
    display: inline-block;
}

.footer-widget .widget_contact_info ul li {
    padding-top: 5px;
}

.footer-widget .widget_contact_info ul li:not(:last-child) {
    margin-bottom: 15px;
}

@media (max-width: 35.94em) {
    .footer-widget .widget_contact_info ul li {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}

.footer-widget .widget_contact_info ul li i {
    font-size: 17px;
    min-width: 30px;
}

.footer-widget .widget_contact_info ul li p,
.footer-widget .widget_contact_info ul li a,
.footer-widget .widget_contact_info ul li span {
    font-size: 14px;
    margin: 0;
    color: #969696;
}

.footer-widget .instafeed-widget {
    margin-left: -5px;
    margin-right: -5px;
}

.footer-widget .instafeed-widget .grid-item {
    max-width: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 5px;
}

.footer-widget .instafeed-widget .instagram-item a {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-widget .instafeed-widget .instagram-item a:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.footer-1 .footer-row .footer-column {
    -webkit-flex-basis: 16%;
    -moz-flex-basis: 16%;
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
    max-width: 16%;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-1 .footer-row .footer-column-1 {
    -webkit-flex-basis: 27%;
    -moz-flex-basis: 27%;
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
    max-width: 27%;
}

@media (max-width: 61.94em) {
    .footer-1 .footer-row .footer-column-1 {
        -webkit-flex-basis: 33%;
        -moz-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
    }
}

.footer-1 .footer-row .footer-column-5 {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

@media (max-width: 61.94em) {
    .footer-1 .footer-row .footer-column-5 {
        -webkit-flex-basis: 66%;
        -moz-flex-basis: 66%;
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
        max-width: 66%;
    }
}

@media (max-width: 61.94em) {
    .footer-1 .footer-row .footer-column {
        -webkit-flex-basis: 33%;
        -moz-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
    }
}

@media (max-width: 47.94em) {
    .footer-1 .footer-row .footer-column {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.footer-1 .footer-bottom .copyright-text {
    color: #969696;
}

.footer-2 .footer-widget .textwidget p {
    color: #868686;
    font-size: 13px;
    line-height: 24px;
}

.footer-2 .footer-menu li {
    line-height: 1;
}

.footer-2 .footer-menu li:not(:last-child) {
    margin-bottom: 8px;
}

.footer-2 .footer-menu li a {
    font-size: 13px;
    line-height: 1;
}

.footer-3 .footer-row .footer-column {
    padding-left: 15px;
    padding-right: 15px;
}

.footer-3 .footer-row .footer-column-1,
.footer-3 .footer-row .footer-column-6 {
    max-width: calc((100% - (220px * 4)) / 2);
    -webkit-flex-basis: calc((100% - (220px * 4)) / 2);
    -moz-flex-basis: calc((100% - (220px * 4)) / 2);
    -ms-flex-preferred-size: calc((100% - (220px * 4)) / 2);
    flex-basis: calc((100% - (220px * 4)) / 2);
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-1,
    .footer-3 .footer-row .footer-column-6 {
        max-width: 50%;
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media (max-width: 35.94em) {
    .footer-3 .footer-row .footer-column-1,
    .footer-3 .footer-row .footer-column-6 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.footer-3 .footer-row .footer-column-2,
.footer-3 .footer-row .footer-column-3,
.footer-3 .footer-row .footer-column-4,
.footer-3 .footer-row .footer-column-5 {
    max-width: 220px;
    -webkit-flex-basis: 220px;
    -moz-flex-basis: 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-2,
    .footer-3 .footer-row .footer-column-3,
    .footer-3 .footer-row .footer-column-4,
    .footer-3 .footer-row .footer-column-5 {
        max-width: 25%;
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}

@media (max-width: 47.94em) {
    .footer-3 .footer-row .footer-column-2,
    .footer-3 .footer-row .footer-column-3,
    .footer-3 .footer-row .footer-column-4,
    .footer-3 .footer-row .footer-column-5 {
        max-width: 50%;
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media (max-width: 35.94em) {
    .footer-3 .footer-row .footer-column-2,
    .footer-3 .footer-row .footer-column-3,
    .footer-3 .footer-row .footer-column-4,
    .footer-3 .footer-row .footer-column-5 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-2 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-3 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-4 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -moz-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-5 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -moz-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}

@media (max-width: 93.6875em) {
    .footer-3 .footer-row .footer-column-6 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

.footer-default .footer-top,
.footer-default .footer-bottom {
    max-width: 1550px;
    margin: 0px auto;
}

.footer-default .footer-top .container,
.footer-default .footer-bottom .container {
    max-width: 100%;
}

@media (min-width: 93.75em) {
    .footer-default .footer-top .container,
    .footer-default .footer-bottom .container {
        padding-left: 80px;
        padding-right: 80px;
    }
}

.footer-default .footer-row .footer-column {
    padding-left: 15px;
    padding-right: 15px;
}

.footer-default .footer-row .footer-column-1 {
    max-width: calc( (100% - (212px * 5)));
    -webkit-flex-basis: calc((100% - (212px * 5)));
    -moz-flex-basis: calc((100% - (212px * 5)));
    -ms-flex-preferred-size: calc((100% - (212px * 5)));
    flex-basis: calc((100% - (212px * 5)));
}

@media (max-width: 99.9375em) {
    .footer-default .footer-row .footer-column-1 {
        max-width: calc( (100% - (190px * 5)));
        -webkit-flex-basis: calc((100% - (190px * 5)));
        -moz-flex-basis: calc((100% - (190px * 5)));
        -ms-flex-preferred-size: calc((100% - (190px * 5)));
        flex-basis: calc((100% - (190px * 5)));
    }
}

.footer-default .footer-row .footer-column-2,
.footer-default .footer-row .footer-column-3,
.footer-default .footer-row .footer-column-4,
.footer-default .footer-row .footer-column-5,
.footer-default .footer-row .footer-column-6 {
    max-width: 212px;
    -webkit-flex-basis: 212px;
    -moz-flex-basis: 212px;
    -ms-flex-preferred-size: 212px;
    flex-basis: 212px;
}

@media (max-width: 99.9375em) {
    .footer-default .footer-row .footer-column-2,
    .footer-default .footer-row .footer-column-3,
    .footer-default .footer-row .footer-column-4,
    .footer-default .footer-row .footer-column-5,
    .footer-default .footer-row .footer-column-6 {
        max-width: 190px;
        -webkit-flex-basis: 190px;
        -moz-flex-basis: 190px;
        -ms-flex-preferred-size: 190px;
        flex-basis: 190px;
    }
}

@media (max-width: 74.9375em) {
    .footer-default .footer-row .footer-column-1,
    .footer-default .footer-row .footer-column-6 {
        max-width: 40%;
        -webkit-flex-basis: 40%;
        -moz-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
}

@media (max-width: 35.94em) {
    .footer-default .footer-row .footer-column-1,
    .footer-default .footer-row .footer-column-6 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 74.9375em) {
    .footer-default .footer-row .footer-column-2,
    .footer-default .footer-row .footer-column-3,
    .footer-default .footer-row .footer-column-4,
    .footer-default .footer-row .footer-column-5 {
        max-width: 30%;
        -webkit-flex-basis: 30%;
        -moz-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
}

@media (max-width: 35.94em) {
    .footer-default .footer-row .footer-column-2,
    .footer-default .footer-row .footer-column-3,
    .footer-default .footer-row .footer-column-4,
    .footer-default .footer-row .footer-column-5 {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.copyright-text {
    font-size: 15px;
    line-height: 14px;
}


/*****************************
20. Accordion CSS
*****************************/

.accordion__single {
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    padding: 20px 30px;
}

.accordion__header.open .accordion__link {
    font-weight: 600;
}

.accordion__header.open .accordion__link:after {
    color: #181818;
    content: '\f068';
}

.accordion__link {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin-bottom: 0;
    cursor: pointer;
    overflow-wrap: break-word;
    white-space: -moz-normal;
    white-space: normal;
}

.accordion__link:after {
    right: 0;
    top: 0;
    content: '\f067';
    color: #bbbbbb;
}

.accordion__text {
    margin: 10px 0 15px;
    font-size: 14px;
    line-height: 22px;
}


/*****************************
21. Animation CSS
*****************************/

@keyframes passing-reverse {
    from {
        transform: translateX(0);
    }
    50% {
        transform: translateX(7%);
        opacity: .6;
    }
    to {
        transform: translateX(30%);
        opacity: 0;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes effect_shine {
    100% {
        left: 150%;
    }
}

@keyframes effect_shine {
    100% {
        left: 150%;
    }
}

@keyframes airiFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes zuka-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zuka-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}


/*****************************
22. Button CSS
*****************************/


/*-- 22.00 - Global Button --*/

.btn {
    display: inline-block;
    background-color: #181818;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 0 35px;
    min-height: 60px;
    line-height: 60px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "微軟正黑體", sans-serif;
    cursor: pointer;
    border-width: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-weight: bold;
}

.btn[type="submit"],
.btn[type="button"] {
    border: none;
}

.btn i {
    padding-left: 5px;
}

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

.btn-outline {
    border: 1px solid #cdcdcd;
    background-color: transparent;
}

.btn-outline-2 {
    border: 2px solid #cdcdcd;
    background-color: transparent;
}

.btn-large {
    min-height: 60px;
    line-height: 60px;
    padding: 0 75px;
}

.btn-semi-large {
    min-height: 55px;
    line-height: 55px;
    padding: 0 60px;
}

.btn-medium {
    min-width: 160px;
    min-height: 50px;
    line-height: 50px;
}

.btn-small {
    min-height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 10px 30px;
}

.btn-tiny {
    min-height: auto;
    line-height: 1.8;
    padding: 5px 15px;
}

.btn-transparent {
    background-color: rgba(51, 51, 51, 0.5);
}

.btn-h-50 {
    min-height: 50px;
    line-height: 50px;
}

.btn-submit {
    min-height: 52px;
    line-height: 52px;
    background-color: #181818;
}

.btn-shape-round {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
}

.btn-color-gray {
    color: #282828;
}

.btn-color-gray.btn-outline,
.btn-color-gray.btn-outline-2 {
    border-color: rgba(35, 36, 36, 0.2);
}

.btn-color-black {
    color: #282828;
}

.btn-color-black.btn-outline,
.btn-color-black.btn-outline-2 {
    border-color: #353233a6;
}

.btn-bg-white {
    background-color: #ffffff;
}

.btn-style-1:hover {
    color: #fff !important;
    border-color: #dc0109;
}

.btn-style-2 {
    color: #fff;
}

.btn-style-2:hover {
    background-color: #333333;
    color: #fff !important;
}

.btn-style-3 {
    color: #fff;
}

.btn-style-3:hover {
    background-color: #333333;
    color: #fff !important;
}

.btn-style-4 {
    color: #fff;
}

.btn-style-4:hover {
    background-color: #9a512f;
    color: #fff !important;
}


/*-- 22.01 - Close Button --*/

.btn-close {
    font-size: 40px;
    display: block;
    position: absolute;
    z-index: 5;
    line-height: 40px;
    height: 40px;
    opacity: 1;
}

.btn-close i {
    display: inline-block;
    vertical-align: top;
}

.btn-close:hover i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*-- 22.03 - Video Play Button --*/

.video-btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-indent: -99999px;
    position: relative;
}

.video-btn:after,
.video-btn:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    transition: all .3s;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
}

.video-btn:after {
    background-image: url(../img/icons/play_btn_red.png);
    background-size: contain;
}

.video-btn:before {
    background: rgba(255, 255, 255, 0.3);
}

.video-btn:hover:after {
    -webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.video-btn:hover:before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: .6;
}

.video-btn-2:after {
    background-image: url(../img/icons/button-play2.png);
}

.video-btn-3:after {
    background-image: url(../img/icons/button-play2.png);
    -webkit-box-shadow: 0 2px 32px 0 rgba(255, 113, 113, 0.3);
    -moz-box-shadow: 0 2px 32px 0 rgba(255, 113, 113, 0.3);
    -ms-box-shadow: 0 2px 32px 0 rgba(255, 113, 113, 0.3);
    -o-box-shadow: 0 2px 32px 0 rgba(255, 113, 113, 0.3);
    box-shadow: 0 2px 32px 0 rgba(255, 113, 113, 0.3);
}


/*-- 22.04 - Action Button --*/

.action-btn {
    position: relative;
    z-index: 1;
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    font-size: 16px;
}

.action-btn.quickview-btn span {
    width: 100%;
    display: block;
    height: 100%;
}

.action-btn-1 {
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 35px;
    font-size: 14px;
}

.action-btn-1:hover i {
    color: #fff;
}

.action-btn-2 {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 55px;
    background-color: #fff;
    border-width: 0px;
    padding: 0;
    text-align: center;
}

.action-btn i {
    line-height: 1;
}

.action-btn:hover i {
    color: #fff;
}

.action-btn.btn.add_to_cart_btn {
    display: block;
    width: 160px;
    margin: auto;
    line-height: 50px;
    height: 50px;
    min-height: 50px;
    font-size: 14px;
    border-radius: 30px;
    padding: 0 20px;
    border-width: 0px;
}

.action-btn-square {
    width: 68px;
    height: 60px;
    line-height: 65px;
    position: relative;
    margin-left: 5px;
    font-size: 22px;
    border-width: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}


/*-- 22.05 - Sidebar Button --*/

.sidebar-btn {
    padding: 0 30px;
    font-size: 13px;
    font-weight: 300;
    min-height: 42px;
    line-height: 42px;
}


/*-- 22.06 - Read More Button --*/

.read-more-btn {
    border: 2px solid #181818;
    color: #181818;
    font-weight: 400;
    padding: 14px 40px;
    display: inline-block;
    transition: all 250ms ease-out;
}

.read-more-btn:hover {
    border-color: #dc0109;
    background: #dc0109;
    color: #ffffff;
}


/*-- 22.07 - Load More Button --*/

.load-more-btn {
    line-height: 1.4;
}

.load-more-btn i {
    padding-left: 5px;
}


/*****************************
23. Carousel CSS
*****************************/

.slick-btn,
.slick-arrow {
    cursor: pointer;
    z-index: 1;
    display: inline-block;
}

.slick-gutter-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
}

.slick-gutter-5 .slick-slide {
    padding-left: 2.5px;
    padding-right: 2.5px;
}

.slick-gutter-10 {
    margin-left: -5px;
    margin-right: -5px;
}

.slick-gutter-10 .slick-slide {
    padding-left: 5px;
    padding-right: 5px;
}

.slick-gutter-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.slick-gutter-15 .slick-slide {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.slick-gutter-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.slick-gutter-20 .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
}

.slick-gutter-25 {
    margin-left: -12.5px;
    margin-right: -12.5px;
}

.slick-gutter-25 .slick-slide {
    padding-left: 12.5px;
    padding-right: 12.5px;
}

.slick-gutter-30 {
    margin-left: -15px;
    margin-right: -15px;
}

.slick-gutter-30 .slick-slide {
    padding-left: 15px;
    padding-right: 15px;
}

.slick-gutter-35 {
    margin-left: -17.5px;
    margin-right: -17.5px;
}

.slick-gutter-35 .slick-slide {
    padding-left: 17.5px;
    padding-right: 17.5px;
}

.slick-gutter-40 {
    margin-left: -20px;
    margin-right: -20px;
}

.slick-gutter-40 .slick-slide {
    padding-left: 20px;
    padding-right: 20px;
}

.slick-gutter-45 {
    margin-left: -22.5px;
    margin-right: -22.5px;
}

.slick-gutter-45 .slick-slide {
    padding-left: 22.5px;
    padding-right: 22.5px;
}

.slick-gutter-50 {
    margin-left: -25px;
    margin-right: -25px;
}

.slick-gutter-50 .slick-slide {
    padding-left: 25px;
    padding-right: 25px;
}

.slick-gutter-55 {
    margin-left: -27.5px;
    margin-right: -27.5px;
}

.slick-gutter-55 .slick-slide {
    padding-left: 27.5px;
    padding-right: 27.5px;
}

.slick-gutter-60 {
    margin-left: -30px;
    margin-right: -30px;
}

.slick-gutter-60 .slick-slide {
    padding-left: 30px;
    padding-right: 30px;
}

.slick-gutter-65 {
    margin-left: -32.5px;
    margin-right: -32.5px;
}

.slick-gutter-65 .slick-slide {
    padding-left: 32.5px;
    padding-right: 32.5px;
}

.slick-gutter-70 {
    margin-left: -35px;
    margin-right: -35px;
}

.slick-gutter-70 .slick-slide {
    padding-left: 35px;
    padding-right: 35px;
}

.slick-gutter-75 {
    margin-left: -37.5px;
    margin-right: -37.5px;
}

.slick-gutter-75 .slick-slide {
    padding-left: 37.5px;
    padding-right: 37.5px;
}

.slick-gutter-80 {
    margin-left: -40px;
    margin-right: -40px;
}

.slick-gutter-80 .slick-slide {
    padding-left: 40px;
    padding-right: 40px;
}

.slick-gutter-85 {
    margin-left: -42.5px;
    margin-right: -42.5px;
}

.slick-gutter-85 .slick-slide {
    padding-left: 42.5px;
    padding-right: 42.5px;
}

.slick-gutter-90 {
    margin-left: -45px;
    margin-right: -45px;
}

.slick-gutter-90 .slick-slide {
    padding-left: 45px;
    padding-right: 45px;
}

.slick-gutter-95 {
    margin-left: -47.5px;
    margin-right: -47.5px;
}

.slick-gutter-95 .slick-slide {
    padding-left: 47.5px;
    padding-right: 47.5px;
}

.slick-gutter-100 {
    margin-left: -50px;
    margin-right: -50px;
}

.slick-gutter-100 .slick-slide {
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-5 {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .slick-gutter-xl-5 .slick-slide {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-10 {
        margin-left: -5px;
        margin-right: -5px;
    }
    .slick-gutter-xl-10 .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-15 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .slick-gutter-xl-15 .slick-slide {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .slick-gutter-xl-20 .slick-slide {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-25 {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .slick-gutter-xl-25 .slick-slide {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .slick-gutter-xl-30 .slick-slide {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-35 {
        margin-left: -17.5px;
        margin-right: -17.5px;
    }
    .slick-gutter-xl-35 .slick-slide {
        padding-left: 17.5px;
        padding-right: 17.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .slick-gutter-xl-40 .slick-slide {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-45 {
        margin-left: -22.5px;
        margin-right: -22.5px;
    }
    .slick-gutter-xl-45 .slick-slide {
        padding-left: 22.5px;
        padding-right: 22.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-50 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .slick-gutter-xl-50 .slick-slide {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-55 {
        margin-left: -27.5px;
        margin-right: -27.5px;
    }
    .slick-gutter-xl-55 .slick-slide {
        padding-left: 27.5px;
        padding-right: 27.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-60 {
        margin-left: -30px;
        margin-right: -30px;
    }
    .slick-gutter-xl-60 .slick-slide {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-65 {
        margin-left: -32.5px;
        margin-right: -32.5px;
    }
    .slick-gutter-xl-65 .slick-slide {
        padding-left: 32.5px;
        padding-right: 32.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-70 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .slick-gutter-xl-70 .slick-slide {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-75 {
        margin-left: -37.5px;
        margin-right: -37.5px;
    }
    .slick-gutter-xl-75 .slick-slide {
        padding-left: 37.5px;
        padding-right: 37.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-80 {
        margin-left: -40px;
        margin-right: -40px;
    }
    .slick-gutter-xl-80 .slick-slide {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-85 {
        margin-left: -42.5px;
        margin-right: -42.5px;
    }
    .slick-gutter-xl-85 .slick-slide {
        padding-left: 42.5px;
        padding-right: 42.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-90 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .slick-gutter-xl-90 .slick-slide {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-95 {
        margin-left: -47.5px;
        margin-right: -47.5px;
    }
    .slick-gutter-xl-95 .slick-slide {
        padding-left: 47.5px;
        padding-right: 47.5px;
    }
}

@media (max-width: 93.6875em) {
    .slick-gutter-xl-100 {
        margin-left: -50px;
        margin-right: -50px;
    }
    .slick-gutter-xl-100 .slick-slide {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.slick-dot-mb-5 .slick-dots {
    margin-top: 5px !important;
}

.slick-dot-mb-5 .slick-btn {
    margin-top: 5px !important;
}

.slick-dot-mb-10 .slick-dots {
    margin-top: 10px !important;
}

.slick-dot-mb-10 .slick-btn {
    margin-top: 10px !important;
}

.slick-dot-mb-15 .slick-dots {
    margin-top: 15px !important;
}

.slick-dot-mb-15 .slick-btn {
    margin-top: 15px !important;
}

.slick-dot-mb-20 .slick-dots {
    margin-top: 20px !important;
}

.slick-dot-mb-20 .slick-btn {
    margin-top: 20px !important;
}

.slick-dot-mb-25 .slick-dots {
    margin-top: 25px !important;
}

.slick-dot-mb-25 .slick-btn {
    margin-top: 25px !important;
}

.slick-dot-mb-30 .slick-dots {
    margin-top: 30px !important;
}

.slick-dot-mb-30 .slick-btn {
    margin-top: 30px !important;
}

.slick-dot-mb-35 .slick-dots {
    margin-top: 35px !important;
}

.slick-dot-mb-35 .slick-btn {
    margin-top: 35px !important;
}

.slick-dot-mb-40 .slick-dots {
    margin-top: 40px !important;
}

.slick-dot-mb-40 .slick-btn {
    margin-top: 40px !important;
}

.slick-dot-mb-45 .slick-dots {
    margin-top: 45px !important;
}

.slick-dot-mb-45 .slick-btn {
    margin-top: 45px !important;
}

.slick-dot-mb-50 .slick-dots {
    margin-top: 50px !important;
}

.slick-dot-mb-50 .slick-btn {
    margin-top: 50px !important;
}

.slick-dot-mb-55 .slick-dots {
    margin-top: 55px !important;
}

.slick-dot-mb-55 .slick-btn {
    margin-top: 55px !important;
}

.slick-dot-mb-60 .slick-dots {
    margin-top: 60px !important;
}

.slick-dot-mb-60 .slick-btn {
    margin-top: 60px !important;
}

.slick-dot-mb-65 .slick-dots {
    margin-top: 65px !important;
}

.slick-dot-mb-65 .slick-btn {
    margin-top: 65px !important;
}

.slick-dot-mb-70 .slick-dots {
    margin-top: 70px !important;
}

.slick-dot-mb-70 .slick-btn {
    margin-top: 70px !important;
}

.slick-dot-mb-75 .slick-dots {
    margin-top: 75px !important;
}

.slick-dot-mb-75 .slick-btn {
    margin-top: 75px !important;
}

.slick-dot-mb-80 .slick-dots {
    margin-top: 80px !important;
}

.slick-dot-mb-80 .slick-btn {
    margin-top: 80px !important;
}

.slick-dot-mb-85 .slick-dots {
    margin-top: 85px !important;
}

.slick-dot-mb-85 .slick-btn {
    margin-top: 85px !important;
}

.slick-dot-mb-90 .slick-dots {
    margin-top: 90px !important;
}

.slick-dot-mb-90 .slick-btn {
    margin-top: 90px !important;
}

.slick-dot-mb-95 .slick-dots {
    margin-top: 95px !important;
}

.slick-dot-mb-95 .slick-btn {
    margin-top: 95px !important;
}

.slick-dot-mb-100 .slick-dots {
    margin-top: 100px !important;
}

.slick-dot-mb-100 .slick-btn {
    margin-top: 100px !important;
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-5 .slick-dots {
        margin-top: 5px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-10 .slick-dots {
        margin-top: 10px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-15 .slick-dots {
        margin-top: 15px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-20 .slick-dots {
        margin-top: 20px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-25 .slick-dots {
        margin-top: 25px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-30 .slick-dots {
        margin-top: 30px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-35 .slick-dots {
        margin-top: 35px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-40 .slick-dots {
        margin-top: 40px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-45 .slick-dots {
        margin-top: 45px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-50 .slick-dots {
        margin-top: 50px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-55 .slick-dots {
        margin-top: 55px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-60 .slick-dots {
        margin-top: 60px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-65 .slick-dots {
        margin-top: 65px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-70 .slick-dots {
        margin-top: 70px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-75 .slick-dots {
        margin-top: 75px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-80 .slick-dots {
        margin-top: 80px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-85 .slick-dots {
        margin-top: 85px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-90 .slick-dots {
        margin-top: 90px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-95 .slick-dots {
        margin-top: 95px !important;
    }
}

@media (max-width: 61.94em) {
    .slick-dot-mb-md-100 .slick-dots {
        margin-top: 100px !important;
    }
}

.nav-vertical-center .slick-btn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-vertical-center .slick-prev {
    right: 100%;
}

@media (max-width: 93.6875em) {
    .nav-vertical-center .slick-prev {
        right: calc( 100% - 50px);
    }
}

.nav-vertical-center .slick-next {
    left: 100%;
}

@media (max-width: 93.6875em) {
    .nav-vertical-center .slick-next {
        left: calc( 100% - 50px);
    }
}

.nav-horizontal-center .slick-btn {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 4;
}

.nav-disabled .slick-disabled {
    cursor: not-allowed;
}

.nav-disabled-hide .slick-disabled {
    opacity: 0;
    visibility: hidden;
}

.nav-round .slick-btn {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 55px;
    text-align: center;
}

.nav-round .slick-btn i {
    font-size: 16px;
}

.nav-round-2 .slick-btn {
    width: 4.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
}

.nav-round-2 .slick-btn i {
    font-size: 16px;
}

.nav-outline .slick-btn {
    border: 1px solid rgb(19, 18, 18);
}

.nav-white-bg .slick-btn {
    background-color: #ffffff;
}

.nav-style-1 .slick-btn {
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.nav-style-1 .slick-prev {
    right: calc( 100% - 50px);
}

.nav-style-1 .slick-next {
    left: calc( 100% - 50px);
}

.nav-style-2 .slick-btn {
    color: #333333;
    font-size: 60px;
    width: 25px;
    height: 60px;
    line-height: 60px;
    display: block;
}

.nav-style-2 .slick-prev {
    left: 0;
    right: auto;
    text-align: left;
}

.nav-style-2 .slick-next {
    right: 0;
    left: auto;
    text-align: right;
}

.nav-style-3 .slick-btn {
    bottom: -90px;
}

@media (max-width: 61.94em) {
    .nav-style-3 .slick-btn {
        bottom: -70px;
    }
}

.nav-style-3 .slick-prev {
    left: calc(50% - 30px) !important;
}

.nav-style-3 .slick-next {
    right: calc(50% - 85px);
    left: auto !important;
}

.nav-style-4 .slick-btn {
    bottom: 20px;
    font-size: 16px;
}

.nav-style-4 .slick-prev {
    left: calc(50% - 20px) !important;
}

.nav-style-4 .slick-next {
    right: calc(50% - 30px);
    left: auto !important;
}

.nav-style-5 .slick-btn {
    font-size: 45px;
    top: 45% !important;
    color: rgba(51, 51, 51, 0.31) !important;
}

.nav-style-5 .slick-prev {
    right: calc( 100% - 50px);
    left: auto !important;
}

.nav-style-5 .slick-next {
    left: calc( 100% - 50px) !important;
}

.slick-dots li {
    margin: 0 5px 3px;
}

.slick-dots li button {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-indent: -99999px;
}

.dots-two .slick-dots li button {
    background: rgba(225, 225, 225, 0.5);
}

.home_01_banner_arrows .slick-prev {
    margin-right: 10px;
}

.home_01_banner_arrows .slick-next {
    margin-left: 10px;
}

.home_04_banner_01 .slick-btn {
    left: 0;
    bottom: 0;
}

@media (max-width: 35.94em) {
    .home_04_banner_01 .slick-btn {
        bottom: 10px;
        left: 5%;
    }
}

.home_04_banner_02 .slick-btn {
    bottom: 25%;
    left: 45%;
}

@media (max-width: 61.94em) {
    .home_04_banner_02 .slick-btn {
        left: 68%;
    }
}

@media (max-width: 35.94em) {
    .home_04_banner_02 .slick-btn {
        bottom: 10px;
        left: auto;
        right: 5%;
    }
}

.slick-overflow-visible .slick-list {
    overflow: visible;
}

@media (max-width: 74.9375em) {
    .slick-overflow-visible .slick-list {
        overflow: hidden;
    }
}

.brand-carousel {
    max-width: 65%;
}

@media (max-width: 61.94em) {
    .brand-carousel {
        max-width: 80%;
    }
}

.brand-carousel .brand-img img {
    width: 80px;
    height: 64px;
}

.home_01_banner_slide .slick-list {
    padding-right: 35% !important;
    padding-left: 0 !important;
}

@media (max-width: 74.9375em) {
    .home_01_banner_slide .slick-list {
        padding-right: 20% !important;
    }
}

@media (max-width: 61.94em) {
    .home_01_banner_slide .slick-list {
        padding-left: 15px !important;
    }
}

@media (max-width: 47.94em) {
    .home_01_banner_slide .slick-list {
        padding-right: 15px !important;
    }
}

.home_01_banner_slide .slick-slide {
    opacity: .4;
}

.home_01_banner_slide .slick-current {
    opacity: 1;
}

.home_06_banner_01 .slick-list {
    padding: 0 20%;
}

@media (max-width: 47.94em) {
    .home_06_banner_01 .slick-list {
        padding: 0 10%;
    }
}

@media (max-width: 28.125em) {
    .home_06_banner_01 .slick-list {
        padding: 0 5%;
    }
}

.home_06_banner_01 .slick-slide {
    opacity: .4;
}

.home_06_banner_01 .slick-current {
    opacity: 1;
}

.home_06_banner_01 .slick-active.slick-slide {
    opacity: 1;
}

.product-slide-nav.slick-vertical .slick-btn {
    bottom: -10px;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-slide-nav.slick-vertical .slick-btn i {
    font-size: 20px;
}

.product-slide-nav.slick-vertical .slick-prev {
    margin-left: -25px;
}

.product-slide-nav.slick-vertical .slick-next {
    margin-right: -25px;
}

.product-slide-nav .slick-btn {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-slide-nav .slick-btn i {
    font-size: 20px;
    font-family: 'dl-icon';
    direction: ltr;
}

.product-slide-nav .slick-prev {
    left: 20px;
}

.product-slide-nav .slick-prev i:before {
    content: "\2b";
}

.product-slide-nav .slick-next {
    right: 20px;
}

.product-slide-nav .slick-next i:before {
    content: "\2c";
}

.popular-post-carousel .slick-dots {
    bottom: 40px;
    left: calc(50% + 30px);
}

@media (max-width: 61.94em) {
    .popular-post-carousel .slick-dots {
        bottom: 10px;
    }
}

@media (max-width: 47.94em) {
    .popular-post-carousel .slick-dots {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.testimonial-area .slick-slide>div {
    margin-bottom: 0;
}


/*****************************
24. Comment CSS
*****************************/

.comment {
    margin-bottom: 35px;
}

@media (max-width: 47.94em) {
    .comment {
        margin-bottom: 25px;
    }
}

.comment-reply-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.comment-notes {
    font-size: 12px;
    color: #353233A6;
    margin-bottom: 10px;
}

.comment .single-comment {
    border: 1px solid #cdcdcd;
    margin: 0 0 20px;
    padding: 30px;
    width: 100%;
}

@media (max-width: 35.94em) {
    .comment .single-comment {
        padding: 15px;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.comment-avatar {
    -webkit-flex-basis: 50px;
    -moz-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    height: 50px;
    margin-right: 25px;
}

@media (max-width: 35.94em) {
    .comment-avatar {
        height: auto;
        margin-bottom: 15px;
    }
}

.comment-info {
    -webkit-flex-basis: calc(100% - 75px);
    -moz-flex-basis: calc(100% - 75px);
    -ms-flex-preferred-size: calc(100% - 75px);
    flex-basis: calc(100% - 75px);
}

.comment-meta {
    margin-bottom: 10px;
}

.comment-date {
    font-size: 11px;
}

@media (max-width: 35.94em) {
    .comment-date {
        display: block;
    }
}

.comment .reply {
    border: 1px solid #181818;
    display: inline-block;
    font-size: 12px;
    padding: 6px 18px;
    text-transform: uppercase;
    right: 0;
    top: 0;
}

@media (max-width: 35.94em) {
    .comment .reply {
        position: relative;
        margin-top: 14px;
    }
}

.comment .reply:hover {
    color: #fff;
}

.comment .children {
    margin-left: 20px;
}


/*****************************
25. Form CSS
*****************************/


/*-- 25.00 - Global Form --*/

.form-row {
    margin-left: -10px;
    margin-right: -10px;
}

.form-row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.form__label {
    display: block;
    margin-bottom: 5px;
}

.form__label--2 {
    margin-bottom: 8px;
    font-size: 12px;
}

.form__label--3 {
    margin-bottom: 8px;
    font-size: 14px;
}

.form__label.checkbox-label {
    margin-bottom: 0;
    margin-left: 30px;
}

.form__label.checkbox-label span {
    display: inline-block;
    padding-left: 5px;
}

.form__input {
    background-color: transparent;
    color: #353233A6;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: 50px;
    line-height: 16px;
    border: 1px solid #cdcdcd;
}

.form__input:focus {
    border-color: #555;
}

.form__input--textarea {
    height: 150px;
    padding: 10px 20px;
}

.form__input--2 {
    height: 60px;
    color: #181818;
}

.form__input--2::-webkit-input-placeholder {
    color: #181818;
}

.form__input--2:-moz-placeholder {
    color: #181818;
}

.form__input--2::-moz-placeholder {
    color: #181818;
}

.form__input--2:-ms-input-placeholder {
    color: #181818;
}

.form__input--3 {
    height: 70px;
    line-height: 68px;
}

.form__input.nice-select .list {
    width: 100%;
    width: 100%;
    height: 400px;
    overflow-y: auto;
}

.form__output {
    text-align: right;
    margin-top: 5px;
}

.form__output.success {
    color: #4cbb6c;
}

.form__output.error {
    color: #dd3333;
}

.form__fieldset {
    border: 1px solid #cdcdcd;
    margin: 0;
    padding: 15px;
}

.form__legend {
    border: 0;
    padding: 0 10px;
    display: inline-block;
    font-size: inherit;
    width: auto;
}

.form-notes p {
    font-style: italic;
}

.form .suggestion {
    display: inline-block;
    margin-top: 4px;
}

.form .help-block {
    font-size: 14px;
}

.form .help-block span {
    color: #db3232;
}

.form .forgot-pass {
    margin: 0;
    font-size: 12px;
}

.form .forgot-pass:hover {
    text-decoration: underline;
}

.form .privacy-text {
    font-size: 12px;
}

.form .nice-select {
    width: 100%;
    border-color: #cdcdcd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #181818;
}

.form--checkout .form__label {
    font-size: 14px;
}

.form--checkout .form__label.shipping-label {
    display: inline-block;
}

.form--checkout .form__input--textarea {
    height: 120px;
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}

.form--track .form__input::-webkit-input-placeholder {
    color: #181818;
}

.form--track .form__input:-moz-placeholder {
    color: #181818;
}

.form--track .form__input::-moz-placeholder {
    color: #181818;
}

.form--track .form__input:-ms-input-placeholder {
    color: #181818;
}

.reply-title {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.required {
    color: #dd3333;
}


/*-- 25.01 - Rating --*/

.stars [class*="star-"] {
    display: inline-block;
    text-indent: -9999em;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
    margin-left: 10px;
    padding-left: 10px;
    vertical-align: middle;
}

@media (max-width: 35.94em) {
    .stars [class*="star-"] {
        margin-left: 5px;
        padding-left: 5px;
    }
}

.stars [class*="star-"]:first-child {
    margin-left: 0;
    padding-left: 0;
}

.stars [class*="star-"]:hover,
.stars [class*="star-"].active {
    color: #f5b324;
}

.stars [class*="star-"]:before {
    font-family: 'dl-icon';
    direction: ltr;
    content: '\29';
    text-transform: none;
    display: block;
    text-indent: 0;
}

.stars .star-2:before {
    content: '\29\29';
}

.stars .star-3:before {
    content: "\29\29\29";
}

.stars .star-4:before {
    content: "\29\29\29\29";
}

.stars .star-5:before {
    content: "\29\29\29\29\29";
}


/*-- 25.02 - Search Form --*/

.searchform {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.searchform__input {
    width: 800px;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #232324;
    text-align: center;
    font-size: 30px;
    padding: 10px 50px 10px 10px;
    transition: all .3s ease-out;
    font-weight: 400;
    max-width: 100%;
    color: #232324;
}

.searchform__input::-webkit-input-placeholder {
    color: #232324;
}

.searchform__input:-moz-placeholder {
    color: #232324;
}

.searchform__input::-moz-placeholder {
    color: #232324;
}

.searchform__input:-ms-input-placeholder {
    color: #232324;
}

@media (max-width: 47.94em) {
    .searchform__input {
        font-size: 20px;
        padding: 10px 40px 10px 10px;
    }
}

.searchform__submit {
    display: block;
    right: 5px;
    border: none;
    color: #000;
    background: none;
    padding: 0;
    font-size: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 47.94em) {
    .searchform__submit {
        font-size: 20px;
        height: 20px;
    }
}

.searchform-2 {
    width: auto;
    margin-left: auto;
    margin-right: 5px;
    padding-right: 20px;
}

.searchform-2 .searchform__input {
    height: 25px;
    font-size: 12px;
    border-bottom: 1px solid #181818;
    width: 165px;
    text-align: left;
    padding: 0;
}

.searchform-2 .searchform__submit {
    text-align: right;
    font-size: 14px;
    top: 3px;
    right: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.searchform-3 {
    width: 680px;
}

.searchform-3 .searchform__input {
    border: 1px solid #CDCDCD;
    height: 50px;
    line-height: 55px;
    padding: 0 75px 0 20px;
    font-size: 14px;
    color: #000;
    text-align: left;
}

.searchform-3 .searchform__submit {
    right: 0;
    left: auto;
    font-size: 16px;
    top: 60%;
    background: red;
    height: 50px;
    line-height: 50px;
    top: 0;
    transform: none;
    width: 60px;
    text-align: center;
    color: #fff !important;
}

.searchform.white-color .searchform__input::-webkit-input-placeholder {
    color: #ffffff;
}

.searchform.white-color .searchform__input:-moz-placeholder {
    color: #ffffff;
}

.searchform.white-color .searchform__input::-moz-placeholder {
    color: #ffffff;
}

.searchform.white-color .searchform__input:-ms-input-placeholder {
    color: #ffffff;
}


/*-- 25.03 - Newsletter Form --*/

.newsletter-form__input {
    background: transparent;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #cdcdcd;
    width: 100%;
    height: 40px;
    padding: 6px 100px 6px 0;
    margin: 0;
    color: #181818;
    font-size: 12px;
}

.newsletter-form__input:focus::-webkit-input-placeholder {
    color: #181818;
}

.newsletter-form__input:focus:-moz-placeholder {
    color: #181818;
}

.newsletter-form__input:focus::-moz-placeholder {
    color: #181818;
}

.newsletter-form__input:focus:-ms-input-placeholder {
    color: #181818;
}

.newsletter-form__input::-webkit-input-placeholder {
    color: #353233A6;
}

.newsletter-form__input:-moz-placeholder {
    color: #353233A6;
}

.newsletter-form__input::-moz-placeholder {
    color: #353233A6;
}

.newsletter-form__input:-ms-input-placeholder {
    color: #353233A6;
}

.newsletter-form__submit {
    color: #181818;
    border: none;
    background: none;
    line-height: 32px;
    top: 5px;
    right: 0;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
}

.newsletter-form--2 .newsletter-form__input {
    padding-right: 40px;
    color: inherit;
    font-size: 12px;
}

.newsletter-form--2 .newsletter-form__submit {
    background: none;
    border: none;
    right: 0;
    width: 40px;
    height: auto;
    font-size: 22px;
    padding: 0;
    line-height: 1;
    top: 11px;
}

.newsletter-form.white-color .newsletter-form__input::-webkit-input-placeholder {
    color: #ffffff;
}

.newsletter-form.white-color .newsletter-form__input:-moz-placeholder {
    color: #ffffff;
}

.newsletter-form.white-color .newsletter-form__input::-moz-placeholder {
    color: #ffffff;
}

.newsletter-form.white-color .newsletter-form__input:-ms-input-placeholder {
    color: #ffffff;
}

.popup-newsletter-form__input {
    background: #fff;
    border: 1px solid #CECECE;
    outline: none !important;
    width: 100%;
    line-height: 30px;
    padding: 14px 20px;
    margin: 10px 0 20px;
}


/*-- 25.04 - Cart Form --*/

.cart-form__input {
    border: none;
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    font-size: 12px;
    padding-bottom: 5px;
}

.cart-form__input::-webkit-input-placeholder {
    color: #181818;
}

.cart-form__input:-moz-placeholder {
    color: #181818;
}

.cart-form__input::-moz-placeholder {
    color: #181818;
}

.cart-form__input:-ms-input-placeholder {
    color: #181818;
}

.cart-form__btn {
    background: none;
    border: none;
    font-weight: 700;
    font-size: 14px;
}

@media (max-width: 35.94em) {
    .cart-form .coupon {
        margin-bottom: 20px;
    }
}

.cart-form .coupon .cart-form__btn {
    right: 0;
    top: 0;
}


/*-- 25.05 - Shipping Calculator Form --*/

.shipping-calculator-form select,
.shipping-calculator-form input {
    width: 100%;
    height: 40px;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    padding: 0 15px;
}

.shipping-calculator-form select::-webkit-input-placeholder,
.shipping-calculator-form input::-webkit-input-placeholder {
    color: #181818;
}

.shipping-calculator-form select:-moz-placeholder,
.shipping-calculator-form input:-moz-placeholder {
    color: #181818;
}

.shipping-calculator-form select::-moz-placeholder,
.shipping-calculator-form input::-moz-placeholder {
    color: #181818;
}

.shipping-calculator-form select:-ms-input-placeholder,
.shipping-calculator-form input:-ms-input-placeholder {
    color: #181818;
}

.shipping-calculator-form input[type="submit"] {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    width: auto;
    height: auto;
}

.shipping-calculator-form .nice-select {
    height: 40px;
    margin-bottom: 10px;
    font-size: 12px;
}


/*-- 25.05 - Nice Select --*/

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

.nice-select .current {
    height: 100%;
}

.nice-select .nice-select-search {
    margin: 0;
}

.nice-select .list {
    width: 100%;
}


/*****************************
26. Mini Cart CSS
*****************************/

.mini-cart {
    width: 420px;
}

@media (max-width: 61.94em) {
    .mini-cart {
        width: 400px;
    }
}

@media (max-width: 47.94em) {
    .mini-cart {
        width: 350px;
    }
}

@media (max-width: 35.94em) {
    .mini-cart {
        width: 310px;
        max-width: 100%;
    }
}

.mini-cart .btn-close {
    color: #9D9D9D;
    font-size: 30px;
    top: 50px;
    height: 30px;
}

@media (max-width: 47.94em) {
    .mini-cart .btn-close {
        top: 10px;
        right: 20px;
    }
}

@media (max-width: 35.94em) {
    .mini-cart .btn-close {
        right: 10px;
    }
}

.mini-cart-wrapper {
    padding-top: 50px;
}

@media (max-width: 74.9375em) {
    .mini-cart-wrapper {
        padding-top: 40px;
    }
}

@media (max-width: 47.94em) {
    .mini-cart-wrapper {
        padding-top: 30px;
    }
}

@media (max-width: 35.94em) {
    .mini-cart-wrapper {
        padding-top: 20px;
    }
}

.mini-cart-inner {
    overflow: hidden;
    padding: 50px;
}

@media (max-width: 74.9375em) {
    .mini-cart-inner {
        padding: 40px 50px;
    }
}

@media (max-width: 47.94em) {
    .mini-cart-inner {
        padding: 30px;
    }
}

@media (max-width: 35.94em) {
    .mini-cart-inner {
        padding: 20px;
    }
}

.mini-cart__heading {
    font-weight: 400;
    color: #343538;
}

.mini-cart__list {
    max-height: 300px;
    overflow: auto;
    margin-right: -70px;
    padding-right: 70px;
}

@media (max-width: 74.9375em) {
    .mini-cart__list {
        max-height: 270px;
    }
}

@media (max-width: 35.94em) {
    .mini-cart__list {
        max-height: 210px;
        margin-bottom: 20px;
    }
}

.mini-cart__product:not(:last-child) {
    margin-bottom: 30px;
}

.mini-cart__product .remove {
    display: block;
    font-weight: normal;
    font-size: 11px;
    height: 20px;
    width: 20px;
    line-height: 17px;
    overflow: hidden;
    position: absolute;
    right: -17px;
    top: 3px;
    text-align: right;
    color: #9D9D9D;
}

.mini-cart__product .remove:hover {
    color: #35D56A;
}

.mini-cart__product__image {
    -webkit-flex-basis: 70px;
    -moz-flex-basis: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    max-width: 70px;
}

.mini-cart__product__content {
    -webkit-flex-basis: calc(100% - 70px);
    -moz-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 20px;
}

@media (max-width: 47.94em) {
    .mini-cart__product__content {
        -webkit-flex-basis: calc(100% - 90px);
        -moz-flex-basis: calc(100% - 90px);
        -ms-flex-preferred-size: calc(100% - 90px);
        flex-basis: calc(100% - 90px);
        max-width: calc(100% - 90px);
        padding-left: 10px;
    }
}

.mini-cart__product__title {
    color: #343538;
    display: block;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 5px;
}

.mini-cart__product__title:hover {
    color: #35D56A;
}

.mini-cart__product__quantity {
    color: #9D9D9D;
}

.mini-cart__total {
    margin-bottom: 35px;
    margin-top: 15px;
    color: #343538;
}

.mini-cart__total span.ammount {
    font-size: 18px;
}

.mini-cart__buttons a:not(:last-child) {
    margin-bottom: 10px;
}


/*****************************
27. Modal CSS
*****************************/


/*-- 27.00 - Quick View Modal --*/

.modal {
    display: block !important;
    z-index: -9;
    padding-right: 0 !important;
}

.modal.show {
    z-index: 1050;
}

.product-modal .modal-dialog {
    max-width: 100%;
    width: 1125px;
    margin: 75px auto 50px;
    background: #fff;
}

@media (max-width: 81.1875em) {
    .product-modal .modal-dialog {
        max-width: 95%;
        width: 1025px;
    }
}

@media (max-width: 61.94em) {
    .product-modal .modal-dialog {
        width: 741px;
        max-width: 741px;
        max-height: 602px;
        overflow-x: hidden;
    }
}

@media (max-width: 47.94em) {
    .product-modal .modal-dialog {
        width: auto;
        max-width: 80%;
        max-height: 600px;
    }
}

@media (max-width: 35.94em) {
    .product-modal .modal-dialog {
        max-height: 480px;
    }
}

@media (max-width: 28.125em) {
    .product-modal .modal-dialog {
        max-height: 320px;
    }
}

.product-modal .modal-content {
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.product-modal .modal-body {
    padding: 0;
}

.product-modal .modal-box.product-summary {
    padding: 40px 20px 20px;
}

@media (max-width: 74.9375em) {
    .product-modal .modal-box.product-summary {
        padding-top: 70px;
    }
}

@media (max-width: 47.94em) {
    .product-modal .modal-box.product-summary {
        padding: 40px 20px;
    }
}

.product-modal .modal-box.product-summary .product-title {
    margin-bottom: 0;
}

@media (max-width: 35.94em) {
    .product-modal .modal-box.product-summary .product-extra a {
        display: block;
    }
}

@media (max-width: 35.94em) {
    .product-modal .modal-box.product-summary .product-extra a:not(:last-child) {
        margin-bottom: 8px;
    }
}

.product-modal .modal-box.product-summary .quantity {
    height: 60px;
    width: 70px;
}

@media (max-width: 35.94em) {
    .product-modal .modal-box.product-summary .quantity {
        height: 55px;
        width: 60px;
    }
}

.product-modal .modal-box.product-summary .quantity .qtybutton {
    height: 60px;
    line-height: 58px;
}

@media (max-width: 61.94em) {
    .product-modal .custom-close {
        right: 10px;
        top: 20px;
        font-size: 15px;
        padding: 15px !important;
    }
}

.product-modal .custom-close:hover {
    text-shadow: 0px 0px 0px #dc0109;
}

.custom-close {
    background: #292929 !important;
    right: -18px;
    top: -30px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    display: block;
    width: 55px;
    height: 55px;
    padding: 18px !important;
    color: #fff !important;
    font-weight: 300 !important;
    border-radius: 50%;
    opacity: 1;
    text-shadow: 0px 0px 0px #fff;
    z-index: 9;
}

@media (max-width: 74.9375em) {
    .custom-close {
        right: 0;
        top: 0;
    }
}

.custom-close.mfp-close {
    width: 55px !important;
    height: 55px;
    line-height: 1;
    position: absolute;
    right: -22px;
    top: -28px;
}

@media (max-width: 61.94em) {
    .custom-close.mfp-close {
        right: 0;
        top: 0;
    }
}

.custom-close i {
    display: inline-block;
    vertical-align: middle;
}

.custom-close i.mfp-close {
    width: 55px !important;
    height: 55px;
    line-height: 55px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0;
    font-style: normal;
    font-size: inherit;
    font-family: "dl-icon" !important;
}

.custom-close:hover {
    opacity: 1 !important;
    text-shadow: 0px 0px 0px #fff;
}

.custom-close:hover i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*-- 27.01 - Newsletter Form Popup --*/

.zuka-newsletter-popup {
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999999;
    padding: 10px;
}

.zuka-newsletter-popup-modal {
    margin: auto;
    background-color: #fff;
    position: relative;
    max-width: 1070px;
    min-height: 460px;
    width: 100%;
}

.zuka-newsletter-popup-content {
    background-image: url(../img/banner/bg-newsletter.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #ffffff;
    min-height: 460px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

@media (max-width: 61.94em) {
    .zuka-newsletter-popup-content {
        background-position: 140% center;
    }
}

@media (max-width: 47.94em) {
    .zuka-newsletter-popup-content {
        background-position: 550% center;
        min-height: auto;
    }
}

@media (max-width: 35.94em) {
    .zuka-newsletter-popup-content {
        background-image: none;
    }
}

.zuka-newsletter-popup-body {
    margin-left: 80px;
    width: 500px;
}

@media (max-width: 74.9375em) {
    .zuka-newsletter-popup-body {
        margin-left: 40px;
    }
}

@media (max-width: 61.94em) {
    .zuka-newsletter-popup-body {
        width: 410px;
    }
}

@media (max-width: 47.94em) {
    .zuka-newsletter-popup-body {
        width: 100%;
        margin: 60px 40px;
    }
}

.zuka-newsletter-popup-body h5 {
    font-size: 14px;
    color: #8a8a8a;
    margin: 10px 0;
}

.zuka-newsletter-popup-body h4 {
    font-family: "微軟正黑體", serif;
}

.zuka-newsletter-popup-body .dont-show-popup {
    margin-bottom: 0;
}


/*-- 27.02 - Search Form Popup --*/

.searchform__popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    transition: all ease-in-out .25s;
    z-index: 9999;
    color: #232324;
}

.searchform__popup p {
    margin-bottom: 15px;
    color: #232324;
    font-size: 18px;
}

.searchform__popup.open .searchform__body {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.searchform__popup .btn-close {
    top: 20%;
    right: 20%;
    width: 40px;
    height: 40px;
}

.searchform__popup .btn-close i {
    font-size: 40px;
}

@media (max-width: 74.9375em) {
    .searchform__popup .btn-close {
        right: 10%;
    }
}

@media (max-width: 61.94em) {
    .searchform__popup .btn-close {
        right: 8%;
        font-size: 40px;
    }
}

@media (max-width: 47.94em) {
    .searchform__popup .btn-close {
        right: 6%;
        top: 30%;
    }
}

@media (max-width: 35.94em) {
    .searchform__popup .btn-close {
        top: 25%;
    }
}

.searchform__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
}

@media (max-width: 61.94em) {
    .searchform__body {
        max-width: 90%;
        margin: 0 auto;
    }
}


/*****************************
28. Navigation CSS
*****************************/


/*-- 28.00 - Main Menu --*/

@media (max-width: 61.94em) {
    .main-navigation {
        display: none;
    }
}

.main-navigation .mainmenu {
    position: relative;
}

.main-navigation .mainmenu__item {
    display: inline-block;
    position: relative;
    padding: 0 18px;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item {
        padding: 0 15px;
    }
}

.main-navigation .mainmenu__item:first-child {
    padding-left: 0;
}

.main-navigation .mainmenu__item:last-child {
    padding-right: 0;
}

.main-navigation .mainmenu__item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -150%;
    width: 100%;
    height: 50px;
}

.main-navigation .mainmenu__item.active>a {
    color: #000000;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul {
    position: absolute;
    left: 0;
    top: 150%;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    margin-top: 45px;
    min-width: 270px;
    -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
    z-index: 9;
    pointer-events: none;
    white-space: -moz-nowrap;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul {
        margin-top: 30px;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu {
    white-space: -moz-nowrap;
    white-space: nowrap;
    padding: 30px 65px;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu {
        padding: 30px 45px;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu.two-column>li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu.three-column>li {
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

@media (min-width: 62em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        min-width: 240px;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li {
        -webkit-flex-basis: 20%;
        -moz-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        min-width: 180px;
    }
}

@media (max-width: 61.94em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu.five-column>li {
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li {
    min-width: 215px;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li {
        min-width: 180px;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a {
    padding: 8px 0;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title {
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title:hover {
    text-decoration: underline;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title .mm-text:after {
    width: 36px;
    height: 2px;
    bottom: -10px;
    left: 0;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li.banner-holder {
    margin-top: -30px !important;
    margin-right: -65px !important;
    margin-bottom: -30px !important;
    min-width: 350px;
    max-width: 30%;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li.banner-holder {
        margin-right: -45px !important;
        min-width: 320px;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner {
    overflow: hidden;
    height: 100%;
}

@media (min-width: 62em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image {
        background: url(../img/banner/header-banner.jpg) no-repeat scroll center/cover;
        width: 100%;
        height: 100%;
        min-height: 350px;
        position: relative;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
        -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
        -o-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, -webkit-transform 0.35s;
        -webkit-transform: scale(1.025);
        -moz-transform: scale(1.025);
        -ms-transform: scale(1.025);
        -o-transform: scale(1.025);
        transform: scale(1.025);
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info {
    position: absolute;
    left: 50px;
    bottom: 50px;
    color: #fff;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info {
        left: 30px;
        bottom: 30px;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info span {
    display: block;
    font-size: 20px;
    line-height: 20px;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info h3 {
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 400;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info h3 strong {
    font-weight: 700;
    display: block;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-link {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner:hover .megamenu-banner-image {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu {
    text-align: left;
    margin-top: 45px;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu li:hover ul {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu li a {
    padding: 8px 0;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 74.9375em) {
    .main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu li a {
        padding: 8px 20px 8px 0;
    }
}

.main-navigation .mainmenu__item.menu-item-has-children>ul.sub-menu .sub-menu {
    left: 100%;
    top: 0;
    margin-top: 0;
}

.main-navigation .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after {
    content: '\f107';
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 600;
}

.main-navigation .mainmenu__item.menu-item-has-children:hover>ul {
    pointer-events: visible;
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.main-navigation .mainmenu__link {
    color: #353233A6;
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 400;
}

.main-navigation .mainmenu__link>span.mm-text {
    line-height: 1.5;
    display: inline-block;
}

.main-navigation .mainmenu__link>span.mm-text:after {
    content: '';
    top: auto;
    top: calc(50% + 12px);
    left: 50%;
    width: 20px;
    height: 2px;
    margin-left: -10px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #999999;
}

.main-navigation .mainmenu__link>span.badge {
    color: #fff;
    background-color: #dc0109;
    font-size: 10px;
    line-height: 1;
    padding: 3px 6px 3px;
    text-transform: uppercase;
    font-weight: 500;
    bottom: 100%;
    bottom: calc( 100% + 2px);
    bottom: -webkit-calc( 100% + 2px);
    bottom: -moz-calc( 100% + 2px);
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.main-navigation .mainmenu__link>span.badge:after {
    border-top: 5px solid #dc0109;
    border-right: 5px solid transparent;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    background: transparent;
    width: auto;
    height: auto;
}

.main-navigation .mainmenu__link:hover {
    color: #000000;
}

.main-navigation .mainmenu__link:hover .mm-text:after {
    background-color: #000000;
}

.main-navigation .mainmenu ul li a {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.main-navigation .mainmenu ul li a:hover {
    text-decoration: underline;
}

.main-navigation .mainmenu li .sub-menu {
    display: block;
    background: #fff;
}

.main-navigation .mainmenu li ul {
    -webkit-transition: all 0.3s cubic-bezier(0.07, 0.81, 0.96, 0.66);
    -moz-transition: all 0.3s cubic-bezier(0.07, 0.81, 0.96, 0.66);
    -ms-transition: all 0.3s cubic-bezier(0.07, 0.81, 0.96, 0.66);
    -o-transition: all 0.3s cubic-bezier(0.07, 0.81, 0.96, 0.66);
    transition: all 0.3s cubic-bezier(0.07, 0.81, 0.96, 0.66);
}

.main-navigation .mainmenu--centered {
    text-align: center;
}

.main-navigation .mainmenu--centered .mainmenu__item.menu-item-has-children>ul {
    text-align: left;
}

.main-navigation .mainmenu--centered .mainmenu__item.menu-item-has-children>ul.megamenu {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 93.6875em) {
    .main-navigation .mainmenu--centered .mainmenu__item.menu-item-has-children>ul.megamenu {
        left: 100%;
        transform: translateX(-40%);
    }
}

.main-navigation .mainmenu--centered .mainmenu__item.menu-item-has-children>ul .megamenu-banner-info {
    text-align: left;
}

@media (max-width: 74.9375em) {
    .main-navigation-2 .mainmenu__item {
        padding: 0 8px 0 5px;
    }
}

.main-navigation-2 .mainmenu__item.menu-item-has-children>ul.sub-menu li.menu-item-has-children:after {
    content: '\f105';
    right: 20px;
    top: 16px;
}

.main-navigation-2 .mainmenu__item.menu-item-has-children>ul a:hover .mm-text:after {
    border-top-color: #dc0109;
}

.main-navigation-2 .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after {
    right: -1px;
}

.main-navigation-2 .mainmenu__item a:hover .mm-text:after {
    border-top-color: #dc0109;
}

.main-navigation-2 .mainmenu__link {
    font-size: 15px;
}

@media (max-width: 74.9375em) {
    .main-navigation-2 .mainmenu__link {
        font-size: 14px;
    }
}

@media (max-width: 93.6875em) {
    .main-navigation-3 .mainmenu__item {
        padding: 0 15px;
    }
}

.main-navigation-3 .mainmenu__item.menu-item-has-children>ul {
    text-align: left;
    margin-top: 30px;
}

.main-navigation-3 .mainmenu__item.menu-item-has-children>ul.megamenu {
    left: -325px;
}

.main-navigation-3 .mainmenu__item.menu-item-has-children>ul.megamenu.two-column {
    left: -265px;
}

@media (max-width: 74.9375em) {
    .main-navigation-3 .mainmenu__item.menu-item-has-children>ul.megamenu.two-column {
        left: 0;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation-3 .mainmenu__item.menu-item-has-children>ul.megamenu {
        left: 0;
    }
}

.main-navigation-3 .mainmenu__item.menu-item-has-children>ul.sub-menu {
    margin-top: 30px;
}

.main-navigation.white-color .mainmenu__link>span.mm-text:after {
    border-top-color: #ffffff;
}


/*-- 28.01 - Vertical Main Menu --*/

.main-navigation.vertical-nav {
    margin-top: 0;
}

.main-navigation.vertical-nav .mainmenu__item {
    display: block;
    padding: 0;
}

.main-navigation.vertical-nav .mainmenu__item:before {
    height: 0;
}

.main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul {
    top: -30px;
    left: 100%;
}

@media (max-width: 93.6875em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul {
        padding: 30px 40px;
    }
}

@media (max-width: 93.6875em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li {
        min-width: 180px;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li {
        min-width: 145px;
    }
}

@media (max-width: 93.6875em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li.banner-holder {
        margin-right: -40px !important;
        min-width: 280px;
        max-width: 30%;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu.four-column>li.banner-holder {
        min-width: 200px;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-image {
        padding-top: 189%;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info {
        left: 10px;
        bottom: 30px;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info span {
        font-size: 18px;
    }
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info h3 {
        font-size: 40px;
        line-height: 45px;
    }
}

.main-navigation.vertical-nav .mainmenu__item.menu-item-has-children>ul>li a {
    line-height: 20px;
}

.main-navigation.vertical-nav .mainmenu__item.menu-item-has-children:after {
    display: none;
}

.main-navigation.vertical-nav .mainmenu__item.menu-item-has-children:hover>ul {
    margin-top: 0;
}

.main-navigation.vertical-nav .mainmenu__link {
    font-size: 24px;
    font-weight: 400;
    padding: 8px 0;
    display: block;
    text-align: center;
}

@media (max-width: 74.9375em) {
    .main-navigation.vertical-nav .mainmenu__link {
        font-size: 20px;
        padding: 5px 0;
    }
}

.main-navigation.vertical-nav .mainmenu__link span.mm-text:after {
    top: calc(50% + 20px);
    border-color: #ffffff;
}


/*-- 28.02 - Mobile Menu --*/

.mobile-menu-wrapper {
    display: none;
}

@media (max-width: 61.94em) {
    .mobile-menu-wrapper {
        display: block;
    }
}

.mobile-menu-wrapper .mobile-menu-inner {
    position: fixed;
    top: 0;
    left: -265px;
    width: 265px;
    height: 100%;
    background: #242424;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 80px;
}

.mobile-menu-wrapper.open .mobile-menu-inner {
    left: 0;
}

.mobile-menu-wrapper.open .btn-close .hamburger-icon {
    background-color: transparent;
}

.mobile-menu-wrapper.open .btn-close .hamburger-icon:after {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -o-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}

.mobile-menu-wrapper.open .btn-close .hamburger-icon:before {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}

.mobile-menu-wrapper .btn-close {
    display: block;
    position: absolute;
    top: 50px;
    right: 15px;
    height: 20px;
    z-index: 100;
    cursor: pointer;
    line-height: 1;
}

.mobile-menu-wrapper .btn-close .hamburger-icon {
    background-color: #aaa;
    margin-top: 7px;
    margin-bottom: 7px;
}

.mobile-menu-wrapper .btn-close .hamburger-icon:after,
.mobile-menu-wrapper .btn-close .hamburger-icon:before {
    background-color: #aaa;
}

.mobile-navigation .mobile-menu>li {
    height: 100%;
}

.mobile-navigation .mobile-menu>li>a span.badge {
    color: #fff;
    background-color: #dc0109;
    font-size: 10px;
    line-height: 1;
    padding: 4px 8px 4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    margin-left: 4px;
}

.mobile-navigation .mobile-menu>li>a span.badge:after {
    border-top: 4px solid transparent !important;
    border-right: 5px solid;
    border-bottom: 4px solid transparent;
    margin: 0;
    top: 50%;
    left: -5px;
    transform: translateY(-3px);
    background: transparent;
    width: auto;
    height: auto;
}

.mobile-navigation .mobile-menu>li>a span.badge:hover:after {
    border-right-color: #dc0109;
}

.mobile-navigation .mobile-menu li>.menu-expand {
    position: absolute;
    right: 0;
    top: -1px;
    width: 50px;
    height: 100%;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    margin-right: 4px;
}

.mobile-navigation .mobile-menu li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #bbbbbb;
    display: block;
    padding: 14px 20px;
    line-height: 24px;
}

.mobile-navigation .mobile-menu li .sub-menu {
    background-color: #282828;
    padding-left: 10px;
}

.mobile-navigation .mobile-menu li.menu-open>.menu-expand i:before {
    content: '\f106';
}

.mobile-navigation .mobile-menu li:hover>a {
    color: #dc0109 !important;
}

.mobile-navigation .mobile-menu li:hover>.menu-expand {
    color: #dc0109 !important;
}


/*-- 28.03 - Side Navigation --*/

.side-navigation .btn-close {
    font-size: 26px;
}

.side-navigation-inner .widget p {
    font-size: 13px;
    line-height: 1.8;
}

.side-navigation-inner .widget p:not(:last-child) {
    margin-bottom: 15px;
}

.side-navigation-inner .widget p a {
    font-size: 13px;
    display: block;
}

.side-navigation-inner .widget .google-map-link a {
    text-decoration: underline;
}

.side-navigation-inner .widget .copyright-text {
    font-size: 11px;
}


/*-- 28.04 - Side Nav Menu --*/

.sidenav-menu li a {
    padding: 7px 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 40px;
    display: block;
}


/*-- 28.05 - Secondary Navigation --*/

.secondary-navigation .secondary-nav-btn {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}

.secondary-navigation .secondary-nav-btn i {
    font-size: 26px;
    margin-top: 0;
    margin-right: 20px;
}

.secondary-navigation:after {
    left: 0;
    top: 100%;
    width: 100%;
    height: 32px;
}

.secondary-navigation:hover .secondary-menu {
    display: block;
}

.secondary-navigation .secondary-menu {
    display: none;
}


/*****************************
29. Post CSS
*****************************/


/*-- 29.00 - Post --*/

.post-media {
    margin-bottom: 20px;
}

.post-media a {
    display: block;
}

.post-media .image img {
    width: 100%;
}

.post-info {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 47.94em) {
    .post-info {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.post-meta a {
    font-size: 12px;
}

.post-meta .meta-separator {
    padding: 0 5px;
}

.post-meta.bottom-line:after {
    width: 70px;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #cdcdcd;
}

.post-title {
    font-size: 24px;
    line-height: 32px;
    margin: 10px 0;
    font-family: "微軟正黑體", serif;
}

.post-title-2 {
    font-size: 36px;
    line-height: 1.4;
}

.post-title-3 {
    font-size: 28px;
    line-height: 1.4;
}

@media (max-width: 61.94em) {
    .post-title {
        font-size: 20px;
    }
}

.post .read-more {
    font-weight: 400;
    display: inline-block;
    line-height: 22px;
}

.post .read-more i {
    padding-left: 5px;
}

.post .read-more:hover {
    text-decoration: underline;
}

.post-content blockquote {
    background: #181818;
    border: 1px solid #cdcdcd;
    border-left: 5px solid #dc0109;
    font-size: 14px;
    font-style: italic;
    margin: 40px 0 40px 40px;
    padding: 30px 45px;
    line-height: 1.8;
}

.post.format-video .post-media .video-btn {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.post-layout-2 .post-info {
    background-color: #fff;
    padding-left: 0;
    padding-right: 90px;
    text-align: left;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-info {
        padding-right: 0;
    }
}

.post-layout-2 .post-title {
    font-family: "微軟正黑體", sans-serif;
    font-weight: 600;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-title {
        margin: 5px 0 0;
    }
}

.post-layout-2 .post-content p {
    font-size: 12px;
    line-height: 1.8;
}

.post-layout-2 .post-footer-meta {
    right: 0;
    top: 0;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-footer-meta {
        position: relative;
    }
}

.post-layout-2 .post-footer-meta .posted-on {
    display: block;
    background-color: #969696;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    margin: 0;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-footer-meta .posted-on {
        background-color: transparent;
        padding: 0px 0 7px;
        color: #353233A6;
        text-align: left;
    }
}

.post-layout-2 .post-footer-meta .posted-on span {
    display: block;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-footer-meta .posted-on span {
        display: inline-block;
    }
}

.post-layout-2 .post-footer-meta .posted-on span.date {
    font-size: 24px;
    line-height: 20px;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-footer-meta .posted-on span.date {
        font-size: 14px;
        line-height: 1;
    }
}

.post-layout-2 .post-footer-meta .posted-on span.month {
    font-size: 12px;
    line-height: 15px;
}

@media (max-width: 35.94em) {
    .post-layout-2 .post-footer-meta .posted-on span.month {
        font-size: 14px;
        line-height: 1;
    }
}

.post.popular-post .post-media {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 0;
}

@media (max-width: 47.94em) {
    .post.popular-post .post-media {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.post.popular-post .post-media .image>a {
    padding-bottom: 100%;
}

@media (max-width: 74.9375em) {
    .post.popular-post .post-media .image>a {
        padding-bottom: 110%;
    }
}

@media (max-width: 47.94em) {
    .post.popular-post .post-media .image>a {
        padding-bottom: 90%;
    }
}

.post.popular-post .post-info {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 30px;
    text-align: left;
}

@media (max-width: 47.94em) {
    .post.popular-post .post-info {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 35.94em) {
    .post.popular-post .post-info {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.post.popular-post .post-title {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 32px;
    font-size: 28px;
}

@media (max-width: 47.94em) {
    .post.popular-post .post-title {
        font-size: 22px;
        line-height: 1.5;
    }
}

.post.popular-post .post-title a {
    color: inherit;
}

.post.popular-post .post-content {
    color: #D6D6D6;
}

.post.popular-post .post-content p {
    color: inherit;
    font-size: 13px;
}

.post-list .post-media {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}

@media (max-width: 47.94em) {
    .post-list .post-media {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

.post-list .post-info {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

@media (max-width: 47.94em) {
    .post-list .post-info {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.popular-post-label {
    top: 1px;
    left: 120px;
    right: 0;
    font-size: 14px;
    max-width: 120px;
    margin: auto;
    padding: 10px 0;
    line-height: 30px;
    text-align: center;
    z-index: 5;
}

@media (max-width: 47.94em) {
    .popular-post-label {
        left: 1px;
        right: auto;
        padding: 10px;
    }
}

.popular-post-label h4 {
    font-weight: 500;
    padding: 0;
    letter-spacing: 1px;
    margin: 0;
    font-size: 10px;
}


/*-- 29.02 - Masonary Blog Layout --*/

.masonary-blog-layout .grid-item,
.masonary-blog-layout .grid-sizer {
    width: 25%;
}

@media (max-width: 74.9375em) {
    .masonary-blog-layout .grid-item,
    .masonary-blog-layout .grid-sizer {
        width: 33.3333%;
    }
}

@media (max-width: 61.94em) {
    .masonary-blog-layout .grid-item,
    .masonary-blog-layout .grid-sizer {
        width: 50%;
    }
}

@media (max-width: 35.94em) {
    .masonary-blog-layout .grid-item,
    .masonary-blog-layout .grid-sizer {
        width: 100%;
    }
}

.masonary-blog-layout .grid-item {
    padding: 10px;
}

@media (max-width: 35.94em) {
    .masonary-blog-layout .grid-item {
        padding: 0 10px;
    }
}


/*-- 29.03 - Single Post --*/

.single-post-details .entry-header {
    text-align: center;
}

.single-post-details .entry-title {
    margin-top: 0;
    font-size: 42px;
    font-weight: normal;
    line-height: 1.2;
}

@media (max-width: 61.94em) {
    .single-post-details .entry-title {
        font-size: 36px;
    }
}

@media (max-width: 47.94em) {
    .single-post-details .entry-title {
        font-size: 30px;
    }
}

.single-post-details .entry-thumbnail {
    margin-bottom: 45px;
}

.single-post-details .entry-excerpt p {
    font-weight: 700;
}

.single-post-details .entry-content {
    max-width: 90%;
    margin: 0 auto;
}

.single-post-details .entry-content p {
    color: #181818;
    margin-bottom: 30px;
}

.single-post-details .entry-content ul.list {
    padding-left: 16px;
}

.single-post-details .entry-content ul.list-disc {
    list-style-type: disc;
}

.single-post-details .entry-content ul.list-cicle {
    list-style-type: cicle;
}

.single-post-details .entry-content ul.list-square {
    list-style-type: square;
}

.single-post-details .entry-content ul.list-upper-roman {
    list-style-type: upper-roman;
}

.single-post-details .entry-content ul.list-lower-alpha {
    list-style-type: lower-alpha;
}

.single-post-details .entry-content ul li {
    color: #181818;
    margin-bottom: 30px;
}

.single-post-details .entry-content a {
    color: #181818;
}

.single-post-details .entry-content a:hover {
    color: #dc0109;
    text-decoration: underline;
}

.single-post-details .entry-content h1,
.single-post-details .entry-content h2,
.single-post-details .entry-content h3,
.single-post-details .entry-content h4,
.single-post-details .entry-content h5,
.single-post-details .entry-content h6 {
    font-family: "微軟正黑體", serif;
    margin-bottom: 15px;
    line-height: 1.4;
}

.single-post-details .entry-content h3 {
    font-size: 24px;
}

.single-post-details .entry-footer-meta {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
    margin-bottom: 40px;
    font-size: 12px;
    margin-top: 35px;
    color: #181818;
}

.single-post .post-share {
    position: absolute;
    visibility: visible;
    opacity: 1;
    bottom: auto;
    z-index: 2;
    top: 8%;
    left: calc( (8.33% + 90px) * -1);
}

.single-post .post-share-wrapper {
    position: static;
}

@media (max-width: 61.94em) {
    .single-post .post-share-wrapper {
        position: relative;
    }
}

@media (max-width: 93.6875em) {
    .single-post .post-share {
        left: calc( (2.4% + 30px) * -1);
    }
}

@media (max-width: 81.1875em) {
    .single-post .post-share {
        left: calc( (5% + 30px) * -1);
    }
}

@media (max-width: 74.9375em) {
    .single-post .post-share {
        left: calc( (5% + 30px) * -1);
    }
}

@media (max-width: 65.9375em) {
    .single-post .post-share {
        left: calc( (5% + 30px) * -1);
    }
}

.single-post .post-share.fixed {
    margin-left: -180px;
    left: auto;
}

@media (max-width: 81.1875em) {
    .single-post .post-share.fixed {
        margin-left: -80px;
    }
}

.single-post .post-share.no-sticky {
    position: relative !important;
}

@media (max-width: 61.94em) {
    .single-post .post-share {
        position: relative;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-bottom: 40px;
        text-align: right;
        width: auto;
    }
}

@media (max-width: 61.94em) {
    .single-post .post-share .social .social__item {
        display: inline-block !important;
        margin: 0 5px !important;
    }
}

@media (max-width: 61.94em) {
    .single-post .post-share .social .social__item:last-child {
        margin-right: 0 !important;
    }
}

@media (max-width: 61.94em) {
    .single-post .post-share .social .social__link {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 14px;
    }
    .single-post .post-share .social .social__link.facebook {
        background-color: #3b579d;
    }
    .single-post .post-share .social .social__link.twitter {
        background-color: #3acaff;
    }
    .single-post .post-share .social .social__link.google-plus {
        background-color: #dd4b39;
    }
    .single-post .post-share .social .social__link.pinterest {
        background-color: #cb2027;
    }
}


/*-- 29.04 - Post Navigation --*/

.post-navigation {
    margin-bottom: 42px;
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
    }
}

.post-navigation .nav-links__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
}

.post-navigation .nav-links__inner {
    padding-top: 55px;
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__inner {
        padding-top: 20px;
    }
}

.post-navigation .nav-links__inner:not(:last-child) {
    margin-bottom: 20px;
}

.post-navigation .nav-links__inner.nav-prev .nav-links__text {
    left: 0;
}

.post-navigation .nav-links__inner.nav-prev .nav-links__content {
    padding-left: 20px;
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__inner.nav-prev .nav-links__content {
        padding-left: 0;
    }
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__inner.nav-next {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.post-navigation .nav-links__inner.nav-next .nav-links__text {
    right: 0;
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__inner.nav-next .nav-links__text {
        right: auto;
        left: 0;
    }
}

.post-navigation .nav-links__inner.nav-next .nav-links__content {
    padding-right: 20px;
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__inner.nav-next .nav-links__content {
        padding-right: 0;
    }
}

.post-navigation .nav-links__text {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    font-size: 12px;
}

.post-navigation .nav-links__thumb {
    -webkit-flex-basis: 100px;
    -moz-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    max-width: 100px;
    height: 100px;
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__thumb {
        display: none;
    }
}

.post-navigation .nav-links__content {
    -webkit-flex-basis: calc(100% - 100px);
    -moz-flex-basis: calc(100% - 100px);
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    max-width: calc(100% - 100px);
}

@media (max-width: 47.94em) {
    .post-navigation .nav-links__content {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.post-navigation .nav-links__title {
    font-size: 18px;
    margin-bottom: 0;
}

.post-navigation .nav-links__meta {
    font-size: 11px;
}


/*-- 29.05 - Related Post --*/

.related-posts-wrap h3 {
    font-size: 20px;
    margin: 0 0 30px;
    text-transform: uppercase;
    line-height: 1;
}

.related-post__thumb {
    display: block;
    margin-bottom: 30px;
}

.related-post h4 {
    font-size: 14px;
    text-transform: uppercase;
}

.related-post h4 a {
    color: #181818;
}

.related-post span {
    font-size: 12px;
    font-style: italic;
}


/*****************************
30. Product CSS
*****************************/


/*-- 30.00 - Zuka Product --*/

.product-image--holder a {
    display: block;
}

.product-image img {
    -webkit-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    -moz-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    -ms-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    -o-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    width: 100%;
    height: 100%;
    display: block;
}

.product-image .product-badge {
    left: 20px;
    top: 20px;
}

.product-badge {
    font-weight: 400;
    text-align: center;
    display: inline-block;
    padding: 15px;
    text-transform: uppercase;
    font-size: 10px;
    min-width: 42px;
    z-index: 11;
}

.product-badge.new {
    background-color: #181818;
}

.product-badge.hot {
    background-color: #d0021b;
}

.product-badge.round {
    width: 6.2rem;
    height: 6.2rem;
    line-height: 6.2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 16px;
    padding: 0;
}

.product-info {
    padding-top: 20px;
}

.product-title {
    font-size: 12px;
    margin: 0 0 10px;
    line-height: inherit;
    font-weight: 400;
    line-height: 1.4;
}

.product-price-wrapper>span {
    margin: 0 2px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    line-height: 1.4;
}

.product-price-wrapper>span.product-price-old {
    text-decoration: line-through;
}

.product-color-swatch-btn {
    display: inline-block;
    margin: 0 2px 2px;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.product-color-swatch-btn.black {
    background-color: #000000;
}

.product-color-swatch-btn.blue {
    background-color: #279ee3;
}

.product-color-swatch-btn.green {
    background-color: #6dde6d;
}

.product-color-swatch-btn.red {
    background-color: #dd3333;
}

.product-color-swatch-btn.grey {
    background-color: #7e7e7e;
}

.product-color-swatch-btn.white {
    background-color: #ffffff;
}

.product-color-swatch-btn.pink {
    background-color: #f7007c;
}

.product-color-swatch-btn.violet {
    background-color: #7459ae;
}

.product-color-swatch-btn.yellow {
    background-color: #f8e71c;
}

.product-color-swatch-label {
    display: none;
}

.product-action a {
    -webkit-transform: translate(35px, 0);
    -moz-transform: translate(35px, 0);
    -ms-transform: translate(35px, 0);
    -o-transform: translate(35px, 0);
    transform: translate(35px, 0);
    opacity: 0;
    transition-delay: 50ms;
    margin: 5px;
}

.product-action a:nth-child(1) {
    transition-delay: 50ms;
}

.product-action a:nth-child(2) {
    transition-delay: 100ms;
}

.product-action a:nth-child(3) {
    transition-delay: 150ms;
}

.product-action a:nth-child(4) {
    transition-delay: 200ms;
}

.product-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.6);
}

.product-stock {
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 3px;
}

.product-stock i {
    padding-right: 5px;
    font-size: 13px;
}

.product-description p {
    color: inherit;
    line-height: 22px;
}

.product-description p:not(:last-child) {
    margin-bottom: 20px;
}

@media (max-width: 47.94em) {
    .product-description p:not(:last-child) {
        margin-bottom: 15px;
    }
}

.product-description ul {
    margin-bottom: 20px;
    padding-left: 45px;
    list-style: disc;
}

.product-description ul li:not(:last-child) {
    margin-bottom: 10px;
}

.zuka-product {
    position: relative;
    text-align: left;
    word-wrap: break-word;
    z-index: 1;
}

.zuka-product .star-rating {
    margin-bottom: 10px;
}

.zuka-product .product-color-swatch {
    float: right;
}

.zuka-product.thumb-has-effect .primary-image {
    opacity: 1;
}

.zuka-product.thumb-has-effect .secondary-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.zuka-product.thumb-has-effect:hover .primary-image {
    opacity: 0;
}

.zuka-product.thumb-has-effect:hover .secondary-image {
    opacity: 1;
    pointer-events: visible;
}

.zuka-product:hover .product-action a {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.zuka-product-layout-2 .product-title {
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 30px;
    font-weight: 400;
}

.zuka-product-layout-2 .product-title a {
    font-family: "微軟正黑體", serif;
}

.zuka-product-layout-2 .product-price-wrapper>span {
    margin: 0 2px;
}

.zuka-product-layout-2 .product-price-wrapper>span.product-price-old {
    text-decoration: line-through;
}

.zuka-product-layout-2 .star-rating {
    margin-bottom: 0;
}

.zuka-product-action {
    right: 20px;
    bottom: 20px;
    z-index: 9;
    text-align: center;
}

.zuka-product-action-1 {
    right: 0;
    width: 100%;
    bottom: 20px;
}

.zuka-product-action-list {
    right: auto;
    bottom: auto;
    text-align: left;
    z-index: 1;
}


/*-- 30.01 - Product List --*/

.zuka-product-list .product-inner:hover .product-overlay {
    visibility: visible;
    opacity: .5;
}

.zuka-product-list .product-inner:hover .product-thumbnail-action {
    top: 50%;
}

.zuka-product-list .product-image {
    -webkit-flex-basis: 32%;
    -moz-flex-basis: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    max-width: 32%;
}

.zuka-product-list .product-thumbnail-action {
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.zuka-product-list .product-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #232324;
    z-index: 2;
}

.zuka-product-list .product-info {
    -webkit-flex-basis: calc(100% - 32%);
    -moz-flex-basis: calc(100% - 32%);
    -ms-flex-preferred-size: calc(100% - 32%);
    flex-basis: calc(100% - 32%);
    max-width: calc(100% - 32%);
    padding-left: 50px;
    padding-top: 0;
}

.zuka-product-list .product-info .star-rating {
    margin-left: 0;
}

.zuka-product-list .product-title {
    font-size: 24px;
    margin: 0 0 10px;
    font-weight: 400;
    line-height: 1;
}

.zuka-product-list .product-price-wrapper {
    display: block;
}

.zuka-product-list .product-price-wrapper>span {
    font-size: 18px;
}

.zuka-product-list .product-action a {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    margin: 0;
    width: 40px;
    height: 54px;
    line-height: 64px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

.zuka-product-list .product-action a.add_wishlist i {
    font-weight: bold;
}

.zuka-product-list .product-action a.add_to_cart_btn {
    width: 165px;
    min-height: 54px;
    line-height: 54px;
    background-color: #282828;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 10px;
}

.zuka-product-list.thumb-has-effect .primary-image {
    opacity: 1;
}

.zuka-product-list.thumb-has-effect .secondary-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.zuka-product-list.thumb-has-effect:hover .primary-image {
    opacity: 0;
}

.zuka-product-list.thumb-has-effect:hover .secondary-image {
    opacity: 1;
    pointer-events: visible;
}


/*-- 30.02 - Product Summary --*/

@media (max-width: 35.94em) {
    .product-summary .product-rating {
        margin-top: 10px;
    }
}

.product-summary .product-rating .star-rating {
    margin-left: 0;
    margin-right: 5px;
}

.product-summary .product-navigation {
    float: right;
    line-height: .5;
}

.product-summary .product-navigation a {
    font-size: 22px;
}

.product-summary .product-navigation a.prev {
    padding-right: 5px;
}

.product-summary .product-title {
    font-size: 24px;
    margin: 12px 0 8px;
    font-weight: normal;
}

@media (max-width: 74.9375em) {
    .product-summary .product-title {
        font-size: 20px;
    }
}

.product-summary .product-price-wrapper>span {
    font-size: 38px;
    line-height: 1;
    font-weight: 400;
}

@media (max-width: 74.9375em) {
    .product-summary .product-price-wrapper>span {
        font-size: 30px;
    }
}

@media (max-width: 47.94em) {
    .product-summary .product-price-wrapper>span {
        font-size: 25px;
    }
}

.product-summary .product-price-wrapper>span.product-price-old {
    font-size: 22px;
    text-decoration: line-through;
    margin-right: 5px;
}

@media (max-width: 74.9375em) {
    .product-summary .product-price-wrapper>span.product-price-old {
        font-size: 20px;
    }
}

@media (max-width: 47.94em) {
    .product-summary .product-price-wrapper>span.product-price-old {
        font-size: 18px;
    }
}

.product-summary .product-price-wrapper>span.product-price-new {
    color: #282828;
}

.product-summary .product-short-description {
    color: #5D5D5D;
    line-height: 1.7;
}

.product-summary .product-action button.add-to-cart {
    margin-right: 15px;
}

.product-summary .product-action .action-btn {
    background-color: #f9f9f9;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    margin: 0 5px;
}

.product-summary .product-action .action-btn:hover {
    background-color: #dc0109;
}

.product-summary .product-action .quantity {
    height: 60px;
    width: 80px;
    margin-right: 20px;
}

.product-summary .product-action .quantity .qtybutton {
    height: 58px;
    cursor: pointer;
    width: 20px;
    font-size: 20px;
    line-height: 58px;
}

.product-summary .product-extra a {
    display: inline-block;
    font-size: 12px;
}

.product-summary .product-extra a:not(:last-child) {
    margin-right: 20px;
}

.product-summary .product-extra a i {
    font-size: 16px;
    margin-right: 5px;
}

.product-summary .product-meta span {
    display: inline-block;
    font-weight: 600;
}

.product-summary .product-meta span a {
    font-weight: 400;
}

.product-summary .product-meta>span {
    display: block;
}

.product-summary .product-meta>span:not(:last-child) {
    padding-bottom: 8px;
}

@media (max-width: 47.94em) {
    .product-summary .product-meta>span {
        padding-bottom: 8px;
    }
}

.product-summary .product-share-box span {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1;
}

.product-summary .product-data-tab__content {
    width: 100%;
}


/*-- 30.03 - Special Offer Product --*/

.special-product__title {
    font-size: 38px;
    line-height: 45px;
    font-weight: 400;
}

@media (max-width: 74.9375em) {
    .special-product__title {
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 61.94em) {
    .special-product__title {
        font-size: 23px;
        line-height: 28px;
    }
}

.special-product__discount {
    font-size: 138px;
    line-height: 1;
    font-weight: 400;
}

@media (max-width: 74.9375em) {
    .special-product__discount {
        font-size: 80px;
    }
}

@media (max-width: 47.94em) {
    .special-product__discount {
        font-size: 60px;
    }
}


/*-- 30.04 - Product Countdown --*/

.product-countdown .single-countdown {
    margin: 10px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

@media (max-width: 74.9375em) {
    .product-countdown .single-countdown {
        width: 80px;
        height: 80px;
        padding: 15px;
    }
}

@media (max-width: 61.94em) {
    .product-countdown .single-countdown {
        width: 75px;
        height: 75px;
        padding: 10px;
        margin: 5px;
    }
}

.product-countdown .single-countdown__time {
    display: block;
    line-height: 1;
    font-size: 36px;
}

@media (max-width: 74.9375em) {
    .product-countdown .single-countdown__time {
        font-size: 26px;
    }
}

@media (max-width: 61.94em) {
    .product-countdown .single-countdown__time {
        font-size: 22px;
    }
}

.product-countdown .single-countdown__text {
    display: block;
    padding: 5px 0 0;
    font-size: 14px;
    line-height: 1.4;
}

@media (max-width: 61.94em) {
    .product-countdown .single-countdown__text {
        font-size: 13px;
    }
}

.product-countdown.round .single-countdown {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 74.9375em) {
    .product-countdown.round .single-countdown {
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        text-align: center;
    }
}

@media (max-width: 61.94em) {
    .product-countdown.round .single-countdown {
        width: 5.5rem;
        height: 5.5rem;
        line-height: 5.5rem;
        text-align: center;
    }
}

@media (max-width: 28.125em) {
    .product-countdown.round .single-countdown {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        text-align: center;
    }
}

.product-countdown.outline .single-countdown {
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: 0 0 0 #000;
    -moz-box-shadow: 0 0 0 #000;
    -ms-box-shadow: 0 0 0 #000;
    -o-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
}

.product-countdown.vertical .single-countdown {
    margin: 5px 0;
}

.product-countdown-2 .single-countdown__time {
    font-size: 22px;
}

@media (max-width: 74.9375em) {
    .product-countdown-2 .single-countdown__time {
        font-size: 16px;
    }
}

@media (max-width: 28.125em) {
    .product-countdown-2 .single-countdown__time {
        font-size: 14px;
    }
}

.product-countdown-2 .single-countdown__text {
    padding: 5px 0 0;
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 74.9375em) {
    .product-countdown-2 .single-countdown__text {
        padding: 2px 0 0;
        line-height: 1;
    }
}

@media (max-width: 35.94em) {
    .product-countdown-2.vertical {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 35.94em) {
    .product-countdown-2.vertical .single-countdown {
        margin: 5px;
    }
}

.product-countdown-3 {
    background-color: #dc0109;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    padding: 17px 0px;
    border-radius: 35px;
}

@media (max-width: 93.6875em) {
    .product-countdown-3 {
        width: 225px;
        padding: 10px 0;
    }
}

@media (max-width: 35.94em) {
    .product-countdown-3 {
        width: 190px;
        padding: 7px 0;
    }
}

.product-countdown-3 .single-countdown {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 #000;
    -moz-box-shadow: 0 0 0 #000;
    -ms-box-shadow: 0 0 0 #000;
    -o-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
    width: auto;
    height: auto;
    background-color: #dc0109;
    padding-right: 5px;
}

.product-countdown-3 .single-countdown__time {
    font-size: 13px;
    color: #fff !important;
    display: inline-block;
    padding-right: 5px;
    font-weight: 500;
}

@media (max-width: 93.6875em) {
    .product-countdown-3 .single-countdown__time {
        display: block;
    }
}

.product-countdown-3 .single-countdown__text {
    font-size: 11px;
    color: #fff !important;
    display: inline-block;
}

@media (max-width: 93.6875em) {
    .product-countdown-3 .single-countdown__text {
        display: block;
    }
}

.product-countdown-4 .single-countdown {
    margin: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    padding: 0;
    text-align: center;
    box-shadow: none;
}

.product-countdown-4 .single-countdown:not(:last-child) {
    margin-right: 50px;
}

@media (max-width: 47.94em) {
    .product-countdown-4 .single-countdown:not(:last-child) {
        margin-right: 30px;
    }
}

.product-countdown-4 .single-countdown__time {
    font-size: 36px;
    line-height: 1;
}

@media (max-width: 47.94em) {
    .product-countdown-4 .single-countdown__time {
        font-size: 30px;
    }
}

.product-countdown-4 .single-countdown__text {
    display: block;
    font-size: 14px;
    font-style: italic;
    padding: 0 4px;
}


/*-- 30.05 - Featured Product --*/

.featured-product-area {
    background-size: auto !important;
    background-position: right bottom !important;
}

.featured-product-image {
    display: inline-block;
}

.featured-product-image .video-btn {
    right: 40px;
    bottom: 40px;
}

.featured-product-image:hover .video-btn:after {
    -webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.featured-product-image:hover .video-btn:before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: .6;
}

.featured-product-list li:not(:last-child) {
    margin-bottom: 35px;
}

@media (max-width: 74.9375em) {
    .featured-product-list li:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (max-width: 61.94em) {
    .featured-product-list li:not(:last-child) {
        margin-bottom: 10px;
    }
}

.featured-product-icon {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 61.94em) {
    .featured-product-icon {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        text-align: center;
    }
}

@media (max-width: 61.94em) {
    .featured-product-icon img {
        width: 70%;
    }
}

.featured-product-text {
    color: #141829;
    font-size: 18px;
    -webkit-flex-basis: calc(100% - 70px);
    -moz-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 35px;
}

@media (max-width: 74.9375em) {
    .featured-product-text {
        padding-left: 20px;
    }
}

@media (max-width: 61.94em) {
    .featured-product-text {
        padding-left: 10px;
        font-size: 14px;
    }
}


/*-- 30.06 - Special Product List --*/

.special-product-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.special-product-list__content {
    background-color: #e7f0ef;
    padding: 90px 95px;
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

.special-product-list__title {
    font-size: 47px;
}

.special-product-list__desc {
    font-size: 16px;
    color: #181818;
    margin-bottom: 45px;
}

.special-product-list__image {
    -webkit-flex-basis: calc(100% - 70%);
    -moz-flex-basis: calc(100% - 70%);
    -ms-flex-preferred-size: calc(100% - 70%);
    flex-basis: calc(100% - 70%);
}


/*-- 30.07 - Advanced Product Filters --*/

.advanced-product-filters {
    -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
    display: none;
    font-size: 12px;
    background: #fff;
}

.advanced-product-filters .btn-close {
    display: none;
}

.advanced-product-filters .product-filter {
    padding: 40px 40px 0;
}

.advanced-product-filters .product-filter .product-widget {
    margin-bottom: 30px;
    padding: 0 15px;
}

.advanced-product-filters .product-filter .product-widget .widget-title {
    font-size: 16px;
    letter-spacing: -2px;
    font-weight: 400;
    margin-bottom: 20px;
}

.advanced-product-filters .product-filter .product-widget__list li:not(:last-child) {
    margin-bottom: 10px;
}

.advanced-product-filters .product-filter .product-widget__list li a {
    font-size: 12px;
    line-height: 1.6;
}

.advanced-product-filters .product-filter .product-widget--color .product-color-swatch-btn {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.advanced-product-filters .product-filter .product-widget--color .product-color-swatch-label {
    padding-left: 25px;
    display: block;
}

.advanced-product-filters .product-filter .product-widget--price ul li:not(:last-child) {
    margin-bottom: 5px;
}


/*-- 30.08 - Product Gallery --*/

.product-gallery.vertical-slide-nav {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (max-width: 61.94em) {
    .product-gallery.vertical-slide-nav {
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.product-gallery.vertical-slide-nav .product-gallery__nav-image {
    -webkit-flex-basis: 170px;
    -moz-flex-basis: 170px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    max-width: 170px;
    margin-right: 30px;
}

@media (max-width: 87.4375em) {
    .product-gallery.vertical-slide-nav .product-gallery__nav-image {
        -webkit-flex-basis: 70px;
        -moz-flex-basis: 70px;
        -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
        max-width: 70px;
        margin-right: 15px;
    }
}

@media (max-width: 61.94em) {
    .product-gallery.vertical-slide-nav .product-gallery__nav-image {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 61.94em) {
    .product-gallery.vertical-slide-nav .product-gallery__nav-image .slick-list {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (max-width: 61.94em) {
    .product-gallery.vertical-slide-nav .product-gallery__nav-image .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.product-gallery.vertical-slide-nav .product-gallery__nav-image--single {
    margin-bottom: 30px;
}

@media (max-width: 87.4375em) {
    .product-gallery.vertical-slide-nav .product-gallery__nav-image--single {
        margin-bottom: 10px;
    }
}

@media (max-width: 61.94em) {
    .product-gallery.vertical-slide-nav .product-gallery__nav-image--single {
        margin-bottom: 0;
    }
}

.product-gallery.vertical-slide-nav .product-gallery__large-image {
    -webkit-flex-basis: calc(100% - 200px);
    -moz-flex-basis: calc(100% - 200px);
    -ms-flex-preferred-size: calc(100% - 200px);
    flex-basis: calc(100% - 200px);
    max-width: calc(100% - 200px);
}

@media (max-width: 87.4375em) {
    .product-gallery.vertical-slide-nav .product-gallery__large-image {
        -webkit-flex-basis: calc(100% - 85px);
        -moz-flex-basis: calc(100% - 85px);
        -ms-flex-preferred-size: calc(100% - 85px);
        flex-basis: calc(100% - 85px);
        max-width: calc(100% - 85px);
    }
}

@media (max-width: 61.94em) {
    .product-gallery.vertical-slide-nav .product-gallery__large-image {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.product-gallery__nav-image {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.product-gallery__nav-image--single {
    cursor: pointer;
}

.product-gallery__nav-image .slick-active.slick-current .product-gallery__nav-image--single {
    border-width: 2px;
    border-style: solid;
    border-color: #181818;
}

.product-gallery__wrapper {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.product-gallery__actions {
    right: 20px;
    bottom: 50px;
}

.product-gallery__actions a,
.product-gallery__actions button {
    margin: 10px;
}


/*-- 30.09 - Product Variations --*/

.variation-form .swatch-wrapper {
    border: 1px solid #cdcdcd;
    float: left;
    padding: 2px;
    margin: 0 5px 0;
}

.variation-form .swatch-label {
    font-size: 12px;
    text-transform: uppercase;
}

.variation-form .swatch-label strong:not(:empty):before {
    content: ':';
    margin-right: 5px;
    margin-left: 5px;
}

.variation-form .product-color-variations .product-color-swatch {
    overflow: hidden;
    clear: both;
}

.variation-form .product-color-variations .product-color-swatch-btn {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    display: block;
}

.variation-form .product-color-variations .swatch-wrapper {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.variation-form .product-size-variations .product-size-swatch {
    overflow: hidden;
    clear: both;
}

.variation-form .product-size-variations .product-size-swatch-btn {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
}

.variation-form .reset_variations {
    display: none;
    margin-top: 5px;
}

.variation-form .reset_variations:before {
    content: "\f021";
    font-family: FontAwesome;
    padding-right: 5px;
}


/*-- 30.10 - Product Box --*/

.product-box {
    padding: 40px 40px 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 93.6875em) {
    .product-box {
        padding: 40px 20px 0;
    }
}

.product-box__heading {
    font-size: 36px;
    margin-bottom: 20px;
}

@media (max-width: 74.9375em) {
    .product-box__heading {
        font-size: 30px;
    }
}

@media (max-width: 61.94em) {
    .product-box__heading {
        font-size: 25px;
    }
}

.product-box__heading i {
    padding-right: 25px;
}

@media (max-width: 61.94em) {
    .product-box__heading i {
        padding-right: 20px;
    }
}

.product-box .product-item {
    margin-bottom: 80px;
}

.product-box .product-item__thumbnail {
    width: 75%;
    margin: 0 auto;
    z-index: 1;
}

@media (max-width: 61.94em) {
    .product-box .product-item__thumbnail {
        width: 70%;
    }
}

.product-box .product-item__countdown {
    left: 0;
    top: 0;
    z-index: 2;
}

@media (max-width: 35.94em) {
    .product-box .product-item__countdown {
        position: relative;
    }
}

.product-box .product-item .product-badge {
    left: 20px;
    top: 20px;
}

.product-box .product-item__info {
    max-width: 75%;
    margin: 0px auto;
    position: relative;
    z-index: 99;
    padding-top: 17px;
    padding-bottom: 20px;
    text-align: center;
}

@media (max-width: 61.94em) {
    .product-box .product-item__info {
        max-width: 70%;
    }
}

.product-box .product-item__info .star-rating {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(5px);
    -moz-transform: translateX(-50%) translateY(5px);
    -ms-transform: translateX(-50%) translateY(5px);
    -o-transform: translateX(-50%) translateY(5px);
    transform: translateX(-50%) translateY(5px);
}

.product-box .product-item__info .star-rating span {
    color: #f5b223;
}

.product-box .product-item__title {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: inherit;
    font-weight: 400;
}

@media (max-width: 74.9375em) {
    .product-box .product-item__title {
        font-size: 16px;
    }
}

@media (max-width: 61.94em) {
    .product-box .product-item__title {
        font-size: 14px;
    }
}

.product-box .product-item .product-price-wrapper span {
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 74.9375em) {
    .product-box .product-item .product-price-wrapper span {
        font-size: 20px;
    }
}

@media (max-width: 61.94em) {
    .product-box .product-item .product-price-wrapper span {
        font-size: 18px;
    }
}

.product-box .product-item .product-price-wrapper span.product-price-old {
    text-decoration: line-through;
}

.product-box .product-item__action {
    right: 0;
    bottom: -40px;
    z-index: 9;
    text-align: center;
}

.product-box .product-item.thumb-has-effect .primary-image {
    opacity: 1;
}

.product-box .product-item.thumb-has-effect .secondary-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.product-box .product-item.thumb-has-effect:hover .primary-image {
    opacity: 0;
}

.product-box .product-item.thumb-has-effect:hover .secondary-image {
    opacity: 1;
    pointer-events: visible;
}

.product-box .product-item:hover .product-item__action a {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.product-box.bordered-box {
    border: 1px solid #cdcdcd;
}

.product-box.bordered-box-2 {
    border: 1px solid #181818;
}

.product-box-2 {
    padding: 57px 0;
}

.product-box-2 .product-badge {
    left: 80px;
    top: 40px;
}

.product-box-2 .product-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
}

.product-box-2 .product-price-wrapper span {
    font-weight: 400;
    font-size: 18px;
}

.product-box-2 .zuka-product-action {
    bottom: 0;
}

.product-box-2 .action-btn {
    font-weight: 700;
    font-size: 22px;
}

.product-box-2 .action-btn i {
    font-weight: 700 !important;
}

.product-box-list .zuka-product {
    width: 100%;
}

.product-box-list .product-inner {
    padding: 8px 0;
}

.product-box-list .product-badge {
    left: auto;
    right: 0;
    top: 20px;
}

.product-box-list .product-image {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

@media (max-width: 74.9375em) {
    .product-box-list .product-image {
        -webkit-flex-basis: 40%;
        -moz-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
}

@media (max-width: 35.94em) {
    .product-box-list .product-image {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

.product-box-list .product-info {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

@media (max-width: 74.9375em) {
    .product-box-list .product-info {
        -webkit-flex-basis: 60%;
        -moz-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }
}

@media (max-width: 35.94em) {
    .product-box-list .product-info {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.product-box-list .product-desc {
    margin-top: 10px;
}

.product-box-list .product-badge {
    left: auto;
    right: 0;
    top: 20px;
}


/*-- 30.11 - Product Category --*/

.product-category {
    min-height: 100px;
    -webkit-transition: box-shadow 0.4s, opacity 0.35s;
    -moz-transition: box-shadow 0.4s, opacity 0.35s;
    -ms-transition: box-shadow 0.4s, opacity 0.35s;
    -o-transition: box-shadow 0.4s, opacity 0.35s;
    transition: box-shadow 0.4s, opacity 0.35s;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
}

.product-category .overlay-link {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.product-category__title {
    font-size: 18px;
    font-weight: 700;
    margin-left: 40px;
}

.product-category:hover {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
}


/*****************************
31. Promo CSS
*****************************/


/*-- 31.00 - Banner Box --*/

.banner-box .banner-inner {
    overflow: hidden;
}

.banner-box .banner-image {
    width: 100%;
    height: 100%;
}

.banner-box .banner-image img {
    width: 100%;
}

.banner-box .banner-info {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: auto;
}

.banner-box .banner-info--inner {
    z-index: 3;
}

.banner-box .banner-link {
    display: inline-block;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: inherit;
    opacity: 0;
    transition: all 250ms ease-out;
    z-index: 2;
}

.banner-box .banner-badge {
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
}

.banner-box .banner-badge.yellow {
    background-color: #f5b223;
}

.banner-box .banner-paragraph {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0;
}

.banner-box .banner-paragraph-2 {
    text-transform: uppercase;
    color: #9A8E5A;
    letter-spacing: 7px;
    font-size: 12px;
    margin: 0;
}

.banner-box .banner-title-1 {
    color: #ffffff;
    font-size: 54px;
    margin-bottom: 0;
    line-height: 1;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-1 {
        font-size: 45px;
    }
}

.banner-box .banner-title-1-1 {
    font-size: 54px;
    margin-bottom: 0;
    line-height: 1;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-1-1 {
        font-size: 45px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-1-1 {
        font-size: 28px;
    }
}

.banner-box .banner-title-2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.banner-box .banner-title-2-1 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-2-1 {
        font-size: 15px;
    }
}

.banner-box .banner-title-3 {
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-3 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 47.94em) {
    .banner-box .banner-title-3 {
        font-size: 35px;
        line-height: 35px;
    }
}

.banner-box .banner-title-4 {
    font-size: 70px;
    line-height: 90px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
}

@media (max-width: 93.6875em) {
    .banner-box .banner-title-4 {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-4 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 47.94em) {
    .banner-box .banner-title-4 {
        font-size: 35px;
        line-height: 45px;
    }
}

.banner-box .banner-title-5 {
    font-size: 68px;
    line-height: 1;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-5 {
        font-size: 50px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-5 {
        font-size: 35px;
    }
}

.banner-box .banner-title-6 {
    font-size: 24px;
}

.banner-box .banner-title-7 {
    font-size: 46px;
    line-height: 1;
    color: #fff;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-7 {
        font-size: 35px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-7 {
        font-size: 24px;
    }
}

.banner-box .banner-title-8 {
    font-size: 28px;
    line-height: 30px;
    color: #ffffff;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-8 {
        font-size: 24px;
        line-height: 26px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-8 {
        font-size: 20px;
        line-height: 1.3;
    }
}

.banner-box .banner-title-8 span {
    display: block;
}

.banner-box .banner-title-8 span.regular-price {
    display: block;
    text-decoration: line-through;
    color: #C5C5C5;
    font-size: 24px;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-8 span.regular-price {
        font-size: 20px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-8 span.regular-price {
        font-size: 18px;
    }
}

.banner-box .banner-title-9 {
    font-size: 32px;
    font-weight: 700;
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-9 {
        font-size: 25px;
    }
}

.banner-box .banner-title-9-1 {
    font-size: 31px;
    font-weight: 700;
    margin-bottom: 0;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-9-1 {
        font-size: 20px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-9-1 {
        font-size: 16px;
    }
}

.banner-box .banner-title-10 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 0;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-10 {
        font-size: 45px;
        line-height: 50px;
    }
}

@media (max-width: 35.94em) {
    .banner-box .banner-title-10 {
        font-size: 35px;
        line-height: 40px;
    }
}

@media (max-width: 120em) {
    .banner-box .banner-title-10-1 {
        font-size: 40px;
        line-height: 40px;
    }
}

.banner-box .banner-title-11 {
    font-size: 26px;
    font-family: "微軟正黑體", serif;
}

.banner-box .banner-title-12 {
    font-weight: 400;
    font-family: "微軟正黑體", serif;
    font-size: 50px;
    line-height: 70px;
}

@media (min-width: 115em) {
    .banner-box .banner-title-12 {
        font-size: 80px;
        line-height: 100px;
    }
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-12 {
        font-size: 40px;
        line-height: 50px;
    }
}

.banner-box .banner-title-13 {
    font-weight: 700;
    font-size: 64px;
    line-height: 1;
    font-style: italic;
    text-transform: uppercase;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-title-13 {
        font-size: 40px;
    }
}

@media (max-width: 61.94em) {
    .banner-box .banner-title-13 {
        font-size: 30px;
    }
}

.banner-box .banner-btn {
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    -ms-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
    text-decoration: underline;
    font-size: 14px;
}

.banner-box .banner-btn-outline {
    border: 1px solid #181818;
    background-color: transparent !important;
}

.banner-box .banner-btn-outline-2 {
    border: 2px solid #ffffff;
    background-color: transparent !important;
}

.banner-box .banner-btn-shape-round {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
    border-radius: 500px;
}

.banner-box .banner-btn-color-white {
    background-color: #fff;
    border-color: #ffffff;
}

.banner-box .banner-btn-color-red {
    background-color: #dc0109;
    border-color: #ffffff;
}

.banner-box .banner-btn-1 {
    line-height: 24px;
    padding: 14px 40px;
    color: #181818;
}

.banner-box .banner-btn-2 {
    padding: 0 0 0 5px;
    margin-top: 10px;
    color: #fff;
}

.banner-box .banner-btn-3 {
    border-style: solid;
    border-width: 1px;
    border-radius: 30px;
    padding: 15px 40px;
    display: inline-block;
    text-decoration: unset;
    z-index: 99;
}

.banner-box .banner-btn-3.banner-btn-outline {
    background-color: transparent !important;
}

.banner-box .banner-btn-3.banner-btn-outline:hover {
    background-color: #1c34ae !important;
}

.banner-box .banner-btn-3:hover {
    text-decoration: underline;
    -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
}

.banner-box .banner-btn-4 {
    width: 150px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    text-decoration: unset;
}

.banner-box .banner-btn-4.banner-btn-outline {
    border-width: 2px;
}

.banner-box .banner-btn-5 {
    width: 150px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    text-decoration: unset;
}

.banner-box .banner-btn-5.banner-btn-outline {
    background-color: transparent !important;
}

.banner-box .banner-btn-5.banner-btn-outline:hover {
    background-color: #1c34ae !important;
}

.banner-box .banner-btn-6 {
    width: 180px;
    height: 58px;
    line-height: 52px;
    text-align: center;
    text-decoration: unset;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 74.9375em) {
    .banner-box .banner-btn-6 {
        width: 145px;
        height: 48px;
        line-height: 48px;
    }
}

.banner-box .banner-btn-7 {
    background-color: rgba(190, 11, 17, 0.5);
    width: 260px;
    text-align: center;
    height: 90px;
    line-height: 90px;
    font-size: 24px;
}

.banner-box .banner-btn.hover-style-shadow:hover {
    text-decoration: underline;
    -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
}

.banner-box .banner-btn.hover-style-bg.banner-btn-color-white:hover {
    background-color: #fff !important;
}

.banner-box .banner-btn.hover-style-bg.banner-btn-color-blue:hover {
    background-color: #1c34ae !important;
}

.banner-box .banner-btn.hover-style-bg.banner-btn-color-red:hover {
    background-color: #dc0109 !important;
    border-color: #dc0109 !important;
}

.banner-box .banner-btn.hover-style-bg.banner-btn-color-green:hover {
    background-color: red !important;
    border-color: red !important;
}

.banner-box.banner-hover-1 .banner-image {
    overflow: hidden;
}

.banner-box.banner-hover-1 .banner-image img {
    -webkit-transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -ms-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.banner-box.banner-hover-1:hover .banner-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.banner-box.banner-hover-2 .banner-image {
    overflow: hidden;
}

.banner-box.banner-hover-2 .banner-image img {
    -webkit-transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -ms-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.banner-box.banner-hover-2:hover .banner-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.banner-box.banner-hover-3 .banner-image {
    overflow: hidden;
}

.banner-box.banner-hover-3 .banner-image img {
    -webkit-transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -ms-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.banner-box.banner-hover-3:hover .banner-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.banner-box.banner-hover-4 .banner-image {
    overflow: hidden;
}

.banner-box.banner-hover-4 .banner-image img {
    -webkit-transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -ms-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.banner-box.banner-hover-4 .banner-image:before {
    top: 0;
    left: 150%;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    background: rgba(245, 166, 35, 0.5);
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    transform: skewX(-40deg);
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    -ms-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
}

.banner-box.banner-hover-4 .banner-image:after {
    top: 0;
    left: -150%;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    transform: skewX(-40deg);
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    -ms-transition: all 0.45s;
    -o-transition: all 0.45s;
    transition: all 0.45s;
}

.banner-box.banner-hover-4:hover .banner-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.banner-box.banner-hover-4:hover .banner-image:before {
    animation: effect_shine 0s;
    -webkit-animation: effect_shine 0s;
    left: 65%;
}

.banner-box.banner-hover-4:hover .banner-image:after {
    animation: effect_shine 0s;
    -webkit-animation: effect_shine 0s;
    left: -35%;
}

.banner-box.banner-type-1 .banner-info {
    text-align: center;
}

.banner-box.banner-type-1.h-100 .banner-image img {
    height: 100%;
}

.banner-box.banner-type-1-1 .banner-info {
    padding-bottom: 60px;
}

@media (max-width: 74.9375em) {
    .banner-box.banner-type-1-1 .banner-info {
        padding-bottom: 20px;
    }
}

.banner-box.banner-type-2 .banner-info {
    z-index: 9;
}

.banner-box.banner-type-3-1 .banner-info--inner {
    padding-right: 40px;
}

.banner-box.banner-type-3-2 .banner-info--inner {
    padding-left: 50px;
}

.banner-box.banner-type-4 .banner-image {
    padding-left: 120px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-4 .banner-image {
        padding-left: 0;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-4 .banner-info {
        margin-left: 15px;
    }
}

.banner-box.banner-type-4 .banner-info--inner {
    left: 0;
    bottom: 90px;
}

.banner-box.banner-type-4-1 .banner-image {
    padding-left: 0;
    width: 55%;
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-4-1 .banner-image {
        width: auto;
        padding-right: 120px;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-4-1 .banner-image {
        padding-right: 0;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-4-1 .banner-info {
        margin-left: 0;
    }
}

.banner-box.banner-type-4-1 .banner-info--inner {
    width: 45%;
    left: auto;
    right: 10%;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-4-1 .banner-info--inner {
        right: 0;
        width: auto;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-4-1 .banner-info--inner {
        bottom: 90px;
        right: 15px;
    }
}

.banner-box.banner-type-5 .banner-inner:hover .banner-btn-3 {
    text-decoration: underline;
    -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
}

.banner-box.banner-type-5 .banner-inner:hover .banner-btn-3.banner-btn-outline {
    background-color: #1c34ae !important;
    color: #ffffff !important;
}

.banner-box.banner-type-5 .banner-info {
    padding-bottom: 100px;
    text-align: center;
    z-index: auto;
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-5 .banner-info {
        padding-bottom: 50px;
    }
}

@media (max-width: 74.9375em) {
    .banner-box.banner-type-5 .banner-info {
        padding-bottom: 20px;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-5 .banner-info {
        padding-bottom: 10px;
    }
}

@media (max-width: 47.94em) {
    .banner-box.banner-type-5 .banner-info {
        padding-bottom: 70px;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-5 .banner-info {
        padding-bottom: 20px;
    }
}

.banner-box.banner-type-5 .banner-info--inner {
    z-index: 3;
}

.banner-box.banner-type-5-2 .banner-info {
    text-align: left;
    padding-left: 60px;
}

@media (max-width: 74.9375em) {
    .banner-box.banner-type-5-2 .banner-info {
        padding-left: 30px;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-5-2 .banner-info {
        padding-left: 20px;
    }
}

@media (max-width: 47.94em) {
    .banner-box.banner-type-5-2 .banner-info {
        padding-left: 50px;
    }
}

.banner-box.banner-type-5-2 .banner-badge {
    right: 15%;
    top: 0;
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-5-2 .banner-badge {
        top: -65%;
    }
}

.banner-box.banner-type-5-3 .banner-info {
    padding-bottom: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.banner-box.banner-type-5-3 .banner-info--inner {
    width: 70%;
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-5-3 .banner-info--inner {
        width: 90%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-5-3 .banner-info--inner {
        width: 100%;
    }
}

.banner-box.banner-type-6 .banner-info {
    z-index: auto;
}

.banner-box.banner-type-6 .banner-info--inner {
    width: 55%;
    padding-left: 50px;
    z-index: 3;
}

@media (max-width: 99.9375em) {
    .banner-box.banner-type-6 .banner-info--inner {
        width: 55%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6 .banner-info--inner {
        width: 65%;
    }
}

@media (max-width: 74.9375em) {
    .banner-box.banner-type-6 .banner-info--inner {
        padding-left: 30px;
        padding-right: 10px;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6 .banner-info--inner {
        width: 85%;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-6 .banner-info--inner {
        width: 100%;
    }
}

@media (max-width: 120em) {
    .banner-box.banner-type-6 .banner-info--inner-2 {
        width: 62%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6 .banner-info--inner-2 {
        width: 75%;
        padding-left: 10px;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6 .banner-image img {
        min-height: 290px;
    }
}

@media (max-width: 74.9375em) {
    .banner-box.banner-type-6 .banner-image img {
        min-height: 275px;
    }
}

@media (max-width: 74.9375em) {
    .banner-box.banner-type-6 .banner-image img {
        min-height: 250px;
    }
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-6 .banner-image img {
        min-height: 190px;
    }
}

.banner-box.banner-type-6-1 .banner-badge {
    right: 23%;
    bottom: 28%;
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6-1 .banner-badge {
        bottom: 20%;
    }
}

.banner-box.banner-type-6-2 .banner-badge {
    right: 40%;
    top: 20%;
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6-2 .banner-badge {
        right: 20%;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6-2 .banner-badge {
        top: 10%;
    }
}

.banner-box.banner-type-6-3 .banner-info--inner {
    padding-left: 0;
    padding-right: 50px;
}

@media (max-width: 35.94em) {
    .banner-box.banner-type-6-3 .banner-info--inner {
        padding-right: 0;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6-3 .banner-info--inner-2 {
        padding-right: 20px;
    }
}

.banner-box.banner-type-6-4 .banner-info--inner {
    width: 50%;
    padding-left: 0;
}

@media (max-width: 106.1875em) {
    .banner-box.banner-type-6-4 .banner-info--inner {
        width: 55%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6-4 .banner-info--inner {
        width: 65%;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6-4 .banner-info--inner {
        width: 80%;
    }
}

.banner-box.banner-type-6-5 .banner-info--inner {
    padding-left: 0;
    width: 45%;
}

@media (max-width: 106.1875em) {
    .banner-box.banner-type-6-5 .banner-info--inner {
        width: 55%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6-5 .banner-info--inner {
        width: 65%;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6-5 .banner-info--inner {
        width: 80%;
    }
}

.banner-box.banner-type-6-6 .banner-info--inner {
    width: 50%;
    padding-left: 0;
    padding-right: 50px;
}

@media (max-width: 106.1875em) {
    .banner-box.banner-type-6-6 .banner-info--inner {
        width: 55%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6-6 .banner-info--inner {
        width: 65%;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6-6 .banner-info--inner {
        width: 80%;
    }
}

.banner-box.banner-type-6-7 .banner-info--inner {
    padding-left: 0;
    width: 45%;
}

@media (max-width: 106.1875em) {
    .banner-box.banner-type-6-7 .banner-info--inner {
        width: 55%;
    }
}

@media (max-width: 93.6875em) {
    .banner-box.banner-type-6-7 .banner-info--inner {
        width: 65%;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-6-7 .banner-info--inner {
        width: 80%;
    }
}

.banner-box.banner-type-7 .banner-info {
    z-index: auto;
}

.banner-box.banner-type-7 .banner-info--inner {
    padding-left: 60px;
    width: 65%;
}

@media (max-width: 120em) {
    .banner-box.banner-type-7 .banner-info--inner {
        width: 100%;
    }
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-7 .banner-info--inner {
        padding-left: 40px;
    }
}

.banner-box.banner-type-7-1 .banner-info--inner {
    text-align: center;
}

@media (max-width: 120em) {
    .banner-box.banner-type-7-1 .banner-info--inner {
        padding-left: 0;
    }
}

@media (max-width: 47.94em) {
    .banner-box.banner-type-7-1 .banner-info--inner {
        padding-left: 50px;
        width: 35%;
    }
}

.banner-box.banner-type-7-2 .banner-info--inner {
    padding-left: 0px;
    width: 100%;
    text-align: center;
}

.banner-box.banner-type-8 .banner-info {
    z-index: auto;
}

.banner-box.banner-type-8-center .banner-info {
    text-align: center;
}

.banner-box.banner-type-8-right .banner-info {
    padding-right: 55px;
}

.banner-box.banner-type-8-left-bottom .banner-info {
    padding-left: 60px;
    padding-bottom: 70px;
}

@media (max-width: 61.94em) {
    .banner-box.banner-type-8-left-bottom .banner-info {
        padding-left: 25px;
        padding-bottom: 20px;
    }
}

.banner-box.banner-type-9 .banner-info {
    z-index: auto;
}


/*-- 31.01 - Fullwidth Banner --*/

.fullwidth-banner-text h3 {
    font-size: 36px;
}

@media (max-width: 74.9375em) {
    .fullwidth-banner-text h3 {
        font-size: 24px;
    }
}

.fullwidth-banner-text h2 {
    font-size: 46px;
}

@media (max-width: 74.9375em) {
    .fullwidth-banner-text h2 {
        font-size: 40px;
    }
}

@media (max-width: 35.94em) {
    .fullwidth-banner-text h2 {
        font-size: 25px;
    }
}

.fullwidth-banner-text-2 h3 {
    font-size: 24px;
}

@media (max-width: 74.9375em) {
    .fullwidth-banner-text-2 h3 {
        font-size: 20px;
    }
}

.fullwidth-banner-text-2 h2 {
    font-size: 87px;
    line-height: 1;
    letter-spacing: 10px;
}

@media (max-width: 74.9375em) {
    .fullwidth-banner-text-2 h2 {
        font-size: 50px;
    }
}

@media (max-width: 35.94em) {
    .fullwidth-banner-text-2 h2 {
        font-size: 30px;
    }
}

@media (max-width: 47.94em) {
    .fullwidth-banner-text-3 {
        padding: 0 15px;
    }
}

.fullwidth-banner-text-3 p {
    line-height: 1.3;
}

.fullwidth-banner-text-3 h2 {
    font-size: 118px;
    line-height: 1;
}

@media (max-width: 74.9375em) {
    .fullwidth-banner-text-3 h2 {
        font-size: 110px;
    }
}

@media (max-width: 47.94em) {
    .fullwidth-banner-text-3 h2 {
        font-size: 80px;
    }
}

@media (max-width: 35.94em) {
    .fullwidth-banner-text-3 h2 {
        font-size: 50px;
    }
}

@media (max-width: 61.94em) {
    .fullwidth-banner-text-3 .product-countdown {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}


/*****************************
32. Social Icon
*****************************/

.social__item {
    display: inline-block;
}

.social__item:not(:last-child) {
    margin-right: 20px;
}

.social__link {
    font-size: 20px;
}

.social-round .social__item {
    margin: 5px !important;
}

.social-round .social__link {
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    color: #181818;
    font-size: 14px;
    text-align: center;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.social-round .social__link:hover {
    background-color: #dc0109;
    color: #fff;
}

.social-round.social-big .social__link {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    padding: 0;
}

.social-big .social__item:not(:last-child) {
    margin-right: 8px;
}

.social-big .social__link {
    font-size: 20px;
    padding: 8px;
}

.social-medium .social__item:not(:last-child) {
    margin-right: 15px;
}

.social-medium .social__link {
    font-size: 18px;
}

.social-small {
    line-height: 1;
}

.social-small .social__item:not(:last-child) {
    margin-right: 10px;
}

.social-small .social__link {
    font-size: 13px;
}

.social-sharing .social__link:hover {
    color: #fff;
}

.social-sharing .social__link.facebook:hover {
    background-color: #3b579d;
}

.social-sharing .social__link.twitter:hover {
    background-color: #3acaff;
}

.social-sharing .social__link.pinterest:hover {
    background-color: #cb2027;
}

.social-sharing .social__link.google-plus:hover {
    background-color: #dd4b39;
}

.social.vertical .social__item {
    display: block;
    margin: 0 !important;
}

.social.vertical .social__item:not(:last-child) {
    margin-bottom: 10px !important;
}

.social.dark-bg .social__link {
    background-color: #181818;
    color: #ffffff;
}

.social.dark-bg .social__link:hover {
    background-color: #dc0109;
}

.social.dusty-gray-color .social__link {
    color: #969696;
}

.social.dark-color .social__link {
    color: #444444;
}

.social.white-color .social__link {
    color: #ffffff;
}

.social.dove-gray-color .social__link {
    color: #353233A6;
}

.social.gallery-color .social__link {
    background-color: #EAEAEA;
    color: #5D5D5D;
}

.social.gallery-color .social__link:hover {
    color: #ffffff;
}


/*****************************
34. Tabs CSS
*****************************/


/*-- 34.00 - tab style 1 --*/

.tab-style-1 .nav-tabs {
    border-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

@media (max-width: 47.94em) {
    .tab-style-1 .nav-tabs {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.tab-style-1 .nav-link {
    font-size: 16px;
    line-height: 16px;
    padding: 0 10px;
    margin: 0 10px;
}

@media (max-width: 93.6875em) {
    .tab-style-1 .nav-link {
        padding: 0 9px;
        margin: 0 9px;
    }
}

@media (max-width: 74.9375em) {
    .tab-style-1 .nav-link {
        margin-bottom: 25px;
    }
}

@media (max-width: 47.94em) {
    .tab-style-1 .nav-link {
        margin: 0;
        padding: 10px 0 0;
    }
}

.tab-style-1 .nav-link span {
    border-width: 0 0 2px;
    padding: 0 0 5px;
}

.tab-style-1 .nav-link:first-child {
    margin-left: 0;
}

.tab-style-1 .nav-link:last-child {
    margin-right: 0;
}

@media (max-width: 28.125em) {
    .tab-style-1 .nav-link:not(:last-child) {
        margin-bottom: 10px;
    }
}

.tab-style-1 .nav-link.active {
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.tab-style-1 .nav-link.active span {
    border-color: #181818;
}

.tab-style-1 .nav-link.active:hover {
    border-color: transparent;
}

.tab-style-1 .nav-link.active:hover span {
    border-color: #181818;
}

.tab-style-1 .nav-link:hover {
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.tab-style-1-2 .nav-link {
    font-family: "微軟正黑體", serif;
    font-size: 18px;
    line-height: 20px;
}

@media (max-width: 47.94em) {
    .tab-style-1-2 .nav-link:first-child {
        padding-top: 0;
    }
}

.tab-style-1-2 .nav-link span {
    padding: 0 0 7px;
}

@media (max-width: 74.9375em) {
    .tab-style-1-2 .nav-link {
        margin-bottom: 0;
    }
}


/*-- 34.01 - tab style 2 --*/

.tab-style-2 .nav-tabs {
    border-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

@media (max-width: 47.94em) {
    .tab-style-2 .nav-tabs {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.tab-style-2 .nav-link {
    font-size: 36px;
    line-height: 42px;
    color: #D0D0D0;
    padding: 0 15px;
    margin: 0 15px;
}

@media (max-width: 93.6875em) {
    .tab-style-2 .nav-link {
        font-size: 30px;
        line-height: 38px;
    }
}

@media (max-width: 47.94em) {
    .tab-style-2 .nav-link {
        padding: 10px 0 0;
        margin: 0;
        font-size: 25px;
        line-height: 33px;
    }
}

.tab-style-2 .nav-link span {
    border-width: 0 0 3px;
    padding: 0 0 6px;
}

.tab-style-2 .nav-link:first-child {
    margin-left: 0;
    padding-left: 0;
}

.tab-style-2 .nav-link:last-child {
    margin-right: 0;
    padding-right: 0;
}

.tab-style-2 .nav-link.active {
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.tab-style-2 .nav-link.active span {
    border-color: #181818;
}

.tab-style-2 .nav-link.active:hover {
    border-color: transparent;
}

.tab-style-2 .nav-link.active:hover span {
    border-color: #181818;
}

.tab-style-2 .nav-link:hover {
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}


/*-- 34.02 - tab style 3 --*/

.tab-style-3 .nav-tabs {
    border-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

@media (max-width: 35.94em) {
    .tab-style-3 .nav-tabs {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.tab-style-3 .nav-link {
    font-size: 18px;
    line-height: 24px;
    color: #D0D0D0;
    padding: 0 15px;
}

@media (max-width: 35.94em) {
    .tab-style-3 .nav-link {
        padding: 0;
        margin-bottom: 5px;
    }
}

.tab-style-3 .nav-link span {
    border-width: 0 0 3px;
    padding: 0 0 6px;
}

.tab-style-3 .nav-link:first-child {
    margin-left: 0;
    padding-left: 0;
}

.tab-style-3 .nav-link:last-child {
    margin-right: 0;
    padding-right: 0;
}

@media (max-width: 35.94em) {
    .tab-style-3 .nav-link:last-child {
        margin-bottom: 0;
    }
}

.tab-style-3 .nav-link.active {
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.tab-style-3 .nav-link.active span {
    border-color: #181818;
}

.tab-style-3 .nav-link.active:hover {
    border-color: transparent;
}

.tab-style-3 .nav-link.active:hover span {
    border-color: #181818;
}

.tab-style-3 .nav-link:hover {
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}


/*-- 34.03 - tab style 4 --*/

.tab-style-4 .nav-tabs {
    border-bottom: 0;
}

@media (max-width: 35.94em) {
    .tab-style-4 .nav-tabs {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
}

.tab-style-4 .nav-link {
    padding: 12px 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #cdcdcd;
    border-radius: 35px;
    text-align: center;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

@media (max-width: 74.9375em) {
    .tab-style-4 .nav-link {
        padding: 8px 15px;
    }
}

@media (max-width: 47.94em) {
    .tab-style-4 .nav-link {
        margin-bottom: 20px;
    }
}

.tab-style-4 .nav-link:not(:last-child) {
    margin-right: 10px;
}

@media (max-width: 35.94em) {
    .tab-style-4 .nav-link:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
}


/*-- 34.04 - tab style 5 --*/

.tab-style-5 .nav-tabs {
    border-bottom: 0;
}

@media (max-width: 35.94em) {
    .tab-style-5 .nav-tabs {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.tab-style-5 .nav-link {
    border-width: 0px;
    padding: 0;
    margin-bottom: -3px;
}

@media (max-width: 47.94em) {
    .tab-style-5 .nav-link {
        margin-bottom: 0;
    }
}

.tab-style-5 .nav-link:not(:last-child) {
    margin-right: 40px;
}

@media (max-width: 47.94em) {
    .tab-style-5 .nav-link:not(:last-child) {
        margin-right: 30px;
    }
}

@media (max-width: 35.94em) {
    .tab-style-5 .nav-link:not(:last-child) {
        margin-right: 0;
        margin-bottom: 12px;
    }
}

.tab-style-5 .nav-link span {
    font-size: 24px;
    line-height: 32px;
    padding-left: 0;
    padding-right: 0;
    color: #a3a3a3;
}

@media (max-width: 74.9375em) {
    .tab-style-5 .nav-link span {
        line-height: 28px;
    }
}

@media (max-width: 61.94em) {
    .tab-style-5 .nav-link span {
        line-height: 30px;
    }
}

@media (max-width: 47.94em) {
    .tab-style-5 .nav-link span {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 35.94em) {
    .tab-style-5 .nav-link span {
        line-height: 18px;
    }
}

.tab-style-5 .nav-link.active {
    border-width: 0px;
}

.tab-style-5 .nav-link.active span {
    color: #181818;
}

.tab-style-5 .nav-link:hover {
    border-width: 0px;
}


/*-- 34.05 - User Dashboard tab --*/

.user-dashboard-tab__head {
    background-color: #f9f9f9;
    padding: 15px 0;
    -webkit-flex-basis: 190px;
    -moz-flex-basis: 190px;
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
    max-width: 190px;
    margin-right: 30px;
}

@media (max-width: 47.94em) {
    .user-dashboard-tab__head {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding: 0;
    }
}

.user-dashboard-tab__head .nav-link {
    display: block;
    padding: 10px 30px;
}

@media (max-width: 47.94em) {
    .user-dashboard-tab__head .nav-link {
        padding: 12px;
    }
}

.user-dashboard-tab__content {
    -webkit-flex-basis: calc(100% - 220px);
    -moz-flex-basis: calc(100% - 220px);
    -ms-flex-preferred-size: calc(100% - 220px);
    flex-basis: calc(100% - 220px);
    max-width: calc(100% - 220px);
}

@media (max-width: 47.94em) {
    .user-dashboard-tab__content {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
}

.user-dashboard-tab__content p a:hover {
    text-decoration: underline;
}


/*-- 34.06 - tab Content --*/

.tab-content {
    width: 100%;
}

.tab-content .tab-pane {
    display: none;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

.tab-content .tab-pane.active {
    display: block;
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}

.tab-content .tab-pane.active .zuka-product {
    animation: airiFadeInUp .5s linear .1s;
}


/*-- 34.07 - Tab with heading --*/

.product-tab__heading {
    padding: 20px 40px;
    margin-right: 40px;
    display: inline-block;
}

@media (max-width: 74.9375em) {
    .product-tab__heading {
        padding: 20px 30px;
        margin-right: 30px;
    }
}

@media (max-width: 61.94em) {
    .product-tab__heading {
        margin-right: 0;
    }
}

@media (max-width: 35.94em) {
    .product-tab__heading {
        padding: 20px;
        text-align: center;
        display: block;
    }
}

.product-tab__heading h2 {
    font-size: 24px;
    margin-bottom: 0;
    color: #fff;
}

@media (max-width: 74.9375em) {
    .product-tab__heading h2 {
        font-size: 22px;
    }
}

@media (max-width: 47.94em) {
    .product-tab__heading h2 {
        font-size: 20px;
    }
}

@media (max-width: 61.94em) {
    .product-tab-left {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 35.94em) {
    .product-tab-middle,
    .product-tab-right {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}


/*-- 34.08 - Product Data Tab --*/

.product-data-tab__content {
    width: 1070px !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}


/*****************************
36. Testimonail CSS
*****************************/

.testimonial-border {
    border: 5px solid #9A8E5A;
}

@media (max-width: 47.94em) {
    .testimonial-border {
        border-width: 0px;
    }
}

.testimonial.testimonial-style-1 .testimonial__inner {
    border: 1px solid #cdcdcd;
    padding: 40px 30px;
    overflow: visible;
    text-align: center;
}

.testimonial.testimonial-style-1 .testimonial__desc {
    margin-top: 20px;
    margin-bottom: 15px;
}

.testimonial.testimonial-style-1 .testimonial__author {
    margin-bottom: 20px;
}

.testimonial.testimonial-style-1 .testimonial__author--name {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

.testimonial.testimonial-style-1 .testimonial__author--role {
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.testimonial.testimonial-style-1 .testimonial__author--role:before {
    content: '-';
    padding-left: 5px;
    padding-right: 5px;
}

.testimonial.testimonial-style-1 .testimonial__thumbnail {
    width: 80px;
    min-height: 1px;
    display: block;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: -40px;
}

@media (max-width: 74.9375em) {
    .testimonial.testimonial-style-1 .testimonial__thumbnail {
        position: relative;
        bottom: 0;
    }
}

.testimonial.testimonial-style-1 .testimonial__thumbnail img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.testimonial.testimonial-style-2 .testimonial__inner {
    padding: 40px 30px;
    overflow: visible;
    text-align: center;
    margin-bottom: 35px;
}

.testimonial.testimonial-style-2 .testimonial__desc {
    font-size: 16px;
    font-family: "微軟正黑體", serif;
    line-height: 32px;
    margin-top: 30px;
    margin-bottom: 25px;
}

.testimonial.testimonial-style-2 .testimonial__author {
    margin-bottom: 20px;
}

.testimonial.testimonial-style-2 .testimonial__author--name {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}

.testimonial.testimonial-style-2 .testimonial__author--role {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}

.testimonial.testimonial-style-2 .testimonial__author--role:before {
    content: '-';
    padding-left: .4em;
    padding-right: .4em;
}

.testimonial.testimonial-style-2 .testimonial__thumbnail {
    width: 54px;
    min-height: 1px;
    margin: 0px auto;
}

.testimonial.testimonial-style-2 .testimonial__thumbnail img {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


/*****************************
37. Widget CSS
*****************************/


/*-- 37.00 - Product Widget --*/

.product-widget .widget-title {
    margin: 0 0 25px;
    font-weight: 300;
    font-size: 36px;
    letter-spacing: -2px;
}

@media (max-width: 47.94em) {
    .product-widget .widget-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.product-widget__list li {
    margin-bottom: 5px;
    padding: 5px 0;
}

.product-widget__list li:first-child {
    padding-top: 0;
}

.product-widget__list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-widget__list li a {
    font-size: 14px;
    line-height: 1.8;
}

.product-widget__list li .count {
    padding-left: 2px;
    display: inline-block;
}


/*-- 37.01 - Sidebar Widget --*/


/*-- 37.02 - Price Slider Range Widget --*/

.ui-widget-content {
    background: #d9d9d9;
    border: medium none;
    border-radius: 0;
    height: 3px;
    margin: 10px 0 25px;
}

.ui-widget-content .ui-state-default {
    background: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.2);
    cursor: ew-resize;
    border-radius: 50%;
    font-weight: normal;
    height: 23px;
    width: 23px;
}

.ui-widget-content .ui-state-default:hover {
    background: #ffffff;
}

.ui-widget-content .ui-slider-range:last-child {
    background: #181818;
    height: 3px;
}

.ui-widget-content .ui-slider-handle {
    top: -11px;
}

.product-price-widget .widget_content {
    padding: 0 10px;
}


/*-- 37.03 - Filter Price --*/

.filter-price {
    margin: 0 -10px;
}

.filter-price__count {
    font-size: 13px;
    font-weight: 600;
}

.filter-price__input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #353233A6;
    font-weight: 400;
}

.filter-price__input-group span {
    padding-right: 10px;
}

.filter-price .amount-range {
    border: none;
    background-color: transparent;
    max-width: 100px;
    color: #353233A6;
}


/*-- 37.04 - Tag Cloud --*/

.tagcloud a {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 5px 15px;
    display: inline-block;
    margin: 0 0 5px;
    border-radius: 30px;
    line-height: 1.7;
}


/*-- 37.05 - Contact Info --*/

.contact-info h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}

.contact-info p,
.contact-info a {
    font-size: 14px;
    line-height: 20px;
}


/*-- 37.06 - Blog Widget --*/

.blog-widget .widget-title {
    margin: 0 0 25px;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: -2px;
}

.blog-widget .menu li {
    padding: 10px 0;
    margin-bottom: 10px;
}

@media (max-width: 47.94em) {
    .blog-widget .menu li {
        padding: 5px 0;
        margin-bottom: 5px;
    }
}

.blog-widget .menu li:first-child {
    padding-top: 0;
}

.blog-widget .menu li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog-widget .menu li a:hover {
    text-decoration: underline;
}


/*-- 37.07 - Recent Post --*/

.recent-post__item {
    padding-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
}

@media (max-width: 47.94em) {
    .recent-post__item {
        padding-bottom: 20px;
    }
}

.recent-post__item:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 47.94em) {
    .recent-post__item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.recent-post__thumb {
    -webkit-flex-basis: 70px;
    -moz-flex-basis: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    max-width: 70px;
}

.recent-post__content {
    -webkit-flex-basis: calc(100% - 70px);
    -moz-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 20px;
}

.recent-post__title {
    font-size: 16px;
    margin-bottom: 5px;
}

.recent-post__title a {
    font-family: "微軟正黑體", serif;
}


/*****************************
35. Team CSS
*****************************/

.team-member__thumbnail:after {
    border-width: 0;
    border-style: solid;
    border-color: #dc0109;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.4s 0.1s;
    -moz-transition: all 0.4s 0.1s;
    -ms-transition: all 0.4s 0.1s;
    -o-transition: all 0.4s 0.1s;
    transition: all 0.4s 0.1s;
    pointer-events: none;
}

.team-member__thumbnail a {
    display: block;
}

.team-member__thumbnail img {
    width: 100%;
}

.team-member__info {
    text-align: center;
    padding: 20px 0 0;
}

.team-member__name {
    font-size: 18px;
    margin-bottom: 5px;
}

.team-member:hover .team-member__thumbnail:after {
    border-width: 2px;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    -o-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.team-member-style-2 .team-member__thumbnail--overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.4s 0.1s;
}

.team-member-style-2 .team-member__info {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
    text-align: left;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.team-member-style-2 .team-member__info--inner {
    z-index: 9;
    padding: 20px;
    bottom: 55px;
    color: #EDEDED;
    left: 20px;
    max-width: 80%;
    min-width: 280px;
}

.team-member-style-2 .team-member__name,
.team-member-style-2 .team-member__desc,
.team-member-style-2 .team-member__meta {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
}

.team-member-style-2 .team-member__name {
    font-size: 18px;
    margin-bottom: 20px;
}

.team-member-style-2 .team-member__name a {
    font-weight: 700;
}

.team-member-style-2 .team-member__meta {
    transition-delay: 0.05s;
}

.team-member-style-2 .team-member__meta:after {
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
}

.team-member-style-2 .team-member__desc {
    transition-delay: 0.1s;
    padding-top: 13px;
}

.team-member-style-2:hover .team-member__thumbnail:after {
    display: none;
}

.team-member-style-2:hover .team-member__name,
.team-member-style-2:hover .team-member__desc,
.team-member-style-2:hover .team-member__meta {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}


/*****************************
33. Table CSS
*****************************/

.table {
    margin-bottom: 0;
}

.table thead th,
.table th {
    text-transform: uppercase;
    padding: 5px 0;
    letter-spacing: 1px;
    font-weight: 400;
    /* font-size: 11px; */
    border: 0px solid #cdcdcd;
    vertical-align: middle;
}

.table td {
    vertical-align: middle;
    border: 0px solid #cdcdcd;
}

.table tbody td {
    padding: 15px 0;
}

.table tbody td.product-remove {
    width: 30px;
    min-width: 30px;
}

.table tbody td.product-thumbnail {
    width: 90px;
    min-width: 90px;
}

.table tbody td.product-name h3 {
    font-size: 12px;
}

.table tbody td.product-stock {
    display: table-cell;
}

.table tbody td.product-price .product-price-wrapper>span {
    font-weight: 400;
    font-size: 14px;
}

.table tbody td.product-total-price .product-price-wrapper>span {
    font-weight: 600;
    font-size: 14px;
}

.table tbody td.product-quantity .quantity {
    margin-right: auto;
    margin-left: auto;
    height: 50px;
}

.table tbody td.product-quantity .quantity .qtybutton {
    height: 48px;
    line-height: 48px;
}

.table tbody td.product-quantity .quantity-input {
    border-color: transparent;
    font-size: 16px;
}

.table tbody td.product-action-btn a {
    border: 1px solid #cdcdcd;
    font-size: 12px;
    padding: 8px 20px;
    display: inline-block;
}

.table.compare-table tbody th,
.table.compare-table tbody td {
    border-width: 1px;
    padding: 10px;
}

.table.compare-table tbody th {
    min-width: 200px;
    background-color: #f6f6f6;
    vertical-align: middle;
    border-color: #cdcdcd;
    font-weight: bold;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 14px;
}

.table.compare-table tbody td {
    min-width: 250px;
    border-color: #cdcdcd;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.4;
}

.table.compare-table tbody .remove a {
    font-size: 12px;
    line-height: 1.6;
}

.table.compare-table tbody .product-name {
    font-size: 14px;
    margin: 20px 0;
}

.table-style-2 thead th {
    font-size: 14px;
    background: #f6f6f6;
    text-transform: capitalize;
}

.table.shop_attributes {
    max-width: 820px;
    margin: 0 auto;
}

.table.shop_attributes th,
.table.shop_attributes td {
    padding: 4px 0;
    font-size: 14px;
    text-transform: none;
    line-height: 22px;
}

.table.shop_attributes th {
    color: #181818;
    font-weight: 400;
    min-width: 140px;
}

.group-product-table tr {
    width: 100%;
}

.group-product-table tr:not(:last-child) td {
    padding-bottom: 20px;
}

.group-product-table td {
    border: none;
}

.group-product-table td:first-child {
    width: 18%;
}

.group-product-table tbody td {
    padding: 0;
}

.group-product-table tbody td.product-quantity .quantity {
    height: 60px;
    width: 80px;
    margin-right: 20px;
}

.group-product-table tbody td.product-quantity .quantity .qtybutton {
    height: 58px;
    cursor: pointer;
    width: 20px;
    font-size: 20px;
    line-height: 58px;
}

.group-product-table tbody td.product-name h3 {
    font-size: 16px;
}

.group-product-table tbody td.product-price .product-price-wrapper>span {
    font-size: 16px;
}

.group-product-table tbody td.product-price .product-price-wrapper>span.product-price-old {
    display: block;
    margin-bottom: 5px;
}

.group-product-table tbody td.product-price .product-price-wrapper>span.product-price-new {
    text-decoration: underline;
}

.wide-column {
    min-width: 250px;
}


/*****************************
43. Checkout CSS
*****************************/

.user-actions__form {
    margin-bottom: 30px;
}

@media (max-width: 47.94em) {
    .user-actions__form {
        margin-bottom: 20px;
    }
}

.user-actions__form .form__input {
    width: 48%;
}

@media (max-width: 35.94em) {
    .user-actions__form .form__input {
        width: 100%;
        margin-bottom: 20px;
    }
}

.checkout-title h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

@media (max-width: 61.94em) {
    .checkout-title h2 {
        margin-bottom: 30px;
    }
}

@media (max-width: 35.94em) {
    .checkout-title h2 {
        margin-bottom: 20px;
    }
}

.checkout-title h2:after {
    content: "";
    width: 50px;
    /* display: block; */
    margin-top: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: inherit;
}

.new-account {
    padding-top: 20px;
}

.order-details {
    padding: 40px 45px;
    border: 2px solid #cdcdcd;
}

@media (max-width: 47.94em) {
    .order-details {
        padding: 30px 35px;
    }
}

@media (max-width: 35.94em) {
    .order-details {
        padding: 20px 25px;
    }
}

.payment-label {
    text-transform: uppercase;
}

.payment-radio input {
    margin-right: 10px;
}

.payment-info {
    pading: 10px 0;
}

.payment-info p {
    font-size: 12px;
    margin-bottom: 0;
}

.terms-condition-label a {
    font-size: 18px;
    font-weight: 500;
    font-family: "微軟正黑體", sans-serif;
}

.terms-condition-label a:hover {
    text-decoration: underline;
}

.shipping-method {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.shipping-method .custom-radio {
    width: 150px;
}


/*****************************
40. Cart CSS
*****************************/

.cart-collaterals {
    background: #f6f6f6;
}

.cart-totals {
    padding: 30px 30px 0;
    margin-bottom: 15px;
}

.cart-calculator__item--head {
    -webkit-flex-basis: 90px;
    -moz-flex-basis: 90px;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    max-width: 90px;
    font-size: 14px;
    font-weight: 700;
}

.cart-calculator__item--value {
    -webkit-flex-basis: calc(100% - 90px);
    -moz-flex-basis: calc(100% - 90px);
    -ms-flex-preferred-size: calc(100% - 90px);
    flex-basis: calc(100% - 90px);
    max-width: calc(100% - 90px);
}

@media (max-width: 28.125em) {
    .cart-calculator__item--value {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.cart-calculator__item--value>span,
.cart-calculator__item--value>a {
    display: block;
    margin-bottom: 5px;
}

.cart-calculator__item--value .product-price-wrapper>span {
    font-weight: 400;
}

.cart-calculator__item.order-total {
    border-top: 1px solid #cdcdcd;
}

.cart-calculator__item.order-total>div {
    padding-top: 15px;
}


/*****************************
44. Shop CSS
*****************************/

.shop-toolbar {
    margin-bottom: 30px;
}

@media (max-width: 47.94em) {
    .shop-toolbar {
        margin-bottom: 20px;
    }
}

.shop-toolbar__inner {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 47.94em) {
    .shop-toolbar__left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}

@media (max-width: 47.94em) {
    .shop-toolbar__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
}

.shop-toolbar__btn {
    padding: 12px 25px;
    font-size: 14px;
    line-height: 24px;
}

.shop-toolbar__btn:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 5px;
    display: inline-block;
    line-height: inherit;
    font-style: normal;
}

.shop-toolbar .product-pages {
    margin-bottom: 0;
}

.shop-toolbar .product-view-count {
    margin: 0 20px 0 40px;
}

@media (max-width: 61.94em) {
    .shop-toolbar .product-view-count {
        margin: 0 20px 0 20px;
    }
}

.shop-toolbar .product-view-count p {
    display: inline-block;
    margin: 0 5px;
    line-height: 1.6;
}

.shop-toolbar .product-view-count ul li {
    display: inline-block;
    margin: 0 5px;
}

.shop-toolbar .product-view-count ul li a {
    line-height: 1.6;
}

.shop-toolbar .product-view-count ul li.active a {
    border-bottom: 1px solid #181818;
}

.shop-toolbar .product-ordering:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
}

.shop-toolbar .product-ordering__list {
    right: 0;
    background-color: #fff;
    padding: 7px;
    z-index: 11;
    margin-top: 30px;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
}

.shop-toolbar .product-ordering__list li.active a {
    background-color: #181818;
    color: #fff;
}

.shop-toolbar .product-ordering__list li a {
    padding: 5px 10px;
    white-space: pre;
    display: block;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
}

.shop-toolbar .product-ordering__list li a:hover {
    background-color: #181818;
    color: #fff;
}

.shop-toolbar .product-ordering__btn {
    width: 100%;
}

.shop-toolbar .product-ordering:hover .product-ordering__btn:after {
    content: "\f106";
}

.shop-toolbar .product-ordering:hover .product-ordering__list {
    margin-top: 7px;
}

.shop-toolbar .product-filter-btn.open {
    color: #dc0109;
}

.shop-toolbar .product-filter-btn.open:after {
    content: "\f106";
}

@media (max-width: 47.94em) {
    .shop-toolbar .product-view-mode {
        margin: 0 20px;
    }
}

.shop-toolbar .product-view-mode a {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
}

@media (max-width: 74.9375em) {
    .enable-page-sidebar .shop-toolbar .product-view-count {
        margin: 0 10px 0 10px;
    }
}

@media (min-width: 87.5em) {
    .shop-sidebar #primary-sidebar {
        max-width: 330px;
        -webkit-flex-basis: calc(330px);
        -moz-flex-basis: calc(330px);
        -ms-flex-preferred-size: calc(330px);
        flex-basis: calc(330px);
    }
}

@media (min-width: 87.5em) {
    .shop-sidebar #main-content {
        width: 100%;
        max-width: calc( 100% - 330px);
        -webkit-flex-basis: calc( 100% - 330px);
        -moz-flex-basis: calc( 100% - 330px);
        -ms-flex-preferred-size: calc( 100% - 330px);
        flex-basis: calc( 100% - 330px);
    }
}

.shop-products .zuka-product {
    display: block;
}

.shop-products .zuka-product-list {
    display: none;
}

.shop-products.grid .zuka-product {
    display: block;
}

.shop-products.grid .zuka-product-list {
    display: none;
}

.shop-products.list .zuka-product {
    display: none;
}

.shop-products.list .zuka-product-list {
    display: block;
}

.shop-products.list .row>[class^="col"] {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}


/*****************************
45. Single Product
*****************************/

@media (min-width: 100em) {
    .page-content-inner.enable-full-width:not(.enable-page-sidebar) .product-main-image {
        -webkit-flex-basis: 63%;
        -moz-flex-basis: 63%;
        -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
        max-width: 63% !important;
    }
}

@media (min-width: 87.5em) {
    .page-content-inner.enable-full-width:not(.enable-page-sidebar) .product-main-image {
        -webkit-flex-basis: 55%;
        -moz-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        max-width: 55%;
    }
}

@media (min-width: 100em) {
    .page-content-inner.enable-full-width:not(.enable-page-sidebar) .product-main-details {
        -webkit-flex-basis: calc(100% - 63%);
        -moz-flex-basis: calc(100% - 63%);
        -ms-flex-preferred-size: calc(100% - 63%);
        flex-basis: calc(100% - 63%);
        max-width: calc(100% - 63%) !important;
    }
}

@media (min-width: 87.5em) {
    .page-content-inner.enable-full-width:not(.enable-page-sidebar) .product-main-details {
        padding-left: 55px;
        -webkit-flex-basis: calc(100% - 63%);
        -moz-flex-basis: calc(100% - 63%);
        -ms-flex-preferred-size: calc(100% - 63%);
        flex-basis: calc(100% - 63%);
        max-width: calc(100% - 63%);
    }
}

.product-main-details .product-summary .product-rating .review-link {
    font-size: 12px;
    line-height: 14px;
}

@media (max-width: 93.6875em) {
    .product-main-details .product-summary .product-action .quantity {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 93.6875em) {
    .product-main-details .product-summary .product-action .add-to-cart.btn-large {
        min-height: 60px;
        line-height: 60px;
        padding: 0 40px;
    }
}

.product-reviews {
    width: 820px;
    max-width: 100%;
    margin: 0 auto;
}

.product-reviews .review__title {
    font-size: 36px;
    letter-spacing: -2px;
    display: block;
    font-weight: 400;
    margin-bottom: 30px;
}

@media (max-width: 47.94em) {
    .product-reviews .review__title {
        font-size: 25px;
        margin-bottom: 15px;
        letter-spacing: 0px;
    }
}

@media (max-width: 35.94em) {
    .product-reviews .review__title {
        font-size: 20px;
    }
}

.product-reviews .review__item {
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #DEDEDE;
}

.product-reviews .review__avatar {
    -webkit-flex-basis: 60px;
    -moz-flex-basis: 60px;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    max-width: 60px;
    height: 60px;
}

.product-reviews .review__text {
    -webkit-flex-basis: calc(100% - 60px);
    -moz-flex-basis: calc(100% - 60px);
    -ms-flex-preferred-size: calc(100% - 60px);
    flex-basis: calc(100% - 60px);
    max-width: calc(100% - 60px);
    padding-left: 20px;
}

@media (max-width: 28.125em) {
    .product-reviews .review__text {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
}

.product-reviews .review__meta {
    margin-bottom: 10px;
}

.product-reviews .review__published-date {
    font-size: 12px;
}


/*****************************
03. Common
*****************************/


/*-- Notice Text --*/

.notice-text {
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.notice-text-wrapper * {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.notice-text-wrapper .close-notice {
    right: 20px;
    top: 50%;
    font-size: 20px;
    height: 20px;
    margin-top: -10px;
}

.notice-text-wrapper-2 .close-notice {
    color: #fff;
}

@media (max-width: 61.94em) {
    .notice-text-wrapper-2 .close-notice {
        right: 0;
    }
}

.notice-text span strong {
    font-size: inherit;
    font-weight: 600;
    margin-top: 0;
    line-height: inherit;
}

.notice-text strong {
    font-size: 28px;
    font-weight: 500;
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    margin-top: -4px;
}

.notice-text-close .close-notice {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
}

.notice-text-2 {
    margin: 5px 0;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    text-transform: capitalize;
    letter-spacing: 0px;
}

@media (max-width: 61.94em) {
    .notice-text-2 {
        padding: 10px 0;
        text-align: left;
    }
}

@media (max-width: 47.94em) {
    .notice-text-2 {
        font-size: 16px;
        text-align: center;
    }
}


/*-- Bootstrap Dropdown --*/

.dropdown-toggle {
    cursor: pointer;
    margin-right: 2px;
    font-size: 12px;
    color: #181818;
}

.dropdown-toggle:not([href]):not([tabindex]) {
    color: #181818;
}

.dropdown-toggle:after {
    display: none;
}

.dropdown-toggle span {
    margin-right: 9px;
}

@media (max-width: 74.9375em) {
    .dropdown-toggle span {
        display: none;
    }
}

.dropdown-toggle i {
    font-size: 14px;
    font-weight: 700;
    padding-left: 3px;
}

.dropdown-menu {
    top: 15px !important;
    right: -20px !important;
}

@media (max-width: 35.94em) {
    .dropdown-menu {
        right: 50% !important;
        margin-right: -70px;
        top: 10px !important;
    }
}

.dropdown-item {
    font-size: 13px;
    line-height: 2;
    padding: 8px 0;
    display: block;
    white-space: unset;
    width: inherit;
    color: #181818;
}

.dropdown-item:not(:last-child) {
    background: url(../img/others/line2.png) bottom center no-repeat;
}

.dropdown-item img {
    margin-right: 5px;
}

.dropdown-item:hover {
    background-color: transparent;
}


/*-- Breadcumb --*/

.page-title-area {
    height: 770px;
}

@media (max-width: 74.9375em) {
    .page-title-area {
        height: 570px;
    }
}

@media (max-width: 61.94em) {
    .page-title-area {
        height: 450px;
    }
}

.breadcrumb-area:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.breadcrumb-area .page-title {
    font-size: 36px;
    letter-spacing: -2px;
    text-transform: capitalize;
}

@media (max-width: 74.9375em) {
    .breadcrumb-area .page-title {
        font-size: 30px;
        letter-spacing: 0px;
    }
}

.breadcrumb-area .breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
}

.breadcrumb-area .breadcrumb li {
    display: inline-block;
}

.breadcrumb-area .breadcrumb li:not(:last-child) {
    padding-right: 11px;
    margin-right: 7px;
}

.breadcrumb-area .breadcrumb li:not(:last-child):after {
    content: '\f105';
    right: 0;
    top: 4px;
    font-size: 12px;
}

.breadcrumb-area .breadcrumb li a,
.breadcrumb-area .breadcrumb li span {
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
}

.breadcrumb-area .breadcrumb li a {
    z-index: 1;
}

.breadcrumb-area.breadcrumb-style-2 .breadcrumb li a,
.breadcrumb-area.breadcrumb-style-2 .breadcrumb li span {
    line-height: 20px;
}

.breadcrumb-area.breadcrumb-bg {
    background: url(/assets3/img/bg/bg_page_info_2.png) repeat scroll left top;
    background-size: contain;
}

.breadcrumb-area.breadcrumb-style-3 .page-title {
    font-size: 75px;
}

@media (max-width: 74.9375em) {
    .breadcrumb-area.breadcrumb-style-3 .page-title {
        font-size: 55px;
    }
}

@media (max-width: 61.94em) {
    .breadcrumb-area.breadcrumb-style-3 .page-title {
        font-size: 45px;
    }
}

@media (max-width: 47.94em) {
    .breadcrumb-area.breadcrumb-style-3 .page-title {
        font-size: 30px;
    }
}


/*-- Tooltip --*/

.tooltip {
    margin-bottom: 5px;
}

@media (max-width: 47.94em) {
    .tooltip {
        display: none;
    }
}

.tooltip:hover {
    display: none;
}

.tooltip-inner {
    color: #fff;
    padding: 3px 10px;
    font-size: 13px;
}

.tooltip .arrow:before,
.tooltip .arrow:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #000;
}


/*-- Pagination --*/

.pagination li:not(:last-child) {
    margin-right: 4px;
}

.pagination li .page-number {
    font-size: 12px;
    text-align: center;
    display: block;
    position: relative;
    background: #fff;
    border: none;
    padding: 15px 10px;
    line-height: 20px;
    min-width: 50px;
}

.pagination li .page-number.current,
.pagination li .page-number:hover {
    background-color: #353233a6;
    color: #fff;
}


/*-- Quantity --*/

.quantity {
    color: #282828;
    height: 70px;
    width: 80px;
    font-size: 20px;
    font-weight: 500;
}

.quantity-input {
    background: none;
    padding: 10px;
    width: 100%;
    height: 100%;
    border-color: transparent;
    line-height: 40px;
    color: inherit;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.quantity-input::-webkit-input-placeholder {
    color: #282828;
}

.quantity-input:-moz-placeholder {
    color: #282828;
}

.quantity-input::-moz-placeholder {
    color: #282828;
}

.quantity-input:-ms-input-placeholder {
    color: #282828;
}

.quantity .qtybutton {
    position: absolute;
    height: 68px;
    cursor: pointer;
    width: 25px;
    font-size: 25px;
    font-family: sans-serif;
    line-height: 68px;
    top: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.quantity .qtybutton.inc {
    right: 0;
}

.quantity .qtybutton.dec {
    left: 0;
}


/*-- Global Overlay --*/

.zuka-global-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(24, 24, 24, 0.7);
    z-index: 1000;
}


/*-- Figure --*/

figure {
    margin: 0;
}

.image-with-video-btn:hover .video-btn:after {
    -webkit-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.image-with-video-btn:hover .video-btn:before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: .6;
}

.image-with-video-btn.btn-right .video-btn {
    left: auto;
    right: 40px;
    bottom: 40px;
}


/*-- Method Box --*/

.method-box h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 2px;
}

.method-box p {
    font-size: 12px;
}

.method-box-2 {
    padding-left: 70px;
}

.method-box-2 img {
    left: 0;
}

.method-box-2 h4 {
    font-size: 18px;
}

.method-box-2 p {
    font-size: 12px;
    margin: 0 0 5px;
}


/*-- Start Instagram Feed Area --*/

.instagram-feed-hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.instagram-feed-hover-content span {
    color: #ffffff;
    cursor: pointer;
    margin-right: 20px;
}

.instagram-feed-hover-content span:last-child {
    margin-right: 0;
}

.instagram-feed-hover-content span i.fa {
    margin-right: 5px;
}

.instagram-feed .instagram-feed-item {
    max-height: 355px;
}

.instagram-feed .instagram-feed-item a {
    display: block;
}

.instagram-feed .instagram-feed-item a img {
    width: 100%;
}

.instagram-feed .instagram-feed-item a:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.instagram-feed .instagram-feed-item:hover .instagram-feed-hover-content {
    opacity: 1;
    visibility: visible;
}


/*-- Separator --*/

.separator {
    border-color: #181818;
    border-width: 3px 0 0;
    border-style: solid;
    width: 40px;
    margin: 0;
}

.separator-2 {
    width: 190px;
}

@media (max-width: 61.94em) {
    .separator-2 {
        width: 130px;
    }
}

.separator-3 {
    width: 50px;
}


/*-- About Us --*/


/*-- Preloader --*/

.zuka-preloader {
    display: none;
}

.zuka-preloader.active {
    width: 100%;
    text-align: center;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    background: white;
    display: block;
}

.zuka-preloader .zuka-child {
    width: 20px;
    height: 20px;
    background-color: #dc0109;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: zuka-bouncedelay 1.4s ease-in-out 0s infinite both;
    -moz-animation: zuka-bouncedelay 1.4s ease-in-out 0s infinite both;
    -ms-animation: zuka-bouncedelay 1.4s ease-in-out 0s infinite both;
    -o-animation: zuka-bouncedelay 1.4s ease-in-out 0s infinite both;
    animation: zuka-bouncedelay 1.4s ease-in-out 0s infinite both;
}

.zuka-preloader .zuka-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.zuka-preloader .zuka-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}


/*-- Message Box --*/

.message-box {
    background: #f6f6f6;
    padding: 14px 30px;
    position: relative;
    width: auto;
    word-wrap: break-word;
}

.message-box p i {
    margin-right: 20px;
    color: #6dde6d;
}

.message-box p,
.message-box a {
    margin: 0;
}


/*-- List With Icon --*/

.list-with-icon li {
    color: #999999;
}

.list-with-icon li i {
    font-size: 28px;
    width: 25px;
    margin-right: 30px;
}


/*-- List With Dot --*/

.list-with-dot li {
    padding-left: 30px;
}

.list-with-dot li:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 61.94em) {
    .list-with-dot li:not(:last-child) {
        margin-bottom: 20px;
    }
}

.list-with-dot li:before {
    left: 0;
    top: 3px;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


/*-- Google Map --*/

#google-map {
    height: 270px;
}


/*-- Background Styles --*/

.bg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg-contain {
    background-size: contain !important;
}

.bg-width-box {
    background-size: calc(100% + -160px) 100%;
    background-position: center center !important;
}

@media (max-width: 93.6875em) {
    .bg-width-box {
        background-size: 100% 100%;
    }
}

.fixed-bg {
    background-attachment: fixed;
}

.special-product-bg {
    background-size: 100% calc(100% + -70px);
    background-position: bottom center !important;
}

@media (max-width: 47.94em) {
    .special-product-bg {
        background-size: 100% 100%;
    }
}

.parallax-bg {
    height: 600px;
    background-attachment: fixed;
}

@media (max-width: 61.94em) {
    .parallax-bg {
        height: 400px;
    }
}

@media (max-width: 47.94em) {
    .parallax-bg {
        height: 300px;
    }
}

.gradient-bg {
    background: -webkit-linear-gradient(top, #C9ADC6 0%, #E4CBE1 100%);
    background: -moz-linear-gradient(top, #C9ADC6 0%, #E4CBE1 100%);
    background: -ms-linear-gradient(top, #C9ADC6 0%, #E4CBE1 100%);
    background: -o-linear-gradient(top, #C9ADC6 0%, #E4CBE1 100%);
    background: linear-gradient(top, #C9ADC6 0%, #E4CBE1 100%);
}

.gradient-bg-2 {
    background: -webkit-linear-gradient(top, #D3F8BD 0%, #F4FFC3 100%);
    background: -moz-linear-gradient(top, #D3F8BD 0%, #F4FFC3 100%);
    background: -ms-linear-gradient(top, #D3F8BD 0%, #F4FFC3 100%);
    background: -o-linear-gradient(top, #D3F8BD 0%, #F4FFC3 100%);
    background: linear-gradient(top, #D3F8BD 0%, #F4FFC3 100%);
}


/*-- Rating --*/

.star-rating {
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    height: 14px;
    line-height: 14px;
    letter-spacing: 5px;
    font-size: 14px;
    width: 90px;
    font-family: 'dl-icon';
    direction: ltr;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d5d6d8;
}

.star-rating:before {
    content: "\29\29\29\29\29";
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    color: #f5b223;
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 15px;
    height: 0;
}

.star-rating span:before {
    content: "\29\29\29\29\29";
    top: 0;
    position: absolute;
    left: 0;
}

.star-rating.star-five span {
    width: 100%;
}

.star-rating.star-four span {
    width: 80%;
}

.star-rating.star-four-half span {
    width: 90%;
}

.star-rating.star-three span {
    width: 60%;
}

.star-rating.star-three-half span {
    width: 70%;
}

.star-rating.star-two span {
    width: 40%;
}

.star-rating.star-two-half span {
    width: 50%;
}

.star-rating.star-one span {
    width: 20%;
}

.star-rating.star-one-half span {
    width: 50%;
}

.star-rating.star-half span {
    width: 10%;
}


/*-- Ribbon --*/

.ribbon-badge {
    color: #fff;
    display: inline-block;
    padding: 6px 20px;
    min-width: 120px;
    font-style: italic;
    font-weight: 700;
    position: relative;
}

.ribbon-badge:before {
    position: absolute;
    right: -1px;
    width: 0;
    height: 0;
    top: -1px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-right: 19px solid #f9f9f9;
    content: "";
}


/*-- Mailchimp Alerts --*/

.mailchimp-alerts>div:not(:empty) {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mailchimp-alerts .mailchimp-error {
    color: #dd3333;
}

.mailchimp-alerts .mailchimp-success {
    color: #4cbb6c;
}


/*-- Tracking Order --*/

.tracking-order {
    max-width: 70%;
}

@media (max-width: 47.94em) {
    .tracking-order {
        max-width: 90%;
    }
}


/*-- Coming Soon --*/

.coming-soon-area {
    height: 100vh;
    min-height: 500px;
}

.coming-soon h4 {
    margin-bottom: 0;
}

.coming-soon h4 span {
    color: #232324;
    display: inline-block;
    background: #fff;
    z-index: 9;
    position: relative;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 30px;
}

.coming-soon h4:after {
    background: #181818;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 1px;
    margin: auto;
    z-index: 1;
}

.coming-soon .contact-info__item {
    display: inline-block;
    font-size: 11px;
}

.coming-soon .contact-info__item i {
    padding-right: 5px;
}

.coming-soon .contact-info__item:not(:last-child) {
    margin-right: 20px;
}


/*-- 404 area --*/

.error-area {
    min-height: 500px;
}

.error-text-img {
    padding: 0 15px;
}

.error-text h2 {
    font-size: 207px;
    line-height: 160px;
    margin-bottom: 5px;
}

@media (max-width: 61.94em) {
    .error-text h2 {
        font-size: 150px;
        line-height: 150px;
    }
}

@media (max-width: 47.94em) {
    .error-text h2 {
        font-size: 100px;
        line-height: 1;
    }
}

.error-text h4 {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 5px;
}

@media (max-width: 61.94em) {
    .error-text h4 {
        font-size: 28px;
        line-height: 40px;
    }
}

@media (max-width: 47.94em) {
    .error-text p {
        margin-left: auto;
        margin-right: auto;
    }
}


/*-- Contact Info --*/

.contact-info-2 .contact-info__item:not(:last-child) {
    margin-bottom: 30px;
}

.contact-info-2 .contact-info__item i {
    font-size: 35px;
    width: 35px;
}

.contact-info-2 .contact-info__item span {
    padding-left: 20px;
    line-height: 25px;
}

.snptwdgt-container .snptwdgt-rtd__ftr {
    display: none;
}


/*****************************
03. Color CSS
*****************************/

.heading-button,
.heading-button:hover,
.load-more,
.view-all,
.cart-calculator__item--head,
.cart-calculator__item--value,
.mini-cart,
.side-navigation-wrapper,
.header__text,
.header .contact-info span,
.header-toolbar__item>a,
.header-toolbar-3 .header-toolbar__item>a,
.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__item.active>a,
.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after,
.header-transparent .headroom--fixed.is-sticky .main-navigation.white-color .mainmenu__link,
.header-aside__top .header-toolbar .toolbar-btn,
.accordion__link,
.btn-bg-white,
.action-btn i,
.load-more-btn,
.nav-style-1 .slick-btn,
.product-slide-nav.slick-vertical .slick-btn i,
.product-slide-nav .slick-btn i,
.comment-info,
.comment-author a,
.comment-content p,
.comment .reply,
.form__label--2,
.form__label--3,
.form__label.checkbox-label,
.reply-title,
.cart-form__input,
.cart-form__btn,
.shipping-calculator-form select,
.shipping-calculator-form input,
.shipping-calculator-form input[type="submit"],
.zuka-newsletter-popup-body h4,
.main-navigation .mainmenu__item.menu-item-has-children>ul li a,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title,
.main-navigation-2 .mainmenu__link,
.sidenav-menu li a,
.post-title a,
.post .read-more,
.single-post-details .entry-excerpt p,
.post-navigation .nav-links__inner,
.product-title a,
.product-price-wrapper>span,
.product-stock,
.product-description,
.zuka-product-layout-2 .product-title a,
.zuka-product-list .product-title a,
.zuka-product-list .product-action a,
.product-summary .product-navigation a,
.product-summary .product-extra a,
.product-summary .product-meta span,
.product-summary .product-share-box span,
.product-countdown .single-countdown__time,
.product-countdown .single-countdown__text,
.variation-form .swatch-label,
.variation-form .reset_variations,
.product-box .product-item .product-price-wrapper span.product-price-old,
.product-box .product-item .product-price-wrapper span.product-price-new,
.product-box-2 .product-price-wrapper span.product-price-old,
.banner-box .banner-badge.yellow,
.banner-box .banner-title-2,
.banner-box .banner-title-2-1,
.banner-box .banner-title-3,
.banner-box .banner-title-4,
.banner-box .banner-title-11,
.banner-box .banner-btn-outline,
.banner-box .banner-btn-2,
.banner-box .banner-btn-3.banner-btn-outline,
.banner-box .banner-btn-5.banner-btn-outline,
.banner-box .banner-btn.hover-style-bg.banner-btn-color-white:hover,
.social__link,
.social-medium .social__link,
.tab-style-1 .nav-link.active,
.tab-style-2 .nav-link.active,
.tab-style-3 .nav-link.active,
.product-widget .widget-title,
.contact-info p,
.contact-info a,
.blog-widget .menu li a,
.recent-post__title a,
.team-member__name a,
.table.compare-table tbody th,
.group-product-table tbody td.product-name h3,
.group-product-table tbody td.product-price .product-price-wrapper>span.product-price-old,
.payment-label,
.shop-toolbar__btn,
.shop-toolbar__btn:hover,
.shop-toolbar .product-pages,
.shop-toolbar .product-view-count ul li.active a,
.shop-toolbar .product-view-mode a.active,
.product-reviews .review__author,
.breadcrumb-area .breadcrumb li a,
.breadcrumb-area .breadcrumb li span,
.message-box p,
.message-box a,
.coming-soon .contact-info__item,
.contact-info-2 .contact-info__item i,
.contact-info-2 .contact-info__item span {
    color: #181818;
}

.action-btn.dark-bg,
.nav-hover-1 .slick-btn:hover,
.post.popular-post .post-info {
    background-color: #181818;
}

.action-btn:hover,
.action-btn.dark-bg,
.nav-hover-1 .slick-btn:hover,
.banner-box .banner-btn-3.banner-btn-outline,
.banner-box .banner-btn-5.banner-btn-outline,
.separator-color-2 {
    border-color: #181818;
}

.paragraph-2,
.action-btn-square i,
.zuka-product-layout-2 .product-price-wrapper>span,
.product-countdown-4 .single-countdown__time,
.quantity .qtybutton {
    color: #282828;
}

.header-component>li>a,
.header-component>li>a:hover,
.header-message-box p,
.action-btn.btn.add_to_cart_btn,
.action-btn-square:hover i,
.action-btn.dark-bg i,
.nav-style-4 .slick-btn,
.nav-style-5 .slick-btn,
.nav-hover-1 .slick-btn:hover,
.nav-hover-2 .slick-btn:hover,
.searchform.white-color .searchform__input,
.searchform.white-color .searchform__submit,
.newsletter-form.white-color .newsletter-form__input,
.newsletter-form.white-color .newsletter-form__submit,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info span,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu .megamenu-banner-info h3,
.main-navigation.white-color .mainmenu__item.active>a,
.main-navigation.white-color .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after,
.main-navigation.white-color .mainmenu__link,
.main-navigation.vertical-nav .mainmenu__item.active>a,
.main-navigation.vertical-nav .mainmenu__link:hover,
.mobile-navigation .mobile-menu li.active>a,
.secondary-navigation .secondary-nav-btn,
.secondary-navigation .secondary-nav-btn:hover,
.popular-post-label h4,
.product-badge,
.zuka-product-list .product-action a.add_to_cart_btn,
.banner-box .banner-badge,
.banner-box .banner-title-5,
.banner-box .banner-title-6,
.banner-box .banner-title-9,
.banner-box .banner-title-9-1,
.banner-box .banner-title-12,
.banner-box .banner-title-13,
.banner-box .banner-btn-outline-2,
.banner-box .banner-btn-color-white,
.banner-box .banner-btn-color-red,
.banner-box .banner-btn-3,
.banner-box .banner-btn-3:hover,
.banner-box .banner-btn-7,
.banner-box .banner-btn.hover-style-shadow:hover,
.banner-box .banner-btn.hover-style-bg.banner-btn-color-blue:hover,
.banner-box .banner-btn.hover-style-bg.banner-btn-color-red:hover,
.banner-box .banner-btn.hover-style-bg.banner-btn-color-green:hover,
.tab-style-4 .nav-link.active,
.tab-style-4 .nav-link:hover,
.user-dashboard-tab__head .nav-link.active,
.user-dashboard-tab__head .nav-link:hover,
.testimonial.testimonial-style-2 .testimonial__desc,
.testimonial.testimonial-style-2 .testimonial__author--name,
.testimonial.testimonial-style-2 .testimonial__author--role,
.team-member-style-2 .team-member__name a,
.team-member-style-2 .team-member__desc,
.notice-text,
.breadcrumb-area.breadcrumb-style-3 .page-title,
.breadcrumb-area.breadcrumb-style-3 .breadcrumb li:not(:last-child):after,
.breadcrumb-area.breadcrumb-style-3 .breadcrumb li a,
.breadcrumb-area.breadcrumb-style-3 .breadcrumb li span,
.breadcrumb-area.breadcrumb-style-3 .breadcrumb li.current a,
.breadcrumb-area.breadcrumb-style-3 .breadcrumb li.current span,
.method-box-2 h4,
.method-box-2 p,
.color-variation-1 .btn:hover,
.color-variation-2 .btn:hover,
.color-variation-3 .btn:hover {
    color: #ffffff;
}

.searchform.white-color .searchform__input {
    border-color: #ffffff;
}

.header-aside__bottom .widget .widget-title,
.footer-2 .copyright-text,
.newsletter-form--2 .newsletter-form__submit,
.main-navigation .mainmenu__item.menu-item-has-children:not(.megamenu-holder):after,
.main-navigation .mainmenu ul li a,
.main-navigation-2 .mainmenu__item.menu-item-has-children>ul.sub-menu li.menu-item-has-children:after,
.main-navigation.vertical-nav .mainmenu__link,
.side-navigation-inner .widget p,
.post-content blockquote,
.post-navigation .nav-links__meta,
.product-price-wrapper>span.product-price-old,
.zuka-product-layout-2 .product-price-wrapper>span.product-price-old,
.product-summary .product-price-wrapper>span.product-price-old,
.product-countdown-4 .single-countdown__text,
.tab-style-1 .nav-link,
.product-widget__list li a,
.table tbody td.product-name h3,
.shop-toolbar .product-view-mode a,
.breadcrumb-area .breadcrumb li:not(:last-child):after,
.breadcrumb-area .breadcrumb li.current a,
.breadcrumb-area .breadcrumb li.current span {
    color: #353233A6;
}

.action-btn {
    border-color: #cdcdcd;
}

a:hover,
.header-component>li .submenu li a:hover,
.secondary-navigation .secondary-menu li a:hover,
.user-info-menu li a:hover,
.footer-widget .widget-menu a:hover,
.footer-widget .widget_contact_info ul li a:hover,
.footer a:hover,
.accordion__header.open .accordion__link,
.btn-close:hover i,
.nav-style-4 .slick-btn:hover,
.product-slide-nav.slick-vertical .slick-btn:hover i,
.product-slide-nav .slick-btn:hover i,
.comment-author a:hover,
.form .forgot-pass,
.cart-form__btn:hover,
.custom-close:hover i,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title:hover,
.main-navigation .mainmenu ul li a:hover,
.main-navigation-2 .mainmenu__item.active>a,
.main-navigation-2 .mainmenu__item.menu-item-has-children>ul a:hover,
.main-navigation-2 .mainmenu__item a:hover,
.side-navigation-inner .widget a:hover,
.sidenav-menu li a:hover,
.post-meta.category-link,
.post-title a:hover,
.post .read-more:hover,
.post-layout-2 .post-footer-meta .posted-on:hover,
.single-post-details .entry-meta.category-link a,
.product-title a:hover,
.product-price-wrapper>span.product-price-new,
.zuka-product-layout-2 .product-title a:hover,
.zuka-product-layout-2 .product-price-wrapper>span.product-price-new,
.zuka-product-list .product-title a:hover,
.product-summary .product-extra a:hover,
.variation-form .swatch-wrapper:hover,
.product-box-2 .product-price-wrapper span.product-price-new,
.banner-box .banner-btn:hover,
.social__link:hover,
.social.white-color .social__link:hover,
.social.dove-gray-color .social__link:hover,
.product-widget__list li a:hover,
.contact-info a:hover,
.blog-widget .menu li a:hover,
.team-member-style-2 .team-member__name a:hover,
.dropdown-item:hover,
.message-box a:hover,
.list-with-icon li i {
    color: #181818;
}

.btn-style-1:hover,
.btn-style-2,
.btn-style-3,
.btn-style-4,
.action-btn-1:hover,
.action-btn:hover,
.action-btn.btn.add_to_cart_btn,
.action-btn-square:hover,
.action-btn.dark-bg:hover,
.nav-hover-2 .slick-btn:hover,
.slick-dots li.slick-active button,
.comment .reply:hover,
.main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title .mm-text:after,
.popular-post-label,
.product-badge,
.product-badge.sale,
.product-badge.discount,
.zuka-product-list .product-action a.add_to_cart_btn:hover,
.banner-box .banner-badge,
.banner-box .banner-btn-3.primary-color,
.tab-style-4 .nav-link.active,
.tab-style-4 .nav-link:hover,
.team-member-style-2 .team-member__meta:after,
.ribbon-badge,
.primary-bg {
    background-color: #353233a6;
}

.action-btn-1:hover,
.action-btn-square:hover,
.action-btn.dark-bg:hover,
.nav-hover-2 .slick-btn:hover,
.comment .reply:hover,
.variation-form .swatch-wrapper:hover,
.banner-box .banner-btn-3.primary-color,
.tab-style-4 .nav-link.active,
.tab-style-4 .nav-link:hover,
.table tbody td.product-action-btn a:hover {
    border-color: #dc0109;
}

.color-variation-1 a:hover,
.color-variation-1 a:focus,
.color-variation-1 a:active,
.color-variation-1 .btn-close:hover i,
.color-variation-1 .header-component>li .submenu li a:hover,
.color-variation-1 .user-info-menu li a:hover,
.color-variation-1 .main-navigation .mainmenu__item.menu-item-has-children>ul a:hover,
.color-variation-1 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title:hover,
.color-variation-1 .secondary-navigation .secondary-menu li a:hover,
.color-variation-1 .product-price-wrapper .product-price-new,
.color-variation-1 .product-box .product-item .product-price-wrapper span.product-price-new,
.color-variation-1 .footer-widget .widget-menu a:hover {
    color: #1c34ae;
}

.banner-box .banner-btn-3.secondary-color,
.color-variation-1 .btn:hover,
.color-variation-1 .btn-style-1:hover,
.color-variation-1 .btn-style-2,
.color-variation-1 .btn-style-4,
.color-variation-1 .header-bottom,
.color-variation-1 .searchform-3 .searchform__submit,
.color-variation-1 .mini-cart-btn sup,
.color-variation-1 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title span.mm-text:after,
.color-variation-1 .product-badge,
.color-variation-1 .product-countdown-3,
.color-variation-1 .product-countdown-3 .single-countdown,
.color-variation-1 .action-btn:hover,
.color-variation-1 .tab-style-4 .nav-link.active,
.color-variation-1 .tab-style-4 .nav-link:hover,
.color-variation-1 .slick-dots li.slick-active button {
    background-color: #1c34ae;
}

.banner-box .banner-btn-3.secondary-color,
.color-variation-1 .btn:hover,
.color-variation-1 .btn-style-1:hover,
.color-variation-1 .tab-style-4 .nav-link.active,
.color-variation-1 .tab-style-4 .nav-link:hover {
    border-color: #1c34ae;
}

.header__text a,
.color-variation-2 a:hover,
.color-variation-2 a:focus,
.color-variation-2 a:active,
.color-variation-2 .btn-close:hover i,
.color-variation-2 .header-component>li .submenu li a:hover,
.color-variation-2 .user-info-menu li a:hover,
.color-variation-2 .main-navigation .mainmenu__item.menu-item-has-children>ul a:hover,
.color-variation-2 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title:hover,
.color-variation-2 .secondary-navigation .tertiary-menu li a:hover,
.color-variation-2 .product-price-wrapper .product-price-new,
.color-variation-2 .product-box .product-item .product-price-wrapper span.product-price-new,
.color-variation-2 .post-footer-meta .posted-on:hover,
.color-variation-2 .footer-widget .widget-menu a:hover {
    color: #e35858;
}

.featured-product-icon,
.user-dashboard-tab__head .nav-link.active,
.user-dashboard-tab__head .nav-link:hover,
.list-with-dot li:before,
.color-variation-2 .btn:hover,
.color-variation-2 .btn-style-1:hover,
.color-variation-2 .btn-style-2,
.color-variation-2 .btn-style-4,
.color-variation-2 .header-bottom,
.color-variation-2 .searchform-3 .searchform__submit,
.color-variation-2 .mini-cart-btn sup,
.color-variation-2 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title span.mm-text:after,
.color-variation-2 .product-badge,
.color-variation-2 .product-countdown-3,
.color-variation-2 .product-countdown-3 .single-countdown,
.color-variation-2 .action-btn:hover,
.color-variation-2 .tab-style-4 .nav-link.active,
.color-variation-2 .tab-style-4 .nav-link:hover,
.color-variation-2 .slick-dots li.slick-active button {
    background-color: #1d170799;
}

.color-variation-2 .btn:hover,
.color-variation-2 .btn-style-1:hover,
.color-variation-2 .tab-style-4 .nav-link.active,
.color-variation-2 .tab-style-4 .nav-link:hover {
    border-color: #e35858;
}

.product-category:hover .product-category__title,
.color-variation-3 a:hover,
.color-variation-3 a:focus,
.color-variation-3 a:active,
.color-variation-3 .btn-close:hover i,
.color-variation-3 .header-component>li .submenu li a:hover,
.color-variation-3 .user-info-menu li a:hover,
.color-variation-3 .main-navigation .mainmenu__item.menu-item-has-children>ul a:hover,
.color-variation-3 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title:hover,
.color-variation-3 .secondary-navigation .tertiary-menu li a:hover,
.color-variation-3 .product-price-wrapper .product-price-new,
.color-variation-3 .product-box .product-item .product-price-wrapper span.product-price-new,
.color-variation-3 .post-footer-meta .posted-on:hover,
.color-variation-3 .footer-widget .widget-menu a:hover {
    color: #181818;
}

.color-variation-3 .btn:hover,
.color-variation-3 .btn-style-1:hover,
.color-variation-3 .btn-style-2,
.color-variation-3 .btn-style-4,
.color-variation-3 .header-bottom,
.color-variation-3 .searchform-3 .searchform__submit,
.color-variation-3 .mini-cart-btn sup,
.color-variation-3 .main-navigation .mainmenu__item.menu-item-has-children>ul.megamenu>li a.megamenu-title span.mm-text:after,
.color-variation-3 .product-badge,
.color-variation-3 .product-countdown-3,
.color-variation-3 .product-countdown-3 .single-countdown,
.color-variation-3 .action-btn:hover,
.color-variation-3 .tab-style-4 .nav-link.active,
.color-variation-3 .tab-style-4 .nav-link:hover,
.color-variation-3 .slick-dots li.slick-active button {
    background-color: #181818;
}

.color-variation-3 .btn:hover,
.color-variation-3 .btn-style-1:hover,
.color-variation-3 .tab-style-4 .nav-link.active,
.color-variation-3 .tab-style-4 .nav-link:hover {
    border-color: red;
}

.color--primary {
    color: #dc0109 !important;
}

.color--secondary {
    color: #1c34ae !important;
}

.color--tertiary {
    color: #e35858 !important;
}

.color--light {
    color: #999999 !important;
}

.color--black {
    color: #000000 !important;
    font-weight: bold
}

.color--white {
    color: #ffffff !important;
    font-weight: bold
}

.color--dark {
    color: #333333 !important;
}

.color--red {
    color: #d0021b !important;
}

.color--red-dark {
    color: #d0021b !important;
}

.heading-color {
    color: #181818 !important;
}

.color-barley {
    color: #9A8E5A !important;
}

.color--alto {
    color: #D0D0D0 !important;
}

.color--alto-2 {
    color: #D6D6D6 !important;
}

.bg--1 {
    background-color: #181818;
}

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

.bg--white-dark {
    background-color: #f6f6f6;
}

.bg--light {
    background-color: #999999;
}

.bg--dark {
    background-color: #333333;
}

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

.bg--shaft {
    background-color: #181818;
}

.bg--blue {
    background-color: #279ee3;
}

.bg--gray {
    background-color: #8a8a8a;
}

.bg--dark {
    background-color: #333333;
}

.yellow-dark-bg {
    background-color: #f5b223;
}

.green-dark-bg {
    background-color: #1f4244;
}

.color-variation-1 .zuka-preloader .zuka-child {
    background-color: #1c34ae;
}

.color-variation-1 .mobile-navigation .mobile-menu>li>a span:hover:after {
    border-right-color: #dc0109;
}

.color-variation-1 .mobile-navigation .mobile-menu li:hover>a {
    color: #1c34ae !important;
}

.color-variation-1 .mobile-navigation .mobile-menu li:hover>.menu-expand {
    color: #1c34ae !important;
}

.color-variation-2 .zuka-preloader .zuka-child {
    background-color: #e35858;
}

.color-variation-2 .mobile-navigation .mobile-menu>li>a span:hover:after {
    border-right-color: #dc0109;
}

.color-variation-2 .mobile-navigation .mobile-menu li:hover>a {
    color: #e35858 !important;
}

.color-variation-2 .mobile-navigation .mobile-menu li:hover>.menu-expand {
    color: #e35858 !important;
}

.color-variation-3 .zuka-preloader .zuka-child {
    background-color: red;
}

.color-variation-3 .mobile-navigation .mobile-menu>li>a span:hover:after {
    border-right-color: #dc0109;
}

.color-variation-3 .mobile-navigation .mobile-menu li:hover>a {
    color: red !important;
}

.color-variation-3 .mobile-navigation .mobile-menu li:hover>.menu-expand {
    color: red !important;
}


/* 2019/11/11 new css emma(elephant) */