body,.page { margin:0 !important; padding:0; }
.fix-width { max-width:1140px; margin:0 auto; }
.fix-width::after { content:" "; clear:both; display:block; }
ul,
ol{margin:0;}

.site-header { background:#f9f9f9; }
.site-title,.site-description { display:none; }
.site-branding a img { height:80px; width:auto; padding:5px 0; }
.h-left { width:30%; float:left; }
.h-right { width:70%; float:right; }
.h-right ul { display:block !important; float:right; }
.h-right ul li { display:inline-block; margin:0; padding:0; }
.h-right ul li a { display:block; font-weight:600; text-transform:uppercase; color:#333; text-decoration:none; padding:30px 15px; margin:0; }
.h-right ul ul { background:#FFF; display:block; }
.h-right ul ul li { clear:both; }
.h-right ul ul a { padding:15px; }
.site-branding {}
.site-navigation {}
.site-info { margin:0; text-align:center; font-size:80%; font-weight:600; background:#000; color:#ccc; padding:15px 0; }
#primary { width:70%; float:left; position:relative; }
#secondary { width:28%; float:right; position:relative; }
.widget-area-right ul { list-style:none; margin:0; padding:0; }
.widget-area-right ul.wpp-list li a { display:block; text-decoration:none; text-transform:uppercase; color:#009; font-weight:600; }
.widget-area-right ul.wpp-list li span.wpp-excerpt {}
section.yeucau { padding:10px !important; background:#009; color:#FFF; box-sizing:border-box; border-radius:10px; overflow:hidden; }
.yeucau input,.yeucau textarea,.yeucau select { box-sizing:border-box; width:100%; max-height:50px; padding:15px !important; margin-bottom:10px; border:0 !important; border-radius:5px !important; outline:none !important; background:#Fff; color:#333; font-weight:600; }
.yeucau #button-dk { font-size:100%; text-transform:uppercase; font-weight:600; color:#FFF; background:#F00; cursor:pointer; width:50%; margin-left:25%; }
.yeucau h2.widget-title { text-transform:uppercase; text-align:center; color:#ff0; }
.links-footer { background:#444; border-bottom:1px solid #666; color:#f4f4f4; }
.links-footer a { color:#f4f4f4 !important; text-decoration:none; outline:none; }
.links-footer .widget { width:23.5%; position:relative; float:left; margin-left:2%; }
.links-footer .widget:first-child { margin-left:0; }
.links-footer ul { margin:0; padding:0; list-style:none; clear:both; width:100%; float:left; position:relative; }
.links-footer ul li {}
.links-footer ul li a {}
.links-footer h2.widget-title { position:relative; font-weight:400; }
.links-footer h2.widget-title::after { content:" "; display:block; clear:both; height:1px; background:#f4f4f4; width:30%; margin-top:20px; }
.logo-footer { border-top:1px solid #ccc; }
.logo-footer .widget { margin:0 !important; padding:0 !important; }
.logo-footer h2.widget-title { display:none; }
.logo-footer .widget img { height:70px; width:auto; margin:20px 0; }
.logo-footer .slick-dots { display:none !important; }

/* CSS archive page */
.archive .post {}
.archive .post::after { content:" "; clear:both; display:block; }
.archive .entry-content { position:relative; overflow:hidden; }
.archive .entry-content .thumbnail {}
.archive .entry-content .thumbnail img { width:100%; height:auto; float:left; }
.archive .entry-content .post-archive { position:absolute; bottom:0; left:0; box-sizing:border-box; width:100%; background:rgba(0,0,0,0.7); padding:10px; color:#FFF; }
.archive .entry-content .post-archive h2 { margin:0; font-weight:400; color:#f00; }
.archive .entry-content .post-archive h2 a { text-decoration:none; color:#f00; }
.archive .entry-content .post-archive p { margin:0; padding:0; }

/* CSS Single page */
.wp-block-quote { margin:0; margin:0; padding:20px; background:#ff99; position:relative; border:1px dashed #999; font-weight:200; }
.wp-block-quote::before {}
.wp-block-quote p { margin:0; padding:0; }
#related-post {}
#related-post .related-post-item-inner::after,#related-post::after { display:block; content:" "; clear:both; }
#related-post ul { margin:0; padding:0; list-style:none; width:100%; float:left; position:relative; }
#related-post ul li { width:32%; float:left; margin-left:2%; margin-bottom:2%; position:relative; padding:0; }
#related-post ul li:nth-child(3n+1) { clear:both; margin-left:0; }
#related-post .elated-post-thumnail {}
#related-post .elated-post-thumnail img { float:left; }
#related-post .elated-post-entry { position:absolute; bottom:0; left:0; box-sizing:border-box; width:100%; overflow:hidden; background:rgba(0,0,0,0.7); }
#related-post .elated-post-entry h3 { margin:0; padding:10px; font-size:100%; font-weight:400; }
#related-post .elated-post-entry h3 a { text-decoration:none; color:#FFF; }
#related-post .elated-post-entry p { margin:0; padding:0; display:none; }
#related-post .related-post-item-inner { position:relative; }
.wp-block-image  img {}
.single-post .breadcrumbs-outer { position:absolute; left:0; width:100%; height:40px; background:#f0f0f0; }
.single-post #breadcrumbs { display:block; width:1140px; margin:0 auto; }
.single-post #breadcrumbs span,.single-post #breadcrumbs span a { color:#333; font-weight:200; font-size:100%; text-decoration:none; line-height:2.2; }
.single-post #secondary,.single-post #primary { margin-top:40px; }
.single-post h1.entry-title { font-weight:400; }
.layer-wrapper { position:relative; transition:all 0.5s ease; }
.layer-wrapper::after { content:" "; display:block; clear:both; }
.layer-wrapper .layer-media img { float:left; }
.layer-wrapper .layer-content { position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#FFF; }
.layer-wrapper .title_link { font-size:100% !important; font-weight:600; }
.layer-wrapper .title_link a { font-size:100%; color:#f00; }
.layer-wrapper .excerpt { height:0; transition:all 0.5s ease; overflow:hidden; }
.layer-wrapper:hover .excerpt { height:auto; transition:all 0.5s ease; }
.mbwph-contact a::after { display:none !important; }
ul.category-posts-internal { margin:0; padding:0; list-style:none; }
ul.category-posts-internal li { width:100%; float:left; margin-left:0%; padding:0; position:relative; margin-bottom:2%; border-bottom:1px dashed #c9c9c9; padding-bottom:10px; }
ul.category-posts-internal li:nth-child(3n+1) { margin-left:0; clear:both; }
.cat-post-do-not-wrap-thumbnail { position:relative; }
.cat-post-do-not-wrap-thumbnail::after { content:" "; display:block; clear:both; }
.cat-post-do-not-wrap-thumbnail .cat-post-thumbnail img { display:none; }
.cat-post-do-not-wrap-thumbnail div a.cat-post-title { text-decoration:none; color:#333; font-weight:600; position:relative; display:block; padding-left:25px; }
.cat-post-do-not-wrap-thumbnail div a.cat-post-title::before { font-family:FontAwesome; content:"\f011"; display:block; float:left; position:absolute; top:2px; left:5px; color:#d00; }
.cat-post-do-not-wrap-thumbnail div p { margin:0; padding:0; height:0; overflow:hidden; display:none; }
ul.category-posts-internal li:hover .cat-post-do-not-wrap-thumbnail div p { height:auto; }
ul.category-posts-internal li:last-child,ul.category-posts-internal li:first-child { border:0; }
ul.category-posts-internal li:first-child  .cat-post-do-not-wrap-thumbnail .cat-post-thumbnail img { float:left; display:block !important; }
ul.category-posts-internal li:first-child .cat-post-do-not-wrap-thumbnail div { position:absolute; bottom:0; display:block; color:#FFF; background:rgba(0,0,0,0.7); box-sizing:border-box; padding:10px; }
ul.category-posts-internal li:first-child .cat-post-do-not-wrap-thumbnail div p { display:block; }
ul.category-posts-internal li:first-child .cat-post-do-not-wrap-thumbnail div a.cat-post-title { color:#09f; padding-left:0; text-transform:uppercase; }
ul.category-posts-internal li:first-child .cat-post-do-not-wrap-thumbnail div a.cat-post-title::before { display:none !important; }
.entry-content table { border-collapse:collapse; width:100%; border:0; }
.entry-content table td { padding:10px; border:1px solid #ccc; }
.list-kenh table td { border:0; }
.list-kenh table tr td:first-child { width:20%; text-align:center; }
.wp-block-table.is-style-stripes { border:0 !important; }
.error404 #primary { width:100%; margin:30px 0; text-align:center; padding:30px; background:#f4f4f4; }
.error404 #primary h1 { text-transform:uppercase; color:#F00; }
.error404 #primary button { display:inline-block; font-size:100%; text-transform:uppercase; border:0; padding:10px 15px; margin:0 5px; background:#f00; color:#FFF; outline:none; font-weight:600; transition:all 0.5s ease; cursor:pointer; }
.error404 #primary button:hover { padding:15px 20px; background:#03f; }
.pagenavi { display:block; clear:both; float:left; width:100%; margin:30px 0; position:relative; }
.pagenavi .page-numbers { display:inline-block; text-decoration:none; padding:10px 20px; background:#f4f4f4; font-weight:600; color:#333; transition:all 0.5s ease; }
.pagenavi .next,.pagenavi .prev {}
.pagenavi .current,.pagenavi .current:hover { background:#f60 !important; color:#FFF !important; }
.pagenavi .page-numbers:hover { background:#c9c9c9; }
.counter { font-style:italic; font-size:100%; }
.counter b {}
#secondary ul.menu { display:block; width:100%; clear:both; float:left; position:relative; }
#secondary ul.menu li { display:block; width:100%; float:left; clear:both; margin:0; padding:0; position:relative; }
#secondary ul.menu li a { display:block; position:relative; text-decoration:none; color:#333; padding:10px; background:none; width:100%; border-top:1px solid #f4f4f4; }
#secondary ul.menu li:last-child a { border-bottom:0 solid #f4f4f4; }
#secondary ul.menu li a::before {}
#secondary ul.menu li.current-menu-item a,#secondary ul.menu li.current-post-parent a { background:#f0f0f0; color:#F00; border-left:2px solid #f00; font-weight:600; }
#secondary section::after { content:" "; display:block; clear:both; }
.related h2,#secondary section h2.widget-title { display:block; float:left; margin:0; padding:20px 0; text-transform:uppercase; font-weight:400; width:100%; }
#footer3 h2 { display:none; }
.page #primary { width:100%; }
#secondary .widget_nav_menu { margin-top:30px; border:1px solid #f0f0f0; }
#secondary .widget_nav_menu h2 { padding:10px !important; color:#F00 !important; }

/*CSS chi tiết sản phẩm */
.page #secondary { display:none; }
.woocommerce #secondary { display:block; }

/*sản phẩm chuyên mục*/
.entry-content ul.products { border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; }
.entry-content ul.products li { border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; margin:0 !important; width:25% !important; text-align:center; }
.home ul.products li a,.entry-content ul.products li a { color:#333; display:block; }
.home ul.products li h2,.entry-content ul.products li h2 { display:block; height:55px; overflow:hidden; }
.entry-content ul.products li img { padding:20px; }
.home ul.products li .price,.entry-content ul.products li .price { display:block !important; font-size:100% !important; padding:5px 0; color:#f00 !important; }
.home ul.products li .price del,.entry-content ul.products li .price del { color:#333 !important; font-weight:600 !important; }
.entry-content ul.products li .price ins {}
.home ul.products li .onsale,.entry-content ul.products li .onsale { margin:0 !important; border-radius:0 !important; top:0 !important; left:0 !important; right:auto !important; }

/* css sản phẩm widget */
.product_list_widget { display:block; float:left; clear:both; position:relative; width:100%; }
.product_list_widget li { display:block; float:left; clear:both; width:100%; position:relative; padding:10px 0 !important; margin:0 !important; }
.product_list_widget li a { display:block !important; float:left !important; width:100%; color:#333; text-decoration:none; }
.product_list_widget li a img { width:100px !important; height:100px !important; float:left !important; padding:0 !important; margin:0 !important; }
.product_list_widget li a span {}
.product_list_widget li del {}
.product_list_widget li ins { background:none !important; color:#F00 !important; font-weight:600; }
.product_list_widget li::after { content:" "; display:block; clear:both; }
.product_list_widget .thumnail-product { width:30%; height:auto; float:left; }
.product_list_widget li .thumnail-product img { width:100% !important; height:100% !important; float:left !important; padding:0 !important; margin:0 !important; }
.product_list_widget .content-product { width:68%; float:right; }
.product_list_widget .content-product h3 { margin:0; padding:0; font-size:100%; }
.product_list_widget .content-product h3 a {}
.product_list_widget .content-product .price { display:block; color:#999; }
.product_list_widget li:nth-child(2n) { border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }

/* CSS chi tiết sản phẩm */
.ctsp {}
.ctsp .entry-title { position:relative; width:48%; float:right; font-size:150%; line-height:1; margin:0; padding:0 !important; }
.ctsp .entry-summary { margin-top:0; }
.ctsp .entry-summary p { margin:0; padding:0; }
.entry-summary .price { display:block; padding:15px 0 !important; }
.entry-summary .price ins,.entry-summary .price del { color:#333; display:block !important; width:100%; clear:both; }
.entry-summary .price ins { color:#F00; font-size:110%; }
.entry-summary .price del {}
.entry-summary a { color:#090 !important; text-decoration:none; font-weight:600; }
.wc-tab h2:first-child { display:none; }
.ctsp .yith-wcbr-brands { margin:0; }
.ctsp .yith-wcbr-brands-logo { display:none; }
.ctsp .product_meta { padding:5px 0; margin:5px 0; border-top:1px solid #f0f0f0; }
.ctsp .onsale { border-radius:0 !important; top:0 !important; left:0 !important; }
.ctsp .woocommerce-product-gallery { border:1px solid #f0f0f0; overflow:hidden; border-radius:3px; }
.product-share { display:block; clear:both; position:relative; width:100%; }
.product-share .share-item { display:block; float:left; margin-right:5px; height:30px; overflow:hidden; border-radius:3px; width:auto; }
.product-share::after { content:" "; display:block; clear:both; }
.product-holine { display:block; float:left; clear:both; padding:15px 0; }
.product-holine a { display:block; font-size:120%; color:#FFF !important; padding:10px 20px; position:relative; background:#f00; float:left; border-radius:3px; padding-left:70px; overflow:hidden; }
.product-holine a::before { font-family:FontAwesome; Content:"\f879"; position:absolute; left:0; top:0; background:#090; width:50px; height:50px; text-align:center; line-height:2.5; }
.product-sales { padding:10px; background:#ff9; border:2px dashed #f00; position:relative; margin-top:25px; padding-top:30px; }
.product-sales .sales-icon {}
.product-sales .sales-icon::before { font-family:FontAwesome; content:"\f06b"; position:absolute; top:-25px; left:10px; padding:0; background:#F00; color:#FFF; border-radius:50px; display:block; width:50px; height:50px; text-align:center; font-size:150%; line-height:2; }
.fline input,.fline textarea { box-sizing:border-box; width:100%; border:1px solid #f0f0f0 !important; padding:10px !important; outline:none; color:#333 !important; max-height:100px; }
.wc-tab .line1 { width:49%; float:left; margin-bottom:2%; margin-right:2%; }
.wc-tab .line1:nth-child(2n+1) { margin-right:0; }
.wc-tab .line2 {}
.fline .wpcf7-submit { display:block; font-size:100%; text-transform:uppercase; background:#f00; color:#FFF !important; float:left; width:fit-content !important; outline:none !important; border:0 !important; cursor:pointer; transition:all 0.5s ease; }
.fline .wpcf7-submit:hover { background:#06f; }
.wp-block-column .fline { margin-bottom:15px; }
.wp-block-column .line1 { width:49%; float:left; margin-left:2%; }
.wp-block-column .lineo { margin-left:0; }
.term-description,.woocommerce .page4wordpress h1.entry-title { display:none; }
.single-product .entry-summary ul{padding: 0;  list-style: none;  margin: 15px 0px;}
.single-product .entry-summary ul li{padding: 7px 0px;border-top: 1px dashed #ccc;}
.single-product .entry-summary ul li:first-child{border:0;}

/* CSS sản phẩm trên trang chủ */
.home ul.products { display:block; float:left; clear:both; position:relative; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; }
.home ul.products li { margin:0 !important; padding:10px !important; width:20% !important; text-align:center; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.breadcrumbs-outer span {}
.breadcrumbs-outer span a { color:#333 !important; text-decoration:none; }
.woocommerce .breadcrumbs-outer p { margin:0; padding:5px 0; }
.woocommerce .breadcrumbs-outer {}
.tax-yith_product_brand .product { width:25%; float:left; margin:0; padding:0; }
.tax-yith_product_brand .product .post-archive { position:unset; background:none; text-align:center; }
.tax-yith_product_brand .product .post-archive p { display:none; }
.tax-yith_product_brand .product .post-archive h2 { font-size:100%; }
.tax-yith_product_brand .entry-content .thumbnail { display:block; float:left; width:100%; padding:10px; }
.tax-yith_product_brand .entry-content .thumbnail img { padding:5px; border:1px solid #f0f0f0; border-radius:3px; }


/* CSS Form Dự Toán */
#fbuilder{}
#fbuilder .section_break{display:none;}
#fbuilder .style-2-col .fields{    border-top: 1px dashed #ccc;}
#fbuilder .style-2-col .fields:first-child{border:0px;}
#fbuilder .style-2-col .fields label{float: left;}
#fbuilder .style-2-col .fields .dfield{float: right; text-align: right;}
#fbuilder .style-2-col .fields .dfield input,
#fbuilder .style-2-col .fields .dfield select{min-width: 100px; border: 1px solid #ccc; border-radius: 3px;    padding: 7px;}

#fbuilder .style-kq .fields .dfield input,
#fbuilder .style-kq .fields .dfield input:focus{    border: 0; padding: 0;text-align: right; color: #d00;font-weight: 600; outline: none;}

#fbuilder .button-wrap .fields{border:0 !important; padding:0 !important;}
#fbuilder .button-wrap > div{display: flex; gap:15px;}
#fbuilder .button-wrap .fields input{min-height: auto;
    display: flex;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 15px 30px;
    border: 0;
    border-radius: 0;
    background: #090;
    color: #FFF;
    cursor: pointer;}
#fbuilder .pbPrevious,
#fbuilder .pbNext{margin-top: 10px !important;
    padding: 15px 30px !important;
    display: flex !important;gap:15px;
    font-weight: bold;
    font-size: 100% !important;
    background: none !important;
    border: 1px solid #d00;
    color: #d00 !important;}
#fbuilder .pbPrevious:before{font-family: FontAwesome; content:"\f100";}
#fbuilder .pbNext:after{font-family: FontAwesome; content:"\f101";}

#ycPHONE{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    z-index: 9999999;}
#ycPHONE #hide{    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    background: #d00;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    color: #FFF;
    font-size: 24px;}
#ycPHONE .wpcf7-form{    background: rgba(255,255,255,0.5);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    border-radius: 3px;}
#ycPHONE .sent .wpcf7-response-output{background: #46b450 !important;
    border: 2px solid #FFF !important;
    font-weight: bold !important;
    padding: 10px !important;}