/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
.tel{background-color: #f0e68c;border: solid 1px #ff9900;}
.top-info{text-align:center; font-size:20px}
.widget_nav_menu ul{background:#ff9900}
.archive .page-title-inner, .archive .category-page-row{max-width:98%}
.page-left-sidebar .page-inner ol{margin-left:20px}
.widget_nav_menu ul li{background-image: url(/wp-content/uploads/2019/10/menu-icon.jpg);
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    padding: 3px 35px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;}
.widget .textwidget, .widget img, .widget_media_image{text-align:center}
.archive .large-9 .shop-container .row.row-small {
    max-width: 100%;
}
.archive .category-page-title {background: whitesmoke;
    padding-bottom: 15px;}
.blog-archive .large-9 .large-columns-4 {max-width:100%}
.blog-archive .large-9{padding-left:0}
.blog-archive .archive-page-header .large-12{padding-bottom:10px; text-align:left}
.blog-archive .large-3{padding-left:10px}
.blog-archive .post-item .post-title:hover{color:red}
.page-left-sidebar .page-inner ul{margin-left:20px}
.blog-single .row.row-large{max-width:98%}
.is-divider{display:none}
.blog-single .large-3{padding-left:10px; }.entry-header-text {
    padding: 0;
}.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}.xem-them ul li {
    margin-bottom: 3px;
}.xem-them ul li a {
    font-weight: 700;
    font-size: 16px;
    color: #c30000;
}.xem-them ul li a:hover {
    text-decoration: underline;
}
.blog-single .blog-share{text-align:left}.danh-muc {
    margin-bottom: 15px;
}.danh-muc span.title, .the-tim-kiem span.title {
    background: #e40000;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}.danh-muc a, .the-tim-kiem a {
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #FF9800;
    color: white;
}.bai-viet-lien-quan {
    margin-top: 15px;
}.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 190px;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4 {
    font-size: 17px;
    color: black;
    line-height: 19px;
    padding-top: 7px;

}
.page-left-sidebar .large-3{padding-left:0;padding-right:10px}
.page-left-sidebar .large-3{border-right:none; padding-left:10px}
.page-left-sidebar h1.entry-title.mb {
    margin-bottom: 15px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 25px;
}#bao-gia h3{color: #de0000;}
.lightbox-content{border-radius:6px}
#bao-gia .des{    font-weight: bold;
    font-size: 15px;
    color: #5a5a5a;}
a.nut-bao-gia{    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;}
a.nut-bao-gia img{width:100px}
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #8BC34A;
    border-radius: 5px !important;
    color: white;
    margin-top: 15px;
    display: block;
    margin: 8px 0 0 0 !important;
    padding: 10px;
}
.related h3{text-align:left; max-width:100%; text-transform:none; letter-spacing:0; font-size:25px}
.single-product .product-footer .woocommerce-tabs{max-width:100%}
.single-product .large-9 .row{max-width:100%; margin:0}
.single-product .large-9{padding-right:10px; padding-left:0; border-left:none !important}
.single-product #product-sidebar{padding-left:10px}
.single-product .product-main .content-row{max-width:98%}
.page-left-sidebar .row{max-width:98%}
.blog-single footer.entry-meta {
    text-transform: none;
    font-size: 13px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}
.blog-single .entry-header .entry-meta{    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;}
.blog-single .large-9{padding-right:10px; padding-left:0}
.blog-archive .post-item .post-title{margin-top: 0;
    margin-bottom: 10px;}
.blog-archive .large-9{padding-right:10px}
#breadcrumbs{font-size:15px; margin-bottom:5px}
.blog-archive .large-9 .badge{display:none}
.blog-archive .box-blog-post .is-divider{display:none}
.blog-archive .archive-page-header .row, .blog-archive .row.row-large{max-width:98%}
.archive .product-small.box{margin-bottom:0}

