@font-face {
    font-family: 'Roboto';
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Bold.eot");
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Bold.woff2") format("woff2"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Bold.woff") format("woff"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Bold.ttf") format("truetype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Medium.eot");
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Medium.woff2") format("woff2"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Medium.woff") format("woff"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Medium.ttf") format("truetype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Black.eot");
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Black.woff2") format("woff2"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Black.woff") format("woff"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Black.ttf") format("truetype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Black.svg#Roboto-Black") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Regular.eot");
    src: url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Regular.woff2") format("woff2"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Regular.woff") format("woff"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Regular.ttf") format("truetype"), url("https://ecdn.vn/static/dongnai/css/fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ecomv-icons";
    src: url("https://ecdn.vn/static/dongnai/css/fonts/ecomv-icons.eot");
    src: url("https://ecdn.vn/static/dongnai/css/fonts/ecomv-icons.eot?#iefix") format("embedded-opentype"), url("https://ecdn.vn/static/dongnai/css/fonts/ecomv-icons.woff") format("woff"), url("https://ecdn.vn/static/dongnai/css/fonts/ecomv-icons.ttf") format("truetype"), url("https://ecdn.vn/static/dongnai/css/fonts/ecomv-icons.svg#ecomv-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    text-rendering: auto;
    font: normal normal normal 14px/1 "ecomv-icons"
}

[data-icon]:before {
    font-family: "ecomv-icons", serif !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "ecomv-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-24-hours-support:before {
    content: "\e000"
}

.icon-avatar:before {
    content: "\e001"
}

.icon-calendar-clock:before {
    content: "\e002"
}

.icon-delivery:before {
    content: "\e003"
}

.icon-discount:before {
    content: "\e004"
}

.icon-gift:before {
    content: "\e005"
}

.icon-language:before {
    content: "\e006"
}

.icon-male-pointing-board:before {
    content: "\e007"
}

.icon-list:before {
    content: "\e008"
}

.icon-list-eye:before {
    content: "\e009"
}

.icon-newspaper:before {
    content: "\e00a"
}

.icon-phone-call:before {
    content: "\e00b"
}

.icon-search:before {
    content: "\e00c"
}

.icon-shopping-bag:before {
    content: "\e00d"
}

.icon-shopping-cart-out:before {
    content: "\e00f"
}

.icon-shopping-cart-plus:before {
    content: "\e010"
}

.icon-shopping-online-support:before {
    content: "\e011"
}

.icon-sunrise:before {
    content: "\e012"
}

.icon-users:before {
    content: "\e013"
}

.icon-square-plus:before {
    content: "\e014"
}

.icon-youtube:before {
    content: "\e015"
}

.icon-instagram:before {
    content: "\e016"
}

.icon-facebook:before {
    content: "\e017"
}

.icon-eye-outline:before {
    content: "\e018"
}

.icon-heart:before {
    content: "\e019"
}

.icon-bars:before {
    content: "\e01a"
}

.icon-eye-outline:before {
    content: "\e00d"
}

.icon-facebook:before {
    content: "\e00e"
}

.icon-shopping-bag:before {
    content: "\e017"
}

.icon-shopping-cart:before {
    content: "\e018"
}

.icon-shopping-cart-out:before {
    content: "\e01b"
}

.icon-filter:before {
    content: "\e00f"
}

.icon-layer:before {
    content: "\e01c"
}

.icon-price-tag:before {
    content: "\e01d"
}

.icon-rgb:before {
    content: "\e01e"
}

.icon-list-alt:before {
    content: "\e01f"
}

.icon-rgb-line:before {
    content: "\e020"
}

.icon-map-marker:before {
    content: "\e021"
}

.icon-phone-square:before {
    content: "\e022"
}

.icon-th-large:before {
    content: "\e023"
}

.icon-edit:before {
    content: "\e024"
}

.icon-store:before {
    content: "\e025"
}

.icon-shop:before {
    content: "\e026"
}

.icon-protection:before {
    content: "\e028"
}

.icon-question:before {
    content: "\e027"
}

.icon-users-line:before {
    content: "\e029"
}

.icon-facebook-line:before {
    content: "\e02a"
}

.icon-google-plus-line:before {
    content: "\e02b"
}

.icon-check-list:before {
    content: "\e02c"
}

.icon-credit-card:before {
    content: "\e02d"
}

.icon-shop-curve:before {
    content: "\e02e"
}

.icon-delete-garbage-streamline:before {
    content: "\e02f"
}

.icon-shipped:before {
    content: "\e030"
}

.icon-download-arrow:before {
    content: "\e031"
}

.icon-atm-machine:before {
    content: "\e032"
}

.icon-debit-card:before {
    content: "\e033"
}

.icon-scooter:before {
    content: "\e034"
}

.bg-white {
    background: #fff !important;
}

.bg-white-opacity {
    background: rgba(255, 255, 255, 0.8) !important;
}

.bg-hover-white:hover {
    background: #fff !important;
}

.font-white {
    color: #fff !important;
}

.bg-font-white {
    color: #666 !important;
}

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

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

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

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

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

.bg-before-white:before,
.bg-after-white:after {
    background: #fff !important;
}

.border-before-white:before,
.border-after-white:after {
    border-color: #fff !important;
}

.border-top-before-white:before,
.border-top-after-white:after {
    border-top-color: #fff !important;
}

.border-bottom-before-white:before,
.border-bottom-after-white:after {
    border-bottom-color: #fff !important;
}

.border-left-before-white:before,
.border-left-after-white:after {
    border-left-color: #fff !important;
}

.border-right-before-white:before,
.border-right-after-white:after {
    border-right-color: #fff !important;
}

.bg-default {
    background: #e1e5ec !important;
}

.bg-default-opacity {
    background: rgba(225, 229, 236, 0.8) !important;
}

.bg-hover-default:hover {
    background: #e1e5ec !important;
}

.font-default {
    color: #e1e5ec !important;
}

.bg-font-default {
    color: #666 !important;
}

.border-default {
    border-color: #e1e5ec !important;
}

.border-top-default {
    border-top-color: #e1e5ec !important;
}

.border-bottom-default {
    border-bottom-color: #e1e5ec !important;
}

.border-left-default {
    border-left-color: #e1e5ec !important;
}

.border-right-default {
    border-right-color: #e1e5ec !important;
}

.bg-before-default:before,
.bg-after-default:after {
    background: #e1e5ec !important;
}

.border-before-default:before,
.border-after-default:after {
    border-color: #e1e5ec !important;
}

.border-top-before-default:before,
.border-top-after-default:after {
    border-top-color: #e1e5ec !important;
}

.border-bottom-before-default:before,
.border-bottom-after-default:after {
    border-bottom-color: #e1e5ec !important;
}

.border-left-before-default:before,
.border-left-after-default:after {
    border-left-color: #e1e5ec !important;
}

.border-right-before-default:before,
.border-right-after-default:after {
    border-right-color: #e1e5ec !important;
}

.bg-dark {
    background: #2f353b !important;
}

.bg-dark-opacity {
    background: rgba(47, 53, 59, 0.8) !important;
}

.bg-hover-dark:hover {
    background: #2f353b !important;
}

.font-dark {
    color: #2f353b !important;
}

.bg-font-dark {
    color: #fff !important;
}

.border-dark {
    border-color: #2f353b !important;
}

.border-top-dark {
    border-top-color: #2f353b !important;
}

.border-bottom-dark {
    border-bottom-color: #2f353b !important;
}

.border-left-dark {
    border-left-color: #2f353b !important;
}

.border-right-dark {
    border-right-color: #2f353b !important;
}

.bg-before-dark:before,
.bg-after-dark:after {
    background: #2f353b !important;
}

.border-before-dark:before,
.border-after-dark:after {
    border-color: #2f353b !important;
}

.border-top-before-dark:before,
.border-top-after-dark:after {
    border-top-color: #2f353b !important;
}

.border-bottom-before-dark:before,
.border-bottom-after-dark:after {
    border-bottom-color: #2f353b !important;
}

.border-left-before-dark:before,
.border-left-after-dark:after {
    border-left-color: #2f353b !important;
}

.border-right-before-dark:before,
.border-right-after-dark:after {
    border-right-color: #2f353b !important;
}

.bg-blue {
    background: #3598dc !important;
}

.bg-blue-opacity {
    background: rgba(53, 152, 220, 0.8) !important;
}

.bg-hover-blue:hover {
    background: #3598dc !important;
}

.font-blue {
    color: #3598dc !important;
}

.bg-font-blue {
    color: #fff !important;
}

.border-blue {
    border-color: #3598dc !important;
}

.border-top-blue {
    border-top-color: #3598dc !important;
}

.border-bottom-blue {
    border-bottom-color: #3598dc !important;
}

.border-left-blue {
    border-left-color: #3598dc !important;
}

.border-right-blue {
    border-right-color: #3598dc !important;
}

.bg-before-blue:before,
.bg-after-blue:after {
    background: #3598dc !important;
}

.border-before-blue:before,
.border-after-blue:after {
    border-color: #3598dc !important;
}

.border-top-before-blue:before,
.border-top-after-blue:after {
    border-top-color: #3598dc !important;
}

.border-bottom-before-blue:before,
.border-bottom-after-blue:after {
    border-bottom-color: #3598dc !important;
}

.border-left-before-blue:before,
.border-left-after-blue:after {
    border-left-color: #3598dc !important;
}

.border-right-before-blue:before,
.border-right-after-blue:after {
    border-right-color: #3598dc !important;
}

.bg-blue-madison {
    background: #578ebe !important;
}

.bg-blue-madison-opacity {
    background: rgba(87, 142, 190, 0.8) !important;
}

.bg-hover-blue-madison:hover {
    background: #578ebe !important;
}

.font-blue-madison {
    color: #578ebe !important;
}

.bg-font-blue-madison {
    color: #fff !important;
}

.border-blue-madison {
    border-color: #578ebe !important;
}

.border-top-blue-madison {
    border-top-color: #578ebe !important;
}

.border-bottom-blue-madison {
    border-bottom-color: #578ebe !important;
}

.border-left-blue-madison {
    border-left-color: #578ebe !important;
}

.border-right-blue-madison {
    border-right-color: #578ebe !important;
}

.bg-before-blue-madison:before,
.bg-after-blue-madison:after {
    background: #578ebe !important;
}

.border-before-blue-madison:before,
.border-after-blue-madison:after {
    border-color: #578ebe !important;
}

.border-top-before-blue-madison:before,
.border-top-after-blue-madison:after {
    border-top-color: #578ebe !important;
}

.border-bottom-before-blue-madison:before,
.border-bottom-after-blue-madison:after {
    border-bottom-color: #578ebe !important;
}

.border-left-before-blue-madison:before,
.border-left-after-blue-madison:after {
    border-left-color: #578ebe !important;
}

.border-right-before-blue-madison:before,
.border-right-after-blue-madison:after {
    border-right-color: #578ebe !important;
}

.bg-blue-chambray {
    background: #2C3E50 !important;
}

.bg-blue-chambray-opacity {
    background: rgba(44, 62, 80, 0.8) !important;
}

.bg-hover-blue-chambray:hover {
    background: #2C3E50 !important;
}

.font-blue-chambray {
    color: #2C3E50 !important;
}

.bg-font-blue-chambray {
    color: #fff !important;
}

.border-blue-chambray {
    border-color: #2C3E50 !important;
}

.border-top-blue-chambray {
    border-top-color: #2C3E50 !important;
}

.border-bottom-blue-chambray {
    border-bottom-color: #2C3E50 !important;
}

.border-left-blue-chambray {
    border-left-color: #2C3E50 !important;
}

.border-right-blue-chambray {
    border-right-color: #2C3E50 !important;
}

.bg-before-blue-chambray:before,
.bg-after-blue-chambray:after {
    background: #2C3E50 !important;
}

.border-before-blue-chambray:before,
.border-after-blue-chambray:after {
    border-color: #2C3E50 !important;
}

.border-top-before-blue-chambray:before,
.border-top-after-blue-chambray:after {
    border-top-color: #2C3E50 !important;
}

.border-bottom-before-blue-chambray:before,
.border-bottom-after-blue-chambray:after {
    border-bottom-color: #2C3E50 !important;
}

.border-left-before-blue-chambray:before,
.border-left-after-blue-chambray:after {
    border-left-color: #2C3E50 !important;
}

.border-right-before-blue-chambray:before,
.border-right-after-blue-chambray:after {
    border-right-color: #2C3E50 !important;
}

.bg-blue-ebonyclay {
    background: #22313F !important;
}

.bg-blue-ebonyclay-opacity {
    background: rgba(34, 49, 63, 0.8) !important;
}

.bg-hover-blue-ebonyclay:hover {
    background: #22313F !important;
}

.font-blue-ebonyclay {
    color: #22313F !important;
}

.bg-font-blue-ebonyclay {
    color: #fff !important;
}

.border-blue-ebonyclay {
    border-color: #22313F !important;
}

.border-top-blue-ebonyclay {
    border-top-color: #22313F !important;
}

.border-bottom-blue-ebonyclay {
    border-bottom-color: #22313F !important;
}

.border-left-blue-ebonyclay {
    border-left-color: #22313F !important;
}

.border-right-blue-ebonyclay {
    border-right-color: #22313F !important;
}

.bg-before-blue-ebonyclay:before,
.bg-after-blue-ebonyclay:after {
    background: #22313F !important;
}

.border-before-blue-ebonyclay:before,
.border-after-blue-ebonyclay:after {
    border-color: #22313F !important;
}

.border-top-before-blue-ebonyclay:before,
.border-top-after-blue-ebonyclay:after {
    border-top-color: #22313F !important;
}

.border-bottom-before-blue-ebonyclay:before,
.border-bottom-after-blue-ebonyclay:after {
    border-bottom-color: #22313F !important;
}

.border-left-before-blue-ebonyclay:before,
.border-left-after-blue-ebonyclay:after {
    border-left-color: #22313F !important;
}

.border-right-before-blue-ebonyclay:before,
.border-right-after-blue-ebonyclay:after {
    border-right-color: #22313F !important;
}

.bg-blue-hoki {
    background: #67809F !important;
}

.bg-blue-hoki-opacity {
    background: rgba(103, 128, 159, 0.8) !important;
}

.bg-hover-blue-hoki:hover {
    background: #67809F !important;
}

.font-blue-hoki {
    color: #67809F !important;
}

.bg-font-blue-hoki {
    color: #fff !important;
}

.border-blue-hoki {
    border-color: #67809F !important;
}

.border-top-blue-hoki {
    border-top-color: #67809F !important;
}

.border-bottom-blue-hoki {
    border-bottom-color: #67809F !important;
}

.border-left-blue-hoki {
    border-left-color: #67809F !important;
}

.border-right-blue-hoki {
    border-right-color: #67809F !important;
}

.bg-before-blue-hoki:before,
.bg-after-blue-hoki:after {
    background: #67809F !important;
}

.border-before-blue-hoki:before,
.border-after-blue-hoki:after {
    border-color: #67809F !important;
}

.border-top-before-blue-hoki:before,
.border-top-after-blue-hoki:after {
    border-top-color: #67809F !important;
}

.border-bottom-before-blue-hoki:before,
.border-bottom-after-blue-hoki:after {
    border-bottom-color: #67809F !important;
}

.border-left-before-blue-hoki:before,
.border-left-after-blue-hoki:after {
    border-left-color: #67809F !important;
}

.border-right-before-blue-hoki:before,
.border-right-after-blue-hoki:after {
    border-right-color: #67809F !important;
}

.bg-blue-steel {
    background: #4B77BE !important;
}

.bg-blue-steel-opacity {
    background: rgba(75, 119, 190, 0.8) !important;
}

.bg-hover-blue-steel:hover {
    background: #4B77BE !important;
}

.font-blue-steel {
    color: #4B77BE !important;
}

.bg-font-blue-steel {
    color: #fff !important;
}

.border-blue-steel {
    border-color: #4B77BE !important;
}

.border-top-blue-steel {
    border-top-color: #4B77BE !important;
}

.border-bottom-blue-steel {
    border-bottom-color: #4B77BE !important;
}

.border-left-blue-steel {
    border-left-color: #4B77BE !important;
}

.border-right-blue-steel {
    border-right-color: #4B77BE !important;
}

.bg-before-blue-steel:before,
.bg-after-blue-steel:after {
    background: #4B77BE !important;
}

.border-before-blue-steel:before,
.border-after-blue-steel:after {
    border-color: #4B77BE !important;
}

.border-top-before-blue-steel:before,
.border-top-after-blue-steel:after {
    border-top-color: #4B77BE !important;
}

.border-bottom-before-blue-steel:before,
.border-bottom-after-blue-steel:after {
    border-bottom-color: #4B77BE !important;
}

.border-left-before-blue-steel:before,
.border-left-after-blue-steel:after {
    border-left-color: #4B77BE !important;
}

.border-right-before-blue-steel:before,
.border-right-after-blue-steel:after {
    border-right-color: #4B77BE !important;
}

.bg-blue-soft {
    background: #4c87b9 !important;
}

.bg-blue-soft-opacity {
    background: rgba(76, 135, 185, 0.8) !important;
}

.bg-hover-blue-soft:hover {
    background: #4c87b9 !important;
}

.font-blue-soft {
    color: #4c87b9 !important;
}

.bg-font-blue-soft {
    color: #fff !important;
}

.border-blue-soft {
    border-color: #4c87b9 !important;
}

.border-top-blue-soft {
    border-top-color: #4c87b9 !important;
}

.border-bottom-blue-soft {
    border-bottom-color: #4c87b9 !important;
}

.border-left-blue-soft {
    border-left-color: #4c87b9 !important;
}

.border-right-blue-soft {
    border-right-color: #4c87b9 !important;
}

.bg-before-blue-soft:before,
.bg-after-blue-soft:after {
    background: #4c87b9 !important;
}

.border-before-blue-soft:before,
.border-after-blue-soft:after {
    border-color: #4c87b9 !important;
}

.border-top-before-blue-soft:before,
.border-top-after-blue-soft:after {
    border-top-color: #4c87b9 !important;
}

.border-bottom-before-blue-soft:before,
.border-bottom-after-blue-soft:after {
    border-bottom-color: #4c87b9 !important;
}

.border-left-before-blue-soft:before,
.border-left-after-blue-soft:after {
    border-left-color: #4c87b9 !important;
}

.border-right-before-blue-soft:before,
.border-right-after-blue-soft:after {
    border-right-color: #4c87b9 !important;
}

.bg-blue-dark {
    background: #5e738b !important;
}

.bg-blue-dark-opacity {
    background: rgba(94, 115, 139, 0.8) !important;
}

.bg-hover-blue-dark:hover {
    background: #5e738b !important;
}

.font-blue-dark {
    color: #5e738b !important;
}

.bg-font-blue-dark {
    color: #fff !important;
}

.border-blue-dark {
    border-color: #5e738b !important;
}

.border-top-blue-dark {
    border-top-color: #5e738b !important;
}

.border-bottom-blue-dark {
    border-bottom-color: #5e738b !important;
}

.border-left-blue-dark {
    border-left-color: #5e738b !important;
}

.border-right-blue-dark {
    border-right-color: #5e738b !important;
}

.bg-before-blue-dark:before,
.bg-after-blue-dark:after {
    background: #5e738b !important;
}

.border-before-blue-dark:before,
.border-after-blue-dark:after {
    border-color: #5e738b !important;
}

.border-top-before-blue-dark:before,
.border-top-after-blue-dark:after {
    border-top-color: #5e738b !important;
}

.border-bottom-before-blue-dark:before,
.border-bottom-after-blue-dark:after {
    border-bottom-color: #5e738b !important;
}

.border-left-before-blue-dark:before,
.border-left-after-blue-dark:after {
    border-left-color: #5e738b !important;
}

.border-right-before-blue-dark:before,
.border-right-after-blue-dark:after {
    border-right-color: #5e738b !important;
}

.bg-blue-sharp {
    background: #5C9BD1 !important;
}

.bg-blue-sharp-opacity {
    background: rgba(92, 155, 209, 0.8) !important;
}

.bg-hover-blue-sharp:hover {
    background: #5C9BD1 !important;
}

.font-blue-sharp {
    color: #5C9BD1 !important;
}

.bg-font-blue-sharp {
    color: #fff !important;
}

.border-blue-sharp {
    border-color: #5C9BD1 !important;
}

.border-top-blue-sharp {
    border-top-color: #5C9BD1 !important;
}

.border-bottom-blue-sharp {
    border-bottom-color: #5C9BD1 !important;
}

.border-left-blue-sharp {
    border-left-color: #5C9BD1 !important;
}

.border-right-blue-sharp {
    border-right-color: #5C9BD1 !important;
}

.bg-before-blue-sharp:before,
.bg-after-blue-sharp:after {
    background: #5C9BD1 !important;
}

.border-before-blue-sharp:before,
.border-after-blue-sharp:after {
    border-color: #5C9BD1 !important;
}

.border-top-before-blue-sharp:before,
.border-top-after-blue-sharp:after {
    border-top-color: #5C9BD1 !important;
}

.border-bottom-before-blue-sharp:before,
.border-bottom-after-blue-sharp:after {
    border-bottom-color: #5C9BD1 !important;
}

.border-left-before-blue-sharp:before,
.border-left-after-blue-sharp:after {
    border-left-color: #5C9BD1 !important;
}

.border-right-before-blue-sharp:before,
.border-right-after-blue-sharp:after {
    border-right-color: #5C9BD1 !important;
}

.bg-blue-oleo {
    background: #94A0B2 !important;
}

.bg-blue-oleo-opacity {
    background: rgba(148, 160, 178, 0.8) !important;
}

.bg-hover-blue-oleo:hover {
    background: #94A0B2 !important;
}

.font-blue-oleo {
    color: #94A0B2 !important;
}

.bg-font-blue-oleo {
    color: #fff !important;
}

.border-blue-oleo {
    border-color: #94A0B2 !important;
}

.border-top-blue-oleo {
    border-top-color: #94A0B2 !important;
}

.border-bottom-blue-oleo {
    border-bottom-color: #94A0B2 !important;
}

.border-left-blue-oleo {
    border-left-color: #94A0B2 !important;
}

.border-right-blue-oleo {
    border-right-color: #94A0B2 !important;
}

.bg-before-blue-oleo:before,
.bg-after-blue-oleo:after {
    background: #94A0B2 !important;
}

.border-before-blue-oleo:before,
.border-after-blue-oleo:after {
    border-color: #94A0B2 !important;
}

.border-top-before-blue-oleo:before,
.border-top-after-blue-oleo:after {
    border-top-color: #94A0B2 !important;
}

.border-bottom-before-blue-oleo:before,
.border-bottom-after-blue-oleo:after {
    border-bottom-color: #94A0B2 !important;
}

.border-left-before-blue-oleo:before,
.border-left-after-blue-oleo:after {
    border-left-color: #94A0B2 !important;
}

.border-right-before-blue-oleo:before,
.border-right-after-blue-oleo:after {
    border-right-color: #94A0B2 !important;
}

.bg-green {
    background: #32c5d2 !important;
}

.bg-green-opacity {
    background: rgba(50, 197, 210, 0.8) !important;
}

.bg-hover-green:hover {
    background: #32c5d2 !important;
}

.font-green {
    color: #32c5d2 !important;
}

.bg-font-green {
    color: #fff !important;
}

.border-green {
    border-color: #32c5d2 !important;
}

.border-top-green {
    border-top-color: #32c5d2 !important;
}

.border-bottom-green {
    border-bottom-color: #32c5d2 !important;
}

.border-left-green {
    border-left-color: #32c5d2 !important;
}

.border-right-green {
    border-right-color: #32c5d2 !important;
}

.bg-before-green:before,
.bg-after-green:after {
    background: #32c5d2 !important;
}

.border-before-green:before,
.border-after-green:after {
    border-color: #32c5d2 !important;
}

.border-top-before-green:before,
.border-top-after-green:after {
    border-top-color: #32c5d2 !important;
}

.border-bottom-before-green:before,
.border-bottom-after-green:after {
    border-bottom-color: #32c5d2 !important;
}

.border-left-before-green:before,
.border-left-after-green:after {
    border-left-color: #32c5d2 !important;
}

.border-right-before-green:before,
.border-right-after-green:after {
    border-right-color: #32c5d2 !important;
}

.bg-green-meadow {
    background: #1BBC9B !important;
}

.bg-green-meadow-opacity {
    background: rgba(27, 188, 155, 0.8) !important;
}

.bg-hover-green-meadow:hover {
    background: #1BBC9B !important;
}

.font-green-meadow {
    color: #1BBC9B !important;
}

.bg-font-green-meadow {
    color: #fff !important;
}

.border-green-meadow {
    border-color: #1BBC9B !important;
}

.border-top-green-meadow {
    border-top-color: #1BBC9B !important;
}

.border-bottom-green-meadow {
    border-bottom-color: #1BBC9B !important;
}

.border-left-green-meadow {
    border-left-color: #1BBC9B !important;
}

.border-right-green-meadow {
    border-right-color: #1BBC9B !important;
}

.bg-before-green-meadow:before,
.bg-after-green-meadow:after {
    background: #1BBC9B !important;
}

.border-before-green-meadow:before,
.border-after-green-meadow:after {
    border-color: #1BBC9B !important;
}

.border-top-before-green-meadow:before,
.border-top-after-green-meadow:after {
    border-top-color: #1BBC9B !important;
}

.border-bottom-before-green-meadow:before,
.border-bottom-after-green-meadow:after {
    border-bottom-color: #1BBC9B !important;
}

.border-left-before-green-meadow:before,
.border-left-after-green-meadow:after {
    border-left-color: #1BBC9B !important;
}

.border-right-before-green-meadow:before,
.border-right-after-green-meadow:after {
    border-right-color: #1BBC9B !important;
}

.bg-green-seagreen {
    background: #1BA39C !important;
}

.bg-green-seagreen-opacity {
    background: rgba(27, 163, 156, 0.8) !important;
}

.bg-hover-green-seagreen:hover {
    background: #1BA39C !important;
}

.font-green-seagreen {
    color: #1BA39C !important;
}

.bg-font-green-seagreen {
    color: #fff !important;
}

.border-green-seagreen {
    border-color: #1BA39C !important;
}

.border-top-green-seagreen {
    border-top-color: #1BA39C !important;
}

.border-bottom-green-seagreen {
    border-bottom-color: #1BA39C !important;
}

.border-left-green-seagreen {
    border-left-color: #1BA39C !important;
}

.border-right-green-seagreen {
    border-right-color: #1BA39C !important;
}

.bg-before-green-seagreen:before,
.bg-after-green-seagreen:after {
    background: #1BA39C !important;
}

.border-before-green-seagreen:before,
.border-after-green-seagreen:after {
    border-color: #1BA39C !important;
}

.border-top-before-green-seagreen:before,
.border-top-after-green-seagreen:after {
    border-top-color: #1BA39C !important;
}

.border-bottom-before-green-seagreen:before,
.border-bottom-after-green-seagreen:after {
    border-bottom-color: #1BA39C !important;
}

.border-left-before-green-seagreen:before,
.border-left-after-green-seagreen:after {
    border-left-color: #1BA39C !important;
}

.border-right-before-green-seagreen:before,
.border-right-after-green-seagreen:after {
    border-right-color: #1BA39C !important;
}

.bg-green-turquoise {
    background: #36D7B7 !important;
}

.bg-green-turquoise-opacity {
    background: rgba(54, 215, 183, 0.8) !important;
}

.bg-hover-green-turquoise:hover {
    background: #36D7B7 !important;
}

.font-green-turquoise {
    color: #36D7B7 !important;
}

.bg-font-green-turquoise {
    color: #fff !important;
}

.border-green-turquoise {
    border-color: #36D7B7 !important;
}

.border-top-green-turquoise {
    border-top-color: #36D7B7 !important;
}

.border-bottom-green-turquoise {
    border-bottom-color: #36D7B7 !important;
}

.border-left-green-turquoise {
    border-left-color: #36D7B7 !important;
}

.border-right-green-turquoise {
    border-right-color: #36D7B7 !important;
}

.bg-before-green-turquoise:before,
.bg-after-green-turquoise:after {
    background: #36D7B7 !important;
}

.border-before-green-turquoise:before,
.border-after-green-turquoise:after {
    border-color: #36D7B7 !important;
}

.border-top-before-green-turquoise:before,
.border-top-after-green-turquoise:after {
    border-top-color: #36D7B7 !important;
}

.border-bottom-before-green-turquoise:before,
.border-bottom-after-green-turquoise:after {
    border-bottom-color: #36D7B7 !important;
}

.border-left-before-green-turquoise:before,
.border-left-after-green-turquoise:after {
    border-left-color: #36D7B7 !important;
}

.border-right-before-green-turquoise:before,
.border-right-after-green-turquoise:after {
    border-right-color: #36D7B7 !important;
}

.bg-green-haze {
    background: #44b6ae !important;
}

.bg-green-haze-opacity {
    background: rgba(68, 182, 174, 0.8) !important;
}

.bg-hover-green-haze:hover {
    background: #44b6ae !important;
}

.font-green-haze {
    color: #44b6ae !important;
}

.bg-font-green-haze {
    color: #fff !important;
}

.border-green-haze {
    border-color: #44b6ae !important;
}

.border-top-green-haze {
    border-top-color: #44b6ae !important;
}

.border-bottom-green-haze {
    border-bottom-color: #44b6ae !important;
}

.border-left-green-haze {
    border-left-color: #44b6ae !important;
}

.border-right-green-haze {
    border-right-color: #44b6ae !important;
}

.bg-before-green-haze:before,
.bg-after-green-haze:after {
    background: #44b6ae !important;
}

.border-before-green-haze:before,
.border-after-green-haze:after {
    border-color: #44b6ae !important;
}

.border-top-before-green-haze:before,
.border-top-after-green-haze:after {
    border-top-color: #44b6ae !important;
}

.border-bottom-before-green-haze:before,
.border-bottom-after-green-haze:after {
    border-bottom-color: #44b6ae !important;
}

.border-left-before-green-haze:before,
.border-left-after-green-haze:after {
    border-left-color: #44b6ae !important;
}

.border-right-before-green-haze:before,
.border-right-after-green-haze:after {
    border-right-color: #44b6ae !important;
}

.bg-green-jungle {
    background: #26C281 !important;
}

.bg-green-jungle-opacity {
    background: rgba(38, 194, 129, 0.8) !important;
}

.bg-hover-green-jungle:hover {
    background: #26C281 !important;
}

.font-green-jungle {
    color: #26C281 !important;
}

.bg-font-green-jungle {
    color: #fff !important;
}

.border-green-jungle {
    border-color: #26C281 !important;
}

.border-top-green-jungle {
    border-top-color: #26C281 !important;
}

.border-bottom-green-jungle {
    border-bottom-color: #26C281 !important;
}

.border-left-green-jungle {
    border-left-color: #26C281 !important;
}

.border-right-green-jungle {
    border-right-color: #26C281 !important;
}

.bg-before-green-jungle:before,
.bg-after-green-jungle:after {
    background: #26C281 !important;
}

.border-before-green-jungle:before,
.border-after-green-jungle:after {
    border-color: #26C281 !important;
}

.border-top-before-green-jungle:before,
.border-top-after-green-jungle:after {
    border-top-color: #26C281 !important;
}

.border-bottom-before-green-jungle:before,
.border-bottom-after-green-jungle:after {
    border-bottom-color: #26C281 !important;
}

.border-left-before-green-jungle:before,
.border-left-after-green-jungle:after {
    border-left-color: #26C281 !important;
}

.border-right-before-green-jungle:before,
.border-right-after-green-jungle:after {
    border-right-color: #26C281 !important;
}

.bg-green-soft {
    background: #3faba4 !important;
}

.bg-green-soft-opacity {
    background: rgba(63, 171, 164, 0.8) !important;
}

.bg-hover-green-soft:hover {
    background: #3faba4 !important;
}

.font-green-soft {
    color: #3faba4 !important;
}

.bg-font-green-soft {
    color: #fff !important;
}

.border-green-soft {
    border-color: #3faba4 !important;
}

.border-top-green-soft {
    border-top-color: #3faba4 !important;
}

.border-bottom-green-soft {
    border-bottom-color: #3faba4 !important;
}

.border-left-green-soft {
    border-left-color: #3faba4 !important;
}

.border-right-green-soft {
    border-right-color: #3faba4 !important;
}

.bg-before-green-soft:before,
.bg-after-green-soft:after {
    background: #3faba4 !important;
}

.border-before-green-soft:before,
.border-after-green-soft:after {
    border-color: #3faba4 !important;
}

.border-top-before-green-soft:before,
.border-top-after-green-soft:after {
    border-top-color: #3faba4 !important;
}

.border-bottom-before-green-soft:before,
.border-bottom-after-green-soft:after {
    border-bottom-color: #3faba4 !important;
}

.border-left-before-green-soft:before,
.border-left-after-green-soft:after {
    border-left-color: #3faba4 !important;
}

.border-right-before-green-soft:before,
.border-right-after-green-soft:after {
    border-right-color: #3faba4 !important;
}

.bg-green-dark {
    background: #4DB3A2 !important;
}

.bg-green-dark-opacity {
    background: rgba(77, 179, 162, 0.8) !important;
}

.bg-hover-green-dark:hover {
    background: #4DB3A2 !important;
}

.font-green-dark {
    color: #4DB3A2 !important;
}

.bg-font-green-dark {
    color: #fff !important;
}

.border-green-dark {
    border-color: #4DB3A2 !important;
}

.border-top-green-dark {
    border-top-color: #4DB3A2 !important;
}

.border-bottom-green-dark {
    border-bottom-color: #4DB3A2 !important;
}

.border-left-green-dark {
    border-left-color: #4DB3A2 !important;
}

.border-right-green-dark {
    border-right-color: #4DB3A2 !important;
}

.bg-before-green-dark:before,
.bg-after-green-dark:after {
    background: #4DB3A2 !important;
}

.border-before-green-dark:before,
.border-after-green-dark:after {
    border-color: #4DB3A2 !important;
}

.border-top-before-green-dark:before,
.border-top-after-green-dark:after {
    border-top-color: #4DB3A2 !important;
}

.border-bottom-before-green-dark:before,
.border-bottom-after-green-dark:after {
    border-bottom-color: #4DB3A2 !important;
}

.border-left-before-green-dark:before,
.border-left-after-green-dark:after {
    border-left-color: #4DB3A2 !important;
}

.border-right-before-green-dark:before,
.border-right-after-green-dark:after {
    border-right-color: #4DB3A2 !important;
}

.bg-green-sharp {
    background: #2ab4c0 !important;
}

.bg-green-sharp-opacity {
    background: rgba(42, 180, 192, 0.8) !important;
}

.bg-hover-green-sharp:hover {
    background: #2ab4c0 !important;
}

.font-green-sharp {
    color: #2ab4c0 !important;
}

.bg-font-green-sharp {
    color: #fff !important;
}

.border-green-sharp {
    border-color: #2ab4c0 !important;
}

.border-top-green-sharp {
    border-top-color: #2ab4c0 !important;
}

.border-bottom-green-sharp {
    border-bottom-color: #2ab4c0 !important;
}

.border-left-green-sharp {
    border-left-color: #2ab4c0 !important;
}

.border-right-green-sharp {
    border-right-color: #2ab4c0 !important;
}

.bg-before-green-sharp:before,
.bg-after-green-sharp:after {
    background: #2ab4c0 !important;
}

.border-before-green-sharp:before,
.border-after-green-sharp:after {
    border-color: #2ab4c0 !important;
}

.border-top-before-green-sharp:before,
.border-top-after-green-sharp:after {
    border-top-color: #2ab4c0 !important;
}

.border-bottom-before-green-sharp:before,
.border-bottom-after-green-sharp:after {
    border-bottom-color: #2ab4c0 !important;
}

.border-left-before-green-sharp:before,
.border-left-after-green-sharp:after {
    border-left-color: #2ab4c0 !important;
}

.border-right-before-green-sharp:before,
.border-right-after-green-sharp:after {
    border-right-color: #2ab4c0 !important;
}

.bg-green-steel {
    background: #29b4b6 !important;
}

.bg-green-steel-opacity {
    background: rgba(41, 180, 182, 0.8) !important;
}

.bg-hover-green-steel:hover {
    background: #29b4b6 !important;
}

.font-green-steel {
    color: #29b4b6 !important;
}

.bg-font-green-steel {
    color: #fff !important;
}

.border-green-steel {
    border-color: #29b4b6 !important;
}

.border-top-green-steel {
    border-top-color: #29b4b6 !important;
}

.border-bottom-green-steel {
    border-bottom-color: #29b4b6 !important;
}

.border-left-green-steel {
    border-left-color: #29b4b6 !important;
}

.border-right-green-steel {
    border-right-color: #29b4b6 !important;
}

.bg-before-green-steel:before,
.bg-after-green-steel:after {
    background: #29b4b6 !important;
}

.border-before-green-steel:before,
.border-after-green-steel:after {
    border-color: #29b4b6 !important;
}

.border-top-before-green-steel:before,
.border-top-after-green-steel:after {
    border-top-color: #29b4b6 !important;
}

.border-bottom-before-green-steel:before,
.border-bottom-after-green-steel:after {
    border-bottom-color: #29b4b6 !important;
}

.border-left-before-green-steel:before,
.border-left-after-green-steel:after {
    border-left-color: #29b4b6 !important;
}

.border-right-before-green-steel:before,
.border-right-after-green-steel:after {
    border-right-color: #29b4b6 !important;
}

.bg-grey {
    background: #E5E5E5 !important;
}

.bg-grey-opacity {
    background: rgba(229, 229, 229, 0.8) !important;
}

.bg-hover-grey:hover {
    background: #E5E5E5 !important;
}

.font-grey {
    color: #E5E5E5 !important;
}

.bg-font-grey {
    color: #333 !important;
}

.border-grey {
    border-color: #E5E5E5 !important;
}

.border-top-grey {
    border-top-color: #E5E5E5 !important;
}

.border-bottom-grey {
    border-bottom-color: #E5E5E5 !important;
}

.border-left-grey {
    border-left-color: #E5E5E5 !important;
}

.border-right-grey {
    border-right-color: #E5E5E5 !important;
}

.bg-before-grey:before,
.bg-after-grey:after {
    background: #E5E5E5 !important;
}

.border-before-grey:before,
.border-after-grey:after {
    border-color: #E5E5E5 !important;
}

.border-top-before-grey:before,
.border-top-after-grey:after {
    border-top-color: #E5E5E5 !important;
}

.border-bottom-before-grey:before,
.border-bottom-after-grey:after {
    border-bottom-color: #E5E5E5 !important;
}

.border-left-before-grey:before,
.border-left-after-grey:after {
    border-left-color: #E5E5E5 !important;
}

.border-right-before-grey:before,
.border-right-after-grey:after {
    border-right-color: #E5E5E5 !important;
}

.bg-grey-steel {
    background: #e9edef !important;
}

.bg-grey-steel-opacity {
    background: rgba(233, 237, 239, 0.8) !important;
}

.bg-hover-grey-steel:hover {
    background: #e9edef !important;
}

.font-grey-steel {
    color: #e9edef !important;
}

.bg-font-grey-steel {
    color: #80898e !important;
}

.border-grey-steel {
    border-color: #e9edef !important;
}

.border-top-grey-steel {
    border-top-color: #e9edef !important;
}

.border-bottom-grey-steel {
    border-bottom-color: #e9edef !important;
}

.border-left-grey-steel {
    border-left-color: #e9edef !important;
}

.border-right-grey-steel {
    border-right-color: #e9edef !important;
}

.bg-before-grey-steel:before,
.bg-after-grey-steel:after {
    background: #e9edef !important;
}

.border-before-grey-steel:before,
.border-after-grey-steel:after {
    border-color: #e9edef !important;
}

.border-top-before-grey-steel:before,
.border-top-after-grey-steel:after {
    border-top-color: #e9edef !important;
}

.border-bottom-before-grey-steel:before,
.border-bottom-after-grey-steel:after {
    border-bottom-color: #e9edef !important;
}

.border-left-before-grey-steel:before,
.border-left-after-grey-steel:after {
    border-left-color: #e9edef !important;
}

.border-right-before-grey-steel:before,
.border-right-after-grey-steel:after {
    border-right-color: #e9edef !important;
}

.bg-grey-cararra {
    background: #fafafa !important;
}

.bg-grey-cararra-opacity {
    background: rgba(250, 250, 250, 0.8) !important;
}

.bg-hover-grey-cararra:hover {
    background: #fafafa !important;
}

.font-grey-cararra {
    color: #fafafa !important;
}

.bg-font-grey-cararra {
    color: #333 !important;
}

.border-grey-cararra {
    border-color: #fafafa !important;
}

.border-top-grey-cararra {
    border-top-color: #fafafa !important;
}

.border-bottom-grey-cararra {
    border-bottom-color: #fafafa !important;
}

.border-left-grey-cararra {
    border-left-color: #fafafa !important;
}

.border-right-grey-cararra {
    border-right-color: #fafafa !important;
}

.bg-before-grey-cararra:before,
.bg-after-grey-cararra:after {
    background: #fafafa !important;
}

.border-before-grey-cararra:before,
.border-after-grey-cararra:after {
    border-color: #fafafa !important;
}

.border-top-before-grey-cararra:before,
.border-top-after-grey-cararra:after {
    border-top-color: #fafafa !important;
}

.border-bottom-before-grey-cararra:before,
.border-bottom-after-grey-cararra:after {
    border-bottom-color: #fafafa !important;
}

.border-left-before-grey-cararra:before,
.border-left-after-grey-cararra:after {
    border-left-color: #fafafa !important;
}

.border-right-before-grey-cararra:before,
.border-right-after-grey-cararra:after {
    border-right-color: #fafafa !important;
}

.bg-grey-gallery {
    background: #555 !important;
}

.bg-grey-gallery-opacity {
    background: rgba(85, 85, 85, 0.8) !important;
}

.bg-hover-grey-gallery:hover {
    background: #555 !important;
}

.font-grey-gallery {
    color: #555 !important;
}

.bg-font-grey-gallery {
    color: #fff !important;
}

.border-grey-gallery {
    border-color: #555 !important;
}

.border-top-grey-gallery {
    border-top-color: #555 !important;
}

.border-bottom-grey-gallery {
    border-bottom-color: #555 !important;
}

.border-left-grey-gallery {
    border-left-color: #555 !important;
}

.border-right-grey-gallery {
    border-right-color: #555 !important;
}

.bg-before-grey-gallery:before,
.bg-after-grey-gallery:after {
    background: #555 !important;
}

.border-before-grey-gallery:before,
.border-after-grey-gallery:after {
    border-color: #555 !important;
}

.border-top-before-grey-gallery:before,
.border-top-after-grey-gallery:after {
    border-top-color: #555 !important;
}

.border-bottom-before-grey-gallery:before,
.border-bottom-after-grey-gallery:after {
    border-bottom-color: #555 !important;
}

.border-left-before-grey-gallery:before,
.border-left-after-grey-gallery:after {
    border-left-color: #555 !important;
}

.border-right-before-grey-gallery:before,
.border-right-after-grey-gallery:after {
    border-right-color: #555 !important;
}

.bg-grey-cascade {
    background: #95A5A6 !important;
}

.bg-grey-cascade-opacity {
    background: rgba(149, 165, 166, 0.8) !important;
}

.bg-hover-grey-cascade:hover {
    background: #95A5A6 !important;
}

.font-grey-cascade {
    color: #95A5A6 !important;
}

.bg-font-grey-cascade {
    color: #fff !important;
}

.border-grey-cascade {
    border-color: #95A5A6 !important;
}

.border-top-grey-cascade {
    border-top-color: #95A5A6 !important;
}

.border-bottom-grey-cascade {
    border-bottom-color: #95A5A6 !important;
}

.border-left-grey-cascade {
    border-left-color: #95A5A6 !important;
}

.border-right-grey-cascade {
    border-right-color: #95A5A6 !important;
}

.bg-before-grey-cascade:before,
.bg-after-grey-cascade:after {
    background: #95A5A6 !important;
}

.border-before-grey-cascade:before,
.border-after-grey-cascade:after {
    border-color: #95A5A6 !important;
}

.border-top-before-grey-cascade:before,
.border-top-after-grey-cascade:after {
    border-top-color: #95A5A6 !important;
}

.border-bottom-before-grey-cascade:before,
.border-bottom-after-grey-cascade:after {
    border-bottom-color: #95A5A6 !important;
}

.border-left-before-grey-cascade:before,
.border-left-after-grey-cascade:after {
    border-left-color: #95A5A6 !important;
}

.border-right-before-grey-cascade:before,
.border-right-after-grey-cascade:after {
    border-right-color: #95A5A6 !important;
}

.bg-grey-silver {
    background: #BFBFBF !important;
}

.bg-grey-silver-opacity {
    background: rgba(191, 191, 191, 0.8) !important;
}

.bg-hover-grey-silver:hover {
    background: #BFBFBF !important;
}

.font-grey-silver {
    color: #BFBFBF !important;
}

.bg-font-grey-silver {
    color: #FAFCFB !important;
}

.border-grey-silver {
    border-color: #BFBFBF !important;
}

.border-top-grey-silver {
    border-top-color: #BFBFBF !important;
}

.border-bottom-grey-silver {
    border-bottom-color: #BFBFBF !important;
}

.border-left-grey-silver {
    border-left-color: #BFBFBF !important;
}

.border-right-grey-silver {
    border-right-color: #BFBFBF !important;
}

.bg-before-grey-silver:before,
.bg-after-grey-silver:after {
    background: #BFBFBF !important;
}

.border-before-grey-silver:before,
.border-after-grey-silver:after {
    border-color: #BFBFBF !important;
}

.border-top-before-grey-silver:before,
.border-top-after-grey-silver:after {
    border-top-color: #BFBFBF !important;
}

.border-bottom-before-grey-silver:before,
.border-bottom-after-grey-silver:after {
    border-bottom-color: #BFBFBF !important;
}

.border-left-before-grey-silver:before,
.border-left-after-grey-silver:after {
    border-left-color: #BFBFBF !important;
}

.border-right-before-grey-silver:before,
.border-right-after-grey-silver:after {
    border-right-color: #BFBFBF !important;
}

.bg-grey-salsa {
    background: #ACB5C3 !important;
}

.bg-grey-salsa-opacity {
    background: rgba(172, 181, 195, 0.8) !important;
}

.bg-hover-grey-salsa:hover {
    background: #ACB5C3 !important;
}

.font-grey-salsa {
    color: #ACB5C3 !important;
}

.bg-font-grey-salsa {
    color: #FAFCFB !important;
}

.border-grey-salsa {
    border-color: #ACB5C3 !important;
}

.border-top-grey-salsa {
    border-top-color: #ACB5C3 !important;
}

.border-bottom-grey-salsa {
    border-bottom-color: #ACB5C3 !important;
}

.border-left-grey-salsa {
    border-left-color: #ACB5C3 !important;
}

.border-right-grey-salsa {
    border-right-color: #ACB5C3 !important;
}

.bg-before-grey-salsa:before,
.bg-after-grey-salsa:after {
    background: #ACB5C3 !important;
}

.border-before-grey-salsa:before,
.border-after-grey-salsa:after {
    border-color: #ACB5C3 !important;
}

.border-top-before-grey-salsa:before,
.border-top-after-grey-salsa:after {
    border-top-color: #ACB5C3 !important;
}

.border-bottom-before-grey-salsa:before,
.border-bottom-after-grey-salsa:after {
    border-bottom-color: #ACB5C3 !important;
}

.border-left-before-grey-salsa:before,
.border-left-after-grey-salsa:after {
    border-left-color: #ACB5C3 !important;
}

.border-right-before-grey-salsa:before,
.border-right-after-grey-salsa:after {
    border-right-color: #ACB5C3 !important;
}

.bg-grey-salt {
    background: #bfcad1 !important;
}

.bg-grey-salt-opacity {
    background: rgba(191, 202, 209, 0.8) !important;
}

.bg-hover-grey-salt:hover {
    background: #bfcad1 !important;
}

.font-grey-salt {
    color: #bfcad1 !important;
}

.bg-font-grey-salt {
    color: #FAFCFB !important;
}

.border-grey-salt {
    border-color: #bfcad1 !important;
}

.border-top-grey-salt {
    border-top-color: #bfcad1 !important;
}

.border-bottom-grey-salt {
    border-bottom-color: #bfcad1 !important;
}

.border-left-grey-salt {
    border-left-color: #bfcad1 !important;
}

.border-right-grey-salt {
    border-right-color: #bfcad1 !important;
}

.bg-before-grey-salt:before,
.bg-after-grey-salt:after {
    background: #bfcad1 !important;
}

.border-before-grey-salt:before,
.border-after-grey-salt:after {
    border-color: #bfcad1 !important;
}

.border-top-before-grey-salt:before,
.border-top-after-grey-salt:after {
    border-top-color: #bfcad1 !important;
}

.border-bottom-before-grey-salt:before,
.border-bottom-after-grey-salt:after {
    border-bottom-color: #bfcad1 !important;
}

.border-left-before-grey-salt:before,
.border-left-after-grey-salt:after {
    border-left-color: #bfcad1 !important;
}

.border-right-before-grey-salt:before,
.border-right-after-grey-salt:after {
    border-right-color: #bfcad1 !important;
}

.bg-grey-mint {
    background: #525e64 !important;
}

.bg-grey-mint-opacity {
    background: rgba(82, 94, 100, 0.8) !important;
}

.bg-hover-grey-mint:hover {
    background: #525e64 !important;
}

.font-grey-mint {
    color: #525e64 !important;
}

.bg-font-grey-mint {
    color: #fff !important;
}

.border-grey-mint {
    border-color: #525e64 !important;
}

.border-top-grey-mint {
    border-top-color: #525e64 !important;
}

.border-bottom-grey-mint {
    border-bottom-color: #525e64 !important;
}

.border-left-grey-mint {
    border-left-color: #525e64 !important;
}

.border-right-grey-mint {
    border-right-color: #525e64 !important;
}

.bg-before-grey-mint:before,
.bg-after-grey-mint:after {
    background: #525e64 !important;
}

.border-before-grey-mint:before,
.border-after-grey-mint:after {
    border-color: #525e64 !important;
}

.border-top-before-grey-mint:before,
.border-top-after-grey-mint:after {
    border-top-color: #525e64 !important;
}

.border-bottom-before-grey-mint:before,
.border-bottom-after-grey-mint:after {
    border-bottom-color: #525e64 !important;
}

.border-left-before-grey-mint:before,
.border-left-after-grey-mint:after {
    border-left-color: #525e64 !important;
}

.border-right-before-grey-mint:before,
.border-right-after-grey-mint:after {
    border-right-color: #525e64 !important;
}

.bg-red {
    background: #e7505a !important;
}

.bg-red-opacity {
    background: rgba(231, 80, 90, 0.8) !important;
}

.bg-hover-red:hover {
    background: #e7505a !important;
}

.font-red {
    color: #e7505a !important;
}

.bg-font-red {
    color: #fff !important;
}

.border-red {
    border-color: #e7505a !important;
}

.border-top-red {
    border-top-color: #e7505a !important;
}

.border-bottom-red {
    border-bottom-color: #e7505a !important;
}

.border-left-red {
    border-left-color: #e7505a !important;
}

.border-right-red {
    border-right-color: #e7505a !important;
}

.bg-before-red:before,
.bg-after-red:after {
    background: #e7505a !important;
}

.border-before-red:before,
.border-after-red:after {
    border-color: #e7505a !important;
}

.border-top-before-red:before,
.border-top-after-red:after {
    border-top-color: #e7505a !important;
}

.border-bottom-before-red:before,
.border-bottom-after-red:after {
    border-bottom-color: #e7505a !important;
}

.border-left-before-red:before,
.border-left-after-red:after {
    border-left-color: #e7505a !important;
}

.border-right-before-red:before,
.border-right-after-red:after {
    border-right-color: #e7505a !important;
}

.bg-red-pink {
    background: #E08283 !important;
}

.bg-red-pink-opacity {
    background: rgba(224, 130, 131, 0.8) !important;
}

.bg-hover-red-pink:hover {
    background: #E08283 !important;
}

.font-red-pink {
    color: #E08283 !important;
}

.bg-font-red-pink {
    color: #fff !important;
}

.border-red-pink {
    border-color: #E08283 !important;
}

.border-top-red-pink {
    border-top-color: #E08283 !important;
}

.border-bottom-red-pink {
    border-bottom-color: #E08283 !important;
}

.border-left-red-pink {
    border-left-color: #E08283 !important;
}

.border-right-red-pink {
    border-right-color: #E08283 !important;
}

.bg-before-red-pink:before,
.bg-after-red-pink:after {
    background: #E08283 !important;
}

.border-before-red-pink:before,
.border-after-red-pink:after {
    border-color: #E08283 !important;
}

.border-top-before-red-pink:before,
.border-top-after-red-pink:after {
    border-top-color: #E08283 !important;
}

.border-bottom-before-red-pink:before,
.border-bottom-after-red-pink:after {
    border-bottom-color: #E08283 !important;
}

.border-left-before-red-pink:before,
.border-left-after-red-pink:after {
    border-left-color: #E08283 !important;
}

.border-right-before-red-pink:before,
.border-right-after-red-pink:after {
    border-right-color: #E08283 !important;
}

.bg-red-sunglo {
    background: #E26A6A !important;
}

.bg-red-sunglo-opacity {
    background: rgba(226, 106, 106, 0.8) !important;
}

.bg-hover-red-sunglo:hover {
    background: #E26A6A !important;
}

.font-red-sunglo {
    color: #E26A6A !important;
}

.bg-font-red-sunglo {
    color: #fff !important;
}

.border-red-sunglo {
    border-color: #E26A6A !important;
}

.border-top-red-sunglo {
    border-top-color: #E26A6A !important;
}

.border-bottom-red-sunglo {
    border-bottom-color: #E26A6A !important;
}

.border-left-red-sunglo {
    border-left-color: #E26A6A !important;
}

.border-right-red-sunglo {
    border-right-color: #E26A6A !important;
}

.bg-before-red-sunglo:before,
.bg-after-red-sunglo:after {
    background: #E26A6A !important;
}

.border-before-red-sunglo:before,
.border-after-red-sunglo:after {
    border-color: #E26A6A !important;
}

.border-top-before-red-sunglo:before,
.border-top-after-red-sunglo:after {
    border-top-color: #E26A6A !important;
}

.border-bottom-before-red-sunglo:before,
.border-bottom-after-red-sunglo:after {
    border-bottom-color: #E26A6A !important;
}

.border-left-before-red-sunglo:before,
.border-left-after-red-sunglo:after {
    border-left-color: #E26A6A !important;
}

.border-right-before-red-sunglo:before,
.border-right-after-red-sunglo:after {
    border-right-color: #E26A6A !important;
}

.bg-red-intense {
    background: #e35b5a !important;
}

.bg-red-intense-opacity {
    background: rgba(227, 91, 90, 0.8) !important;
}

.bg-hover-red-intense:hover {
    background: #e35b5a !important;
}

.font-red-intense {
    color: #e35b5a !important;
}

.bg-font-red-intense {
    color: #fff !important;
}

.border-red-intense {
    border-color: #e35b5a !important;
}

.border-top-red-intense {
    border-top-color: #e35b5a !important;
}

.border-bottom-red-intense {
    border-bottom-color: #e35b5a !important;
}

.border-left-red-intense {
    border-left-color: #e35b5a !important;
}

.border-right-red-intense {
    border-right-color: #e35b5a !important;
}

.bg-before-red-intense:before,
.bg-after-red-intense:after {
    background: #e35b5a !important;
}

.border-before-red-intense:before,
.border-after-red-intense:after {
    border-color: #e35b5a !important;
}

.border-top-before-red-intense:before,
.border-top-after-red-intense:after {
    border-top-color: #e35b5a !important;
}

.border-bottom-before-red-intense:before,
.border-bottom-after-red-intense:after {
    border-bottom-color: #e35b5a !important;
}

.border-left-before-red-intense:before,
.border-left-after-red-intense:after {
    border-left-color: #e35b5a !important;
}

.border-right-before-red-intense:before,
.border-right-after-red-intense:after {
    border-right-color: #e35b5a !important;
}

.bg-red-thunderbird {
    background: #D91E18 !important;
}

.bg-red-thunderbird-opacity {
    background: rgba(217, 30, 24, 0.8) !important;
}

.bg-hover-red-thunderbird:hover {
    background: #D91E18 !important;
}

.font-red-thunderbird {
    color: #D91E18 !important;
}

.bg-font-red-thunderbird {
    color: #fff !important;
}

.border-red-thunderbird {
    border-color: #D91E18 !important;
}

.border-top-red-thunderbird {
    border-top-color: #D91E18 !important;
}

.border-bottom-red-thunderbird {
    border-bottom-color: #D91E18 !important;
}

.border-left-red-thunderbird {
    border-left-color: #D91E18 !important;
}

.border-right-red-thunderbird {
    border-right-color: #D91E18 !important;
}

.bg-before-red-thunderbird:before,
.bg-after-red-thunderbird:after {
    background: #D91E18 !important;
}

.border-before-red-thunderbird:before,
.border-after-red-thunderbird:after {
    border-color: #D91E18 !important;
}

.border-top-before-red-thunderbird:before,
.border-top-after-red-thunderbird:after {
    border-top-color: #D91E18 !important;
}

.border-bottom-before-red-thunderbird:before,
.border-bottom-after-red-thunderbird:after {
    border-bottom-color: #D91E18 !important;
}

.border-left-before-red-thunderbird:before,
.border-left-after-red-thunderbird:after {
    border-left-color: #D91E18 !important;
}

.border-right-before-red-thunderbird:before,
.border-right-after-red-thunderbird:after {
    border-right-color: #D91E18 !important;
}

.bg-red-flamingo {
    background: #EF4836 !important;
}

.bg-red-flamingo-opacity {
    background: rgba(239, 72, 54, 0.8) !important;
}

.bg-hover-red-flamingo:hover {
    background: #EF4836 !important;
}

.font-red-flamingo {
    color: #EF4836 !important;
}

.bg-font-red-flamingo {
    color: #fff !important;
}

.border-red-flamingo {
    border-color: #EF4836 !important;
}

.border-top-red-flamingo {
    border-top-color: #EF4836 !important;
}

.border-bottom-red-flamingo {
    border-bottom-color: #EF4836 !important;
}

.border-left-red-flamingo {
    border-left-color: #EF4836 !important;
}

.border-right-red-flamingo {
    border-right-color: #EF4836 !important;
}

.bg-before-red-flamingo:before,
.bg-after-red-flamingo:after {
    background: #EF4836 !important;
}

.border-before-red-flamingo:before,
.border-after-red-flamingo:after {
    border-color: #EF4836 !important;
}

.border-top-before-red-flamingo:before,
.border-top-after-red-flamingo:after {
    border-top-color: #EF4836 !important;
}

.border-bottom-before-red-flamingo:before,
.border-bottom-after-red-flamingo:after {
    border-bottom-color: #EF4836 !important;
}

.border-left-before-red-flamingo:before,
.border-left-after-red-flamingo:after {
    border-left-color: #EF4836 !important;
}

.border-right-before-red-flamingo:before,
.border-right-after-red-flamingo:after {
    border-right-color: #EF4836 !important;
}

.bg-red-soft {
    background: #d05454 !important;
}

.bg-red-soft-opacity {
    background: rgba(208, 84, 84, 0.8) !important;
}

.bg-hover-red-soft:hover {
    background: #d05454 !important;
}

.font-red-soft {
    color: #d05454 !important;
}

.bg-font-red-soft {
    color: #fff !important;
}

.border-red-soft {
    border-color: #d05454 !important;
}

.border-top-red-soft {
    border-top-color: #d05454 !important;
}

.border-bottom-red-soft {
    border-bottom-color: #d05454 !important;
}

.border-left-red-soft {
    border-left-color: #d05454 !important;
}

.border-right-red-soft {
    border-right-color: #d05454 !important;
}

.bg-before-red-soft:before,
.bg-after-red-soft:after {
    background: #d05454 !important;
}

.border-before-red-soft:before,
.border-after-red-soft:after {
    border-color: #d05454 !important;
}

.border-top-before-red-soft:before,
.border-top-after-red-soft:after {
    border-top-color: #d05454 !important;
}

.border-bottom-before-red-soft:before,
.border-bottom-after-red-soft:after {
    border-bottom-color: #d05454 !important;
}

.border-left-before-red-soft:before,
.border-left-after-red-soft:after {
    border-left-color: #d05454 !important;
}

.border-right-before-red-soft:before,
.border-right-after-red-soft:after {
    border-right-color: #d05454 !important;
}

.bg-red-haze {
    background: #f36a5a !important;
}

.bg-red-haze-opacity {
    background: rgba(243, 106, 90, 0.8) !important;
}

.bg-hover-red-haze:hover {
    background: #f36a5a !important;
}

.font-red-haze {
    color: #f36a5a !important;
}

.bg-font-red-haze {
    color: #fff !important;
}

.border-red-haze {
    border-color: #f36a5a !important;
}

.border-top-red-haze {
    border-top-color: #f36a5a !important;
}

.border-bottom-red-haze {
    border-bottom-color: #f36a5a !important;
}

.border-left-red-haze {
    border-left-color: #f36a5a !important;
}

.border-right-red-haze {
    border-right-color: #f36a5a !important;
}

.bg-before-red-haze:before,
.bg-after-red-haze:after {
    background: #f36a5a !important;
}

.border-before-red-haze:before,
.border-after-red-haze:after {
    border-color: #f36a5a !important;
}

.border-top-before-red-haze:before,
.border-top-after-red-haze:after {
    border-top-color: #f36a5a !important;
}

.border-bottom-before-red-haze:before,
.border-bottom-after-red-haze:after {
    border-bottom-color: #f36a5a !important;
}

.border-left-before-red-haze:before,
.border-left-after-red-haze:after {
    border-left-color: #f36a5a !important;
}

.border-right-before-red-haze:before,
.border-right-after-red-haze:after {
    border-right-color: #f36a5a !important;
}

.bg-red-mint {
    background: #e43a45 !important;
}

.bg-red-mint-opacity {
    background: rgba(228, 58, 69, 0.8) !important;
}

.bg-hover-red-mint:hover {
    background: #e43a45 !important;
}

.font-red-mint {
    color: #e43a45 !important;
}

.bg-font-red-mint {
    color: #fff !important;
}

.border-red-mint {
    border-color: #e43a45 !important;
}

.border-top-red-mint {
    border-top-color: #e43a45 !important;
}

.border-bottom-red-mint {
    border-bottom-color: #e43a45 !important;
}

.border-left-red-mint {
    border-left-color: #e43a45 !important;
}

.border-right-red-mint {
    border-right-color: #e43a45 !important;
}

.bg-before-red-mint:before,
.bg-after-red-mint:after {
    background: #e43a45 !important;
}

.border-before-red-mint:before,
.border-after-red-mint:after {
    border-color: #e43a45 !important;
}

.border-top-before-red-mint:before,
.border-top-after-red-mint:after {
    border-top-color: #e43a45 !important;
}

.border-bottom-before-red-mint:before,
.border-bottom-after-red-mint:after {
    border-bottom-color: #e43a45 !important;
}

.border-left-before-red-mint:before,
.border-left-after-red-mint:after {
    border-left-color: #e43a45 !important;
}

.border-right-before-red-mint:before,
.border-right-after-red-mint:after {
    border-right-color: #e43a45 !important;
}

.bg-yellow {
    background: #c49f47 !important;
}

.bg-yellow-opacity {
    background: rgba(196, 159, 71, 0.8) !important;
}

.bg-hover-yellow:hover {
    background: #c49f47 !important;
}

.font-yellow {
    color: #c49f47 !important;
}

.bg-font-yellow {
    color: #fff !important;
}

.border-yellow {
    border-color: #c49f47 !important;
}

.border-top-yellow {
    border-top-color: #c49f47 !important;
}

.border-bottom-yellow {
    border-bottom-color: #c49f47 !important;
}

.border-left-yellow {
    border-left-color: #c49f47 !important;
}

.border-right-yellow {
    border-right-color: #c49f47 !important;
}

.bg-before-yellow:before,
.bg-after-yellow:after {
    background: #c49f47 !important;
}

.border-before-yellow:before,
.border-after-yellow:after {
    border-color: #c49f47 !important;
}

.border-top-before-yellow:before,
.border-top-after-yellow:after {
    border-top-color: #c49f47 !important;
}

.border-bottom-before-yellow:before,
.border-bottom-after-yellow:after {
    border-bottom-color: #c49f47 !important;
}

.border-left-before-yellow:before,
.border-left-after-yellow:after {
    border-left-color: #c49f47 !important;
}

.border-right-before-yellow:before,
.border-right-after-yellow:after {
    border-right-color: #c49f47 !important;
}

.bg-yellow-gold {
    background: #E87E04 !important;
}

.bg-yellow-gold-opacity {
    background: rgba(232, 126, 4, 0.8) !important;
}

.bg-hover-yellow-gold:hover {
    background: #E87E04 !important;
}

.font-yellow-gold {
    color: #E87E04 !important;
}

.bg-font-yellow-gold {
    color: #fff !important;
}

.border-yellow-gold {
    border-color: #E87E04 !important;
}

.border-top-yellow-gold {
    border-top-color: #E87E04 !important;
}

.border-bottom-yellow-gold {
    border-bottom-color: #E87E04 !important;
}

.border-left-yellow-gold {
    border-left-color: #E87E04 !important;
}

.border-right-yellow-gold {
    border-right-color: #E87E04 !important;
}

.bg-before-yellow-gold:before,
.bg-after-yellow-gold:after {
    background: #E87E04 !important;
}

.border-before-yellow-gold:before,
.border-after-yellow-gold:after {
    border-color: #E87E04 !important;
}

.border-top-before-yellow-gold:before,
.border-top-after-yellow-gold:after {
    border-top-color: #E87E04 !important;
}

.border-bottom-before-yellow-gold:before,
.border-bottom-after-yellow-gold:after {
    border-bottom-color: #E87E04 !important;
}

.border-left-before-yellow-gold:before,
.border-left-after-yellow-gold:after {
    border-left-color: #E87E04 !important;
}

.border-right-before-yellow-gold:before,
.border-right-after-yellow-gold:after {
    border-right-color: #E87E04 !important;
}

.bg-yellow-casablanca {
    background: #f2784b !important;
}

.bg-yellow-casablanca-opacity {
    background: rgba(242, 120, 75, 0.8) !important;
}

.bg-hover-yellow-casablanca:hover {
    background: #f2784b !important;
}

.font-yellow-casablanca {
    color: #f2784b !important;
}

.bg-font-yellow-casablanca {
    color: #fff !important;
}

.border-yellow-casablanca {
    border-color: #f2784b !important;
}

.border-top-yellow-casablanca {
    border-top-color: #f2784b !important;
}

.border-bottom-yellow-casablanca {
    border-bottom-color: #f2784b !important;
}

.border-left-yellow-casablanca {
    border-left-color: #f2784b !important;
}

.border-right-yellow-casablanca {
    border-right-color: #f2784b !important;
}

.bg-before-yellow-casablanca:before,
.bg-after-yellow-casablanca:after {
    background: #f2784b !important;
}

.border-before-yellow-casablanca:before,
.border-after-yellow-casablanca:after {
    border-color: #f2784b !important;
}

.border-top-before-yellow-casablanca:before,
.border-top-after-yellow-casablanca:after {
    border-top-color: #f2784b !important;
}

.border-bottom-before-yellow-casablanca:before,
.border-bottom-after-yellow-casablanca:after {
    border-bottom-color: #f2784b !important;
}

.border-left-before-yellow-casablanca:before,
.border-left-after-yellow-casablanca:after {
    border-left-color: #f2784b !important;
}

.border-right-before-yellow-casablanca:before,
.border-right-after-yellow-casablanca:after {
    border-right-color: #f2784b !important;
}

.bg-yellow-crusta {
    background: #f3c200 !important;
}

.bg-yellow-crusta-opacity {
    background: rgba(243, 194, 0, 0.8) !important;
}

.bg-hover-yellow-crusta:hover {
    background: #f3c200 !important;
}

.font-yellow-crusta {
    color: #f3c200 !important;
}

.bg-font-yellow-crusta {
    color: #fff !important;
}

.border-yellow-crusta {
    border-color: #f3c200 !important;
}

.border-top-yellow-crusta {
    border-top-color: #f3c200 !important;
}

.border-bottom-yellow-crusta {
    border-bottom-color: #f3c200 !important;
}

.border-left-yellow-crusta {
    border-left-color: #f3c200 !important;
}

.border-right-yellow-crusta {
    border-right-color: #f3c200 !important;
}

.bg-before-yellow-crusta:before,
.bg-after-yellow-crusta:after {
    background: #f3c200 !important;
}

.border-before-yellow-crusta:before,
.border-after-yellow-crusta:after {
    border-color: #f3c200 !important;
}

.border-top-before-yellow-crusta:before,
.border-top-after-yellow-crusta:after {
    border-top-color: #f3c200 !important;
}

.border-bottom-before-yellow-crusta:before,
.border-bottom-after-yellow-crusta:after {
    border-bottom-color: #f3c200 !important;
}

.border-left-before-yellow-crusta:before,
.border-left-after-yellow-crusta:after {
    border-left-color: #f3c200 !important;
}

.border-right-before-yellow-crusta:before,
.border-right-after-yellow-crusta:after {
    border-right-color: #f3c200 !important;
}

.bg-yellow-lemon {
    background: #F7CA18 !important;
}

.bg-yellow-lemon-opacity {
    background: rgba(247, 202, 24, 0.8) !important;
}

.bg-hover-yellow-lemon:hover {
    background: #F7CA18 !important;
}

.font-yellow-lemon {
    color: #F7CA18 !important;
}

.bg-font-yellow-lemon {
    color: #fff !important;
}

.border-yellow-lemon {
    border-color: #F7CA18 !important;
}

.border-top-yellow-lemon {
    border-top-color: #F7CA18 !important;
}

.border-bottom-yellow-lemon {
    border-bottom-color: #F7CA18 !important;
}

.border-left-yellow-lemon {
    border-left-color: #F7CA18 !important;
}

.border-right-yellow-lemon {
    border-right-color: #F7CA18 !important;
}

.bg-before-yellow-lemon:before,
.bg-after-yellow-lemon:after {
    background: #F7CA18 !important;
}

.border-before-yellow-lemon:before,
.border-after-yellow-lemon:after {
    border-color: #F7CA18 !important;
}

.border-top-before-yellow-lemon:before,
.border-top-after-yellow-lemon:after {
    border-top-color: #F7CA18 !important;
}

.border-bottom-before-yellow-lemon:before,
.border-bottom-after-yellow-lemon:after {
    border-bottom-color: #F7CA18 !important;
}

.border-left-before-yellow-lemon:before,
.border-left-after-yellow-lemon:after {
    border-left-color: #F7CA18 !important;
}

.border-right-before-yellow-lemon:before,
.border-right-after-yellow-lemon:after {
    border-right-color: #F7CA18 !important;
}

.bg-yellow-saffron {
    background: #F4D03F !important;
}

.bg-yellow-saffron-opacity {
    background: rgba(244, 208, 63, 0.8) !important;
}

.bg-hover-yellow-saffron:hover {
    background: #F4D03F !important;
}

.font-yellow-saffron {
    color: #F4D03F !important;
}

.bg-font-yellow-saffron {
    color: #fff !important;
}

.border-yellow-saffron {
    border-color: #F4D03F !important;
}

.border-top-yellow-saffron {
    border-top-color: #F4D03F !important;
}

.border-bottom-yellow-saffron {
    border-bottom-color: #F4D03F !important;
}

.border-left-yellow-saffron {
    border-left-color: #F4D03F !important;
}

.border-right-yellow-saffron {
    border-right-color: #F4D03F !important;
}

.bg-before-yellow-saffron:before,
.bg-after-yellow-saffron:after {
    background: #F4D03F !important;
}

.border-before-yellow-saffron:before,
.border-after-yellow-saffron:after {
    border-color: #F4D03F !important;
}

.border-top-before-yellow-saffron:before,
.border-top-after-yellow-saffron:after {
    border-top-color: #F4D03F !important;
}

.border-bottom-before-yellow-saffron:before,
.border-bottom-after-yellow-saffron:after {
    border-bottom-color: #F4D03F !important;
}

.border-left-before-yellow-saffron:before,
.border-left-after-yellow-saffron:after {
    border-left-color: #F4D03F !important;
}

.border-right-before-yellow-saffron:before,
.border-right-after-yellow-saffron:after {
    border-right-color: #F4D03F !important;
}

.bg-yellow-soft {
    background: #c8d046 !important;
}

.bg-yellow-soft-opacity {
    background: rgba(200, 208, 70, 0.8) !important;
}

.bg-hover-yellow-soft:hover {
    background: #c8d046 !important;
}

.font-yellow-soft {
    color: #c8d046 !important;
}

.bg-font-yellow-soft {
    color: #fff !important;
}

.border-yellow-soft {
    border-color: #c8d046 !important;
}

.border-top-yellow-soft {
    border-top-color: #c8d046 !important;
}

.border-bottom-yellow-soft {
    border-bottom-color: #c8d046 !important;
}

.border-left-yellow-soft {
    border-left-color: #c8d046 !important;
}

.border-right-yellow-soft {
    border-right-color: #c8d046 !important;
}

.bg-before-yellow-soft:before,
.bg-after-yellow-soft:after {
    background: #c8d046 !important;
}

.border-before-yellow-soft:before,
.border-after-yellow-soft:after {
    border-color: #c8d046 !important;
}

.border-top-before-yellow-soft:before,
.border-top-after-yellow-soft:after {
    border-top-color: #c8d046 !important;
}

.border-bottom-before-yellow-soft:before,
.border-bottom-after-yellow-soft:after {
    border-bottom-color: #c8d046 !important;
}

.border-left-before-yellow-soft:before,
.border-left-after-yellow-soft:after {
    border-left-color: #c8d046 !important;
}

.border-right-before-yellow-soft:before,
.border-right-after-yellow-soft:after {
    border-right-color: #c8d046 !important;
}

.bg-yellow-haze {
    background: #c5bf66 !important;
}

.bg-yellow-haze-opacity {
    background: rgba(197, 191, 102, 0.8) !important;
}

.bg-hover-yellow-haze:hover {
    background: #c5bf66 !important;
}

.font-yellow-haze {
    color: #c5bf66 !important;
}

.bg-font-yellow-haze {
    color: #fff !important;
}

.border-yellow-haze {
    border-color: #c5bf66 !important;
}

.border-top-yellow-haze {
    border-top-color: #c5bf66 !important;
}

.border-bottom-yellow-haze {
    border-bottom-color: #c5bf66 !important;
}

.border-left-yellow-haze {
    border-left-color: #c5bf66 !important;
}

.border-right-yellow-haze {
    border-right-color: #c5bf66 !important;
}

.bg-before-yellow-haze:before,
.bg-after-yellow-haze:after {
    background: #c5bf66 !important;
}

.border-before-yellow-haze:before,
.border-after-yellow-haze:after {
    border-color: #c5bf66 !important;
}

.border-top-before-yellow-haze:before,
.border-top-after-yellow-haze:after {
    border-top-color: #c5bf66 !important;
}

.border-bottom-before-yellow-haze:before,
.border-bottom-after-yellow-haze:after {
    border-bottom-color: #c5bf66 !important;
}

.border-left-before-yellow-haze:before,
.border-left-after-yellow-haze:after {
    border-left-color: #c5bf66 !important;
}

.border-right-before-yellow-haze:before,
.border-right-after-yellow-haze:after {
    border-right-color: #c5bf66 !important;
}

.bg-yellow-mint {
    background: #c5b96b !important;
}

.bg-yellow-mint-opacity {
    background: rgba(197, 185, 107, 0.8) !important;
}

.bg-hover-yellow-mint:hover {
    background: #c5b96b !important;
}

.font-yellow-mint {
    color: #c5b96b !important;
}

.bg-font-yellow-mint {
    color: #fff !important;
}

.border-yellow-mint {
    border-color: #c5b96b !important;
}

.border-top-yellow-mint {
    border-top-color: #c5b96b !important;
}

.border-bottom-yellow-mint {
    border-bottom-color: #c5b96b !important;
}

.border-left-yellow-mint {
    border-left-color: #c5b96b !important;
}

.border-right-yellow-mint {
    border-right-color: #c5b96b !important;
}

.bg-before-yellow-mint:before,
.bg-after-yellow-mint:after {
    background: #c5b96b !important;
}

.border-before-yellow-mint:before,
.border-after-yellow-mint:after {
    border-color: #c5b96b !important;
}

.border-top-before-yellow-mint:before,
.border-top-after-yellow-mint:after {
    border-top-color: #c5b96b !important;
}

.border-bottom-before-yellow-mint:before,
.border-bottom-after-yellow-mint:after {
    border-bottom-color: #c5b96b !important;
}

.border-left-before-yellow-mint:before,
.border-left-after-yellow-mint:after {
    border-left-color: #c5b96b !important;
}

.border-right-before-yellow-mint:before,
.border-right-after-yellow-mint:after {
    border-right-color: #c5b96b !important;
}

.bg-purple {
    background: #8E44AD !important;
}

.bg-purple-opacity {
    background: rgba(142, 68, 173, 0.8) !important;
}

.bg-hover-purple:hover {
    background: #8E44AD !important;
}

.font-purple {
    color: #8E44AD !important;
}

.bg-font-purple {
    color: #fff !important;
}

.border-purple {
    border-color: #8E44AD !important;
}

.border-top-purple {
    border-top-color: #8E44AD !important;
}

.border-bottom-purple {
    border-bottom-color: #8E44AD !important;
}

.border-left-purple {
    border-left-color: #8E44AD !important;
}

.border-right-purple {
    border-right-color: #8E44AD !important;
}

.bg-before-purple:before,
.bg-after-purple:after {
    background: #8E44AD !important;
}

.border-before-purple:before,
.border-after-purple:after {
    border-color: #8E44AD !important;
}

.border-top-before-purple:before,
.border-top-after-purple:after {
    border-top-color: #8E44AD !important;
}

.border-bottom-before-purple:before,
.border-bottom-after-purple:after {
    border-bottom-color: #8E44AD !important;
}

.border-left-before-purple:before,
.border-left-after-purple:after {
    border-left-color: #8E44AD !important;
}

.border-right-before-purple:before,
.border-right-after-purple:after {
    border-right-color: #8E44AD !important;
}

.bg-purple-plum {
    background: #8775a7 !important;
}

.bg-purple-plum-opacity {
    background: rgba(135, 117, 167, 0.8) !important;
}

.bg-hover-purple-plum:hover {
    background: #8775a7 !important;
}

.font-purple-plum {
    color: #8775a7 !important;
}

.bg-font-purple-plum {
    color: #fff !important;
}

.border-purple-plum {
    border-color: #8775a7 !important;
}

.border-top-purple-plum {
    border-top-color: #8775a7 !important;
}

.border-bottom-purple-plum {
    border-bottom-color: #8775a7 !important;
}

.border-left-purple-plum {
    border-left-color: #8775a7 !important;
}

.border-right-purple-plum {
    border-right-color: #8775a7 !important;
}

.bg-before-purple-plum:before,
.bg-after-purple-plum:after {
    background: #8775a7 !important;
}

.border-before-purple-plum:before,
.border-after-purple-plum:after {
    border-color: #8775a7 !important;
}

.border-top-before-purple-plum:before,
.border-top-after-purple-plum:after {
    border-top-color: #8775a7 !important;
}

.border-bottom-before-purple-plum:before,
.border-bottom-after-purple-plum:after {
    border-bottom-color: #8775a7 !important;
}

.border-left-before-purple-plum:before,
.border-left-after-purple-plum:after {
    border-left-color: #8775a7 !important;
}

.border-right-before-purple-plum:before,
.border-right-after-purple-plum:after {
    border-right-color: #8775a7 !important;
}

.bg-purple-medium {
    background: #BF55EC !important;
}

.bg-purple-medium-opacity {
    background: rgba(191, 85, 236, 0.8) !important;
}

.bg-hover-purple-medium:hover {
    background: #BF55EC !important;
}

.font-purple-medium {
    color: #BF55EC !important;
}

.bg-font-purple-medium {
    color: #fff !important;
}

.border-purple-medium {
    border-color: #BF55EC !important;
}

.border-top-purple-medium {
    border-top-color: #BF55EC !important;
}

.border-bottom-purple-medium {
    border-bottom-color: #BF55EC !important;
}

.border-left-purple-medium {
    border-left-color: #BF55EC !important;
}

.border-right-purple-medium {
    border-right-color: #BF55EC !important;
}

.bg-before-purple-medium:before,
.bg-after-purple-medium:after {
    background: #BF55EC !important;
}

.border-before-purple-medium:before,
.border-after-purple-medium:after {
    border-color: #BF55EC !important;
}

.border-top-before-purple-medium:before,
.border-top-after-purple-medium:after {
    border-top-color: #BF55EC !important;
}

.border-bottom-before-purple-medium:before,
.border-bottom-after-purple-medium:after {
    border-bottom-color: #BF55EC !important;
}

.border-left-before-purple-medium:before,
.border-left-after-purple-medium:after {
    border-left-color: #BF55EC !important;
}

.border-right-before-purple-medium:before,
.border-right-after-purple-medium:after {
    border-right-color: #BF55EC !important;
}

.bg-purple-studio {
    background: #8E44AD !important;
}

.bg-purple-studio-opacity {
    background: rgba(142, 68, 173, 0.8) !important;
}

.bg-hover-purple-studio:hover {
    background: #8E44AD !important;
}

.font-purple-studio {
    color: #8E44AD !important;
}

.bg-font-purple-studio {
    color: #fff !important;
}

.border-purple-studio {
    border-color: #8E44AD !important;
}

.border-top-purple-studio {
    border-top-color: #8E44AD !important;
}

.border-bottom-purple-studio {
    border-bottom-color: #8E44AD !important;
}

.border-left-purple-studio {
    border-left-color: #8E44AD !important;
}

.border-right-purple-studio {
    border-right-color: #8E44AD !important;
}

.bg-before-purple-studio:before,
.bg-after-purple-studio:after {
    background: #8E44AD !important;
}

.border-before-purple-studio:before,
.border-after-purple-studio:after {
    border-color: #8E44AD !important;
}

.border-top-before-purple-studio:before,
.border-top-after-purple-studio:after {
    border-top-color: #8E44AD !important;
}

.border-bottom-before-purple-studio:before,
.border-bottom-after-purple-studio:after {
    border-bottom-color: #8E44AD !important;
}

.border-left-before-purple-studio:before,
.border-left-after-purple-studio:after {
    border-left-color: #8E44AD !important;
}

.border-right-before-purple-studio:before,
.border-right-after-purple-studio:after {
    border-right-color: #8E44AD !important;
}

.bg-purple-wisteria {
    background: #9B59B6 !important;
}

.bg-purple-wisteria-opacity {
    background: rgba(155, 89, 182, 0.8) !important;
}

.bg-hover-purple-wisteria:hover {
    background: #9B59B6 !important;
}

.font-purple-wisteria {
    color: #9B59B6 !important;
}

.bg-font-purple-wisteria {
    color: #fff !important;
}

.border-purple-wisteria {
    border-color: #9B59B6 !important;
}

.border-top-purple-wisteria {
    border-top-color: #9B59B6 !important;
}

.border-bottom-purple-wisteria {
    border-bottom-color: #9B59B6 !important;
}

.border-left-purple-wisteria {
    border-left-color: #9B59B6 !important;
}

.border-right-purple-wisteria {
    border-right-color: #9B59B6 !important;
}

.bg-before-purple-wisteria:before,
.bg-after-purple-wisteria:after {
    background: #9B59B6 !important;
}

.border-before-purple-wisteria:before,
.border-after-purple-wisteria:after {
    border-color: #9B59B6 !important;
}

.border-top-before-purple-wisteria:before,
.border-top-after-purple-wisteria:after {
    border-top-color: #9B59B6 !important;
}

.border-bottom-before-purple-wisteria:before,
.border-bottom-after-purple-wisteria:after {
    border-bottom-color: #9B59B6 !important;
}

.border-left-before-purple-wisteria:before,
.border-left-after-purple-wisteria:after {
    border-left-color: #9B59B6 !important;
}

.border-right-before-purple-wisteria:before,
.border-right-after-purple-wisteria:after {
    border-right-color: #9B59B6 !important;
}

.bg-purple-seance-opacity {
    background: rgba(154, 18, 179, 0.8) !important;
}

.bg-hover-purple-seance:hover {
    background: #9A12B3 !important;
}

.font-purple-seance {
    color: #9A12B3 !important;
}

.bg-font-purple-seance {
    color: #fff !important;
}

.border-purple-seance {
    border-color: #9A12B3 !important;
}

.border-top-purple-seance {
    border-top-color: #9A12B3 !important;
}

.border-bottom-purple-seance {
    border-bottom-color: #9A12B3 !important;
}

.border-left-purple-seance {
    border-left-color: #9A12B3 !important;
}

.border-right-purple-seance {
    border-right-color: #9A12B3 !important;
}

.bg-before-purple-seance:before,
.bg-after-purple-seance:after {
    background: #9A12B3 !important;
}

.border-before-purple-seance:before,
.border-after-purple-seance:after {
    border-color: #9A12B3 !important;
}

.border-top-before-purple-seance:before,
.border-top-after-purple-seance:after {
    border-top-color: #9A12B3 !important;
}

.border-bottom-before-purple-seance:before,
.border-bottom-after-purple-seance:after {
    border-bottom-color: #9A12B3 !important;
}

.border-left-before-purple-seance:before,
.border-left-after-purple-seance:after {
    border-left-color: #9A12B3 !important;
}

.border-right-before-purple-seance:before,
.border-right-after-purple-seance:after {
    border-right-color: #9A12B3 !important;
}

.bg-purple-intense {
    background: #8775a7 !important;
}

.bg-purple-intense-opacity {
    background: rgba(135, 117, 167, 0.8) !important;
}

.bg-hover-purple-intense:hover {
    background: #8775a7 !important;
}

.font-purple-intense {
    color: #8775a7 !important;
}

.bg-font-purple-intense {
    color: #fff !important;
}

.border-purple-intense {
    border-color: #8775a7 !important;
}

.border-top-purple-intense {
    border-top-color: #8775a7 !important;
}

.border-bottom-purple-intense {
    border-bottom-color: #8775a7 !important;
}

.border-left-purple-intense {
    border-left-color: #8775a7 !important;
}

.border-right-purple-intense {
    border-right-color: #8775a7 !important;
}

.bg-before-purple-intense:before,
.bg-after-purple-intense:after {
    background: #8775a7 !important;
}

.border-before-purple-intense:before,
.border-after-purple-intense:after {
    border-color: #8775a7 !important;
}

.border-top-before-purple-intense:before,
.border-top-after-purple-intense:after {
    border-top-color: #8775a7 !important;
}

.border-bottom-before-purple-intense:before,
.border-bottom-after-purple-intense:after {
    border-bottom-color: #8775a7 !important;
}

.border-left-before-purple-intense:before,
.border-left-after-purple-intense:after {
    border-left-color: #8775a7 !important;
}

.border-right-before-purple-intense:before,
.border-right-after-purple-intense:after {
    border-right-color: #8775a7 !important;
}

.bg-purple-sharp {
    background: #796799 !important;
}

.bg-purple-sharp-opacity {
    background: rgba(121, 103, 153, 0.8) !important;
}

.bg-hover-purple-sharp:hover {
    background: #796799 !important;
}

.font-purple-sharp {
    color: #796799 !important;
}

.bg-font-purple-sharp {
    color: #fff !important;
}

.border-purple-sharp {
    border-color: #796799 !important;
}

.border-top-purple-sharp {
    border-top-color: #796799 !important;
}

.border-bottom-purple-sharp {
    border-bottom-color: #796799 !important;
}

.border-left-purple-sharp {
    border-left-color: #796799 !important;
}

.border-right-purple-sharp {
    border-right-color: #796799 !important;
}

.bg-before-purple-sharp:before,
.bg-after-purple-sharp:after {
    background: #796799 !important;
}

.border-before-purple-sharp:before,
.border-after-purple-sharp:after {
    border-color: #796799 !important;
}

.border-top-before-purple-sharp:before,
.border-top-after-purple-sharp:after {
    border-top-color: #796799 !important;
}

.border-bottom-before-purple-sharp:before,
.border-bottom-after-purple-sharp:after {
    border-bottom-color: #796799 !important;
}

.border-left-before-purple-sharp:before,
.border-left-after-purple-sharp:after {
    border-left-color: #796799 !important;
}

.border-right-before-purple-sharp:before,
.border-right-after-purple-sharp:after {
    border-right-color: #796799 !important;
}

.bg-purple-soft {
    background: #8877a9 !important;
}

.bg-purple-soft-opacity {
    background: rgba(136, 119, 169, 0.8) !important;
}

.bg-hover-purple-soft:hover {
    background: #8877a9 !important;
}

.font-purple-soft {
    color: #8877a9 !important;
}

.bg-font-purple-soft {
    color: #fff !important;
}

.border-purple-soft {
    border-color: #8877a9 !important;
}

.border-top-purple-soft {
    border-top-color: #8877a9 !important;
}

.border-bottom-purple-soft {
    border-bottom-color: #8877a9 !important;
}

.border-left-purple-soft {
    border-left-color: #8877a9 !important;
}

.border-right-purple-soft {
    border-right-color: #8877a9 !important;
}

.bg-before-purple-soft:before,
.bg-after-purple-soft:after {
    background: #8877a9 !important;
}

.border-before-purple-soft:before,
.border-after-purple-soft:after {
    border-color: #8877a9 !important;
}

.border-top-before-purple-soft:before,
.border-top-after-purple-soft:after {
    border-top-color: #8877a9 !important;
}

.border-bottom-before-purple-soft:before,
.border-bottom-after-purple-soft:after {
    border-bottom-color: #8877a9 !important;
}

.border-left-before-purple-soft:before,
.border-left-after-purple-soft:after {
    border-left-color: #8877a9 !important;
}

.border-right-before-purple-soft:before,
.border-right-after-purple-soft:after {
    border-right-color: #8877a9 !important;
}

.i-step-buy {
    background: url("https://ecdn.vn/static/dongnai/images/icon-step-buy.png") no-repeat;
    width: 40px;
    height: 40px;
}

.i-stb-buy {
    background-position: -1px 0;
}

.i-stb-ship {
    background-position: 0 -42px;
}

.i-stb-pay {
    background-position: -43px 0;
}

.step-arrow {
    width: 20px;
    height: 22px;
    background-position: -44px -44px;
}

.container {
    max-width: 1200px;
}

.container .row {
    margin-right: 0;
    margin-left: 0;
}

body {
    font: 14px Roboto, sans-serif;
    color: #4d4d4d;
}

a {
    color: #4c4c4c;
}

a:hover {
    text-decoration: none;
}

button {
    cursor: pointer;
}

.nav-link.dropdown-toggle {
    cursor: pointer;
}

.arrow-left:before {
    content: '';
    border-right: .2em solid #fff;
    border-top: .2em solid #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(-135deg);
    color: #fff;
}

.arrow-right:before {
    content: '';
    border-right: .2em solid #fff;
    border-top: .2em solid #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    color: #fff;
}

.badge {
    border-radius: 0;
    padding: .25em .6em;
}

/*img {
    max-width: 100%;
}*/

/*.hideAll {
    visibility: hidden;
}*/

/*
header {
    background-image: linear-gradient(#003f68, #0075cd, #3f3f3f);
}
*/

header .nav-header {
    background: #fafafa;
    color: #333;
}

header .nav-header a {
    color: #333;
}

header .nav-header .top-nav-ref {
    font-size: 13px;
}

header .nav-header .top-nav-ref .nav-item {
    border-right: 1px solid #333;
    position: relative;
}

header .nav-header .top-nav-ref .nav-item:last-child {
    border: none;
}

header .nav-header .top-nav-ref .nav-item .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}

