.bg {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}
.bg-loaded {
    opacity: 1;
}

:root {
    --primary-color: #ca9f66;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1200px
}

.row.row-collapse {
    max-width: 1170px
}

.row.row-small {
    max-width: 1192.5px
}

.row.row-large {
    max-width: 1230px
}

.header-main {
    height: 100px
}

#logo img {
    max-height: 100px
}

#logo {
    width: 200px;
}

.header-bottom {
    min-height: 44px
}

.header-top {
    min-height: 30px
}

.transparent .header-main {
    height: 90px
}

.transparent #logo img {
    max-height: 90px
}

.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: 120px;
}

.header.show-on-scroll, .stuck .header-main {
    height:100px !important
}

.stuck #logo img {
    max-height: 100px !important
}

.search-form {
    width: 60%;
}

.header-bg-color, .header-wrapper {
    background-color: #ffffff
}

.header-bottom {
    background-color: #01b1da
}

.header-main .nav > li > a {
    line-height: 16px
}

.stuck .header-main .nav > li > a {
    line-height: 50px
}

.header-bottom-nav > li > a {
    line-height: 42px
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

.nav-dropdown-has-arrow li.has-dropdown:before {
    border-bottom-color: #ffffff;
}

.nav .nav-dropdown {
    border-color: #ffffff
}

.nav-dropdown {
    font-size:100%
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    border-bottom-color: #fcfcfc;
}

.nav .nav-dropdown {
    background-color: #fcfcfc
}

.header-top {
    background-color: #f7f8f8 !important;
}/* 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: #ca9f66;
}/* Color !important */

[data-text-color="primary"] {
    color: #ca9f66 !important;
}/* Background Color */

[data-text-bg="primary"] {
    background-color: #ca9f66;
}/* 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: #ca9f66;
}/* 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: #ca9f66
}

.nav-tabs > li.active > a {
    border-top-color: #ca9f66
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #ca9f66
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #ca9f66
}/* Fill */

.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #ca9f66;
}/* 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, .current .breadcrumb-step {
    background-color: #ba1f4b;
}

[data-text-bg="secondary"] {
    background-color: #ba1f4b;
}/* 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: #ba1f4b
}/* Color !important */

[data-text-color="secondary"] {
    color: #ba1f4b !important;
}/* Border */

.secondary.is-outline:hover {
    border-color:#ba1f4b
}

.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #333333
}

.success-color, .success.is-link, .success.is-outline {
    color: #333333;
}

.success-border {
    border-color: #333333 !important;
}/* Color !important */

[data-text-color="success"] {
    color: #333333 !important;
}/* Background Color */

[data-text-bg="success"] {
    background-color: #333333;
}

body {
    font-size: 100%;
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

body {
    font-family: "Roboto", sans-serif
}

body {
    font-weight: 0
}

body {
    color: #333333
}

.nav > li > a {
    font-family: "Montserrat", sans-serif;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: "Montserrat", sans-serif;
}

.nav > li > a {
    font-weight: 700;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Roboto", 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: #ba1f4b;
}

.alt-font {
    font-family: "Montserrat", sans-serif;
}

.alt-font {
    font-weight: 0 !important;
}

.header:not(.transparent) .header-nav.nav > li > a {
    color: #333333;
}

.header:not(.transparent) .header-nav.nav > li > a:hover, .header:not(.transparent) .header-nav.nav > li.active > a, .header:not(.transparent) .header-nav.nav > li.current > a, .header:not(.transparent) .header-nav.nav > li > a.active, .header:not(.transparent) .header-nav.nav > li > a.current {
    color: #ca9f66;
}

.header-nav.nav-line-bottom > li > a:before, .header-nav.nav-line-grow > li > a:before, .header-nav.nav-line > li > a:before, .header-nav.nav-box > li > a:hover, .header-nav.nav-box > li.active > a, .header-nav.nav-pills > li > a:hover, .header-nav.nav-pills > li.active > a {
    color: #FFF !important;
    background-color: #ca9f66;
}

.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: #ffb3d2;
}