.widget_nav_menu ul li a{color:white; font-size:15px}
.widget_nav_menu ul li a:hover{color:white}
.top-info h2{font-size:23px; color:#585858; margin-bottom:0}
.top-info .des{font-weight:bold; color:red; margin-bottom:0}
.top-info .hotline{font-weight: bold;
    font-size: 27px;
    color: red;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.header-button a{letter-spacing: 0;
    text-transform: none;
    font-weight: bold;
    font-size: 15px;line-height: 32px !important;}
.header-bottom-nav > li{margin:0}
.header-bottom-nav > li a{    line-height: 24px;padding-left:12px;padding-right:12px}.flickity-prev-next-button{width:50px}
.header-bottom-nav > li:hover, .header-bottom-nav > li.active a{background:red;}.flickity-prev-next-button svg {
	background: #ffffff7a;}
.section-title-center{    background: url(/wp-content/uploads/2019/10/dich-vu.png) no-repeat center !important;
    font-size: 20px;
    padding: 10px;
    color: white;}
.section-title b{background:#80808000}
.dich-vu-section .icon-box .icon-box-img img{padding-top: 0;
    border-radius: 99%;
    border: 6px solid white;
    box-shadow: 2px 4px 5px #0000001f;}
.dich-vu-section .icon-box h3{background:#ff9900; border-radius:5px; color:white; text-transform:uppercase; font-size:16px;padding: 5px 10px}
.slider-section .col, .dich-vu-section .col{padding-bottom:0}
.header-bottom-nav li.header-button-1:hover{background:none !important}
.cong-trinh-da-thi-cong .col{padding-bottom:0}
.product-small.box {margin-bottom:20px; background:white; padding:20px; border:1px solid #e6e6e6;}
.product-small.box .product-title{border-bottom: 1px dashed #dedede;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 17px;}
.product-small.box .product-title a{color:#ff8d00}
.product-small.box .box-text{padding:0}
.product-small.box .price span.amount{background:#dcdcdc; border-radius:5px; width:100%; padding:10px 15px; display:block; color:red; text-transform:uppercase; margin-top:15px; font-size:18px}.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)
}
.video-section .cot1 ul li{background: white;
    padding: 5px 10px;
    border-radius: 5px;
    list-style: none;
    margin-left: 0;}input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select{font-size:14px; border-radius:4px; box-shadow:none}textarea{min-height:80px}
input[type='submit']{border-radius:5px; margin:0; font-size:15px; text-transform:none; }
.cong-trinh-dang-thi-cong .col, .video-section .col{padding-bottom:0}
.footer-secondary {
    padding: 0;
}
a.back-to-top{background:red !important; border:none !important; color:white}
.block_widget{background: khaki;
    padding: 20px;
    border-radius: 6px;}
.block_widget .row{max-width:100%; margin-left:0 !important}
.block_widget .row .col{padding:0 !important}
.block_widget .row .large-12 h3{color: #d20017;
    text-transform: uppercase;}
.related .product-small.box{margin-bottom:0}
.form-tab .cot1 .col-inner{padding: 20px;
    background: khaki;
    border-radius: 10px;}
.form-tab .cot1 .col-inner h3{    color: #d20017;}

.single-product .product-info .price span.amount{color:red; font-size:19px}
.single-product .product-footer .woocommerce-tabs ul li a{text-transform: none;
    font-size: 19px;
    letter-spacing: 0;}
.single-product .product-footer .woocommerce-tabs .tabs{margin-top:0}

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

.widget img{width:100%}
.icon-menu:before,.icon-search:before {
    color: red;
}.header-bottom{background:none}
.header-bottom .container{padding:30px}
.off-canvas-left.mfp-ready .mfp-content{background:#f0e68c}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #563300;
    text-transform: none;
    font-size: 16px;
}
.stuck .header-bottom{display:none}

.slider-section .col{padding:0 !important}
.slider-section .col, .dich-vu-section .col {
    padding: 0;
}
.dich-vu-section .icon-box{padding:10px 10px}
.cong-trinh-da-thi-cong .col{padding:0 !important}
.product-small.box .product-title{font-size:15px}.section-title-container {
    margin-bottom: 0;
}.product-small.box{margin-bottom:0}
.cong-trinh-dang-thi-cong .col{padding:0 !important}
.img-bao-gia{width:100% !important}.archive .large-9 .shop-container .row.row-small{margin-left:0; margin-right:0}.category-page-row {
    padding-top: 0;
}.single-product .product-main .content-row{max-width:100%}
.archive .product-small.col{padding:0px}
.archive .large-9{padding:0}
.video-section .col{padding:5px !important}.page-left-sidebar .row, .archive .page-title-inner, .archive .category-page-row,.blog-single .row.row-large{max-width:100%}
.single-product .large-9{padding-right:0}.blog-single .large-9, .blog-single .large-3{padding-right:10px; padding-left:10px}
.single-product .product-footer .woocommerce-tabs {
    padding: 0 15px;
}.related h3{padding:0 10px}
.related{border-top:none; margin-top:20px}
.related .product-small.col{padding:0px}
.related .product-small.box{padding:10px}.blog-archive .post-item .post-title{font-size:16px}
.blog-archive .post-item .box-text{padding-bottom:0}
.archive .product-small.box{padding:10px}.blog-archive .archive-page-header .row, .blog-archive .row.row-large{max-width:100%; }.blog-archive .large-9 .large-columns-4{margin-left:0}
.bai-viet-lien-quan ul li{width:50%}
.bai-viet-lien-quan ul li .box-image img {
	height: 100px;}.related h3{font-size:20px}.form-tab .col{padding:0 0 15px 0}
.single-product #product-sidebar{display:block !important; order:1}.single-product .product-main .content-row{display:flex}
.single-product #product-sidebar .widget_nav_menu, .single-product #product-sidebar .textwidget, .single-product #product-sidebar .widget_media_image{display:none}
}