header .nav-header .top-nav-ref .nav-item [class^="icon-"],
header .nav-header .top-nav-ref .nav-item [class*=" icon-"] {
    position: absolute;
    font-size: 17px;
}

header .nav-header .top-nav-ref .dropdown-menu a {
    color: #000;
}

header .top-logo {
    position: relative;
}

header .top-logo .logo a {
    min-height: 65px;
    max-width: 200px;
    display: block;
}

header .top-logo .top-search .form-search {
    border: 2px solid #ff4747;
    border-radius: 4px 0 0 4px;
    padding: 5px;
}

header .top-logo .top-search .form-search select {
    height: auto;
    max-width: 90px;
}

header .top-logo .top-search .form-search input {
    border: none;
    border-left: 1px solid #a1a1a1;
    border-radius: 0;
    line-height: 1.2;
}

header .top-logo .top-search .form-search input:focus,
header .top-logo .top-search .form-search input:hover {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

header .top-logo .top-search .form-search .btn-icon {
    border: none;
    background: none;
}

header .top-logo .header-topbar .dropdown-toggle:after {
    margin-top: 20px;
}

header .top-logo .header-topbar .nav-link {
    padding: 0 1rem;
}

header .top-logo .header-topbar .nav-link .e-icon {
    font-size: 30px;
    color: #333;
}

header .top-logo .header-topbar .top-cart .cart-item {
    position: absolute;
    padding: 2px 8px;
    color: #fff;
    background: #ff4747;
    border-radius: 50%;
    right: 8px;
    bottom: -8px;
}

/* Main Navigation */

.top-focus .tab-focus {
    height: 350px;
}

.top-focus .tab-focus .tab-content {
    max-height: 311px;
}

.main_nav {
    width: 100%;
}

.header.scrolled .main_nav {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav_content {
    width: 100%;
    height: 40px;
    background: #007fff;
    /*border-top: solid 1px #f2f2f2;*/
    /*box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);*/
}

.cat_menu_container {
    width: 293px;
    height: 100%;
    padding-left: 35px;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

.cat_menu_title {
    height: 100%;
}

.cat_burger {
    width: 18px;
    height: 15px;
    position: relative;
}

.cat_burger span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #FFFFFF;
}

.cat_burger span:nth-child(2) {
    top: 6px;
}

.cat_burger span:nth-child(3) {
    top: 12px;
}

.cat_menu_text {
    /*font-size: 18px;*/
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-left: 20px;
}

.cat_menu_container ul {
    padding-left: 0px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease;
}

.cat_menu_container > ul {
    padding-top: 13px;
}

.cat_menu_container:hover .cat_menu {
    visibility: visible;
    opacity: 1;
}

.cat_menu li {
    display: block;
    position: relative;
    width: auto;
    height: 35px;
    border-bottom: solid 1px #f2f2f2;
    padding-left: 35px;
    padding-right: 30px;
    white-space: nowrap;
}

.cat_menu li.hassubs > a i {
    display: block;
}

.cat_menu li a {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    line-height: 35px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cat_menu li a:hover {
    color: #0e8ce4;
}

.cat_menu li a i {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 12px;
}

.cat_menu li ul {
    display: block;
    position: absolute;
    top: 35px;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.cat_menu li:hover > ul {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.main_nav_dropdown li {
    display: inline-block;
    position: relative;
    color: #fff4f4;
}

.main_nav_dropdown {
    text-align: left;
}

.main_nav_dropdown li a {
    padding: 0 35px;
    font-weight: 400;
    color: #000;
    line-height: 40px;
    border-right: 1px solid;
}

.main_nav_dropdown li:hover > a {
    color: #ff4747;
}

.main_nav_dropdown li li {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0;
}

.menu_trigger_container {
    display: none;
    width: auto;
    height: 100%;
    padding-right: 25px;
    padding-left: 25px;
    cursor: pointer;
}

.menu_trigger {
    height: 100%;
}

.menu_burger_inner {
    display: inline-block;
}

.menu_trigger_text {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 16px;
}

.page_menu_content {
    display: none;
    z-index: 1;
    padding: 0;
    position: absolute;
    right: 0;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0 10px 25px;
    transition: all 0.3s ease;
}

.page_menu_content li {
    display: block;
    position: relative;
    width: auto;
    height: 46px;
    border-bottom: solid 1px #f2f2f2;
    padding-left: 35px;
    padding-right: 30px;
    white-space: nowrap;
}

.page_menu_content li a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 46px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.page_menu_content li a:hover {
    color: #0e8ce4;
}

.navbar .u-sub-menu-v1 .hs-mega-menu {
    padding: 14px 20px;
    border: 1px solid #ddd;
    border-left-color: #e1e1e1;
    position: absolute;
    max-width: 900px !important;
    max-height: 100%;
    left: 100%;
    background: #fff;
    margin-left: 0;
    display: none;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: -2px 0 8px 0 rgba(0, 0, 0, .06);
    box-shadow: -2px 0 8px 0 rgba(0, 0, 0, .06);
    z-index: 1;
}

.hs-mega-menu .mega-group-header {
    border-bottom: 1px solid #E8E8E8;
    font-size: 17px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.hs-mega-menu .mega-group-header span {
    padding-bottom: 10px;
    border-bottom: 1px solid #ff3366;
    float: left;
    margin-bottom: -1px;
}

.hs-mega-menu .group-link-default {
    border: none !important;
    margin: 0;
    padding: 0 0 10px;
    list-style: none;

}

.hs-mega-menu .group-link-default li {
    border: none !important;
    padding-left: 0 !important;
    line-height: 28px !important;
}

/* End Main Navigation */

.main-content {
    margin-bottom: 30px;
}

.main-content .main-wrapper .list-item-box-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ee4118;
    margin-bottom: 30px;
    display: inline-block;
    line-height: 25px;
}

.hidden_field {
    display: none;
}

.main-content .slide-top {

}

.main-content .slide-top .slide-top-right {
    overflow: hidden;
    width: 66%;
    height: 100%;
    float: left;
}

.main-content .slide-top .slide-top-right .lSSlideWrapper {
    margin-bottom: -23px;
}

.carousel li {
    width: 8px;
    height: 8px;
}

.main-content .slide-top .slide-top-left {
    height: 100%;
    width: 33%;
    margin-left: auto;
    float: left;
}

.main-content .slide-top .slide-top-left .slide-left-top {
    height: 195px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.main-content .slide-top .slide-top-left .slide-left-bottom {
    height: 195px;
    width: 100%;
    overflow: hidden;
}

.main-content .slide-top .controls a {
    visibility: hidden;
    opacity: 0.8;
}

.main-content .slide-top .controls .e-icon {
    background: rgba(0, 0, 0, 0.5);
    padding: 25px 0;
}

.main-content .slide-top .controls .e-icon:before {
    width: 30px;
    height: 30px;
}

.main-content .slide-top .controls .carousel-control-prev {
    width: auto;
}

.main-content .slide-top .controls .carousel-control-next {
    width: auto;
}

.main-content .slide-top .controls .arrow-left:before {
    margin-left: 20px;
}

.main-content .slide-top .controls .arrow-right:before {
    margin-right: 20px;
}

.main-content .banner-top {
    background: #051f63;
    min-height: 125px;
}

/* product item */
ul.list-products {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.list-products .p-item {
    vertical-align: top;
    width: 165px;
    /*height: 100%;*/
    margin-right: 7px;
    background: #fff;
}

ul.list-products .p-item:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

ul.list-products .p-item a {
    height: 100%;
    width: 100%;
    display: block;
    background-color: transparent;
}

ul.list-products .p-item .p-image {
    width: 165px;
    height: 165px;
}

ul.list-products .p-item .p-q-view {
    padding: 10px 7px;
    background: #fff;
}

ul.list-products .p-item .p-name {
    font-size: 15px;
    height: 25px;
    color: #212121;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: capitalize;
    line-height: 25px;
}

ul.list-products .p-item .p-desc {
    color: #838282;
    height: 23px;
    overflow: hidden;
    margin-top: 8px;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 23px;
}

ul.list-products .p-item .p-price {
    margin-top: 10px;
}

ul.list-products .p-item .p-price .price {
    line-height: 25px;
    height: 25px;
    font-size: 15px;
    color: #ff0000;
}

ul.list-products .p-item .p-price .p-old-price {
    margin-top: 4px;
    margin-right: 4px;
    line-height: 14px;
    height: 14px;
    color: #9e9e9e;
    font-size: 12px;
}

ul.list-products .p-item .p-price .p-old-price .old-price {
    text-decoration: line-through;
    float: left;
}

ul.list-products .p-item .p-price .p-old-price .p-discount {
    color: #212121;
    opacity: .8;
    margin-left: 4px;
    float: left;
    margin-right: 4px;
}

ul.list-products .p-item .p-rate {
    margin-top: 10px;
    height: 14px;
    clear: both;
    display: flex;
}

ul.list-products .p-item .p-rate div:first-child {
    width: 52%;
}

ul.list-products .p-item .p-rate .rate-comment {
    margin-left: 5px;
    font-size: 13px;
    color: #9e9e9e;
}

/* end product item */

.list-slide-by-cart {
    background: #f5f5f5;
}

.list-slide-by-cart .home-categories-list {
    width: 100%;
}

.product-by-cat {
    width: 100%;
    height: 100%;
}

.product-by-cat .top-title {
    background-color: #3B81C4;
    padding: 5px 30px 5px 5px;
    margin-bottom: 5px;
    color: #fff;
}

.product-by-cat .top-title .e-icon {
    font-size: 25px;
    border-right: 1px dotted #fff;
    padding-right: 15px;
    margin-right: 15px;
}

.product-by-cat .top-title .title-name {
    text-transform: uppercase;
    vertical-align: middle;
}

.product-by-cat .top-title .title-name a {
    color: #fff;
}

.product-by-cat .inner-section {
    width: 100%;
}

.product-by-cat .inner-section .product-in-cat {
    padding: 0;
}

.product-by-cat .inner-section .slide-by-cat .content-slider {
    position: relative;
}

.product-by-cat .inner-section .product-in-cat ul.list-products .p-item {
    vertical-align: top;
    margin: auto;
    background: #fff;
}

.box-last-news .item {
    position: relative;
}

.box-last-news .title-box {
    padding: 17px;
    position: relative;
    bottom: -30px;
}

.box-last-news .title-box a {
    color: #fff;
}

.box-last-news .title-box .e-icon {
    font-size: 45px;
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
}

.box-last-news .title-box .box-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

.box-last-news .title-box .arrow-right {
    font-weight: normal;
}

.box-last-news .title-box .arrow-right:before {
    content: '';
    border-right: .1em solid #fff;
    border-top: .1em solid #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    color: #fff;
}

.box-last-news .content-box {
    background: #fff;
}

.box-last-news .slide-news ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box-last-news .slide-news ul li {
    max-width: 565px;
}

.box-last-news .slide-news .lSAction {
    visibility: hidden;
}

.box-last-news .slide-news .lSPager {
    position: absolute;
    background: #ebebeb;
    bottom: 10px;
    padding: 9px 13px 4px;
    margin-top: 0 !important;
}

.box-last-news .content-item {
    padding-bottom: 20px;
}

.box-last-news .n-name {
    font: 500 16px Roboto, sans-serif;
}

.box-last-news .read-more a {
    background: #959595;
    padding: 7px 15px;
    font-style: italic;
    color: #fff;
}

.top-seller {
    margin-top: -30px;
}

.top-seller .title-box {
    padding: 8px;
    position: relative;
    background-color: #3B81C4;
}

.top-seller .title-box a {
    color: #fff;
}

.top-seller .title-box .e-icon {
    font-size: 30px;
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
    color: #fff;
}

.top-seller .title-box .box-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

.top-seller .title-box .arrow-right {
    font-weight: normal;
}

.top-seller .title-box .arrow-right:before {
    content: '';
    border-right: .1em solid #fff;
    border-top: .1em solid #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    color: #fff;
}

.top-seller .content-list {
    margin-top: 20px;
}

.top-seller .content-list .list-product-slide .list-products {
    padding-bottom: 10px;
}

.top-seller .content-list .custom-control-slider .lSAction a {
    visibility: visible;
}

.custom-control-slider .lSAction a {
    background: rgba(0, 0, 0, 0.5) none;
    opacity: 0.8;
    min-height: 75px;
}

.slide-top .custom-control-slider .lSAction a {
    display: none;
}

.custom-control-slider .lSAction a:before {
    position: absolute;
    top: 40%
}

.custom-control-slider .lSAction .lSPrev:before {
    content: '';
    border-right: .2em solid #fff;
    border-top: .2em solid #fff;
    display: inline-block;
    width: 17px;
    height: 17px;
    transform: rotate(-135deg);
    color: #fff;
}

.custom-control-slider .lSAction .lSPrev:before {
    left: 10px;
}

.custom-control-slider .lSAction .lSNext:before {
    content: '';
    border-right: .2em solid #fff;
    border-top: .2em solid #fff;
    display: inline-block;
    width: 17px;
    height: 17px;
    transform: rotate(45deg);
    color: #fff;
}

.custom-control-slider .lSAction .lSNext:before {
    left: 3px;
}

.menu-footer {
    border-top: 1px solid #b7b7b7;
    padding-top: 45px;
}

.menu-footer .list-menu-f ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-footer .list-menu-f ul li {
    margin-bottom: 10px;
    display: flex;
}

.menu-footer .list-menu-f ul li a {
    /*color: #9e9e9e;*/
}

.menu-footer .list-menu-f ul .label-list {
    text-transform: uppercase;
    color: #575757;
    font-weight: 600;
    margin-bottom: 15px;
}

.menu-footer .list-menu-f ul .item-icon {
    margin-bottom: 16px;
    font-size: 15px;
}

.menu-footer .list-menu-f ul .item-icon .e-icon {
    font-size: 35px;
    border-right: 1px solid #707070;
    color: #9a9a9a;
    padding-right: 10px;
    margin-right: 10px;
}

.menu-footer .menu-social-ref [class^="icon-"] {
    font-size: 32px;
    padding: 0 6px;
}

.f-newsletter {
    border: 1px solid #707070;
    padding: 7px 15px;
}

.f-newsletter [class^="icon-"] {
    font-size: 30px;
}

/*.f-newsletters .gift-amount {
    font-size: 23px;
}*/

.f-newsletter .form-newsletter input,
.f-newsletter .form-newsletter .btn {
    border-radius: 0;
}

.bottom-slider {
    max-width: 100vw;
    border-top: 1px solid #b7b7b7;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bottom-slider .lSSlideOuter .lSPager.lSpg {
    display: none;
}

.bottom-slider .lSSlideOuter .lSAction {
    display: none;
}

.website-trust {
    margin-bottom: 60px;
}

.website-trust [class^="icon-"] {
    font-size: 55px;
}

footer {
    background: #f5f5f5;
    padding: 50px 0;
}

footer .logo-footer {
    background: url("https://ecdn.vn/static/dongnai/images/logo.png") no-repeat;
    width: 224px;
    height: 65px;
    display: block;
    margin-bottom: 25px;
}

footer .footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

footer .footer-links ul li {
    font-size: 16px;
    padding: 0 25px 15px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #606060;
}

footer .footer-links ul li:first-child {
    border-left: 1px solid #606060;
}

footer .footer-links ul li [class^="icon-"] {
    font-size: 23px;
    margin-bottom: 15px;
    display: block;
}

.breadcrumb {
    background: #fbf9f9;
    color: #363636;
    border-radius: 0;
    text-transform: capitalize;
}

.breadcrumb ul li {
    list-style: none;
    display: inline-flex;
}

.breadcrumb ul li:last-child,
.breadcrumb ul li:last-child a {
    color: #ff4747 !important;
}

.breadcrumb ul li i {
    line-height: 17px;
}

.sidebar {
    padding: 0 30px;
}

.sidebar.portlet {
    font-size: 11px;
}

.sidebar.portlet a {
    color: #636363;
}

.sidebar .filter-by-brand {
    position: relative;
}

.sidebar .filter-by-brand input {
    padding: 0 18px 0 5px;
}

.sidebar .filter-by-brand button {
    border: none;
    /*background: url("../images/icon-site.png") no-repeat -81px -214px;*/
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 3px;
}

.sidebar .filter-form {
    padding: 10px 0;
}

.sidebar .filter-form .item-filter {
    line-height: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.sidebar .filter-form .item-filter label {
    cursor: pointer;
}

.sidebar .filter-form .item-filter input {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.sidebar .range-slider {
    position: relative;
}

.sidebar .range-slider .noUi-horizontal {
    height: 10px;
}

.sidebar .range-slider .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: -5px;
}

.sidebar .range-slider .noUi-horizontal .noUi-handle:after,
.sidebar .range-slider .noUi-horizontal .noUi-handle:before {
    background: none;
    width: 0;
    height: 0;
}

.sidebar .range-slider .show-range-price {
    margin-top: 20px;
}

.sidebar .range-slider input {
    width: 110px;
    font-size: 11px;
}

.filter-color .item {
    width: 19px;
    height: 19px;
    margin-right: 5px;
}

input.shadow {
    background: #fff;
    padding: 0px 5px;
    height: 23px;
    border: 1px solid #c8c8c8;
    box-shadow: 1px 3px 2px #dedede;
    min-height: 23px;
    position: relative;
    display: block;
}

.badge {
    height: 18px;
    padding: 4px 6px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 10px;
}

.badge.badge-border {
    border: 1px solid #d6d6d6;
    border-radius: 0;
}

.badge.mb-5 {
    margin-bottom: 5px !important;
}

.portlet .portlet-title {
    display: block;
}

.portlet .portlet-title .caption {
    font: 13px Roboto, sans-serif;
    text-transform: uppercase;
    padding: 8px 5px 5px;
    position: relative;
    vertical-align: middle;
}

.portlet .portlet-title .caption i.m-ico {
    font-size: 19px;
    position: relative;
    top: -3px;
    margin-right: 12px;
    margin-left: 3px;
    float: left;
    border-right: 1px solid #fff;
    padding-right: 10px;
}

.portlet .portlet-body {
    padding: 10px 0;
}

.portlet .portlet-body .list-link-filter {
    padding: 10px 5px;
}

.portlet .portlet-body .list-link-filter .link-filter {
    margin-bottom: 5px;
    display: block;
}

.page-title {
    margin-bottom: 15px;
    display: block;
}

.page-title h1 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
}

.page-title .text-small {
    margin-top: -10px;
}

.pagination {
    color: #636363;
}

.pagination a {
    color: #636363;
}

.pagination .page-item:first-child .page-link {
    border-left-width: 1px;
}

.pagination .page-item:last-child .page-link {
    border-right-width: 1px;
}

.pagination .page-item .page-link {
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #aaa9a9;
    padding: 5px 7px;
    border-radius: 0;
}

.pagination .page-item .page-link.page-next {
    color: #fff;
    background: #e64c3d;
    padding: 5px 10px;
}

.pagination .page-item.active .page-link {
    background-color: #dbd8d8;
    border: 1px solid #aaa9a9;
}

.pagination .page-item.disabled {
    display: none;
}

.tools-box-list select.form-control-sm {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

.products-in-category {
    margin: 55px 0;
}

.products-in-category .list-products .p-item {
    vertical-align: top;
    margin: 4px;
    background: #fff;
}

.top-company-info {
    background: #fff;
    /*border-bottom: 1px solid #e1e1e1;*/
    margin-top: -1rem;
    padding: 10px 0;
}

.main-content top-company-info .company-info-content {
    padding: 0px;
}

.main-content top-company-info .company-info-content .text-small {
    border-bottom: 1px solid #aaa;
    margin: 10px 0;
    padding-bottom: 5px;
}

.news-infor-home {
    padding-bottom: 50px;
    margin-top: -25px;
    background-color: #f5f5f5;
}

.news-infor-home .news-home {
    width: 100%;
}

.news-infor-home .title-box {
    margin-bottom: 5px;
    padding: 8px;
    color: #fff !important;
    background: #3B81C4 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.news-infor-home .title-box a {
    color: #fff;
}

.news-infor-home .title-box .e-icon {
    font-size: 30px;
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
}

.news-infor-home .title-box .box-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

/*.news-infor-home .big-title {
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    color: #626262;
    padding-right: 15px;
}

.news-infor-home .big-title ul {
    list-style-type: none;
    font-size: 13px;
    line-height: 25px;
    display: inline-flex;
}

.news-infor-home .big-title ul li {
    float: left;
    display: inline-block;
    margin: 0 5px;
}

li.ui-tabs-active {
    color: #e4393f !important;
}*/

.news-infor-home .content-box {
    padding: 20px 5px 15px 5px;
    background-color: #FFF;
}

.news-infor-home .content-box .news {
    display: inline-flex;
}

.list-news {
    padding: 40px 30px 40px 30px;
    border: 1px solid #c3c3c3;
}

.list-news .news {
    padding-bottom: 10px;
    border-bottom: 1px dashed #c3c3c3;
    margin-bottom: 15px;
}

.news .title {
    font-weight: bold;
}

.news p
.news span {
    text-align: justify;
    font-size: small;
}

.news-infor-home .content-box .lSPager {
    float: left;
    margin-left: 10px;
}

.news-infor-home .content-box .custom-control-slider .lSAction a {
    display: none;
}

.news-page {
    padding-bottom: 40px;
}

.top-company-info .company-info {
    border-bottom: 1px solid #aaa;
    margin-bottom: 20px;
}

.top-company-info .company-info .company-logo {
    border: 1px solid #aaa;
}

.top-company-info .company-info .company-name {
    padding-left: 10px;
    padding-right: 10px;
}

.top-company-info .company-info .company-name h3 {
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
}

.top-company-info .company-contact {
    vertical-align: top;
    margin: 20px 0 20px 50px;
}

.top-company-info .company-contact .ct-box {
    border-left: 1px solid #d0d0d0;
    padding-left: 20px;
    margin-left: 20px;
}

.top-company-info .company-contact .ct-box .contact-type {
    font-size: 11px;
    color: #636363;
    margin-bottom: 5px;
    font-weight: bold;
}

.top-company-info .company-contact .ct-box .contact-detail {
    font-size: 13px;
    margin-bottom: 0;
}

.top-company-info .company-contact .ct-box .contact-detail .m-ico {
    margin-right: 5px;
}

.page-header .content table {
    max-width: 100vw
}

/* star rating */
.star-rating {
    color: #CBCBCB;
}

.star-rating i {
    letter-spacing: -1px;
    width: auto;
}

.star-rating a {
    margin-left: 10px;
}

.star-rating.One i:first-child {
    color: #E6CE31;
}

.star-rating.Two i:first-child,
.star-rating.Two i:first-child + i {
    color: #E6CE31;
}

.star-rating.Three i:first-child,
.star-rating.Three i:first-child + i,
.star-rating.Three i:first-child + i + i {
    color: #E6CE31;
}

.star-rating.Four i:first-child,
.star-rating.Four i:first-child + i,
.star-rating.Four i:first-child + i + i,
.star-rating.Four i:first-child + i + i + i {
    color: #E6CE31;
}

.star-rating.Five i {
    color: #E6CE31;
}

.rating {
    border: none;
    float: left;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 2px;
    font-size: 15px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label,

    /* show gold star when clicked */

.rating:not(:checked) > label:hover,

    /* hover current star */

.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

/* hover previous stars in list */

.rating > input:checked + label:hover,

    /* hover current star when changing rating */

.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,

    /* lighten current selection */

.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

/* PRODUCT LIST*/

.product-list .col-md-3 {
    position: relative;
    cursor: pointer;
}

.product-list .col-md-3:hover > ul.categories {
    visibility: visible;
}

.product-list .categories_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
}

.product-list ul.categories {
    position: absolute;
    visibility: hidden;
    background: #FFF;
    border: 1px solid #ccc;
    padding: 15px;
    z-index: 1000;
}

.product-list .fa {
    color: #269d8a;
}

.product-list .list-item-box {
    border: 1px solid #b8b8b8;
    float: left;
    padding: 20px;
    margin-bottom: 40px;
}

.product-list .list-item-box .list-item-box-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ee4118;
    margin-bottom: 30px;
    display: inline-block;
    line-height: 25px;
}

.product-list .list-item-box .list-item-box-count {
    font-size: 14px;
    color: #767676;
    font-weight: bold;
    margin-left: 5px;
    float: left;
    line-height: 25px;
}

.product-list .list-item-box .list-item-box-select {
    float: left;
    margin-left: 35px;
}

.list-item-box-select select {
    border: 1px solid #269d8a;
    font-weight: bold;
    padding: 2px 4px;
}

.product-list .list-item ul {
    list-style-type: none;
}

.product-list .list-item ul li.product {
    float: left;
    margin: 0 7px 14px 7px;
    border: 1px solid #ebebeb;
    padding: 7px;
}

/* Detail */

.top-product-info .quick-info .product-rate a {
    color: #1A9CB7;
}

.top-product-info .quick-info .product-rate span {
    padding-left: 5px;
    color: #1A9CB7;
}

.top-product-info .quick-info .product-rate .star-rating {
    color: #CBCBCB;
}

.top-product-info .quick-info .p-title {
    font-size: 21px;
    font-weight: 400;
}

.top-product-info .quick-info .product-rate {
    display: flex;
}

.top-product-info .quick-info .product-shop {
    font-weight: 500;
}

.top-product-info .quick-info .product-shop .e-icon {
    font-size: 19px;
}

.top-product-info .product-favourite {
    display: inline-flex;
    float: right;
}

.top-product-info .product-favourite .item-action {
    border-right: 1px solid #9f9f9f;
    padding: 0 5px;
}

.top-product-info .product-favourite .item-action:last-child {
    border: none;
}

.top-product-info .go-shop {
    background: #e95645;
    text-transform: uppercase;
    padding: 5px 50px 5px 40px;
    position: relative;
}

.top-product-info .go-shop a {
    color: #fff;
}

.top-product-info .go-shop i[class^="icon-"] {
    font-size: 32px;
    position: absolute;
    color: #000;
    top: -12px;
    right: 9px;
}

.summary-divider {
    width: 1px;
    background: #9E9E9E;
    margin-left: 7px;
    margin-right: 4px;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
}

.one-space {
    width: 1px;
    background: #ffffff;
    margin-left: 3px;
    margin-right: 3px;
}

.e-icon-heart {
    background: url("https://ecdn.vn/static/dongnai/images/icon-heart.png") no-repeat;
    width: 19px;
    height: 18px;
    display: inline-block;
}

.product-info {
    border-top: 1px solid #c1bcbc;
}

.product-info .product-desc {
    padding-bottom: 10px;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 10px;
}

.product-info .product-desc ul {
    margin: 0;
    padding-left: 10px;
}

.product-info .product-options {
    padding: 15px 0;
    border-bottom: 1px solid #c9c9c9;
}

.product-info .product-options .option-type {
    margin-bottom: 5px;
}

.product-info .product-options .item a {
    border: 1px solid #fff;
}

.product-info .product-options .item .active {
    border-color: #eb7165;
}

.product-info .product-price {
    padding: 15px 0;
}

.product-info .product-price p {
    margin-bottom: 5px;
}

.product-info .product-price .price {
    font-size: 28px;
    color: #f57224;
}

.product-info .btn-add-cart {
    background: #e95645;
    color: #fff;
    padding: 10px 20px;
    display: table;
    line-height: 15px;
}

.product-info .product-warning {
    border: 1px solid #cacaca;
    border-radius: 5px;
    padding: 15px;
    color: #7b7b7b;
    margin-top: 25px;
}

.product-info .button-buy {
    float: left;
}

.product-info .button-buy .form-control {
    width: 23%;
    display: inline-flex;
    margin-bottom: 5px;
}

.shop-category {
    border-bottom: 1px solid #cacaca;
}

.shop-category .title-box {
    background: #dadada;
    border: 1px solid #dec2c0;
    border-top: 2px solid #e64c3d;
    border-bottom: 0px;
    border-radius: 5px;
    padding: 10px 0;
}

.shop-category .list-cat {
    padding: 15px 0;
}

.shop-trust {
    padding: 10px 0;
    margin-bottom: 30px;
}

.shop-trust .trusted-by {
    border-left: 1px solid #cacaca;
    padding-left: 10px;
    margin-left: 10px;
}

.shop-trust .trusted-name {
    font-weight: bold;
    color: #e64c3d;
}

.box-content-product {
    margin-bottom: 15px;
    margin-top: 15px;
}

.product-detail {
    border: 1px solid #c9c9c9;
    border-top: 2px solid #e64c3d;
    padding: 25px 20px;
    background: #fff;
}

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

.box-report {
    background: #f8ad43;
    position: relative;
    padding: 10px 10px 5px 100px;
    position: relative;
}

.box-report:after {
    content: '';
    background: #9f773f;
    width: 1px;
    height: 55%;
    position: absolute;
    top: 0;
    left: 90px;
    transform: translateY(50%);
}

.box-report i.m-ico {
    position: absolute;
    top: -10px;
    left: 25px;
}

.site-steps ul {
    margin: 0;
}

.site-steps ul li {
    display: inline-block;
    max-width: 55px;
    font-size: 10px;
    vertical-align: top;
}

.site-steps ul li i,
.site-steps ul li span {
    display: block;
}

.site-steps ul li i {
    margin-bottom: 5px;
}

.site-steps ul li.step-arrow-item {
    padding: 12px 25px 0 7px;
    width: 20px;
}

.site-steps ul .step-arrow {
    position: relative;
    top: 10px;
    margin-right: 10px;
}

.products-shop .title-box {
    background: #168dc5;
    color: #fff;
    padding: 7px 22px;
    position: relative;
}

.products-shop .products-shop-list {
    margin-top: 40px;
}

#popover-contact {
    display: none;
}

.control-label {
    margin-right: 10px;
}

.sortby_list {
    float: right;
    margin-bottom: 10px;
}

/* login page */
.login-page {
    /*background-color: #f5f5f5;*/
}

.login-page .form-login .top-title {
    margin: auto auto 20px auto;
    width: 800px;
    height: 32px;
    line-height: 32px;
}

.login-page .form-register .top-title {
    margin: auto auto 20px auto;
    width: 600px;
    height: 55px;
    line-height: 32px;
}

.login-page .top-title h3 {
    font-size: 40px;
    font-weight: 400;
}

.login-page .top-title span {
    float: right;
    margin-top: -10px;
}

.login-page .top-title span a {
    color: #2c86c8;
}

.login-page .btn-choise .btn-login-submit {
    font-size: 20px;
    width: 200px;
    color: #fff;
    background-color: #436583;
    text-transform: uppercase;
}

.login-page .btn-choise .btn-register-submit {
    font-size: 20px;
    width: 200px;
    color: #fff;
    background-color: #436583;
    text-transform: uppercase;
}

.login-page .btn-choise button {
    font-size: 20px;
    width: 200px;
    color: #fff;
    background-color: #3B81C4;
    text-transform: uppercase;
    border-radius: 0px;
}

.login-page .btn-choise button:hover {
    color: #fff;
    background-color: #d0611e;
    border-color: transparent;
    text-decoration: none;
}

/*.login-page .top-title .i-box-name {
    font-size: 125%;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 5px;
}*/

.login-page .form-register .content-title {
    padding: 10px;
    width: 600px;
    margin: auto auto 10px auto;
    background-color: #fff;
}

.login-page .form-register .content-form {
    padding: 25px 40px 40px 25px;
    width: 600px;
    margin: 20px auto;
    background-color: #fff;
    border: 1px solid #e4e3e3;
}

.login-page .form-login .content-form {
    padding: 25px 40px 40px 25px;
    width: 800px;
    margin: 20px auto;
    background-color: #fff;
    border: 1px solid #e4e3e3;
}

.login-page .content-form p {
    float: left;
}

.login-page .content-form .form-group {
    display: block;
}

.login-page .form-register .content-form .form-group {
    display: block;
    padding: 0 40px 0 40px;
}

.login-page .form-register .content-form .content-form-title {
    background-color: bisque;
    height: 25px;
    font-size: 20px;
    text-align: center;
}

.login-page .content-form .form-group-login {
    float: none;
}

.login-page .content-form input {
    border-radius: 0;
}

.login-page .content-form .col-form-label {
    text-align: right;
    padding-right: 0px;
}

.login-page .or-divider {
    padding-left: 30px;
}

.login-page .or-divider .inner {
    border-left: 1px dotted #ccc;
    height: 100%;
    position: relative;
}

.login-page .or-divider .loginOr {
    background: #b7b7b7;
    border: 1px solid #9a9a9a;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    text-align: center;
    line-height: 3;
    font-size: 11px;
    position: absolute;
    top: 35%;
    left: -15px;
}

.login-page .login-social-form {
    padding: 0px;
    margin-top: 10px;
}

.login-page .login-social-form .login-social {
    margin-top: 10px;
}

.login-page .login-social-form .login-social .btn-login-social {
    display: block;
    width: 215px;
    margin-bottom: 20px;
    border-radius: 0 3px 3px 0;
}

.login-page .login-social-form .login-social .btn-login-social span {
    padding: 5px;
    display: inline-block;
}

.login-page .login-social-form .login-social .btn-fb {
    color: #375d90;
    border: 1px solid #375d90;
    cursor: pointer;
}

.login-page .login-social-form .login-social .btn-fb .icon-facebook-line {
    background: #375d90;
    color: #fff;
    display: inline-block;
    padding: 10px;
}

.login-page .login-social-form .login-social .btn-g-p {
    color: #ff0400;
    border: 1px solid #ff0400;
}

.login-page .login-social-form .login-social .btn-g-p .icon-google-plus-line {
    background: #ff0400;
    color: #fff;
    display: inline-block;
    padding: 10px;
}

.login-page .form-login .content-form a.text-link {
    color: #5b5edb;
    text-decoration: underline;
}

/* Giỏ Hàng, thanh toan */

.cart-page {
    font-family: Roboto, sans-serif;
    padding-bottom: 20px;
}

.cart-page .title-page {
    color: #4c4c4c;
}

.cart-page .title-page .inner-title {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 10px;
    font-size: 20px;
    display: flex;
}

.cart-page .title-page .inner-title i {
    font-size: 35px;
    border-right: 1px solid #b7b7b7;
    padding-right: 10px;
    margin-right: 8px;
}

.cart-page .step-pay {
    position: relative;
    display: inline-flex;
    float: right;
}

.cart-page .step-pay .wizard__steps {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding-left: 40px;
    position: relative;
}

.cart-page .step-pay .wizard__steps:first-child {
    padding-left: 0;
}

.cart-page .step-pay .wizard__steps .step-icon {
    margin-bottom: 2px;
}

.cart-page .step-pay .wizard__steps .step-icon i {
    font-size: 35px;
    color: #d2d2d2;
}

.cart-page .step-pay .wizard__steps .step-bullet {
    width: 10px;
    height: 10px;
    background: #b7b7b7;
    border-radius: 50%;
    margin: 0 auto;
}

.cart-page .step-pay .wizard__steps .step-info {
    margin-top: 10px;
}

.cart-page .step-pay .wizard__steps.current-step .step-bullet {
    background: #ed1c24;
}

.cart-page .step-pay .wizard__steps.current-step .step-icon i {
    color: #6c6c6c;
}

.cart-page .step-process {
    position: absolute;
    width: 100%;
    top: 45px;
}

.cart-page .step-process .progress-bar {
    height: 1px;
    background: #b7b7b7;
    width: 100%
}

.cart-page .table-cart {
    font-size: 14px;
    font-family: Roboto, sans-serif;
}

.cart-page .p-image {
    padding: 5px 5px 5px 0;
    width: 120px;
    height: 120px;
    text-align: center;
}

.cart-page .p-image .p-image-view {
    width: 120px;
    height: 120px;
}

.cart-page .table-cart .p-name {
    position: relative;
    max-width: 300px;
}

.cart-page .table-cart .p-name a.name {
    font-weight: bold;
    color: #4c4c4c;
}

.cart-page .table-cart .p-name a.name:hover {
    color: #3B81C4;
    text-decoration: underline;
}

.cart-page .table-cart .p-name .shop-info {
    color: #858585;
    margin-bottom: 5px;
}

.cart-page .table-cart .delete-p-cart {
    /*position: absolute;*/
    bottom: 5px;
    font-size: 11px;
}

.cart-page .table-cart .p-price .old-price {
    text-decoration: line-through;
}

.cart-page .table-cart .p-price .discount-percent {
    font-weight: bold;
}

.cart-page .table-cart .p-qty {
    max-width: 150px;
}

.cart-page .table-cart .p-qty input {
    border-radius: 0;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    width: 52px;
    padding-left: 5px;
}

.cart-page .table-cart .price-total {
    font-size: 19px;
    color: #c42020;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.cart-page .table-cart .p-trans .e-icon {
    font-size: 23px;
}

.cart-page .table-cart .p-trans .trans-info {
    font-weight: bold;
    margin-bottom: 8px;
}

.cart-page .summary-cart {
    font-size: 14px;
}

.cart-page .summary-cart .sum-item .sum-number {
    text-align: right;
}

.cart-page .summary-cart .sum-item .total-cart {
    font-size: 22px;
    color: #c42020;
    margin-top: 2px;
}

.cart-page .action-form {
    float: right;
}

.btn-cart,
.btn-cart-next {
    color: #fff;
    background: #3B81C4;
    border-radius: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.btn-cart:hover,
.btn-cart-next:hover {
    color: #fff;
    text-decoration: underline;
}

.order-detail .order-item {
    min-height: 300px;
    padding: 19px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.payment-page .address-book .address-item {
    height: 155px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.payment-page .address-book .address-item address {
    max-width: 100%;
    margin: 0;
}

.payment-page .address-book .address-item form {
    float: right;
    margin-top: 10px;
}

.payment-page .address-book .address-item .address-controls a,
.payment-page .address-book .address-item .address-controls button {
    background-color: #fff;
    border-color: #ccc;
}

.payment-page .form-heading {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 10px;
}

.payment-page .form-heading .form-heading-title {
    font-weight: bold;
}

.payment-page .form-header-line {
    background: #e6e6e6;
    border: 1px solid #b7b7b7;
    padding: 10px;
}

.payment-page .control-label {
    margin-right: 10px;
    text-align: right;
    padding-top: 10px;
}

#basket_totals .total {
    width: 200px;
    font-size: 19px;
    font-weight: 600;
}

#basket_totals .total1 {
    width: 200px;
    font-size: 17px;
    font-weight: 600;
}

.payment-page .form-group {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#basket_totals .price-total {
    color: #c42020;
    text-align: right;
}

.badge-deliver {
    font-size: 11px;
    color: #858585;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
}

.quick-cart {
    border: 1px solid #b7b7b7;
}

.quick-cart .title-box {
    font-size: 22px;
    padding: 15px;
    border-bottom: 1px solid #b7b7b7;
}

.quick-cart .title-box .total-in-cart {
    color: #b4b4b4;
    font-size: 13px;
}

.quick-cart .list-in-cart {
    padding-bottom: 10px;
}

.quick-cart .list-in-cart .item {
    border-bottom: 1px solid #b7b7b7;
}

.quick-cart .list-in-cart .item .content-p-cart {
    padding: 15px 15px 10px;
}

.quick-cart .list-in-cart .item .info-item {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 5px;
}

.quick-cart .list-in-cart .item .head-item {
    font-weight: 900;
    margin-bottom: 10px;
}

.quick-cart .list-in-cart .item .value-item {
    color: #4c4c4c;
    line-height: 1.1;
    font-size: 13px;
    display: flex;
}

/*
.quick-cart .list-in-cart .item .value-item a:first-child {
    width: 60px;
    height: 60px;
}*/

.quick-cart .list-in-cart .item .ship-info {
    padding: 10px 0 0;
}

.summary-quick-cart {
    background: #e6e6e6;
}

.summary-quick-cart .sum-item {
    display: block;
}

.summary-quick-cart .sum-item .value-item {
    font-weight: 900;
    display: inline-block;
    float: right;
}

.summary-quick-cart .sum-item .value-total {
    color: #c20d0d;
    font-size: 20px;
}

.summary-quick-cart .line-total {
    background: #707070;
    height: 1px;
    margin: 10px 0;
    display: block;
}

.review-shipping-address,
.review-payment-address {
    border: 1px solid #b7b7b7;
    padding: 10px 10px 0 10px;
}

.review-shipping-address .title-box,
.review-payment-address .title-box {
    display: flex;
    margin-bottom: 15px;
}

.review-shipping-address .title-box a,
.review-payment-address .title-box a {
    text-align: right;
    margin-top: 5px;
}

.review-shipping-address .address-detail,
.review-payment-address .payment-detail {
    color: #b3b3b3;
}

.review-shipping-address .address-detail p {
    margin-bottom: 5px
}

.review-payment-address {

}

.payment-method {
    border: 1px solid #b7b7b7
}

.payment-method .tab-content {
    color: #858585;
    padding-left: 25px;
    padding-right: 25px
}

.payment-method .cod-note {
    line-height: 1.5
}

.bn-nav {
    border-bottom: 1px solid #b7b7b7;
    padding: 30px 10px 0
}

.bn-nav .nav-item {
    width: 33%;
    position: relative
}

.bn-nav .nav-item:last-child {
    margin-right: 0
}

.bn-nav .nav-item .nav-link {
    color: #b4b4b4;
    display: flex;
    text-align: right;
    padding: 0 20px 10px 0
}

.bn-nav .nav-item .nav-link.active {
    border-bottom: 2px solid #3B81C4;
    color: #4c4c4c
}

.bn-nav .nav-item .text-nav {
    font-size: 20px;
    border-right: 1px solid #b7b7b7;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px
}

.bn-nav .nav-item .i-nav {
    font-size: 60px
}

.news-page .title-adv {
    background: #dadada;
    border: 1px solid #dec2c0;
    border-top: 2px solid #e64c3d;
    border-bottom: 0px;
    border-radius: 5px;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

.news-page .banner-news {
    border: 1px solid #c3c3c3;
}

/* FLATPAGE */
.description {
    margin-bottom: 30px;
    text-align: justify;
}

.description .title {
    margin-bottom: 20px;
    color: #830c0c;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.description .content {
    line-height: 150%;
}

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

.read-more {
    padding: 15px;
    border-top: 1px dashed #c3c3c3;
}

.one-line {
    height: 2%;
    width: 100%;
}

/* RESPONSIVE */
@media (min-width: 768px) and (max-width: 1200px) {
    .main-content .slide-top {
        width: 100vw;
    }

    .main-content .slide-top .slide-top-right .lSSlideWrapper ul li {
        width: 100vw;
    }

    .product-by-cat .inner-section .slide-by-cat .content-slider .list-banner .item {
        width: 28.22vw;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item {
        width: 145px;
        height: 300px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-image {
        width: 100%;
        height: 42.65%;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-q-view {
        width: 100%;
        height: 57.55%;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-name {
        line-height: 21px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-desc {
        line-height: 18px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-price {
        margin-top: 5px;
        width: auto;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate {
        margin-top: 5px;
        width: 100%;
    }

    .news-infor-home .news-home {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .top-seller .content-list .list-product-slide {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        max-width: 100vw;
    }

    .cat_menu_container {
        width: 260px;
        padding-left: 25px;
    }

    .main_nav_dropdown li a {
        font-size: 14px;
        padding: 0 25px;
    }

    .cat_menu_text {
        font-size: 16px;
    }

    #one-slider-1 li.banner_img img {
        max-width: 100vw;
    }

    .news-page {
        padding: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .option2 .box-vertical-megamenus .vertical-menu-list > li > a {
        line-height: 25px;
        font-size: 11px;
    }

    .navbar .u-sub-menu-v1 .hs-mega-menu {
        max-height: none;
        height: auto;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate div:first-child {
        font-size: 11px;
        width: 50%;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate .rate-comment {
        font-size: 11px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-price .price {
        font-size: 17px;
    }
}

@media only screen and (max-width: 991px) {
    .main_nav_menu {
        display: none;
    }

    .nav-ontop #main_nav_menu {
        margin-left: auto;
    }

    #main_nav_menu .btn-menu {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
        color: white;
    }

    .main_nav_content {
        background: #0e8ce4;
    }

    .menu_trigger_container {
        display: block;
    }

    .main_nav_menu {
        padding-top: 40px;
    }

    .main_nav_menu .main_nav_dropdown {
        text-align: right;
    }

    .main_nav_dropdown li {
        text-align: right;
        margin-right: -10px;
    }

    .main_nav_dropdown li a {
        border: none;
    }

    .cat_menu_container ul {
        visibility: hidden;
        opacity: 0;
    }

    .main-content .slide-top .slide-top-right {
        overflow: hidden;
        width: 100%;
        height: 100%;
        float: left;
    }

    .carousel li {
        width: 8px;
        height: 8px;
    }

    .main-content .slide-top .slide-top-left {
        height: 100%;
        width: 100%;
        margin-left: auto;
        float: left;
        display: flex;
    }

    .main-content .slide-top .slide-top-left .one-line {
        display: none;
    }

    .main-content .slide-top .slide-top-left .slide-left-top {
        height: 100%;
        width: 49.5%;
        overflow: hidden;
    }

    .main-content .slide-top .slide-top-left .slide-left-bottom {
        height: 100%;
        width: 49.5%;
        overflow: hidden;
        margin-left: auto;
    }

    .top-focus {
        width: 100vw;
    }

    .top-focus .tab-focus {
        width: 100%;
    }

    .top-focus .tab-focus .nav-tabs .nav-item .nav-link {
        padding: 10px;
    }

    .product-by-cat .inner-section .slide-by-cat {
        display: none;
    }

    .top-focus .banner-focus {
        display: none;
    }

    .top-focus .tab-focus .nav-item .nav-link.active:after {
        width: calc(100% - 15px);
    }

    .product-by-cat .inner-section .product-in-cat {
        width: 100vw;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item {
        margin: 2px;
    }

    .summary-quick-cart {
        float: right;
    }

    .login-page .form-login .top-title {
        width: 95vw;
    }

    .login-page .form-login .content-form {
        width: 95vw;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar .u-sub-menu-v1 .hs-mega-menu {
        left: 70px;
        margin-right: -100%;
        top: auto;
        max-height: none;
        height: auto;
    }

    .top-product-info .product-favourite .item-action a {
        display: none;
    }

    .d-lg-block {
        display: block !important;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-name {
        line-height: 24px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-desc {
        line-height: 20px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate div:first-child {
        font-size: 12px;
        width: 51%;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate .rate-comment {
        font-size: 12px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-price .price {
        font-size: 17px;
    }

    .main-content .main-wrapper .product-info .slide-image-detail .thumb-list div:only-child {
        display: flex;
        margin-bottom: 10px;
    }

    footer .footer-links ul li {
        font-size: 11px;
        padding: 0 15px 5px;
    }

    .shop-trust .trusted-by {
        font-size: 10px;
    }

    .shop-trust .trusted-by a {
        font-size: 9px;
    }
}

/* di động theo chiều ngang */
@media (max-width: 767px) {
    header .top-header .nav-header div:first-child {
        display: none;
    }

    header .top-header .nav-header div:last-child {
        display: inline-grid;
    }

    header .top-header .nav-header .top-nav-ref {
        float: right;
    }

    header .top-logo .header-topbar {
        position: absolute;
        top: 50px;
        right: 30px;
    }

    .main-content .slide-top .slide-top-right .lSSlideWrapper ul li {
        width: 100vw;
    }

    #main_nav_menu {
        width: 50%;
        /*height: 40px;*/
        float: left;
        background-color: #f2f2f2;
    }

    .top-focus .tab-focus .tab-content {
        max-height: 301px;
    }

    .top-focus .tab-focus .nav-tabs {
        margin-left: 15px;
        margin-right: 15px;
    }

    /*.top-focus .content-slider {
        padding-left: 15px;
        padding-right: 15px;
    }*/
    .top-focus .content-slider .lSAction a {
        opacity: 0.5;
    }

    ul.list-products .p-item {
        width: 145px;
        height: 330px;
    }

    ul.list-products .p-item a div:only-child {
        width: auto;
        height: 100%;
    }

    ul.list-products .p-item .p-image {
        height: 43.94%;
        width: 100%;
    }

    ul.list-products .p-item .p-q-view {
        height: 56.06%;
    }

    ul.list-products .p-item .p-name {
        height: 31%;
        line-height: 24px;
    }

    ul.list-products .p-item .p-desc {
        height: 28.5%;
        line-height: 20px;
    }

    ul.list-products .p-item .p-rate div:first-child {
        font-size: 12px;
        width: 50%;
    }

    ul.list-products .p-item .p-rate .rate-comment {
        font-size: 12px;
    }

    ul.list-products .p-item .p-price .price {
        font-size: 17px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item {
        width: 175px;
        /*height: 300px;*/
        margin: 5px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-image {
        height: 48.34%;
        width: 100%;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-q-view {
        height: 51.66%;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-q-view {
        /*width: 100%;*/
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-price {
        margin-top: 5px;
        width: auto;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate {
        margin-top: 5px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate div:first-child {
        font-size: 11px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate .rate-comment {
        font-size: 11px;
    }

    .news-infor-home .news-home {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .news-infor-home .news-home,
    .news-infor-home .infor-home {
        width: 100%;
    }

    .news-infor-home .content-box .news {
        display: inline-flex;
        width: 94vw;
        max-height: 165px;
    }

    .top-seller .content-list .list-product-slide {
        width: 100%;
        padding: 0 15px;
    }

    footer {
        position: relative;
    }

    footer .footer-links {
        padding: 0 15px;
        font-size: 11px;
    }

    footer .footer-links ul li[class^="icon-"] {
        font-size: 16px;
    }

    footer .footer-verified {
        position: absolute;
        bottom: 0;
    }

    footer .site-info {
        margin-bottom: 10px;
    }

    .login-page .form-register .top-title {
        width: 95vw;
    }

    .login-page .form-register .content-form {
        width: 95vw;
    }

    .cart-page .table-cart,
    .cart-page .table-cart .price-total {
        font-size: 12px;
    }

    .cart-page .p-image,
    .cart-page .p-image .p-image-view {
        width: 80px;
        height: 80px;
    }

    .cart-page .summary-cart .sum-item h4,
    .cart-page .summary-cart .sum-item .total-cart {
        font-size: 20px;
    }

    .cart-page .summary-cart .sum-item .btn-cart-next {
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar .u-sub-menu-v1 .hs-mega-menu {
        left: 70px;
        margin-right: -100%;
        top: auto;
        max-height: none;
        height: auto;
    }

    header .top-logo .logo {
        margin-bottom: 15px;
    }

    header .top-logo .header-topbar .nav-link {
        padding: 0 .5rem;
    }

    header .top-logo .header-topbar .nav-link .e-icon {
        font-size: 30px;
    }

    header .top-logo .header-topbar .top-cart .cart-item {
        padding: 2px 5px;
        font-size: 9px;
        bottom: 0;
        right: 0;
    }

    .main-content .slide-top .slide-top-right {
        width: 100vw;
    }

    .main-content .slide-top .slide-top-left {
        height: 100%;
        width: 100%;
        margin-left: auto;
        float: left;
        display: flex;
    }

    .main-content .top-focus .content-slider {
        width: 100%;
        margin-left: 0;
        overflow: hidden;
    }

    .main-content .top-focus .list-products .p-item {
        max-width: 100%;
        flex: auto;
    }

    .product-by-cat .product-in-cat {
        margin: 0 !important;
        padding: 0 1rem 0 0;
    }

    .product-by-cat .inner-section .slide-by-cat {
        display: none;
    }

    .box-last-news .slide-news ul li {
        max-width: 400px;
    }
}

/* di động theo chiều dọc */
@media (max-width: 575px) {
    header .top-logo .logo {
        margin-bottom: 10px;
    }

    header .top-logo .header-topbar .nav-item {
        position: absolute;
        top: -25px;
        right: 20px;
    }

    header .top-logo .header-topbar .nav-buttom {
        position: absolute;
        top: 25px;
        right: 20px;
    }

    header .top-logo .header-topbar .nav-buttom nav-link .e-icon {
        font-size: 30px;
    }

    .main_nav_dropdown li a {
        padding: 0;
    }

    #home-slider .header-top-right .homeslider .item {
        display: none;
    }

    .menu_trigger_container {
        width: 160px;
    }

    .navbar .u-sub-menu-v1 .hs-mega-menu {
        left: 50px;
        margin-right: -25%;
        top: auto;
        max-height: none;
        height: auto;
    }

    .option2 .group-banner-slider-top {
        display: none;
    }

    .top-focus .tab-focus .nav-item {
        margin: 5px;
    }

    .top-focus .tab-focus .nav-tabs .nav-item .nav-link {
        padding: 5px;
    }

    .top-focus .tab-focus .nav-item .e-icon {
        font-size: 20px;
        padding: 5px;
    }

    .top-focus .tab-focus .tab-name {
        font-size: 9px;
    }

    ul.list-products .p-item .p-desc {
        height: 27%;
    }

    ul.list-products .p-item .p-price {
        height: 28px;
    }

    .product-by-cat .inner-section .product-in-cat ul.list-products .p-item .p-rate .rate-comment span:first-child {
        display: none;
    }

    .product-by-cat .top-title .e-icon {
        font-size: 20px;
    }

    .product-by-cat .top-title .title-name {
        font-size: 12px;
    }

    .product-by-cat .top-title .title-name {

    }

    .news-infor-home .title-box .e-icon {
        font-size: 20px;
    }

    .news-infor-home .title-box .box-name {
        font-size: 14px;
    }

    .news-infor-home .big-title ul {
        font-size: 12px;
    }

    .news-infor-home .content-box .news img {
        width: 100%;
    }

    .news-infor-home .content-box .news .title {
        font-size: 12px;
    }

    .news-infor-home .content-box .news span {
        font-size: 11.5px !important;
    }

    .pagination .pages {
        font-size: 12px;
    }

    .menu-footer .list-menu-f ul .item-icon {
        font-size: 12px;
    }

    .menu-footer .list-menu-f ul .item-icon .e-icon,
    .menu-footer .menu-social-ref [class^="icon-"],
    .menu-footer .list-menu-f ul li img,
    .f-newsletter [class^="icon-"] {
        font-size: 25px;
    }

    .f-newsletter,
    .f-newsletter .form-newsletter input,
    .f-newsletter .form-newsletter .btn {
        font-size: 13px;
    }

    footer .footer-links ul li {
        font-size: 8px;
        padding: 0 15px 5px;
    }

    .page-content-wrapper {
        padding: 5px;
    }

    .login-page .top-title h3 {
        font-size: 34px;
    }

    .cart-page .table-cart .item-cart .p-price {
        display: none;
    }

    .payment-page .control-label {
        text-align: left;
    }

    .top-product-info .quick-info .product-rate {
        font-size: 11px;
    }

    .top-company-info .company-contact {
        margin-left: 0;
    }
}

/*Css for Zoom Image*/

.zoomContainer {
    z-index: 9999 !important;
}

.zoomWindow {
    z-index: 9999 !important;
}