/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version:  3.19.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --primary-color: #b1906d;
}

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

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

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

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

.header-main {
    height: 83px
}

#logo img {
    max-height: 83px
}

#logo {
    width: 176px;
}

#logo img {
    padding: 5px 0;
}

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

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

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

.transparent #logo img {
    max-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: 30px;
}

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

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

.search-form {
    width: 85%;
}

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

.header-bottom {
    background-color: #f1f1f1
}

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

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

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

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

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

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

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

/* Background Color */
[data-text-bg="primary"] {
    background-color: #b1906d;
}

/* 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: #b1906d;
}

/* 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: #b1906d
}

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

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

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #b1906d
}

/* Fill */
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #b1906d;
}

body {
    font-size: 100%;
}

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

body {
    font-weight: 0
}

body {
    color: #333333
}

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

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: "Roboto", 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: #333333;
}

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

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

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

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

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

.products.has-equal-box-heights .box-image {
    padding-top: 100%;
}

.star-rating span:before, .star-rating:before, .woocommerce-page .star-rating:before, .stars a:hover:after, .stars a.active:after {
    color: #eeee22
}

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

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

/* Custom CSS */
.button.primary:not(.is-outline) {
    background: #fff;
}

.tienich strong {
    margin-bottom: 10px;
    padding: 5px;
    border-bottom: 1px solid;
}

.dark a {
    font-weight: bold;
    color: #ff0000;
}

.dark a:hover {
    color: #000;
    font-weight: bold;
}

.fixhotline {
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    left: 0px;
}

.fixzalo .secondary {
    background: #224480 !important;
    font-size: 20px;
}

.fixzalo {
    font-size: 20px;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    right: 0px;
}

.lydo .col-inner {
    height: 300px;
}

ul li {
    font-family: fontdoanvan;
}

.dichvu h2 {
    font-size: 24px;
    color: #00A551;
}

.dichvu p {
    font-size: 18px;
}

.nav > li > a > i {
    vertical-align: middle;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 20px;
    padding-right: 10px;
}

.footer41 h3 {
    color: #ff3333;
    font-size: 20px;
    text-align: center;
}

.footer41 p {
    text-align: center;
}

.footer42 p {
    text-align: center;
}

.footer42 h3 {
    text-align: center;
    color: #ff3333;
    font-size: 30px;
    border-bottom: 2px dashed #ff3333;
    border-top: 2px dashed #ff3333;
}

.footer3 ul li {
    color: #000;
    font-family: 'fontdoanvan';
    font-size: 14px;
}

.footer3 h3 {
    color: #000;
}

.dongxe .product-title a {
    color: #ff0000;
}

.dongxe .product-title {
    font-size: 20px;
    color: #ff0000;
    font-family: 'fonttieude';
}

.tienich p {
    font-size: 18px;
    text-align: justify;
}

.lydo p {
    font-size: 18px;
}

.tienich img {
    border-radius: 20px;
}

.button.hanoi15 {
    background: #ff0000 !important;
    font-size: 16px;
    font-family: 'fonttieude';
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.button.hanoi11 {
    background: #cd0000 !important;
    font-size: 14px;
    font-family: 'fonttieude';
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.button.hanoi1 {
    padding: 20px;
    background: #cd0000 !important;
    font-size: 16px;
    font-family: 'fonttieude';
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.button.hanoi2 {
    padding: 20px;
    background: #001cb5 !important;
    font-size: 16px;
    font-family: 'fonttieude';
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.button.hanoi3 {
    padding: 20px;
    background: #008012 !important;
    font-size: 16px;
    font-family: 'fonttieude';
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.button.hanoi4 {
    padding: 20px;
    background: #600073 !important;
    font-size: 16px;
    font-family: 'fonttieude';
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@font-face {
    font-family: fonttieude;
    src: url(../fonts/UTMAvoBold.ttf);
}

.nav > li > a {
    font-family: fonttieude;
}

h1, h2, h3, h4, h5, h6 {
    font-family: fonttieude;
}

p {
    font-family: fontdoanvan;
}

@font-face {
    font-family: fonttieude;
    src: url(https://ductronglimousine.com/wp-content/themes/tu-bep-ruby/fonts/UTMAvoBold.ttf);
}

@font-face {
    font-family: fontdoanvan;
    src: url(https://ductronglimousine.com/wp-content/themes/tu-bep-ruby/fonts/UTMAvo.ttf);
}

.product-small .box-image:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.product-small .box-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    .fixhotline {
        font-size: 16px;
    }

    .fixzalo .secondary {
        background: #224480 !important;
        font-size: 15px;
    }
}

.phone-bar {
    display: block !important;
}

.button.hanoi15 {
    border: 1px solid #333;
    padding-right: 5px;
    padding-left: 5px;
    background: #ff0000 !important;
    font-size: 16px;
    font-family: 'fonttieude';
    border-radius: 40px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.lydo .col-inner {
    height: auto;
}

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

.tienich h3 {
    font-size: 18px;
}

.button.icon.is-small {
    border-width: 1px;
    border: 1px solid #000;
}

.icon-menu:before {
    color: #000;
}

.button.hanoi11 {
    font-size: 12px;
}

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

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}