.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: #ffb3d2;
}

a {
    color: #333333;
}

a:hover {
    color: #dba719;
}

.tagcloud a:hover {
    border-color: #dba719;
    background-color: #dba719;
}

.badge-inner.on-sale {
    background-color: #ff0000
}

@media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
        min-width: 300px !important;
        width: 300px !important;
    }
}

.absolute-footer, html {
    background-color: #ca9f66
}

.page-title-small + main .product-container > .row {
    padding-top: 0;
}/* Custom CSS */

.form1.row .col-md-6:first-child {
    margin-right: 20px;
}

.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    background-color: #fff;
    border-radius: 0;
}

.wpcf7 label {
    text-align: left;
}

.form1.row {
    margin-left: 0 !important;
    margin-right: -5px !important;
}

.form1.row .col-md-6 {
    width: 48%;
}

input.wpcf7-form-control.wpcf7-submit {
    border-radius: 6px;
}

li#menu-item-2525 a.nav-top-link span, li#menu-item-2652 a.nav-top-link span {
    display: none;
}

.bg-red {
    position: absolute;
    background: #ff0000;
    padding: 10px;
    width: 350px;
    border-radius: 4px;
    left: -20px;
}

.col-back22 {
    background-image: url(https://thuanducjsc.vn/wp-content/uploads/2019/08/Untitled-234-min.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    padding-left: 40px;
    padding-top: 0px;
    height: 60px;
    position: absolute;
    right: -5px;
    top: 75px;
}

.col-back11 {
    background-image: url(https://thuanducjsc.vn/wp-content/uploads/2019/08/background-min.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 25px;
    padding-left: 50px;
    height: 200px;
}

.lhe-1 {
    background-image: url(https://thuanducjsc.vn/wp-content/uploads/2019/09/Rectangle-84@3x.png);
    width: 240px;
    padding: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

p, .wpspw-post-content {
    color: black;
}

.footer {
    padding: 0;
}

div#block_widget-4 {
    margin-bottom: 0;
    padding: 0;
}

.pd-0 {
    padding: 0 !important;
}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg {
    height: 250px;
    margin-bottom: 0;
}

a.wpspw-readmorebtn {
    display: none !important;
}

.lienquan .box {
    min-height: 300px !important;
}

div#comments {
    display: none;
}

.pd5 {
    padding: 10px !important;
}

.widget_search .widget-title, .widget_search .is-divider {
    display: none;
}

i.icon-search {
    color: #fff;
}

.boxbox .text {
    background-color: rgba(39, 76, 142, 0.58) !important;
    border-radius: 10px !important;
    padding-left:10px
}

h1.product-title.product_title.entry-title, .product_meta span, h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase, h1.entry-title {
    color: #ca9f66;
    font-weight: 700;
}

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

.entry-title, .product_meta span {
    font-size: 16px;
}

.product_meta spana.icon.button.circle.is-outline.tooltip.email.tooltipstered {
    display: none;
}

.banner-layers.container {
    max-width: 1140px;
}

.bg-blue {
    background: #ca9f66;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}

.bg-fff {
    padding: 20px;
    min-height: 200px;
}

h6.entry-category.is-xsmall {
    display: none;
}

.no-bor-left .tab-panels {
    border: none;
}

.box-text .is-divider {
    display: none;
}

input[type='submit'] {
    font-size: .91em;
}

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

.nav-dropdown {
    min-width: 280px;
}

.nav-tabs > li > a {
    /* background:#fff; */
}

.rip-lh {
    line-height: 0;
}

p.name.product-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

p {
    text-align: justify;
}

.shadow1 {
    box-shadow: 1px 3px 6px rgba(204, 204, 204, 0.75);
}

.box-blog-post .box-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.qtpt {
    background: #ca9f66;
    padding: 20px;
}

.col.post-item.is-selected .col-inner {
    box-shadow: 1px 3px 6px rgba(204, 204, 204, 0.75);
    border-radius: 5px;
}

.box-text-inner.blog-post-inner {
    padding: 20px;
}

h5.post-title.is-large, .post-meta.is-small.op-8 {
    color: #ca9f66;
}

.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}

.col-back2 {
    background-image: url(https://thuanducjsc.vn/wp-content/uploads/2019/08/Untitled-234-min.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 350px;
    padding-left: 60px;
    padding-top: 5px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 80px;
}

.col-back1 {
    background-image: url(https://thuanducjsc.vn/wp-content/uploads/2019/08/background-min.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-left: 60px;
    height: 200px;
}

.col-back {
    font-size: 90%;
    background-image: url(https://thuanducjsc.vn/wp-content/uploads/2019/08/Untitled-6-min-2.png);
    background-size: cover;
    padding-top: 20px;
    padding-left: 30px;
}

.butt1 {
    color: #ff0000 !important;
    border: 2px solid #ff0000;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
}

.foot-icon .icon-box-img {
    width: 15px !important;
}

.nav > li.active > a {
    padding: 8px 10px;
    border-radius: 3px;
}

.im2019 {
    position: absolute;
    top: -55px;
    left: 15px;
    color: #fff;
}

.nav-dropdown > li.nav-dropdown-col {
    display: block;
}

.nav > li > a {
    color: black;
}

.searchform-wrapper.ux-search-box.relative.is-normal {
    position: absolute;
    bottom: -65px;
    z-index: 7;
    right: 25px;
}

.logo-foot1 .img-inner {
    position: absolute;
    width: 100%;
    top: -50px;
}

div#rev_slider_2_1_wrapper {
    margin-bottom: 60px !important;
}

.tp-thumbs.inner.hesperiden.nav-pos-hor-left.nav-pos-ver-bottom.nav-dir-horizontal {
    top: 117% !important;
}

li#menu-item-935 .nav-dropdown-default {
    padding: 0px !important;
}

li#menu-item-935 .nav-dropdown-default li {
    padding: 0px 20px;
}

li#menu-item-935 .nav-dropdown-default li:first-child {
    padding-top: 20px;
}

li#menu-item-935 .nav-dropdown-default li:last-child {
    padding-bottom: 20px;
}

