/*

Theme Name: ZW - Quang Cao 247

Theme URI: https://zoomworld.vn

Author: ZW

Author URI: https://zoomworld.vn

Description: ZW

Text Domain: zw

Tags:

*/

/*body, h1, h2, h3, h4, h5, h6, p, a {

    font-family: tahoma;

}*/
figure {max-width: 100%;}
body { font-family: 'Arial', sans-serif; font-size: 14px; line-height: 1.5; font-weight: 400; }
h1.logo { display: none; }
.h2, h2 { font-family: 'Arial', sans-serif; font-size: 20px; }
.h3, h3 { font-family: 'Arial', sans-serif; font-size: 20px; }
.h4, h4 { font-family: 'Arial', sans-serif; font-size: 18px; }
.h5, h5 { font-family: 'Arial', sans-serif; font-size: 18px; }
.h6, h6 { font-family: 'Arial', sans-serif; font-size: 18px; }

/*Comment style*/
span.title_comment { font-size: 20px; color: #606664; line-height: 1.3em; font-weight: 700; margin: 0 0 15px; display: inline-block; }
#formcmmaxweb { overflow: hidden; position: relative; margin-bottom: 20px; }
#formcmmaxweb .nameuser { text-align: left; }
#formcmmaxweb .avatarmw img { float: left; margin: 5px 10px 0 0; border: 1px solid #ccc; padding: 5px; }
.comments-title-maxweb { margin: 30px 0; font-weight: normal; }
.commentlist { margin-top: 10px; }
.commentlist li { overflow: hidden; clear: both; margin-bottom: 10px; }
.commentlist .children { margin-top: 10px; }
.commentBody em { color: red; }
.comment-author.vcard { margin-right: 15px; }
.comment-author.vcard img { max-width: 50px; max-height: 50px; border-radius: 50px; }
.commentBody { position: relative; }
.comment-meta.commentmetadata { position: relative; padding: 0; margin: 0 0 5px; }
.noidungcomment { font-size: 16px; line-height: 24px; }
.cancel-comment-reply a { font-size: 14px; text-decoration: none; color: #a9883f; }
.nocomments { border-color: #D98D8D; background-color: #FFCECE; background-position: left -792px; color: #665252; padding: 10px; }
.comment-meta.commentmetadata .ngaythang { position: absolute; top: 0; right: 0; color: #337ab7; opacity: 0.3; font-size: 12px; }
.commentBody:hover .comment-meta.commentmetadata .ngaythang { opacity: 1; }
.commentBody .reply { float: right; margin: 0; position: absolute; bottom: 0; right: 0; }
.comment-meta.commentmetadata .fn { font-weight: 700; color: #333; margin: 0; text-transform: capitalize; font-size: 15px; line-height: 22px; margin-top: 2px; }
ol.commentlist_mw { padding: 0; }
ol.commentlist_mw, ol.commentlist_mw ul.children { list-style: none; }
ol.commentlist_mw li { margin-bottom: 10px; }
ol.commentlist_mw li > div { display: flex; justify-content: flex-start; }
ol.commentlist_mw > ul.children { margin: 10px 0 15px 35px; background: #f1f1f1; padding: 10px; position: relative; }
ol.commentlist_mw > ul.children:before { content: ''; position: absolute; top: -10px; left: 14px; width: 0; height: 0; border-bottom: 10px solid #f1f1f1; border-left: 10px solid transparent; border-right: 10px solid transparent; }
div.error { color: red; font-size: 12px; text-align: left; line-height: 16px; margin: 3px 0 0; }
.tools_comment a { color: #4a90e2; font-size: 14px; position: relative; padding: 0 15px 0 0; margin: 0 7px 0 0; line-height: 14px; }
.tools_comment a:after { content: ""; width: 4px; height: 4px; top: 50%; margin-top: -2px; background: #999; position: absolute; right: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.tools_comment a:last-child:after { display: none; }
.tools_comment a:last-child { padding: 0; margin: 0; }
.noidungcomment p { margin: 0 0 5px; font-size: 14px; }
#formcmmaxweb  input[type="submit"], #formcmmaxweb input[type="button"], #formcmmaxweb input[type="reset"], #formcmmaxweb article.post-password-required input[type=submit], #formcmmaxweb li.bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }
#formcmmaxweb button, #formcmmaxweb input, #formcmmaxweb textarea { border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: inherit; padding: 6px; padding: 0.428571429rem; }
#formcmmaxweb button, #formcmmaxweb input[type="submit"], #formcmmaxweb input[type="button"], #formcmmaxweb input[type="reset"] { cursor: pointer; }
.reply a.comment-reply-link { color: #337ab7; text-decoration: none; font-weight: 400; font-size: 12px; }
.reply a.comment-reply-link:hover { color: #c7a611; }
#formcmmaxweb p, #formcmmaxweb input, #formcmmaxweb textarea { width: 100%; background: transparent; outline: none; font-size: 14px; }
#formcmmaxweb input, #formcmmaxweb textarea { border: 1px solid #d7d7d7; color: #2e2e2e; display: block; }
#formcmmaxweb input:focus, #formcmmaxweb textarea:focus { border-color: #337ab7; }
#formcmmaxweb p { margin-bottom: 10px; text-align: center; }
#formcmmaxweb #commentform p { overflow: hidden; }
#formcmmaxweb .name-email p { width: 50%; float: left; }
#formcmmaxweb .name-email p:first-child { padding-right: 5px; }
#formcmmaxweb .name-email p:last-child { padding-left: 5px; }
#formcmmaxweb input#submit { width: auto; font-weight: 400; color: #fff; background: #337ab7; padding: 6px 20px; border: none; float: left; font-size: 16px; outline: none; }
#formcmmaxweb input#submit:hover { background: #c7a611; }
#formcmmaxweb::-webkit-input-placeholder { color: #999999; }
#formcmmaxweb::-moz-placeholder { /* Firefox 18- */color: #999999; }
#formcmmaxweb::-moz-placeholder {/* Firefox 19+ */color: #999999; }
#formcmmaxweb::-ms-input-placeholder { color: #999999; }

/* END Comment style */

/*Code mobile menu*/

/*===== 2.1. MENU MOBILE =====*/
.header_logo img { max-height: 80px; padding: 5px; }
header .navbar > .container { position: relative; }
.navbar-toggle { background-color: rgb(237 29 36); border-radius: 0; z-index: 100; position: absolute; border: 0; right: 15px; top: 10px; margin: 0; width: 40px; height: 40px; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff; margin: auto; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.sideoverlay { position: fixed; z-index: 1000; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; background-color: rgba(17, 17, 17, 0.36); display: none; }
.sidenav { position: fixed; z-index: 99999; top: 0; left: 0; overflow-x: hidden; width: 0vw; height: 100%; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; background-color: #fff; }
.sidenav-header { background-color: #044584; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; text-align: center; }
#close-snav { font-size: 30px; color: #fff; position: absolute; right: 15px; top: 0; line-height: 60px; }
.sidenav-logo { height: 60px; display: block; margin: 0; width: 50%; }
.sidenav-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.sidenav-logo img { max-height: 60px; }
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title { height: 30px; }
.sidenav-content { position: absolute; width: 100%; height: 100%; top: 0; max-width: 250px; left: 0; overflow: auto; padding-top: 60px; background-color: #07549f; }
#menu-responsive { padding: 13px 0; list-style: none; margin: 0; }
#menu-responsive > li { padding: 0 13px; position: relative; }
#menu-responsive > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.17); }
#menu-responsive > li a { position: relative; padding: 9px 30px 9px 0; font-size: 14px; line-height: 21px; z-index: 0; color: #fff; display: block; }
#menu-responsive li.menu-item-has-children > .icon { position: absolute; cursor: pointer; top: 0; text-align: center; right: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; max-height: 40px; color: #fff; background: #0c5caa; }
#menu-responsive li.menu-item-has-children > .icon:after { z-index: 10; width: 20px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; line-height: 20px; content: "\f105"; color: #fff; vertical-align: top; }
#menu-responsive li.menu-item-has-children.active > .icon:after { content: "\f107"; }
#menu-responsive li.menu-item-has-children.active > a { }
#menu-responsive li.menu-item-has-children.active > ul.sub-menu { max-height: unset; visibility: visible; width: calc(100% + 26px); margin-left: -13px; background: #074b8d; }

/*#menu-responsive>.menu-item-has-children>a {border-bottom: 1px solid rgba(255, 255, 255, 0.17);}*/
#menu-responsive .sub-menu { width: 100%; border: none; padding: 0; max-height: 0; visibility: hidden; overflow: hidden; -webkit-box-shadow: 0 0 0 #fff; -ms-transform: 0 0 0 #fff; -o-transform: 0 0 0 #fff; box-shadow: 0 0 0 #fff; list-style: none; transition: all .3s ease; }
#menu-responsive .sub-menu li { position: relative; padding: 0 13px; }
#menu-responsive .sub-menu li a { display: block; padding: 9px 9px 9px 20px; font-size: 13px; }
#menu-responsive li a:hover, #menu-responsive .sub-menu li a:hover, #menu-responsive li:hover .icon:after, #menu-responsive .sub-menu li a:hover:before { color: #fff !important; }
#menu-responsive li.current-menu-ancestor > ul { display: block; }
#menu-responsive li.current-menu-ancestor > a { font-weight: bold; }
#menu-responsive .sub-menu li.current-menu-item > a { color: #e21d2a; font-weight: bold; background-color: #f5f5f5; }
#menu-responsive .sub-menu li a:before { position: absolute; width: 20px; top: 8px; left: 5px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; line-height: 20px; content: "\f105"; color: #fff; vertical-align: top; }
a:focus, a, a:hover { text-decoration: none; outline: 0; }

/*End code mobile menu*/

/*Css menu*/

.menu_main {    /* margin-top: 10px;*/

font-size: 15px; }
.menu_main a { text-decoration: none; padding: 15px 20px; display: block; }
nav.menu_main ul { display: table; margin-left: auto; list-style: none; padding: 0; margin: 0; margin-left: auto; }
nav.menu_main ul>li>ul>li { position: relative; }
nav.menu_main ul>li>ul>li>ul { background: #1e1e1d; position: absolute; width: 200px; left: 200px; top: 0; display: none; }
nav.menu_main ul>li:hover>ul.sub-menu { display: block; opacity: 1; transform: translate(0, 0); }
nav.menu_main ul>li:last-child:hover>ul.sub-menu { right: 0; width: 180px; }
nav.menu_main >ul>li>ul.sub-menu { display: none; width: 250px; position: absolute; top: 100%; z-index: 200; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .15); transform: translate(0, 10px); transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; opacity: 0; font-size: 14px; }
nav.menu_main ul.sub-menu li a { color: #333; }
nav.menu_main ul.sub-menu li a:hover { color: #07549F; }
nav.menu_main>ul>li { position: relative; display: inline-block; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; padding: 10px 0; }
nav.menu_main>ul>li>a { color: #333; font-weight: 600; text-transform: uppercase; font-family: 'Arial', sans-serif; padding: 5px 15px; }
nav.menu_main>ul>li.current-menu-item>a { background: #ee1c24; color: #fff; border-radius: 15px; }
nav.menu_main>ul>li>a:after { background: transparent; content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; }
nav.menu_main ul>li>ul>li a { padding: 8px 10px; }

/*End menu*/

/*slider number dots*/

.owl-nav > div { display: inline-block; color: #fff; padding: 5px; margin-right: 5px; font-size: 12px; margin-top: 20px; }
.owl-dot { background: #fff; color: #404040; padding: 3px 8px 2px; display: inline-block; font-size: 12px; margin: 15px 2px; border: 1px solid; }
.owl-dot.active { background: #ee1c24; color: #fff; border: 1px solid; }
.owl-theme .owl-dots { position: absolute; right: 10px; bottom: -10px; }
.owl__slider.owl-theme .owl-nav > div { transform: translateY(-50%); display: block; margin: 0; background: #ee1c24; font-size: 25px; width: 40px; text-align: center; border-radius: 4px; }

/*end*/
.header_info_1 i { font-size: 30px; padding: 4px; color: #fff; }

/*product section*/
.h2-title h2 span { color: #333; }
h2.h2-title { font-size: 22px; text-align: center; position: relative; margin: 30px 0 20px 0; color: #ee1c24; font-weight: 600;text-transform: uppercase; }
.h2-title:after { content: ''; width: 160px; min-height: 10px; background: url(../images/border-title.png); background-size: contain; background-repeat: no-repeat; display: block; margin: 5px auto 10px; }
.list-title ul { padding-left: 30px; }
.product-list { margin-bottom: 15px; }
.featured-cap p { display: inline-block; }
.featured-cap p.right { float: right; background: #014099; color: #fff; padding: 1px 8px; }
.featured-img img, .featured-img .featured-cap { padding: 10px; border: 1px solid #bfbfbf; padding-bottom: 0; }
.featured-img img { border-bottom: none; }
.product { background: #f1f1f16e; box-shadow: 0px 0px 1px #999; }
.client .image-placeholder img { border-radius: 50%; max-width: 110px; }

/*du an*/
.du-an { background-color: #f0faff; }

/*end du an*/

/*thong-tin*/

.thong-tin { padding: 20px 0 30px; }

/*bang-gia*/
.bang-gia { background: url(assets/images/bg.jpg) no-repeat fixed center; background-size: cover; padding: 20px 0 30px; }
.bang-gia h2.h2-title a { color: #fff; }

/*end bang-gia*/

/*client*/
.khach-hang { margin: 20px 0; }
.client { position: relative; padding: 40px 10px 10px 10px; margin-top: 80px; border: 1px solid #ccc; margin-right: 10px; margin-left: 10px; border-radius: 10px;height: 380px;
    overflow: hidden; }
.client img {
	
	
}
.client .image-placeholder {
    margin-top: 40px;
    height: 150px;
    width: 150px;
    overflow: hidden;
    margin: auto;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

/*end client*/

/*end*/

/*single product*/

.tab-content img { max-width: 100%; height: auto; margin: auto;display: block; }
.cat-name { border-bottom: 1px solid #014099; }
.cat-name .brand a { color: #fff; }
.cat-name .brand { background: #014099; width: fit-content; padding: 5px 15px; }
.cat-name { margin-top: 15px; }
.cat-name p { margin-bottom: 0; font-size: 20px; font-family: impact; }
.transition--thumbnail .item { display: inline-block; margin: 2px; }
div#gallery-thumbnail img { padding: 4px; }
.img-width { width: 100%; margin-bottom: 10px; }
.transition--thumbnail>img {    /*margin: 10px 0;*/

border: 1px solid #ccc;    /*padding: 5px 30px;*/ }
.transition--thumbnail img { margin-bottom: 5px; }
.entry-content { padding-top: 15px; }
.product-meta { position: relative; }
.product-meta img.download { position: absolute; top: 0; right: 0; }
.product-meta blockquote p { color: #333; }
.product-meta h3, .product-meta p.p-title { margin-top: 5px; margin-bottom: 5px; }
.product__excerpt { color: #666; line-height: 25px; }
p.speci { margin: 10px 0 5px; font-weight: 600; }
.header__top { background-color: #08adef; color: #fff; }
.info-contact { padding: 5px 0px; float: left; }

.post-item { margin-bottom: 25px;}
.post-item h3.product-title { text-align: left; margin: 0 0 15px 0px; padding: 0; font-size: 18px; }


.product-archive .product {border: none;box-shadow: none;}
.product h3.product-title {
	height: 42px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cat-viewall {
    padding: 10px 10px;
    margin-top: 0;
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1;
    text-align: right;
}

.cat-viewall a {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.cat-viewall a:hover {
    color: #ef1c24;
}

.btn-primary {
    color: #fff;
    background-color: #256aa5;
    border-color: #256aa5;
}
.btn-primary:hover {
    color: #fff;
    background-color: #256aa5;
    border-color: #256aa5;
}
h3.product-title {font-size: 15px; text-align: center; text-transform: uppercase; font-weight: 600; margin-top: 10px; margin-bottom: 5px; padding: 0 5px; line-height: 22px; }
h3.product-title a { text-decoration: none; color: #333; }
.price { text-align: center; font-size: 18px; color: #fc0000;height: 27px;
    overflow: hidden; }
.product { background-color: #fff; padding: 0px 0px 10px; border-radius: 5px; position: relative; margin-bottom: 15px; }
.content-archive, .content-product, .content-single, .content-page { margin-bottom: 20px; }
.content-archive { padding-top: 20px; }
.product-category { margin-top: 20px; }
.product-category .content-product { margin-top: 0; }
.item-price { font-size: 18px; font-weight: 600; color: #fc0000 !important; }
.form-field { margin-bottom: 20px; }
.btn-success {  }
.quick-buy { margin: 20px 0px; }
.btn-info { color: #fff; background-color: #0778fb; border-color: #0577fb; }
.btn-group-lg>.btn, .btn-lg { padding: 10px 50px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.btn-info:hover { color: #fff; background-color: #fc0000; border-color: #fc0000; }
.btn-info.focus, .btn-info:focus { color: #fff; background-color: #fc0000; border-color: #fc0000; }
.input-group { margin-bottom: 15px; }
.box-form .box input { height: 40px; border-radius: 0; }
.wpcf7-form-control-wrap { position: relative; }
.box-form .box { margin-bottom: 20px; position: relative; }
.page-contact__top .title { text-transform: uppercase; color: #36424b; font-weight: 500; font-size: 18px; margin-top: 0; margin-bottom: 10px; }
.box-form .box input.form-submit, #formcmmaxweb input#submit { display: table; width: 200px; border-radius: 0px; color: #FFF; background: #ee1c24; border: none; font-weight: bold; text-transform: uppercase; padding: 5px 30px; line-height: 30px; font-size: 16px; }
.page-contact__bottom iframe { margin-bottom: 30px; }
.digital-cat { border: 1px solid #fff; padding: 10px 10px 0px 10px; background-color: #3381bb; color: #fff; opacity: 0.9; position: absolute; width: 300px; top: 100px; left: 140px; display: none; z-index: 9999; }
.product:hover>.digital-cat { display: block; }
.p-title a { color: #fff; text-decoration: none; font-wweight: 600; }
.p-title { margin: 5px 0px; }
.section__partner .item { padding: 15px; }
.section__partner .owl-theme .owl-nav > div { display: block; }
.section__partner .owl-theme .owl-prev, .section__partner .owl-theme .owl-next { top: 25%; }
.section__partner .owl-theme .owl-next { right: -20px; }
h3.widget-title { margin-top: 0px; }
.product_child_type ul li a { text-decoration: none; font-weight: 600; font-size: 14px; color: #333; }
.product_child_type ul li a:hover { color: #ef1c24; }
.footer_widget_content li a { text-decoration: none; color: #fff; }
.footer_widget_content ul { padding-left: 15px; }
h3.product__title a { text-decoration: none; font-weight: 600; color: #ef1c24; }
hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #d8d8d8; }
section.footer_widget h3 { font-size: 15px; text-transform: uppercase;font-weight: 700; }
.item img { border: 1px solid #dedede; background: #fff; }
.header-block h2.h2-title { text-transform: uppercase; background: #0779fb; padding: 10px 10px; margin-top: 0; color: #fff; margin-bottom: 0px; }
.header-block h2:before { position: absolute; right: 15px; border-style: solid; border-width: 0px 40px 40px 40px; border-color: transparent #f0f0f0 transparent transparent; top: 0; width: 0; height: 0; content: ''; }
.header-block-partner h2.h2-title-partner { text-transform: uppercase; background: #0779fb; padding: 10px 10px; margin-top: 0; color: #fff; margin-bottom: 0px; }
.header-block-partner h2:before { position: absolute; right: 15px; border-style: solid; border-width: 0px 40px 40px 40px; border-color: transparent #d4d4d4 transparent transparent; top: 0; width: 0; height: 0; content: ''; }
h2.h2-title-partner { font-size: 16px; }
.header-block-partner { margin: 15px 0px; border-bottom: 1px solid #c7c7c7; }
.header-block-partner h2.h2-title-partner { color: #fff; text-decoration: none; }
.header-block { margin: 0 0 15px 0px; border-bottom: 1px solid #c7c7c7; }
.header-block h2.h2-title a { color: #fff; text-decoration: none; }
.product_child_type { background-color: #fff; }
.page__section { margin-bottom: 30px; }
h1.cat-title, h3.cat-title { font-size: 16px !important; }
.header-block h1.cat-title, .header-block h3.cat-title { text-transform: uppercase; background: #ee1c24; padding: 10px 10px; margin-top: 0; color: #fff; margin-bottom: 0px; }
.header-block h1:before, .header-block h3:before { position: absolute; right: 15px; border-style: solid; border-width: 0px 40px 40px 40px; border-color: transparent #fff transparent transparent; top: 0; width: 0; height: 0; content: ''; }
.digital-item i { font-size: 6px; }
.home-line-bg {
    margin-top: 15px;
}

/* mô t? css */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #333; border: 1px solid #333; }
.nav-tabs>li>a { border-radius: 0px; }
.nav-tabs { border-bottom: 3px solid #333; }
.tab-content { padding: 10px; }

/* Sidebar css */
.cat_list_section.widget.widget_dpe_fp_widget h3.widget-title { font-size: 16px; text-transform: uppercase; background: #ee1c24; padding: 10px 10px; margin-top: 0; margin-bottom: 0px; color: #fff; font-weight: 600; }
.widget-title { position: relative; }
.widget-title i { position: absolute; right: 0; top: 0px; font-size: 20px; width: 37px; height: 37px; background: #c10d14; padding: 8px 8px; }
.cat_list_section h3:before, .cat_list_section h3:before, .cat_list_section.widget.widget_dpe_fp_widget h3:before { position: absolute; right: 37px; border-style: solid; border-width: 0 0px 37px 15px; border-color: transparent transparent #c10d14 transparent; top: 0; width: 0; height: 0; content: ''; }
.product_child_type ul { list-style: none; padding-left: 0px; margin-bottom: 0px; }
.cat_list_section { border: 1px solid #dedede; margin-bottom: 20px; }
.product_child_type ul li { border-top: 1px dashed #dedede; padding: 5px 10px; }
article.news__item { margin-bottom: 20px; box-shadow: 1px 1px 1px 1px #a7a7a7; background-color: #fff; }
.news__meta { min-height: 160px; padding: 10px; }
.partner-project { background-color: #f0fafe; }
.sidebar-product .cat_list ul.children { }
.sidebar-product .product_child_type>ul>li>ul.children>li { display: none; }
.sidebar-product .product_child_type>ul>li:hover>ul.children>li { display: block; }
.sidebar-product .product_child_type>ul>li>ul.children:before { content: "+"; position: absolute; right: 20px; top: 5px; font-weight: 600; }
.sidebar-product .product_child_type>ul>li { position: relative; }

/*end*/
.news-item { position: relative; margin-bottom: 15px; }
.news-item h3.product-title { position: absolute; bottom: 0; background: rgb(51 51 51 / 70%); padding: 10px; margin: 0; width: 100%; }
.news-item h3.product-title a { color: #fff; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
h3.news__title { font-size: 18px; }

/*single post*/
.header__header { background: #ffff; border-bottom: 1px solid #efefef; }
h1.entry-title, h1.cat-title, h1.search-title { font-size: 26px; margin-top: 0; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #dedede; padding-bottom: 15px; }
h3.product__title { font-size: 18px; margin: 15px 0px; }
h2.related__heading { font-size: 20px; font-weight: 600; text-transform: uppercase; }
ul.title-list { margin: 10px 0; }
ul.title-list li { border-bottom: 1px dotted #ccc; padding: 5px 0; }
ul.title-list li a { color: #444; text-decoration: none; }
ul.title-list li a:hover { color: blue; }
img.featured-faq { width: 100%; margin: 10px 0; }

/*end*/

/*pagination*/

.navigation { margin: 10px 0; }
.navigation li { display: inline; }
.navigation li a:hover, .navigation li.active a { background-color: #3C8DC5; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration: none; }
.navigation ul { padding: 0 15px; }

/*end*/

/*single cat*/

.product_name ul { list-style: none; padding: 10px 0px 8px 10px; margin-bottom: 0; }
.product-content { padding-top: 20px; }
.product_name ul li { width: 100%; padding: 0px 10px 0px 15px; display: inline; border-right: 1px solid #999; }
.product-category-content .posttype, .product-category-content .product_name { display: inline-block; }
.product-category-content { border-bottom: 1px solid #999; margin: 10px 0; }
.product-category-content .posttype { background: #014099; color: #fff; padding: 8px 18px; font-weight: 600; font-family: impact; font-size: 18px; }
.product_name .current-cat a { color: #0069ff; }
.product_name a { color: #444; }
.product-meta h4, .product-meta p, .product-meta a { color: #333; }
.product-thumbnail { padding: 5px 20px; border: 1px solid #ccc; }

/*end*/
.related { margin-bottom: 20px; }

/*sidebar*/
ul.cat-list { list-style-image: url(assets/images/ul-icon.png); }
h4.h4, h5.h5 { font-family: impact; }
h5.h5 { padding-left: 5px; }
ul.cat-list { padding-left: 25px; }
.widget-sidebar ul { padding-left: 25px; list-style-image: url(assets/images/ul-icon.png); }
ul.download { list-style-image: url(assets/images/download-icon.png); }
.left-content { background-color: #fff; }

/*end*/

/*contact form 7*/
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { max-width: 100%; }
#dathang input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext.form-control { border: none; box-shadow: none; text-align: center; font-size: 18px; color: #ee1c24; text-transform: uppercase; font-weight: 900; }
.product-order { text-align: center; margin-bottom: 25px; font-size: 16px; font-weight: 600; }
span.wpcf7-form-control-wrap.dynamicname { text-align: center; }

/*End*/

/* 404 Page */
section.error-page {
    padding: 50px 0;
}
.error-content h4 {
    font-size: 20px;
    font-weight: 600;
}
.error-content h2 {
    font-size: 150px;
    font-weight: 900;
}
.error-content h5 {
    font-size: 20px;
    font-weight: 600;
}
.error-content a.btn-primary.btn.btn-sm {
    width: 175px;
    background: #ed1d24;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Arial', sans-serif;
}
/*footer*/

.footer_widget h3.widget-title { position: relative; padding: 5px 0px; margin-bottom: 20px; }
.footer_widget h3.widget-title:after { position: absolute; content: ""; width: 100px; left: 0; bottom: 0; height: 1px; background: #fff; }
.footer_section { background: #4a4949; }
.footer_widget { background: #333; color: #fff; padding: 20px 0px 0px 0px; }
.footer_section .copywrite { padding: 10px; text-align: center; }
.footer_section .copywrite p { margin-bottom: 0; color: #fff; }

/*End footer*/

/*Update by Ken 10/08*/
#content .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
header { background: #fff; }
.header__menu { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.header .top_header { background: #7b7b79; color: #fff; font-size: 12px; padding: 10px 0; }
.header .top_header ul { margin: 0; }
.header .top_header .form-search input { width: 100%; position: relative; height: 30px; border: none; padding-left: 15px; color: #000; }
.header .top_header .form-search button { position: absolute; top: 0; right: 17px; background: no-repeat; color: #000; border: none; color: #ccc; border: none; font-size: 19px; }
.header .top_header .top_left { padding: 0; line-height: 25px; }
.header .top_header .top_left li { text-align: center; list-style: none; }
.header .top_header .top_left li:last-child { margin-right: 20px; font-weight: 700; }
.header .top_header .top_right { display: table; margin-bottom: 0; margin-left: auto; }
.header .top_header .top_right li { float: left; list-style: none; margin-right: 22px; text-align: center; line-height: 28px; }
.header .top_header .top_right li a { color: #fff; text-decoration: none; font-size: 16px;}
.form_center_content { background: #16f5cc; border: 1px solid #D94326; padding: 5px 10px; margin-bottom: 20px; }
.form_center_content h3 { color: #0000ff; text-transform: uppercase; }
.form_center_content .form-bottom { display: table; margin: 20px auto; padding: 10px; background: #E70000; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 600; border: 3px solid #1096e8; }
.form_center_content .form-bottom a { color: #fff; font-size: 25px; letter-spacing: 1px; text-decoration: none; }
.taxonomy-description { margin-bottom: 15px; }

/*cssmenu*/
#cssmenu { background-color: #fff; }
#cssmenu .menu { padding: 0px 10px; list-style: none; margin: 0; }
#cssmenu .menu > li { padding: 0; position: relative; }
#cssmenu .menu > li:not(:last-child) { border-bottom: 1px solid #ddd; }
#cssmenu .menu > li a { font-weight: 600; position: relative; padding: 10px 0px; font-size: 15px; line-height: 21px; z-index: 0; color: #333e48; display: block; }
#cssmenu >ul li.menu-item-has-children > .icon { position: absolute; cursor: pointer; top: 8px; text-align: center; right: 10px; width: 20px; height: 20px; }
#cssmenu >ul li.menu-item-has-children > .icon:after { z-index: 10; width: 20px; height: 20px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; line-height: 20px; content: "\f105"; color: #333; vertical-align: top; }
#cssmenu >ul li.menu-item-has-children.active > .icon:after { content: "\f107"; }
#cssmenu >ul li.menu-item-has-children.active > a { }
#cssmenu >ul li.menu-item-has-children.active > ul.sub-menu { max-height: unset; visibility: visible; margin-top: 10px; }
#cssmenu >ul >li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; }
#cssmenu >ul >li.menu-item-has-children { border-bottom: 0; }
#cssmenu ul>.menu-item-has-children>a { border-bottom: 1px solid rgba(255, 255, 255, 0.17); }
#cssmenu .sub-menu { width: 100%; border: none; padding: 0; max-height: 0; visibility: hidden; overflow: hidden; border-top: 1px solid #ddd; -webkit-box-shadow: 0 0 0 #fff; -ms-transform: 0 0 0 #fff; -o-transform: 0 0 0 #fff; box-shadow: 0 0 0 #fff; list-style: none; transition: all .3s ease; }
#cssmenu .sub-menu li { position: relative; }
#cssmenu .sub-menu li a { display: block; padding-top: 9px; padding-bottom: 9px; padding-left: 18px; }
#cssmenu .menu > li a:hover, #cssmenu .sub-menu li a:hover { color: #e21d2a; }
#cssmenu .menu > li.current-menu-ancestor > ul { display: block; }
#cssmenu .menu > li.current-menu-ancestor > a { font-weight: bold; }
#cssmenu .sub-menu li.current-menu-item > a { color: #e21d2a; font-weight: bold; background-color: #f5f5f5; }

/* Modal */
.modal-header { background: #f3f4f7; height: 80px; line-height: 80px; text-align: center; position: relative; width: 100%; padding: 0; }
.modal-header .modal-title { line-height: 80px; font-size: 20px; font-weight: bold; }
.modal-body .wpcf7-form-control.wpcf7-textarea { max-height: 80px; }
.modal-body .wpcf7-form-control.wpcf7-submit { padding: 10px 35px; color: #fff; background: #c72528 !important; border-radius: 4px; font-size: 18px; border: 0 !important; text-align: center; display: table; margin: 10px auto 0 auto; }
.modal-body .ajax-loader { display: none; }
.modal-header .close { position: absolute; top: -20px; right: -20px; width: 36px; height: 36px; border-radius: 50%; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, .1); text-align: center; padding: 7px 12px; border: 0; opacity: 1; color: #333; }
.modal-content { overflow: unset !important; }
.product__hotline button.sub-btn.btn:focus { outline: none; }

/* End modal */
@media (min-width:768px) {
    .header .top_header .top_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .header .top_header .top_left li { float: left; margin-right: 20px; font-size:16px;}
    .modal-dialog { width: 600px; margin: 5% auto; }
}

/*breadcrumbs*/

/*.box-breadcrumb{background: #f5f5f5;}*/
.breadcrumb { border-radius: 0; padding: 10px 15px; margin-bottom: 20px; }
.breadcrumb .breadcrumb_last { padding-left: 5px; }
.breadcrumb a { padding: 0 5px; color: #555; }
.breadcrumb a:hover { color: #ee1c24; }
.box-breadcrumb p { margin: 0; }

/*single*/
.single-content { padding-top: 20px; }
.product-single .product__title { font-size: 26px; font-weight: 600; margin: 0px 0px 15px 0px; }
.product-single .product__price { margin-top: 20px; line-height: 35px; font-size: 18px; }
.product__price div { display: inline-block; }
.product__price .pr_new { padding-right: 10px; }
.product-single .product__box { margin-top: 20px; padding: 20px; border: 1px solid #e0e0e0; font-size: 16px; }
.product-single .product__box blockquote { }
.product-single .product__sale { position: relative; }
.product-single .product__box hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
.product-single .product__sale .m_box { padding: 30px 20px 20px; border-radius: 5px; }
.product-single .product__sale .t_box { position: absolute; left: 5%; top: -10%; border-radius: 2px; padding: 5px 10px; }
.product-single .product__hotline {    /*width: 100%;
        padding: 20px;
        background: #ee1c24;*/
text-align: center; margin-top: 20px; }
.product__hotline button.sub-btn.btn { width: 100%; padding: 10px; background: #ee1c24; color: #fff; font-size: 20px; }
.product-single .product__hotline a { color: #fff; text-decoration: none; font-size: 22px; }
#gallery-full img { height: 460px; object-fit: cover; }
#gallery-thumbnail .item { width: 100%; height: 80px; margin: 0; border-radius: 4px; padding: 0 6px; }
#gallery-thumbnail .item img { height: 100%; object-fit: cover; }
#gallery-thumbnail .owl-nav > div { position: absolute; top: 50%; transform: translateY(-50%); color: #333; margin: 0; background: #fff; font-size: 18px; }
#gallery-thumbnail .owl-nav > div.owl-prev { left: 0; }
#gallery-thumbnail .owl-nav > div.owl-next { right: 0; }

/*content single*/
.form-register { background: #ffffff; border: 1px solid #1096e8; padding: 5px 10px; margin: 20px 0; }
.form-register .title { margin: 15px 0 25px; background: #1096e8; text-align: center; padding: 12px 15px; color: #fff; font-weight: 600; font-size: 16px; text-transform: uppercase; }
.form-register .form-group { max-width: 400px; margin: 0 auto 15px; }
.form-register .form-group.form-group--btn { text-align: center; }
.form-register .form-group label { font-weight: 600; font-size: 13px; margin-bottom: 10px; }
.form-register .form-group textarea { height: 100px; }
.form-register .form-group input[type*=submit] { width: 200px; padding: 10px; border: 0; background: #ee1c24; color: #fff; }
.product_content .tab-content ul { padding-left: 20px; }
.product_content ul li { margin-bottom: 10px; }

/*slidebar*/
.grid-sidebar .hot_news { background: #f0faff; padding: 20px 15px; margin-bottom: 20px; }
.grid-sidebar .hot_news .title { color: #ee1c24; margin-bottom: 20px; font-weight: 600; }
.grid-sidebar .box_news { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 15px; }
.grid-sidebar .box_news .box-image { width: 70px; height: 70px; }
.grid-sidebar .box_news .box-image img { max-height: 70px; object-fit: cover; }
.grid-sidebar .box_news .box-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; flex: 1; position: relative; padding-left: 10px; }
.grid-sidebar .box_news .box-title { font-size: 15px; margin: 0; line-height: 1.3; }
.grid-sidebar .box_news .box-title a { color: #333; }
.footer_widget a, .footer_widget a:hover { color: #fff; text-decoration: none; }
.contact-page h1.entry-title { text-align: center; }
.contact-page { padding-top: 20px; }
.contact-info { margin: 0; padding: 0; list-style: none; }
.contact-info li { display: table; margin-bottom: 7px; color: #363f4d; line-height: 1.5; }
.contact-info li i { padding-right: 5px; }

/*===== 3.7. PHONE CALL =====*/
.zw-alo-phone { position: fixed; left: 0px; bottom: 60px; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 200000 !important; }
.zw-alo-img-circle { width: 30px; height: 30px; top: 43px; left: 43px; position: absolute; background: rgba(30, 30, 30, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #f44336; background-size: 70%; }
.zw-alo-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgb(244, 67, 54); opacity: .5 !important; }
.zw-alo-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #f16e7d; opacity: .5; }
.zw-alo-phone span { display: block; background: #F44336; color: #fff; padding: 5px; text-align: center; position: absolute; left: 5px; width: 140px; top: -15px; border-radius: 4px 4px; }
.zw-alo-phone span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #F44336 transparent transparent transparent; position: absolute; top: 28px; left: 0; right: 0; text-align: center; margin: 0 auto; }

/* end phone Call */

/* Custom css */
.nav-tabs>li>a { border: 1px solid #333333; border-radius: 4px 4px 0 0; color: #333; }
.nav-tabs>li>a:hover { background: #333; color: #fff; }
#gallery .item { margin-bottom: 25px; }
.box-ulti { text-align: center; padding: 10px; border: 2px solid #e93f33; margin-bottom: 15px; background: #fff; border-radius: 10px; }
.box-ulti img { max-width: 100px; }
.box-ulti h4 { font-size: 18px; text-transform: uppercase; margin-top: 15px; font-weight: 600; }
.banner-ads-top { margin-bottom: 20px; }
.card-product-block.san-pham-noi-bat { display: none; }
.cta-section { background: #256aa5; color: #fff; padding: 20px 0px; }
ul.form-cta { list-style: none; display: flex; padding: 0; }
ul.form-cta li { margin: 0px 5px; }
.form-cta input.wpcf7-form-control.wpcf7-submit { background: #333; border: none; box-shadow: none; padding: 6px 20px; border-radius: 5px; }
.cta-section h3 { text-transform: uppercase; margin: auto 0px; padding: 20px 0px; font-weight: 600; }
.cta-section input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control { border: none; }
.cta-section form.wpcf7-form { padding: 9px 0px; }
.cta-section div.wpcf7 .ajax-loader { display: none; }
.footer_contact ul li { margin-bottom: 5px; }

/*single*/

@media (max-width:480px) {
    .header_logo a img { max-width: 200px; }
    h3.product-title { font-size: 13px; margin-top: 10px; }
    .product { padding: 5px; }
    .item-price { font-size: 15px }
    [class*="col-xs"] { padding-left: 10px; padding-right: 10px; }
/*     .social_icon.header_info_1 { display: none; } */
    .product:hover>.digital-cat { display: none }
    .info-contact { text-align: center; }
}
@media (min-width:1200px) {
    .container { width: 1170px !important; }

    /*.h2-title:after {right: 36%;}
    .h2-title:before {left: 36%;}*/ }
    @media only screen and (max-width:1023px) {
        .header .top_header { display: none; }
        .header_logo img { max-height: 70px; margin-left: 0; }
        .menu-open { text-align: right; }
        #gallery-full img { height: 350px; }
        .product-meta { margin-bottom: 20px; }
        .zw-alo-phone { bottom: 45px; }
    }
    @media only screen and (max-width:767px) {
        .header .top_header .top_left { margin-bottom: 10px; }
        .header .top_header .top_left li:last-child { margin-right: 0; }
        .header .form-search { margin-bottom: 5px; }
        #gallery-full img { height: 200px; }
        .breadcrumb { padding: 10px 0; }
        .form_center_content .form-bottom { text-align: center; }
        .form_center_content h3 { line-height: 1.5; }
        .modal-dialog { margin: 30% 25px; }
        .product__hotline button.sub-btn.btn { width: 60%; padding: 10px; }
        .cta-section h3 { font-size: 14px; }
    }