/*
Theme Name: flatsome-child
Description: flatsome-child Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*css dihi  */
.border-rdu,.border-rdu .banner-bg {
    border-radius: 8px;
}
#main .breadcrumb {
    display: none;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    text-transform: none;
	font-weight: 500;
}
select.orderby {
    border-radius: 99px;
}
div#shop-sidebar {
    background-color: #ededed;
    padding: 10px;
    border-radius: 10px;
}
span.widget-title.shop-sidebar {
    text-transform: uppercase;
    color: #38b3db;
}
.widget .current-cat>a {
    font-weight: 400;
}
.price-wrapper span.amount {
    color: red;
    font-weight: 300;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
}

nav.woocommerce-breadcrumb.breadcrumbs.uppercase a{
	color: #049fd2;
}

.blog-archive li.child_item {
    padding-right: 20px;
}


h5.post-title.is-large {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}
@media only screen and (max-width: 48em) {
	.blog-archive ul.list_child {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.blog-archive .archive-page-header ul.list_child li {
    display: inline-block;
    position: relative;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 100%;
}
.blog-archive h1.page-title.is-large.uppercase span {
    font-size: 30px;
}
.blog-archive .large-12.text-center.col {
    padding: 0 10px;
}

}





.w2steam a { color: #FF4D00;}
.w2steam {padding-left: 5px;margin-left: 5px;border-left: 1px solid;}
#calltrap-form .b-calltrap_form__controls-clear,#calltrap-success .b-calltrap_form__controls-clear,.clearboth,.tai-bao-gia .clearboth{clear:both}
.header-nav.nav-box>li.active>a,.header-nav.nav-box>li>a:hover,.header-nav.nav-line-bottom>li>a:before,.header-nav.nav-line-grow>li>a:before,.header-nav.nav-line>li>a:before,.header-nav.nav-pills>li.active>a,.header-nav.nav-pills>li>a:hover{background-color:#fbae3c}.nav-line-bottom>li>a:before,.nav-line-grow>li>a:before,.nav-line>li>a:before{height:2px}#topbar .nav-small .nav>li>a,.nav-small.nav>li.html,.nav.nav-small>li>a{font-size:14px;font-weight:400}.slider-nav-circle .flickity-prev-next-button .arrow,.slider-nav-circle .flickity-prev-next-button svg{border-radius:100%;border:0;background:#fbae3c}.box-blog-post .is-divider{display:none}.row-tin-tuc-slider .cot2 .post-item{padding-bottom:0!important;padding-left:0;padding-right:0}.row-tin-tuc-slider .cot2 .post-item .col-inner{padding:0 10px}.row-tin-tuc-slider .cot2 .post-item .box-text{padding-bottom:8px;padding-left:10px;padding-right:0}.row-tin-tuc-slider .cot2 .post-item .box-text .post-title:hover{color:#e31616}.row-tin-tuc-slider .cot2 .post-item .box-text .post-title{font-size:15.5px}.row-tin-tuc-slider{margin-top:20px!important}.section-title-container{margin-bottom:0}.section-title-normal span{padding-bottom:3.5px;border-bottom:2px solid #02A1D9}.row-tin-tuc-slider .cot2 .col-inner .col-inner{border:0}.row-tin-tuc-slider .cot2 .col-inner{padding:10px 10px 5px;border:1px dashed orange;border-radius:4px;BACKGROUND:#fffaf3}
.row-tin-tuc-slider .cot1>.col-inner{border:1px solid #e4e4e4;border-radius:4px;padding:10px;padding-bottom:0}
.row-tin-tuc-slider .cot1 .section-title-container{padding-bottom:8px;padding-top:10px}.row-tin-tuc-slider .cot1 .post-item{padding-bottom:0!important}.row-tin-tuc-slider .col{padding-bottom:0}.gioi-thieu-section .section-title-container{margin-bottom:10px}
.gioi-thieu-section .cot1 .col-inner{background:#fff;padding:10px 10px 0;border-radius:3px;border:1px solid #e4e4e4;margin-bottom:14px;height: 100%;}
.button,.mb{margin-bottom:0}.bai-viet-tin-tuc .cot1 .post-item,.bai-viet-tin-tuc .cot2,.gioi-thieu-section .cot1,.vi-sao1 .col{padding-bottom:0}
.gioi-thieu-section .cot2>.col-inner{
	border:1px solid #e4e4e4;
	background:#fff;
	border-radius:3px;
	padding:10px 10px 0;
}
.gioi-thieu-section .cot2{
	
}
.button span{font-weight:400;font-size:15px}.vi-sao2 .section-title-normal{margin-bottom:15px}orm .sub-title{margin-bottom:10px}input[type=submit]:not(.is-form){text-transform:none;font-weight:400;border-radius:3px;margin-bottom:0}.bai-viet-tin-tuc .cot2{background:#fff;padding-top:10px;border-radius:3px;border:1px solid #e4e4e4}.bai-viet-tin-tuc .cot1 .col-inner{background:#fff;padding:10px;border:1px solid #e4e4e4;border-radius:3px}.bai-viet-tin-tuc .cot1 .col-inner .col-inner{border:0;padding:0}.bai-viet-tin-tuc .cot1{padding-bottom:0}#comments,.post{background:#fff}.post{margin:0 0 20px;padding:20px 10px 10px;border-radius:4px;border:1px solid #e6e6e6}.blog-single .large-3{padding-left:0}.is-divider{height:1px;max-width:100%}.entry-content{padding-top:0}.blog-single .entry-category a{text-transform:none;font-size:14px;font-weight:400}.entry-meta{text-transform:none;font-size:15px;letter-spacing:0;color:gray}#comments{border-radius:3px;padding:10px;border:1px solid #e6e6e6}footer.entry-meta{font-size:15px;border-top:0;border-bottom:0}.blog-single .mo-ta-bv h2{font-size:16px;line-height:25px}.blog-single .thong-tin-bv{background:#fffbf1;border-radius:4px;border:1px dashed orange;padding:10px;margin-bottom:10px;margin-top:15px}.blog-single .thong-tin-bv .title-filed .key{font-weight:500;color:#000}.blog-single .thong-tin-bv .title-filed{margin-bottom:5px}.blog-single .thong-tin-bv .chi_phi{color:red;font-size:20px}.tai-bao-gia{border:1px solid #e6e6e6;border-radius:3px;width:100%;background:#fff;padding:10px;display:block}.title-bao-gia{display:block;text-align:center;margin-bottom:15px;font-size:18px;font-weight:500;color:#de0b0c;margin-top:10px}.tai-bao-gia .left{width:40%;float:left}.tai-bao-gia .right{width:60%;float:right;padding-left:10px}.recent-blog-posts a{color:#000}.html-before-comments{background:#fff;border-radius:3px;border:1px solid #e6e6e6;padding:10px;margin-bottom:20px}.blog-archive .page-title,span.widget-title{margin-bottom:15px;letter-spacing:0;text-transform:none;font-size:18px}.html-before-comments .post-item{padding-bottom:0}span.widget-title{font-weight:500;display:block}.blog-archive .absolute,.home .chi-phi-du-kien,.widget .is-divider{display:none}.recent-blog-posts a:hover{color:#e31616}
.taxonomy-description{text-align:left;margin-bottom:15px}
.rchive-page-header .col{padding-bottom:10px} .chi-phi-du-kien{display:flex;color:#fbae3c;font-size:15px;position:absolute;z-index:9;margin-top:-130px;width:100%;padding-left:10px;padding-right:10px;background:0 0;line-height:32px}.chi-phi-du-kien .left{padding-top:2px;width:75%;float:left}.chi-phi-du-kien .right{width:25%;float:right;color:#a0a0a0;text-align:right;font-size:15px;padding-top:2px}.footer-contact{z-index:999;bottom:3%;left:3%;position:fixed}.footer-contact .notice{display:none}.footer-contact a:hover>.notice{display:block;position:absolute;z-index:999;bottom:6%;left:3%}#calltrap-btn,#calltrap-overlay{background-color:#8cd15f;position:fixed;text-align:center}#calltrap-btn{-webkit-border-radius:50%;border-radius:50%;display:block;height:55px;line-height:100px;opacity:.7;left:35px;bottom:50px;width:55px;z-index:9999;-webkit-animation:calltrap_opacity 3s infinite linear;-moz-animation:calltrap_opacity 3s infinite linear;-o-animation:calltrap_opacity 3s infinite linear;animation:calltrap_opacity 3s infinite linear}#calltrap-btn.calltrap_offline{background-color:#8cd15f}#calltrap-ico{width:32px;height:32px;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border:0;-webkit-border-radius:50%!important;border-radius:50%!important;-o-background-clip:padding-box;background-clip:padding-box;-webkit-animation:uptocallmini 1.5s 0s ease-out infinite;-moz-animation:uptocallmini 1.5s 0s ease-out infinite;-o-animation:uptocallmini 1.5s 0s ease-out infinite;animation:uptocallmini 1.5s 0s ease-out infinite}#calltrap-ico:before{content:"";position:absolute;width:100%;height:100%;background-size:cover;top:0;left:0;background-image:url(/wp-content/uploads/2018/08/phone-call.png);background-repeat:no-repeat;background-position:center center;-webkit-animation:calltrap_spin 3s infinite linear;-moz-animation:calltrap_spin 3s infinite linear;-o-animation:calltrap_spin 3s infinite linear;animation:calltrap_spin 3s infinite linear}.calltrap_offline #calltrap-ico{-webkit-animation:uptocallmini_offline 1.5s 0s ease-out infinite;-moz-animation:uptocallmini_offline 1.5s 0s ease-out infinite;-o-animation:uptocallmini_offline 1.5s 0s ease-out infinite;animation:uptocallmini_offline 1.5s 0s ease-out infinite}#calltrap-overlay{z-index:9998;width:100%;height:100%;left:0;top:0;display:none}#calltrap-overlay .b-calltrap-overlay{display:table;width:100%;height:100%}#calltrap-overlay .b-calltrap-overlay__body,#calltrap-overlay .b-calltrap-overlay__footer,#calltrap-overlay .b-calltrap-overlay__header{display:table-row;padding:0;margin:0}#calltrap-overlay .b-calltrap-overlay__body-block,#calltrap-overlay .b-calltrap-overlay__footer-block,#calltrap-overlay .b-calltrap-overlay__header-block{display:table-cell;vertical-align:middle;text-align:center}#calltrap-overlay .b-calltrap-overlay__body-block{padding:0 7px}#calltrap-overlay .b-calltrap-overlay__footer,#calltrap-overlay .b-calltrap-overlay__header{height:1px}#calltrap-overlay .b-calltrap__container{background-color:#fff;border:5px solid #2074a1;-webkit-border-radius:3px;border-radius:3px;padding:0;max-width:500px;display:block;margin:0 auto;font-size:16px;line-height:1.3;position:relative;font-family:Tahoma,Arial,self-serif!important}@media screen and (min-width:1px) and (max-width:500px){#calltrap-overlay .b-calltrap__container{width:290px}#calltrap-form .b-calltrap_form__title,#calltrap-success .b-calltrap_form__title{padding-right:20px}}#calltrap-overlay .b-calltrap__close{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px;opacity:.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#calltrap-overlay .b-calltrap__close:hover{opacity:1}#calltrap-form,#calltrap-success{display:block}#calltrap-form .b-calltrap_form__fields,#calltrap-success .b-calltrap_form__fields{margin:20px 25px 35px}#calltrap-form .b-calltrap_form__title,#calltrap-success .b-calltrap_form__title{font-size:20px;margin:0 0 17px;text-align:left}#calltrap-form .b-calltrap_form__text,#calltrap-success .b-calltrap_form__text{text-align:left}#calltrap-form .b-calltrap_form__text p,#calltrap-success .b-calltrap_form__text p{margin:0 0 .55em}#calltrap-form .b-calltrap_form__input,#calltrap-success .b-calltrap_form__input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;padding:0 15px;height:44px;line-height:40px;background-color:#fff;border:2px solid #ccc;-webkit-border-radius:3px;border-radius:3px;display:block;width:100%;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#calltrap-form .b-calltrap_form__input.error,#calltrap-success .b-calltrap_form__input.error{background-color:#8cd15f;color:red;border-color:red}#calltrap-form .b-calltrap_form__input:disabled,#calltrap-success .b-calltrap_form__input:disabled{background-color:#eee;border-color:#bdbdbd;cursor:default}#calltrap-form .b-calltrap_form__input:focus,#calltrap-success .b-calltrap_form__input:focus{border:2px solid #2074a1}
#calltrap-form .b-calltrap_form__submit,#calltrap-success .b-calltrap_form__submit{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#2074a1;-webkit-border-radius:3px;border-radius:3px;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0;height:44px;line-height:40px;display:inline-block;width:180px;text-align:center;outline:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#calltrap-success,.blog-archive .from_the_blog_comments{display:none}@media screen and (min-width:1px) and (max-width:500px){#calltrap-form .b-calltrap_form__input,#calltrap-success .b-calltrap_form__input{margin-bottom:13px}#calltrap-form .b-calltrap_form__submit,#calltrap-success .b-calltrap_form__submit{width:100%}}#calltrap-form .b-calltrap_form__submit:hover,#calltrap-success .b-calltrap_form__submit:hover{background-color:#1c658c}#calltrap-form .b-calltrap_form__submit:disabled,#calltrap-success .b-calltrap_form__submit:disabled{background-color:#bdbdbd!important;cursor:default}#calltrap-form .b-calltrap_form__controls,#calltrap-success .b-calltrap_form__controls{margin:20px 0 0;padding:0 200px 0 0}#calltrap-form .b-calltrap_form__controls-item,#calltrap-success .b-calltrap_form__controls-item{position:relative;float:right}#calltrap-form .b-calltrap_form__controls-left,#calltrap-success .b-calltrap_form__controls-left{margin-left:-100%;width:100%}#calltrap-form .b-calltrap_form__controls-right,#calltrap-success .b-calltrap_form__controls-right{margin-right:-200px;overflow:visible;width:200px;text-align:right}@media screen and (min-width:1px) and (max-width:500px){#calltrap-form .b-calltrap_form__controls,#calltrap-success .b-calltrap_form__controls{padding:0}#calltrap-form .b-calltrap_form__controls-item,#calltrap-success .b-calltrap_form__controls-item{float:none}#calltrap-form .b-calltrap_form__controls-left,#calltrap-success .b-calltrap_form__controls-left{margin-left:0}#calltrap-form .b-calltrap_form__controls-right,#calltrap-success .b-calltrap_form__controls-right{margin-right:0;width:auto;text-align:left}}#calltrap-overlay.calltrap_offline .b-calltrap_form__submit{background-color:#1CB2ED}#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover{background-color:#2e8c1c}
#calltrap-overlay.calltrap_offline .b-calltrap__container,#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus{border-color:#1CB2ED}
@-webkit-keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@-moz-keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@-o-keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@-webkit-keyframes calltrap_spin{0%,30%,57%{-webkit-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}48%{-webkit-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@-moz-keyframes calltrap_spin{0%,30%,57%{-moz-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-moz-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-moz-transform:rotate(10deg);transform:rotate(10deg)}48%{-moz-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@-o-keyframes calltrap_spin{0%,30%,57%{-o-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-o-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-o-transform:rotate(10deg);transform:rotate(10deg)}48%{-o-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@keyframes calltrap_spin{0%,30%,57%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}48%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@-webkit-keyframes uptocallmini{0%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{-webkit-box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1;box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@-moz-keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@-o-keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@keyframes uptocallmini{0%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{-webkit-box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1;box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@-webkit-keyframes uptocallmini_offline{0%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{-webkit-box-shadow:0 0 8px 6px #35A120,0 0 12px 10px transparent,0 0 12px 14px #35A120;box-shadow:0 0 8px 6px #35A120,0 0 12px 10px transparent,0 0 12px 14px #35A120}100%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}@-moz-keyframes uptocallmini_offline{0%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{box-shadow:0 0 8px 6px #35A120,0 0 12px 10px transparent,0 0 12px 14px #35A120}100%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}@-o-keyframes uptocallmini_offline{0%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{box-shadow:0 0 8px 6px #35A120,0 0 12px 10px transparent,0 0 12px 14px #35A120}100%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}@keyframes uptocallmini_offline{0%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{-webkit-box-shadow:0 0 8px 6px #1CB2ED,0 0 12px 10px transparent,0 0 12px 14px #1CB2ED;box-shadow:0 0 8px 6px #1CB2ED,0 0 12px 10px transparent,0 0 12px 14px #1CB2ED}100%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}.back-to-top{border:0 solid currentColor!important;background-color:#ff8d00!important;color:#fff!important}b,strong{font-weight:500}.dich-vu-cua-chung-toi .col,.lien-he-tu-van-section .col,.uu-dai .col{padding-bottom:0}
.chi-phi-du-kien{background: #00000094;}

.st_dichvu .col_title .col-inner{
	padding: 20px;
	background: #fff;
	border-radius: 5px;
}
.st_dichvu .col_title p{
	margin-bottom: 0;
}
.st_dichvu .col_title h2{
	margin-bottom: 10px;
	color: #039ccf;
	font-size: 28px;
}
.st_dichvu .row .row .col-inner{
	border-radius: 5px;
	overflow: hidden;
}
.st_dichvu .box h4{
	font-size: 20px;
	margin-bottom: 5px;
}
.st_dichvu .box p{
	font-size: 14px;
}
.gioi-thieu-section .cot1 .gioi-thieu .accordion-title{
	padding-right: 0;
	padding-left: 45px;
	border-top-style:dashed;
}
.gioi-thieu-section .cot1 .gioi-thieu .accordion-inner{
	padding-right: 0;
	padding-left: 10px;
}
.st_slide .row.c1 .col {
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.st_slide .row.c2 .col{
	padding-right: 5px;
	padding-left: 5px;
}
.col.post-item .box-badge .box-text{
	padding: 10px 15px !important;
}
.col.post-item .box-badge .box-text h5{
	color: #DE2A1B;
}
.col.post-item .box-badge:hover .box-text h5{
	color: #fff;
}
.gioi-thieu-section .cot1 .toggle{
	background: url("/wp-content/uploads/2021/12/home-four-check-circle-icon.png");
	opacity: 1;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	border: 0;
	width: 40.5px;
	top: 13px;
}
.gioi-thieu-section .cot1 .toggle i{display: none;}
.gioi-thieu-section .cot1 .accordion-title.active{
	background: transparent;
}
.gioi-thieu-section .accordion-title.active .toggle{
	transform: rotate(90deg);
}
.gioi-thieu-section .cot1 .gioi-thieu .accordion-inner p{
	margin-bottom: 5px;
	font-size: 14px;
	text-align: justify;
}
.gioi-thieu-section .cot1 .gioi-thieu .accordion-title:not(.active):hover{
	color: #DE2A1B;
}
.gioi-thieu-section .cot1 .gioi-thieu p.more{
	border-top: 1px dashed #aaa;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.gioi-thieu-section .cot1 .gioi-thieu p.more a:hover{
	color: #DE2A1B;
}
.header-inner{
    position: relative;
}
.header-nav-main,.header-nav-main>.menu-item{
    position: unset;
}
.header-nav-main>.menu-item>.sub-menu{
    width: 100%;
    display: flex;
}
.header-nav-main>.menu-item.current-dropdown>.sub-menu{
    left: 0;
}
.header-nav-main>.menu-item>.sub-menu>.menu-item{
    flex-basis: 20%;
}
.header-nav-main>.menu-item>.sub-menu>.menu-item > a{
    border-bottom: 0;
    text-align: center;
    color: #333;
    font-weight: bold;
}
.header-nav-main>.menu-item>.sub-menu>.menu-item:hover > a{
    color: #05A0D6;
}
.header-nav-main>.menu-item>.sub-menu>.menu-item .menu-image{
    height: 135px;
    object-fit: cover;
    margin-bottom: 5px !important;
}
header.archive-page-header {
    background: #f4f4f4;
    margin-bottom: 30px;
}
.breadcrumb{
    background: #f4f4f4;
}
.breadcrumb .rank-math-breadcrumb p{
    margin-bottom: 0;
    padding: 15px 0;
    color: #c3c3c3;
}
.breadcrumb .rank-math-breadcrumb a{
    color: #c3c3c3;
}
.breadcrumb .rank-math-breadcrumb a:hover{
    color: #777;
}
.rank-math-breadcrumb .separator{
    padding: 0 5px;
}
.blog-archive{
    padding-top: 0;
}
.archive-page-header h1.page-title{
    text-align: left;
    font-size: 43px;
    text-transform: uppercase;
    margin-top: 20px;
}
.archive-page-header ul.list_child{
    text-align: left;
}
.archive-page-header ul.list_child li{
    display: inline-block;
    position: relative;
}
.archive-page-header ul.list_child li:after{
    content: "";
    width: 2px;
    height: 2px;
/*     background: #333; */
    display: inline-block;
    vertical-align: middle;
/*     margin: 0 15px 0 20px; */
	margin: 0px;
}
.archive-page-header ul.list_child li:last-child:after{
    display: none;
}
.archive-page-header ul.list_child li a{
    color: #222;
    text-transform: uppercase;
}
.archive-page-header ul.list_child li a:hover{
    color: #05A0D6;
}
.taxonomy-description p{margin-bottom: 7px;}
.blog-archive .large-9 .post-item{
    border-bottom: 2px solid #05A0D6;
    margin-bottom: 30px;
}
.blog-archive .large-9 .post-item:last-child{
    border-bottom: 0;
}
.blog-archive .large-9 .post-item h5.post-title{
    font-size: 30px;
    margin-bottom: 10px;
}
.blog-archive .large-9 .post-item .box-text{
    vertical-align: top;
}
.blog-archive .large-9 .post-item h5.post-title:hover{
    color: #05A0D6;
}
.post-sidebar .widget-area .widget{
    border: 1px solid #cde8f1;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #c1d2d7; 
    background: #fcffff;
}
.post-sidebar .widget .widget-title{
    line-height: 1.6;
    border-bottom: 2px solid #DE2A1B;
    color: #DE2A1B;
    font-size: 20px;
    text-transform: uppercase;
}
.post-sidebar .widget .recent-blog-posts-li .badge{
    width: 5em;
    height: 4.5em;
}
.ft_top p{
    margin-bottom: 0;
}
.thong-tin-tac-gia {
    background: #edfbff;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    clear: both;
    border: 1px dashed #05A0D6;
    display: flex;
}
.thong-tin-tac-gia .left {
    width: 20%;
}
.thong-tin-tac-gia .right {
    width: 80%;
    padding-left: 20px;
}
.thong-tin-tac-gia h4 {
    font-size: 20px;
    font-weight: bold;
    color: #05A0D6;
    margin-bottom: 10px
}
.thong-tin-tac-gia ul li{
    list-style-type: none;
    margin-bottom: 5px;
}
.thong-tin-tac-gia ul li i{
    color: #DE2A1B;
    margin-right: 5px;
    
}
.post-sidebar{
    position: relative;
}
.post-sidebar .widget-area{
    position: sticky;
    top: 120px;
}
.home .breadcrumb{display: none;}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.w2steam {display: block;border-left: 0;}
	.row-tin-tuc-slider .cot2{margin-top:20px}
	.row-tin-tuc-slider .cot2 .post-item, .gioi-thieu-section .cot2 .post-item, .bai-viet-tin-tuc .cot1 .post-item, .html-before-comments .post-item{flex-basis:50% !important; max-width:100% !important}
	.row-tin-tuc-slider .cot2 .section-title-normal, .bai-viet-tin-tuc .cot1 .section-title-normal{margin-bottom:15px}
	.chi-phi-du-kien{position:inherit; margin-top:10px}
	.chi-phi-du-kien .left, .chi-phi-du-kien .right {
		width: 100% !important;display:block; float:none; text-align:left
	}
	.chi-phi-du-kien{display:inline-block; font-size:15px}
	.gioi-thieu-section .cot1 .gioi-thieu .accordion-title{font-size: 15px;}
	.off-canvas-left .mfp-content {
	    width: 100%;
	    top: 70px;
	    background: transparent !important;
    	box-shadow: none;
	}
	.mobile-sidebar {
	    background: #333;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	    font-size: 17px;
	    color: #fff;
	}
	.mfp-content .toggle {
	    color: #fff;
	}
	.icon-menu:before {
		content: "\f550";
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 900;
		font-size: 18px;
	}
	.nav-sidebar.nav-vertical>li+li{border-color: #ececec !important;}
	#logo {
		width: 230px;
/* 		order: 1; */
	}
}
/*Dự án*/
    /* ==== CSS cho danh sách Dự án ==== */
.row-da .da-small {
    margin-bottom: 30px;
}

.row-da .product-small {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.row-da .product-small:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Hình vuông cho ảnh đại diện */
.row-da .box-image {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f3f3f3;
    aspect-ratio: 1 / 1; /* Tạo khung hình vuông */
}

.row-da .box-image img {
    width: 100%;
    height: 300px;
    padding: 10px;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.row-da .product-small:hover .box-image img {
    transform: scale(1.05);
}

.row-da .image-none {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    height: 0;
    padding-bottom: 100%; /* 1:1 cho khi không có ảnh */
    color: #999;
    font-size: 14px;
}

.row-da .box-text {
    padding: 15px 20px;
    text-align: left;
}
.row-da .product-title a:before {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 60px;
    height: 4px;
    background-color: var(--primary-color, #222);
}
.row-da .product-title a {
    color: var(--primary-color, #222);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s 
ease;
    position: relative;
}

.row-da .product-title a:hover {
    color: var(--secondary-color, #0088cc);
}

.row-da .box-info {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.row-da .box_info {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    padding: 6px 0;
}

.row-da .box_info:last-child {
    border-bottom: none;
}

.row-da .box_info .col:first-child {
    font-weight: 600;
    color: #555;
}

.row-da .box_info .col:last-child {
    color: #666;
}

/* Mobile */
@media (max-width: 767px) {
    .row-da .product-small {
        border-radius: 6px;
    }
.row-da .box-image img {
    height: auto;
}
.duan-thumb img {
    height: 175px;
}
    .row-da .box-text {
        padding: 12px 15px;
    }

    .row-da .product-title a {
        font-size: 16px;
    }

    .row-da .box_info {
        font-size: 13px;
    }
    .slider-duan .mySwiper .swiper-slide img {
        height: 65px !important;

    }
    .row-da .box-image {
        aspect-ratio: unset;
    }
}
.duan-widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.duan-widget-list li.duan-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.duan-widget-list li.duan-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.duan-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.da-lien-quan .duan-thumb img {
    height: 250px;
}
.duan-info {
    flex: 1;
}
.duan-title {
    display: block;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    text-align: center;
    padding: 10px;
}
.duan-title:hover {
    color: #0073aa;
}
.duan-date {
    display: block;
    font-size: 13px;
    color: #999;
    margin-top: 4px;
}

.duan-cat-widget { list-style: none; margin: 0; padding: 0; }
.duan-cat-widget li { position: relative; margin-bottom: 8px; padding-left: 15px; }
.duan-cat-widget li.has-child > .toggle-cat {
    position: absolute; left: 0; top: 0; cursor: pointer;
    font-weight: bold; color: #0073aa;
}
.duan-cat-widget ul.duan-subcat {
    display: none;
    margin-top: 5px;
    margin-left: 0;
    list-style: disc;
    padding-left: 5px;
}
.duan-cat-widget li.open > ul.duan-subcat { display: block; }
.duan-cat-widget a { text-decoration: none; color: #333; }
.duan-cat-widget a:hover { color: #0073aa; }
.duan-widget-list { list-style: none; padding-left: 0; }
.duan-widget-list li { margin-bottom: 6px; }
.duan-widget-list a {
    color: #333;
    text-decoration: none;
    text-align: left;
    padding: 0;
}
.duan-widget-list a:hover { color: #0073aa; }
/* ===== Slider Dự Án ===== */
.slider-duan {
    margin-bottom: 0;
    padding-bottom: 0;
}

.slider-duan .swiper {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.slider-duan .mySwiper2 {
    margin-bottom: 15px;
}
.slider-duan .swiper-slide {
    overflow: hidden;
    border-radius: 10px;
}

/* Ảnh lớn */
.slider-duan .mySwiper2 .swiper-slide img {
    width: 100%;
    height: 400px; /* chiều cao cố định */
    object-fit: cover; /* cắt ảnh để vừa khung, không méo */
    border-radius: 10px;
}

/* Ảnh thumbnail nhỏ bên dưới */
.slider-duan .mySwiper .swiper-slide img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Hover hiệu ứng nhỏ */
.slider-duan .mySwiper .swiper-slide:hover img {
    transform: scale(1.05);
}

/* Ảnh đang active (Swiper tự thêm class) */
.slider-duan .mySwiper .swiper-slide-thumb-active img {
    border: 2px solid var(--primary-color, #d33);
}
  /* ====== Thông tin dự án ====== */
.box-info-single {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 25px 30px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.box-info-single .box_info {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0;
}

.box-info-single .box_info:last-child {
  border-bottom: none;
}

.box-info-single .box_info .col {
  padding: 0;
}

.box-info-single .col.large-4 {
  flex: 0 0 35%;
  max-width: 35%;
  font-weight: 600;
  color: #222;
}

.box-info-single .col.large-8 {
  flex: 0 0 65%;
  max-width: 65%;
  color: #555;
}

/* Tạo hiệu ứng hover nhẹ */
.box-info-single .box_info:hover {
  background: #f1f1f1;
  border-radius: 6px;
  transition: 0.2s ease;
}

/* Responsive */
@media (max-width: 768px) {
  .box-info-single {
    padding: 15px 20px;
    font-size: 15px;
  }

  .box-info-single .box_info {
    flex-direction: column;
  }

  .box-info-single .col.large-4,
  .box-info-single .col.large-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .box-info-single .col.large-4 {
    margin-bottom: 4px;
    font-weight: 700;
    color: #000;
  }
}
/* ===== Dự án liên quan (overlay inside image + bo góc) ===== */
/* Prefix: đặt slider trong container .row-duan để CSS chỉ áp dụng ở đó */
.row-duan .bai-viet-lien-quan { margin-top: 30px; }
.row-duan .bai-viet-lien-quan h2 { text-align:center; margin-bottom:18px; font-weight:700; }
.da-lien-quan{
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #cdcdcd;
    padding: 20px;
}
.box_info .col {
    text-transform: uppercase;
}
h1.single-duan-title {
    text-align: center;
}
/* Slide item (container) chịu bo góc + overflow hidden */
.row-duan .duan-item {
  border-radius: 12px;        /* thay đổi độ bo góc ở đây */
  overflow: hidden;           /* bắt buộc để ảnh/overlay không tràn */
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  transition: transform .32s ease, box-shadow .32s ease;
}

/* Zoom effect khi hover cả khối */
.row-duan .duan-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* Thumb wrapper - giữ border-radius bằng parent và overflow hidden */
.row-duan .duan-thumb {
  position: relative;
  border-radius: inherit;
  overflow: hidden;
}

/* Ảnh hiển thị đầy đủ khung, không bo góc riêng (bo góc do parent) */
.row-duan .duan-thumb img {
  display: block;
  width: 100%;
  height: 250px;             /* chiều cao ảnh chính -> thay theo ý bạn */
  object-fit: cover;
  -o-object-fit: cover;
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
}

/* Zoom nhẹ khi hover */
.row-duan .duan-item:hover .duan-thumb img {
  transform: scale(1.06);
}

/* Overlay: nằm đè lên ảnh, bo góc theo parent, ẩn mặc định, hiện khi hover */
.row-duan .duan-overlay {
  position: absolute;
  inset: 0;                              /* top:0; right:0; bottom:0; left:0 */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.55) 100%);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  border-radius: inherit;
}

/* Khi hover show overlay */
.row-duan .duan-item:hover .duan-overlay {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Title nằm trong overlay */
.row-duan .duan-title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  padding: 0 10px;
}

/* Swiper navigation (mũi tên) style */
.row-duan .swiper-button-prev,
.row-duan .swiper-button-next {
  color: #333;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}
.row-duan .swiper-button-prev:hover,
.row-duan .swiper-button-next:hover {
  background: #0073e6;
  color: #fff;
}

/* Responsive: giảm chiều cao ảnh trên mobile */
@media (max-width: 1024px) {
  .row-duan .duan-thumb img { height: 200px; }
}
@media (max-width: 640px) {
  .row-duan .duan-thumb img { height: 180px; }
  /* Trên mobile, hover không có — hiển thị luôn overlay để người dùng thấy tiêu đề */
  .row-duan .duan-overlay { opacity: 1; visibility: visible; transform: none; background: linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.6) 100%); }
}