li#menu-item-773:hover ul.nav-column.nav-dropdown-default {
    visibility: visible;
}

li#menu-item-773 {
    width: 100%;
}

li#menu-item-773 ul.nav-column.nav-dropdown-default li {
    display: none;
}

li#menu-item-773:hover ul.nav-column.nav-dropdown-default li {
    display:block
}

li#menu-item-773 ul.nav-column.nav-dropdown-default {
    position: absolute;
    top: 0;
    right: -253px;
    background: #fff;
    box-shadow: 1px 3px 6px rgba(204, 204, 204, 0.75);
    padding: 20px;
    visibility: hidden;
}

ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-center li {
    margin-right: 50px;
}

.box-text.text-left.is-xsmall .box-text-inner.blog-post-inner {
    padding: 0 !important;
}

.box-2009 {
    position: absolute;
    top: 950px;
    left: 113px;
}

.box-2014 {
    position: absolute;
    top: 820px;
    right: 113px;
}

.box-2017 {
    position: absolute;
    top: 650px;
    left: 113px;
}

.box-2018 {
    position: absolute;
    top: 410px;
    right: 114px;
}

.box-2019 {
    position: absolute;
    top: 230px;
    left: 139px;
    z-index: 8;
}

.qtpt {
    position: absolute;
    width: 650px;
    z-index: 999;
    top: 100px;
}

.stuck div#masthead ul.header-nav.header-nav-main.nav.nav-right.nav-spacing-xlarge.nav-uppercase {
    border-top: none;
    padding-top: 0;
}

