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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'SF Pro Display';
    src: url('/wp-content/themes/flatsome-child/font/SFProDisplay-Regular.eot');
    src: url('/wp-content/themes/flatsome-child/font/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/flatsome-child/font/SFProDisplay-Regular.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/font/SFProDisplay-Regular.woff') format('woff'),
        url('/wp-content/themes/flatsome-child/font/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('/wp-content/themes/flatsome-child/font/SFProDisplay-Bold.eot');
    src: url('/wp-content/themes/flatsome-child/font/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/flatsome-child/font/SFProDisplay-Bold.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/font/SFProDisplay-Bold.woff') format('woff'),
        url('/wp-content/themes/flatsome-child/font/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html,body, .nav > li > a{font-family:"SF Pro Display"; font-weight:normal}
h1,h2,h3,h4,h5,h6{font-family:"SF Pro Display"; font-weight:bold}
.header-contact li a{    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    color:#6b6b6b;}
.nav-small.nav>li.html{    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    color: #ed1c24;}
.header-nav li a{font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: bold;text-transform:uppercase}
.nav-dropdown-default li{background-image: url(/wp-content/uploads/2020/10/ic_point.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 9px;
    padding-left: 3px;}
.nav-dropdown-default{border:none; padding:10px}

.nav-spacing-xlarge>li {
    margin: 0 16px;
}
.nav-dropdown-default li a:hover{color:#e74700; padding-left:10px; transition: padding-left 0.5s}
.nav-dropdown-default li a{padding-left:0; text-transform:none; padding: 6px 0px;font-weight: normal;
    font-size: 16px;
    color: #444444;}
.flickity-page-dots .dot{
    width: 9px;
		height: 9px;}
.contact-section h2{margin-bottom: 5px;}
.gioi-thieu-section .col{padding-bottom:0}
form{margin-bottom:0}
.contact-section .col{padding-bottom:0}
.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2020/10/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}.section-title-center span {
    margin: 0 15px;
    text-transform: none;
    font-size: 30px;
}.section-title b{background:none}
.section-title-container {
    margin-bottom: 0;
}
.vi-sao-section .icon-box h3{    margin-bottom: 5px;
}
.vi-sao-section .icon-box:hover h3{color:#ed1c24}
.vi-sao-section .icon-box:hover {
    border: 1px dashed #ed1c24;
}
.vi-sao-section{padding-bottom:15px!important}
.list-post .post-item .post-title{    font-size: 23px;
    color: #ed1c24;}
.list-post .post-item .box-image{border-radius:10px} .dich-vu-section .slider-nav-light .flickity-page-dots .dot.is-selected{  background-color: #ed1c24;}
.dich-vu-section .col.large-12{padding-bottom:0}
.list-post .post-item .col-inner:hover{border:2px solid #ed1c24; background-image: linear-gradient(-70deg, #fff, #fff 70%, #ed1c24);
    transition: 0.2s;}
.list-post .post-item .col-inner{border:2px solid #efefef;    background: white;
    padding:20px;
    box-shadow: 2px 2px 27px #0000000f;
    border-radius: 5px;}
.list-post .post-item .from_the_blog_excerpt {font-size:15px}
.list-post .post-item a:hover{color:gray}
.list-post .post-item .box-text{padding:0; padding-left:15px}
.list-post .post-item .cat-label{margin-bottom:10px; font-size: 14px;
    letter-spacing: 0;
    color: gray;}
.vi-sao-section .icon-box{border:1px solid white; background: white;
    padding: 10px;
    border-radius: 5px; margin-bottom:30px}
.contact-section input{border: 1px solid white !important;}
.contact-section p{margin-bottom:0}
.thanh-qua-section .col{padding-bottom:0}
.thanh-qua-section p{line-height:20px; margin-bottom:0}
.thanh-qua-section .medium-2 img{    border-radius: 99%;
    border: 2px solid #ffffff;}
.khach-hang-section .ux-logo-link img{margin: 0 auto;
    box-shadow: 2px 2px 10px #0000001f;
    border-radius: 5px; width:100%; height:85px !important;}.form-bao-gia .des {
    margin-bottom: 20px;
}.form-bao-gia .row-info {
    width: 100%;
}.form-bao-gia .row-info .left {
    width: 50%;
    padding-right: 7px;
    display: inline-block;
    float: left;
}.form-bao-gia .row-info .right {
    width: 50%;
    padding-left: 7px;
    display: inline-block;
    float: left;
}.form-bao-gia input, .form-bao-gia textarea {
    box-shadow: none;
    border-radius: 4px;
    height: 45px;
}.form-bao-gia input, .form-bao-gia textarea {
    box-shadow: none;
    border-radius: 4px;
    height: 45px;
}.form-bao-gia input[type='submit'] {
    margin-bottom: 0;
    background: #ed1c24;
    text-transform: none;
    font-weight: normal;
}
.lien-he-section .col{padding-bottom:0}
.list-post2 .post-item .box-text {
    padding: 20px !important;
}.list-post2 .post-item .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.list-post2 .box-blog-post .is-divider {
    display: none;
}.list-post2 .post-item .from_the_blog_excerpt {
    font-size: 15px;
    color: #505050;
}
.tin-tuc-section .flickity-page-dots .dot.is-selected {
    background-color: #ed1c24;
    opacity: 1 !important;
}.widget img {
    border-radius: 10px;
}.recent-blog-posts {
    padding: 10px 5px;
}.widget .is-divider {
    display: none;
}span.widget-title {
    font-size: 1em;
    font-weight: 600;
    display: block;
    width: 100%;
    background: #ed1c24;
    padding: 10px 10px;
    color: white;
    border: 1px solid #ed1c24;
}.flatsome_recent_posts {
    border: 1px solid #ececec;
}.page-right-sidebar .large-9 {
    border-right: none !important;
}.page-right-sidebar .large-3 {
    padding-left: 0;
}.form-sidebar {
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 2px 40px #00000012;
}.form-sidebar h3 {
    text-align: left;
    margin-bottom: 0;
    color: #ed1c24;
}.form-sidebar .des {
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px;
}.form-sidebar input, .form-sidebar textarea {
    border: None;
    box-shadow: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 0;
    font-size: 15px;
    margin-bottom: 4px;
}.form-sidebar input[type='submit'] {
    width: 50%;
    margin-top: 10px;
    border-radius: 20px;
    text-transform: none;
    font-weight: normal;
}h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 30px;
}
.blog-archive .post-item a:hover{color:gray}
.blog-archive .post-item .from_the_blog_excerpt {font-size:15px}
.blog-archive .post-item .post-title{color:#4e4e4e; font-size:19px}footer.entry-meta {
		font-size: 15px;}
.bai-viet-lien-quan{margin-top:20px} ul.list-bai-viet{display: inline-block;
    width: 100%;
    clear: both;margin-bottom:0}
.xem-them .tieu-de-xem-them{    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;}
.blog-single .is-divider{display:none}
.blog-single .blog-share{text-align:left}
.blog-archive .post-item .post-title:hover{color:#ed1c24}.hotline {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9000;
    display: block;
    background:#ed1c24;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 99px;
}.hotline .hotline-number {
    font-size: 20px;
    color: white;
    font-weight: bold;
}
.blog-archive .post-item .box-image{border-radius:5px}
.blog-archive .large-9 .badge{display:none}
.blog-archive .large-3, .blog-single .large-3{padding-left:0}
.list-post2 .post-item .post-title:hover{color:#eb4424}
.list-post2 .post-item .box-text {
    padding: 20px !important;
}.list-post2 .post-item .post-title {margin-bottom:10px;
    font-size:18px;
    font-weight: bold;
    color: #404040;
}
.list-post2 .post-item .col-inner {
    background: white;
    box-shadow: 2px 2px 20px #00000017;
    border-radius: 10px;
}
.footer-section {
    background: url(/wp-content/uploads/2020/10/bg-pattern-2.jpg);
}
.khach-hang-section .col{padding-bottom:0}
.khach-hang-section .ux-logo-link{padding:8px !important}
.absolute-footer.dark {
    color: rgb(255 255 255 / 85%);
}
.stuck .header-main {
     background: white;
}
a.back-to-top{background:#ed1c24!important; color:white !important; border:none !important}
.footer-section .col{padding-bottom:0}
ul.list-bai-viet li{width:33.33%; float:left;list-style:none; padding-left:7px;padding-right:7px}
.entry-content {
    padding-top: 1.5em;
    padding-bottom: 0;
}
.list-bai-viet li .box-image img{    height: 178px;
    object-fit: cover;}
.list-bai-viet li .box-image{margin-bottom:10px}
.list-bai-viet .tieu-de-bai-viet{font-size: 16px;
		line-height: 24px;}.list-bai-viet .tieu-de-bai-viet:hover{color:#eb4424}
.thanh-qua-section img.attachment-original.size-original {
    background: #fff;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.page-right-sidebar .large-3, .blog-archive .large-3 {
    padding-left: 15px;
}
.off-canvas-left .mfp-content{width:100%}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    color: #2d2d2d;
}.contact-section p{margin-bottom:10px}.ml-half {
    margin-left: 0;
}.contact-section input{width:100%}
.vi-sao-section .col{padding-bottom:0}
.list-post{margin-left:0 !important; margin-right:0 !important}.section-title-center span{font-size:25px}
.tin-tuc-section .post-item{padding-bottom:0 !important}
.hotline{display:none !important}
.footer-wrapper{bottom: 61px}
.list-post2{margin-bottom:20px !important}
.list-post .post-item .box-text{padding-top:10px;padding-left:0}
.off-canvas .nav-vertical li li>a{padding-top:6px !important;padding-bottom:6px !important}
#breadcrumbs{    margin-bottom: 5px;
    font-size: 14px;}
ul.list-bai-viet li {
		width: 50%;}
.list-bai-viet li .box-image img{height:92px}.list-bai-viet .tieu-de-bai-viet {
    font-size: 14px;
    line-height: 17px;
    height: 35px;
    overflow: hidden;
}.blog-archive .large-3, .blog-single .large-3{padding-left:15px}


}