﻿:root { --primary-color: #232323; }
ol, ul, dl { margin-top: 0; margin-bottom: 1rem; list-style:none;}
.header-main { height: 90px }
.text-danger { color: #dc3545 !important; }
#logo img { max-height: 90px }

#logo { width: 200px; }

#logo img { padding: 3px 0; }

.header-bottom { min-height: 55px }

.header-top { min-height: 30px }

.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 140px; }

.header.show-on-scroll,
.stuck .header-main { height: 60px !important }

.stuck #logo img { max-height: 60px !important }

.header-bg-color,
.header-wrapper { background-color: #0a0a0a }

.header-bottom { background-color: rgba(10, 10, 10, 0.94) }

.stuck .header-main .nav > li > a { line-height: 50px }

.header-bottom-nav > li > a { line-height: 28px }

@media (max-width: 549px) {
 .header-main { height: 70px }

 #logo img { max-height: 70px }
}

.nav-dropdown { font-size: 100% }

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline > li.active > a,
.nav-outline > li.active > a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary { color: #232323; }

/* Color !important */
[data-text-color="primary"] { color: #232323 !important; }

/* Background Color */
[data-text-bg="primary"] { background-color: #232323; }

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item > a:after,
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold > li > a:hover,
.nav-dropdown-bold.dark .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold.dark > li > a:hover,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box > li > a:hover,
.nav-box > li.active > a,
.nav-pills > li.active > a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom > li > a:before,
.nav-line-grow > li > a:before,
.nav-line > li > a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner { background-color: #232323; }

/* Border */
.nav-vertical.nav-tabs > li.active > a,
.scroll-to-bullets a.active,
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover,
.has-hover:hover .badge-outline .badge-inner,
.accordion-title.active,
.featured-table,
.is-outline:hover,
.tagcloud a:hover,
blockquote,
.has-border,
.cart-icon strong:after,
.cart-icon strong,
.blockUI:before,
.processing:before,
.loading-spin,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover { border-color: #232323 }

.nav-tabs > li.active > a { border-top-color: #232323 }

.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #232323 }

.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #232323 }

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow { fill: #232323; }

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button { background-color: #fab30f; }

[data-text-bg="secondary"] { background-color: #fab30f; }

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary { color: #fab30f }

/* Color !important */
[data-text-color="secondary"] { color: #fab30f !important; }

/* Border */
.secondary.is-outline:hover { border-color: #fab30f }

.success.is-underline:hover,
.success.is-outline:hover,
.success { background-color: #489d8a }

.success-color,
.success.is-link,
.success.is-outline { color: #489d8a; }

.success-border { border-color: #489d8a !important; }

/* Color !important */
[data-text-color="success"] { color: #489d8a !important; }

/* Background Color */
[data-text-bg="success"] { background-color: #489d8a; }

body { font-size: 96%; }

@media screen and (max-width: 549px) {
 body { font-size: 100%; }
}

body { font-family: "Open Sans", sans-serif }

body { font-weight: 0 }

body { color: #282828 }

.nav > li > a { font-family: "Open Sans", sans-serif; }

.nav > li > a { font-weight: 600; }

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a { font-family: "Open Sans", sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 { font-weight: 700; }

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font { color: #2d2d2d; }

.alt-font { font-family: "Dancing Script", sans-serif; }

.alt-font { font-weight: 400 !important; }

.header:not(.transparent) .header-bottom-nav.nav > li > a { color: #ffffff; }

.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,
.header:not(.transparent) .header-bottom-nav.nav > li.active > a,
.header:not(.transparent) .header-bottom-nav.nav > li.current > a,
.header:not(.transparent) .header-bottom-nav.nav > li > a.active,
.header:not(.transparent) .header-bottom-nav.nav > li > a.current { color: #d6a504; }

.header-bottom-nav.nav-line-bottom > li > a:before,
.header-bottom-nav.nav-line-grow > li > a:before,
.header-bottom-nav.nav-line > li > a:before,
.header-bottom-nav.nav-box > li > a:hover,
.header-bottom-nav.nav-box > li.active > a,
.header-bottom-nav.nav-pills > li > a:hover,
.header-bottom-nav.nav-pills > li.active > a { color: #FFF !important; background-color: #d6a504; }

a { color: #017d3d; }

a:hover { color: #024e91; }

.tagcloud a:hover { border-color: #024e91; background-color: #024e91; }

.footer-2 { background-color: #f7f7f7 }

.absolute-footer,
html { background-color: #0a0a0a }

/* Custom CSS */
.nav-dropdown > li.nav-dropdown-col { display: block }

.nav-dropdown { border: 1px solid #ddd; padding: 0 }

.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown li a { font-weight: normal !important; text-transform: none !important; font-size: 15px; font-weight: 500 }

.nav-dropdown .nav-dropdown-col > ul li:hover { background: #db0000 }

.nav-dropdown-default > li:hover > a,
.nav-dropdown .nav-dropdown-col > ul li:hover > a { color: white }

.nav-dropdown-default > li:hover { background: #fbae3c }

.nav-dropdown-default > li > a { border-bottom: 0 !important }

.nav-dropdown-has-arrow li.has-dropdown:before { border-width: 10px; margin-left: -10px; }

.nav-dropdown .nav-dropdown-col > ul { border: 1px solid #d2d2d2; margin-top: -40px; box-shadow: 2px 2px 5px #828282; display: none; position: absolute; left: 100%; z-index: 9; background: white; min-width: 240px; }

.nav-dropdown > li.nav-dropdown-col { width: 100%; border-right: 0 }

.nav-dropdown .nav-dropdown-col > ul li a { padding: 10px; text-transform: none; color: black }

.header-nav li.nav-dropdown-col:hover > ul { display: block !important }

.label-new.menu-item > a:after { content: "New"; }

.label-hot.menu-item > a:after { content: "Hot"; }

.label-sale.menu-item > a:after { content: "Sale"; }

.label-popular.menu-item > a:after { content: "Popular"; }
.bg { opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; }

.bg-loaded { opacity: 1; }
blockquote { font-size: 1em; padding: 5px 0.25em 1px 1.875em; }

h4 { font-size: 1em; }

h3 { font-size: 1.10em; color: #DAAB00; }

.row-large > .col { padding: 0 15px 30px; margin-bottom: 0; }

.nav-pills > li > a { border-radius: 3px; }

.accordion-title { font-size: 90%; }

.accordion-inner { padding: 1em 1em; }

@media screen and (max-width: 5000px) {
 .call-now-button { display: flex !important; background: #1a1919; }

 .quick-call-button { display: block !important; }
}

@media screen and (min-width: px) {
 .call-now-button .call-text { display: none !important; }
}

@media screen and (max-width: 1024px) {
 .call-now-button .call-text { display: none !important; }
}

.call-now-button { top: 90%; }

.call-now-button { left: 3%; }

.call-now-button { background: #1a1919; }

.call-now-button div a .quick-alo-ph-img-circle,
.call-now-button div a .quick-alo-phone-img-circle { background-color: #e2b100; }

.call-now-button .call-text { color: #fff; }

#row-483550460 > .col > .col-inner { padding: 0px 10px 0px 0px; }

#text-box-1515326471 { width: 64%; }

#text-box-1515326471 .text { font-size: 100%; }


@media (min-width:550px) {

 #text-box-1515326471 { width: 53%; }
}

#banner-2042061809 { padding-top: 300px; }

#banner-2042061809 .bg.bg-loaded { background-image: url("/images/uploaded/2018/12/47595099_6107469150956_1981819118646460416_n.png"); }

#banner-2042061809 .overlay { background-color: rgba(0, 0, 0, 0.65); }

#banner-2042061809 .bg { background-position: 41% 100%; }


@media (min-width:550px) {

 #banner-2042061809 { padding-top: 450px; }
}

#text-box-1467735745 { width: 53%; }

#text-box-1467735745 .text { font-size: 100%; }

#banner-1909020276 { padding-top: 300px; }

#banner-1909020276 .bg.bg-loaded { background-image: url("/images/uploaded/2018/12/47484049_6107469194956_2763376542292639744_n.png"); }

#banner-1909020276 .overlay { background-color: rgba(0, 0, 0, 0.65); }

#banner-1909020276 .bg { background-position: 57% 85%; }


@media (min-width:550px) {

 #banner-1909020276 { padding-top: 450px; }
}

#text-box-1231078544 { width: 73%; }

#text-box-1231078544 .text { font-size: 100%; }


@media (min-width:550px) {

 #text-box-1231078544 { width: 53%; }
}

#banner-304387555 { padding-top: 300px; }

#banner-304387555 .bg.bg-loaded { background-image: url("/images/uploaded/2018/12/47303153_6107474223956_243295809825669120_n.png"); }

#banner-304387555 .overlay { background-color: rgba(0, 0, 0, 0.65); }

#banner-304387555 .bg { background-position: 57% 85%; }


@media (min-width:550px) {

 #banner-304387555 { padding-top: 450px; }
}
#image_550859229 { width: 9%; }

#section_1386585211 { padding-top: 30px; padding-bottom: 30px; }
#section_1077911121 { padding-top: 30px; padding-bottom: 30px; background-color: rgb(241, 241, 241); }
#text-box-1261162448 { width: 60%; }

#text-box-1261162448 .text { font-size: 100%; }
#banner-898774050 { padding-top: 135px; background-color: rgba(0, 0, 0, 0); }


@media (min-width:550px) {

 #banner-898774050 { padding-top: 232px; }
}

#section_1270825882 { padding-top: 30px; padding-bottom: 30px; }

#section_1270825882 .section-bg.bg-loaded { background-image: url("/images/uploaded/2018/12/mua-hang-trung-quoc-24horder.jpg"); }

#section_1270825882 .section-bg { background-position: 58% 69%; }

#image_1901712853 { width: 17%; }
#section_970677685 { padding-top: 0px; padding-bottom: 0px; }

#section_970677685 .section-bg-overlay { background-color: rgba(255, 255, 255, 0.87); }

#section_970677685 .section-bg.bg-loaded { background-image: url("/images/uploaded/2018/12/mua-hang-trung-quoc-24horder.jpg"); }

#section_970677685 .section-bg { background-position: 0% 45%; }
#row-346643544 > .col > .col-inner { padding: 0px 10px 0px 0px; }
.float-left { float: left !important; }
.breadcrumb { display: flex; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem;margin:0; }
.breadcrumb { border-radius: 0; background-color: transparent; padding: 0; }
.breadcrumb li{margin:0;}
.breadcrumb a { color: #212529; font-size: 12px; line-height: 18px; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-size: 12px; color: #da2527; }
.breadcrumb-item + .breadcrumb-item::before { content: "»"; padding: 0 5px; }

.mt-2, .my-2 { margin-top: .5rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1; }
.list-unstyled { padding-left: 0; list-style: none; }

.lst-a li { padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #ccc; }
.lst-a li .img { display: block; width: 200px; height: 180px; background-size: cover; background-position: center; transition: transform .3s ease,opacity .3s; -webkit-transition: -webkit-transform .3s ease,opacity .3s; /*@include hover-focus {
            transform: scale3d(1.1,1.1,1);
            -webkit-transform: scale3d(1.1,1.1,1);
            -moz-transform: scale3d(1.1,1.1,1) rotate(.02deg);
        }*/ }
.lst-a li .img img { display: none; }
.lst-a li:first-child { padding-top: 0; }
.lst-a li h3 { font-size: 21px; }
.lst-a li a { color: #111; }
.lst-a li a:hover, .lst-a li a:focus { color: #ff6a00; }
.lst-a li p.card-text { font-size: 13px; color: #777; }

.a-list-group .img { margin-right: 10px; }

.a-list-group .img { display: block; width: 75px; height: 75px; background-size: cover; background-position: center; transition: transform .3s ease,opacity .3s; -webkit-transition: -webkit-transform .3s ease,opacity .3s; }
.a-list-group .img img { display: none; }

.a-details > h1 { font-size: 27px; }
.a-details > h2 { font-size: 18px; line-height: 26px; }
.a-details .a-content { line-height: 26px; font-size: 15px; }
.a-details .a-content p { line-height: 26px; font-size: 15px; }
/*********************** paging ************************/
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; }
.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }
.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.page-link:not(:disabled):not(.disabled) { cursor: pointer; }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; }
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
.text-center { text-align: center !important; }

.text-box { width: 79%; }
.text-box .text { font-size: 100%; }
.banner { padding-top: 40px; }

/*List group*/
.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }
.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }
.list-group-item-action:hover,
.list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; }
.list-group-item-action:active { color: #212529; background-color: #e9ecef; }
.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.list-group-item:hover,
.list-group-item:focus { z-index: 1; text-decoration: none; }
.list-group-item.disabled,
.list-group-item:disabled { color: #6c757d; background-color: #fff; }
.list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; }
.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; }
.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; }
.list-group-item-primary { color: #004085; background-color: #b8daff; }
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; }
.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; }
.list-group-item-secondary { color: #383d41; background-color: #d6d8db; }
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; }
.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; }
.list-group-item-success { color: #155724; background-color: #c3e6cb; }
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; }
.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; }
.list-group-item-info { color: #0c5460; background-color: #bee5eb; }
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; }
.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; }
.list-group-item-warning { color: #856404; background-color: #ffeeba; }
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; }
.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; }
.list-group-item-danger { color: #721c24; background-color: #f5c6cb; }
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; }
.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; }
.list-group-item-light { color: #818182; background-color: #fdfdfe; }
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; }
.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; }
.list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; }
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; }
.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; }