ul.header-nav.header-nav-main.nav.nav-right {
    border-top: 1px solid #e1e1e1;
    padding-top: 15px;
}

#logo img {
    max-height: 130px;
    position: absolute;
    top: -50px;
}

.stuck #logo img {
    max-height: 70px !important;
    position: inherit !important;
}

div#top-bar {
    padding-top:20px
}

a.tooltip.tooltipstered {
    text-transform: lowercase;
    font-weight: 700;
}

#header-contact .icon-envelop:before, #header-contact .icon-phone:before {
    background: #ca9f66;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    font-size: 12px;
}

ul#header-contact li a, .icon-search {
    color: #ca9f66;
    font-size: 14px;
    font-weight: 700;
}

div#top-bar {
    background: transparent !important;
}

.header-inner.flex-row.container.logo-left.medium-logo-center, div#top-bar .flex-row.container {
    max-width: 1280px;
}

.number1 {
    margin-top: -60px;
    z-index: 9;
}

.col.iconbox1.medium-3.small-6.large-3 {
    border-right: 1px solid black;
    padding-left: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.icon-field {
    background: #f4f4f4;
    box-shadow: 1px 3px 6px rgba(204, 204, 204, 0.75);
}

.img1 {
    position: absolute;
    top: -120px;
    right: 50px;
}

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

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

.col-foot1 {
    padding: 0px 15px !important;
}

.logo-foot1 {
    position: absolute;
    top: -50px;
}

.row.dark.large-columns-1.mb-0 {
    max-width: inherit;
}

.footer {
    padding: 0;
}

div#block_widget-4 {
    margin-bottom: 0;
    padding: 0;
}

.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";
}

.page-load-status {
    display: none;
}

.banner {
    background-color:initial
}

.logo-footer {
    position: absolute;
    z-index: 9999;
    top: -46px;
}

.add-to-cart-button {
    display:none
}

.btn-baogia {
    display: block !important;
    text-align: center;
    margin-right: 0px;
}

.logo-footer img {
    padding: 25px;
}

.nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column {
    display: table-cell !important;
}

li.menu-item-1706 .nav-dropdown {
    left: -130px !important;
    display: none;
}

.active > ul.sub-menu {
    display: none !important;
}

li.menu-item-1706:hover .nav-dropdown, li.active:hover > ul.sub-menu {
    display:block !important
}

.shop-page-title.category-page-title.page-title.featured-title.dark {
    display: none;
}

a.button.btn-baogia {
    display: none !important;
}/* Custom CSS Mobile */

@media (max-width: 549px) {
    #logo img {
        max-height: 70px;
        position: relative;
        top: 0px;
        height: auto;
    }

    .col.iconbox1.medium-3.small-6.large-3 {
        padding-left: 5px !important;
    }

    ul.mobile-nav.nav.nav-right {
        display: none;
    }

    .tp-thumbs.inner.hesperiden.nav-pos-hor-left.nav-pos-ver-bottom.nav-dir-horizontal {
        top: 140% !important;
    }

    div#rev_slider_2_1_wrapper {
        margin-bottom: 60px !important;
    }

    .rip-lh img {
        height: 15px !important;
    }

    .hihi {
        position: absolute;
        left: -30px;
        width: 500px !important;
        overflow: hidden;
    }

    .mg-30 {
        margin-left: 30px !important;
    }

    h3 span {
        font-size: 80%;
    }

    .form1.row .col-md-6:first-child {
        margin: auto;
    }

    .form1.row .col-md-6 {
        width: 100%;
    }

    .logo-footer {
        position: relative;
        text-align: center;
        top: 0px;
    }

    .logo-footer img {
        width: 120px;
    }

    .number1 .icon-box-text p span:last-child {
        font-size: 80%;
    }

    .number1 {
        margin-top: -30px;
    }

    .nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column {
        display: block !important;
    }

    li.menu-item-1706 .nav-dropdown {
        left: auto !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";
}