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

/*************** ADD CUSTOM CSS HERE.   ***************/


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


}
button.ux-search-submit {
         border: 0px; 
    background: #ffd145;
    height: 40px; 
    color: white;
    font-size: 13px;
    font-weight: 500;
    outline: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
input#s {
	height: 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	    font-size: 14px;
}
li#wp-admin-bar-flatsome-activate {
    display: none;
}
@media (max-width: 849px) {
.submit-button {
	height: 36px;
    font-size: 12px !important
}
input#s {
    font-size: 15px;
	height: 30px;
	border-radius: 10px;
}
}
.cs-hatrung .cs-hatrung1 {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FF494E;
    margin-bottom: 5px;
    margin-top: 4px;
}
.cs-hatrung label {
    font-style: normal;
    font-weight: 300;
    font-size: 29px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #171953;
    margin-bottom: 2px;
}
.cs-hatrung .cs-hatrung2 {
    font-size: 15px;
    text-align: center;
    padding: 0px 20px;
    line-height: 17px;
    margin-top: 7px;
}
.cs-hatrung-mxh {
    padding-top: 12px;
}
.cs-hatrung-mxh ul {
    list-style: none;
    width: 280px;
    float: left;
	margin-left:50px !important;
}
.cs-hatrung-mxh ul li {
    display: inline-block;
    margin-left: 7px;
	list-style:none;
}
.cs-hatrung-mxh .cs-hotline {
    float: left;
    border: 1px solid #FF494E;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #F94254;
    height: 44px;
    padding: 10px 10px 0px 7px;
    margin-top: 6px;
    margin-right: 8px;
	margin-left:50px;
}
.cs-hotline img {
    margin-right: 10px;
}
.cs-hotline a {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #F94254;
}
.cs-hatrungpo .box-text.text-center {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ED0E00;
}
.cs-hatrungpo  .box-text.text-center b {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
}
.cs-hatrungpo .box-text.text-center i {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-left: 15px;
    margin-right: 15px;
    vertical-align: -16px;
}
.cs-hatrung-title .section-title-center span {
    display: inline;
    background-color: transparent;
    border-radius: 40px;
    padding: 31px 25px 15px 25px;
    width: auto;
    margin: 0px !important;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.cs-hatrung-dv .icon-box.featured-box.icon-box-left.text-left {
    border: 1px solid #171953;
    border-radius: 20px;
    padding: 5px 5px 5px 15px;
}
.cs-hatrung-dv .icon-box.featured-box.icon-box-left.text-left  p {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #171953;
    margin-top: 15px;
}
.cs-hatrung-dv .icon-box.featured-box.icon-box-left.text-left  h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #171953;
}
@media only screen and (min-width: 767px){
	span.image-ss img {
    height: 200px ! IMPORTANT;
    overflow: hidden;
}
	.row.cs-3congson {
		display:block
	}
.cs-blog .post-item:nth-child(1) {
    width: 50%;
    float: left;
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0px 22px 0 22px !important;
    position: inherit;
}
.cs-blog .post-item:nth-child(2), .home .cs-blog .post-item:nth-child(3), .cs-blog .post-item:nth-child(4), .cs-blog .post-item:nth-child(5),  .cs-blog .post-item:nth-child(6) {
    width: 50%;
    float: left;
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0px 22px 0 22px !important;
    position: relative;
	height: 230px;
}
.cs-blog .post-item:nth-child(2) .col-inner .box, .cs-blog .post-item:nth-child(3) .col-inner .box {
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.cs-blog .post-item:nth-child(2) .col-inner .box .box-image, .home .cs-blog .post-item:nth-child(3) .col-inner .box .box-image {
    max-width: 300px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
}
.home .cs-blog .post-item:nth-child(2) .col-inner, .home .cs-blog .post-item:nth-child(3) .col-inner, .home .cs-blog .post-item:nth-child(4) .col-inner, .home .cs-blog .post-item:nth-child(5) .col-inner, .home .cs-blog .post-item:nth-child(6) .col-inner {
    position: inherit;
}
.home .cs-blog .post-item:nth-child(2) .col-inner .box .box-text, .home .cs-blog .post-item:nth-child(3) .col-inner .box .box-text {
    max-width: calc(100% - 300px);
    -ms-flex-preferred-size: calc(100% - 300px);
    flex-basis: calc(100% - 300px);
}

}
.cs-blog .section-content > .row .medium-columns-1.small-columns-1 .image-cover {
    border: 1px solid #eaeaea;
}
.home .cs-blog .post-item:nth-child(2) .col-inner .box img, .home .cs-blog .post-item:nth-child(3) .col-inner .box img {
    left: 50%;
    margin: 0;
    top: 50%;
    transform: translate(-50%,-50%);
}
.cs-blog .post-item .badge.post-date {
    background-color: #FF494E;
    border: none;
    padding: 9px 11px 7px 11px;
    border-radius: 12px;
    left: unset;
    left: 5px;
    top: 11px;
}
.cs-blog .post-item .badge-inner, .cs-blog .post-item .badge-inner:hover {
    background-color: #FF494E !important;
    border: none;
}
.cs-blog .post-item .post-date-day {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    color: #FFFFFF;
}
.cs-blog .post-item .post-date-month {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
}
.cs-blog .post-item .blog-post-inner .cs-blog-excerpt {
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #6D6D6D;
}
.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
    box-shadow: none !important;
}
.is-divider {
    display: none;
}
.cs-blog  .image-cover {
    border: 1px solid #eaeaea;
}
.cs-blog .post-item .blog-post-inner .button {
    background: #FF494E;
    border-radius: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    text-transform: none;
    display: inline-block;
    width: 115px;
    border: navajowhite;
    height: 30px;
    min-height: 30px;
}
.footer-widgets .cs-hotline {
    border: 1px solid #FF494E;
    border-radius: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #F94254;
    height: 44px;
    padding: 10px 10px 0px 7px;
    margin-right: 8px;
	float: left;
    width: 170px;
    text-align: left;
    height: 58px;
}
.footer-widgets .cs-hotline img {
    margin-right: 0px;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 3px;
}
.footer-widgets  .cs-hotline label {
    float: right;
    margin-top: 10px;
    width: 110px;
}
.coll-hotline ul {
    width: calc(100% - 180px);
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.footer-widgets span.widget-title, .footer-widgets h4 {
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    white-space: nowrap;
}
@media (max-width:479px){
	span.image-ss {
    width: 25%;
    display: block;
    float: left;
    margin-right: 10px;
}
	.box-tiepnhan-hatrung {
    margin: 1%;
    flex-basis: 98%;
}
h2.uppercase.text-home-solo{
font-size: 25px;
        line-height: 30px;
}
h3.text-solo-n {
    font-size: 16px;
}
}
@media (max-width:991px){
		span.image-ss {
    width: 25%;
    display: block;
    float: left;
    margin-right: 10px;
}
	.blog-giua-3col .col:last-child {
    padding-bottom: 45px !important;
}
.blog-giua-3col .col .box-text {
	padding-top: 0 !important
}
h5.is-large {
    font-size: 16px;
    text-align: justify;
}
.tin-hot-new h5.post-title.is-large {
    font-weight: normal;
	font-size: 15px;
    opacity: 0.6;
}
.tin-hot-new {
    height: 46px !important;
    width: 118% !important;
    overflow: hidden;
    background: url(images/hna-ico-schedule.png) left 15px no-repeat;
    padding-left: 28px !important;
    padding-right: 70px !important;
    color: #757575;
}
	.box-text.text-left 
	{
		padding-bottom: 0 !important
	}
	.blog-giua-3col .box-image {
		display:none !important
	}
	.icon-menu:before {
font-size: 26px;
    color: #003547;
}.top-divider {
    border-top: 1px solid #005c2e;
    margin-bottom: -1px;
    opacity: 1;
}
	.ty-gia-text {
    width: 25% !important;
    flex-basis: 20%;
}
.ty-gia-slider {
    width: 80% !important;
    flex-basis: 80%;
}
h3.clock-hatrung {
    font-size: 22px;
}
.jcgmt-digital {	
font-size:22px !important;
color:#fff !important;
}
.banner-cny ul li {
	margin-bottom:10px !important
}
.cs-hatrungpo .box-text.text-center b, .cs-hatrungpo .box-text.text-center i {
    font-size: 18px !important
}
.coll-hotline ul{
    width: 100% !important;
    padding-top: 32px;
}
.coll-hotline ul li {
	margin-left:10px !important
}
}
@media (min-width:992px){
	h2.uppercase.text-home-solo {
    line-height: 55px;
}
.ty-gia-slider .flickity-slider .row {
    width: 25% !important;
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
}
.box-tiepnhan-hatrung {
    margin: 1%;
    flex-basis: 31.3%;
}
}
@media (min-width:480px) and (max-width:991px){
	h2.uppercase.text-home-solo{
font-size: 30px;
        line-height: 40px;
}
.ty-gia-slider .flickity-slider .row {
    width: 50% !important;
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
}
.box-tiepnhan-hatrung {
    margin: 1%;
    flex-basis: 31%;
}
}
.ty-gia-slider  .col , .ty-gia-text .col{
    padding-bottom: 10px !important;
    padding-top: 10px !important;
	    height: 45px;
}
.ty-gia-slider, .ty-gia-text, .ty-gia-text p {
    padding-bottom: 0; height: 45px;
	margin-bottom:0 !important
}
.ty-gia-text label {
    padding-top: 10px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.cs-itemtg {
	    font-size: 15px;
    text-align: center;
}
.cs-itemtg span {
    color: #ed0e00;
}
.banner-cny ul {
	float:left
}
.banner-cny ul li {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    display: inline-block;
    margin: 0px 30px 0px 30px;
}
.banner-cny  ul li b {
    display: block;
    margin-bottom: 0px;
}
.universal-clock-main-wrapper {
    width: 200px;
    float: left;
}
div#time {
	width:190px;
	margin:0 !important;
	padding:0 !important;
}
div#c-time {
	width:200px;
	display:block;
	flex:unset;
	margin:1px !important;
	float:left
}
span.ngayhomnay {
    float: left;
}
.clock-hatrung {
    margin: 20px 0 !important;
    float: left;
}
.jcgmt-digital {	
font-size:25px;
color:#fff !important;
}
a.button.primary.buton-call-hatrung {
    font-size: 18px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #ed0e00;
    border-radius: 9px 9px 9px 9px;
}
.box-tiepnhan-hatrung {
    background-color: #ed0e00;
    border-radius: 9px 9px 9px 9px;
	padding-top:10px;
}
.box-tiepnhan-hatrung .elementor-heading-title {
    color: #ed0e00;
    font-family: "Poppins", Sans-serif;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.3em;
    letter-spacing: 2.2px;
    -webkit-text-stroke: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF;
    stroke: #FFFFFF;
}
.box-tiepnhan-hatrung .elementor-image-box-title {
    margin-bottom: 5px;
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3em;
}
.box-tiepnhan-hatrung p.elementor-image-box-description {
    color: #EFEFEF;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0;
}
.section-call{
    background-color: #FF2E2E;
    background-image: url(https://dichvuchuyentienhatrung.com/wp-content/uploads/2022/12/2222.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 48% auto;
	}
	.section-call .bg.section-bg.fill.bg-fill.bg-loaded {
    background-color: transparent;
    background-image: linear-gradient(100deg, #E30000 66%, #FFFFFF00 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.section-call .section-content.relative {
    border: 1px dotted #fff;
    border-radius: 6px;
    padding: 10px;
}
.section-call .section-content.relative h3, .section-call .section-content.relative h4 {
    color: #fff;
    font-weight: normal;
}
.section-call a.button.primary {
    background: #fff;
    color: #ed0e00;
}
h1.entry-title {
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #333;
}
h3.babuoc {
    color: rgba(0, 0, 0, 0.99);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3em;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-bottom: 0;
}
.footer-widgets.footer.footer-1  {
    border-top: 1px solid #f8f8f8;
    padding-top: 30px;
}
.footer-1, .footer-2 {
    border-top: none;
}
.post-sidebar span.widget-title, div#secondary span.widget-title{
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #105e26;
    overflow: hidden;
    float: left;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #c2c2c2;
    width: 100%;
    margin-bottom: 5px;
}
.post-sidebar span.widget-title span:before , div#secondary span.widget-title  span:before{
    content: '';
    display: inline-block;
    color: #ff0000;
    width: 5px;
    height: 14px;
    background-color: #ff0000;
    margin-right: 10px;
    vertical-align: -1px;
}
.post-sidebar .widget.widget_categories ul , div#secondary  ul {
    margin: 0;
    padding: 0;
}
.post-sidebar .widget.widget_categories ul .badge  , div#secondary  ul .badge {
    height: 91px !important;
    width: 93px !important;
}
span.post_comments  {
    display: none;
}
.post-sidebar .widget.widget_categories ul  .flex-col.flex-grow, div#secondary  ul .flex-col.flex-grow{
    height: 93px;
    overflow: hidden;
    text-align: justify;
    font-size: 15px;
}
li.recent-blog-posts-li {
    float: left;
}
li.elementor-icon-list-item {
    margin-left: 0 !important;
    list-style: none;
}
li.elementor-icon-list-item i.fas.fa-check-circle {
    color: #ed0e00;
    margin-right: 5px;
}
.milistore-alo-phone.milistore-alo-show {
    visibility: visible;
}
.milistore-alo-phone {
    position: fixed!important;
    bottom: 0!important;
    background-color: transparent;
    width: 105px;
    height: 105px;
    cursor: pointer;
    z-index: 900000!important;
}
.milistore-alo-phone, .sdthl {
    cursor: pointer;
    z-index: 900000!important;
}
.milistore-alo-phone.milistore-alo-green .milistore-alo-ph-circle {
    border-color: #F20000;
    border-color: #bfebfc 9;
    opacity: .5;
}
.milistore-alo-ph-circle, .milistore-alo-ph-circle-fill {
    -moz-border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    position: absolute;
}
.milistore-alo-ph-circle {
    width: 90px;
    height: 90px;
    top: 13px;
    left: 17px;
    background-color: transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #bfebfc;
    opacity: .1;
    -webkit-animation: milistore-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: milistore-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: milistore-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: milistore-alo-circle-anim 1.2s infinite ease-in-out;
    animation: milistore-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.milistore-alo-ph-circle, .milistore-alo-ph-circle-fill {
    -moz-border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    position: absolute;
}
.milistore-alo-ph-circle-fill {
    width: 75px;
    height: 75px;
    top: 21px;
    left: 25px;
    background-color: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: milistore-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: milistore-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: milistore-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: milistore-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: milistore-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.milistore-alo-phone.milistore-alo-green .milistore-alo-ph-circle-fill {
    background-color: rgba(242,223,0,.85);
    background-color: #a6e3fa 9;
    opacity: .75!important;
}
.milistore-alo-ph-img-circle {
    width: 35px;
    height: 35px;
    top: 41px;
    left: 45px;
    background-size: 65%!important;
    position: absolute;
    background: url(images/phone.png) center center no-repeat rgba(30,30,30,.1);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: milistore-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: milistore-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: milistore-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: milistore-alo-circle-img-anim 1s infinite ease-in-out;
    animation: milistore-alo-circle-img-anim 1s infinite 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%;
}
.sdthl {
    left: 81px;
    width: 155px;
    height: 35px;
    bottom: 30px;
    background-color: red;
    padding: 8px;
    border-radius: 11px 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.sdthl {
    position: fixed;
}
@-moz-keyframes milistore-alo-circle-anim {
	0% {
		-moz-transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1;
		-moz-opacity: .1;
		-webkit-opacity: .1;
		-o-opacity: .1
	}

	30% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5;
		-moz-opacity: .5;
		-webkit-opacity: .5;
		-o-opacity: .5
	}

	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg);
		opacity: .6;
		-moz-opacity: .6;
		-webkit-opacity: .6;
		-o-opacity: .1
	}
}

@-webkit-keyframes milistore-alo-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(.5) skew(1deg);
		-webkit-opacity: .1
	}

	30% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		-webkit-opacity: .5
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		-webkit-opacity: .1
	}
}

@-o-keyframes milistore-alo-circle-anim {
	0% {
		-o-transform: rotate(0) kscale(.5) skew(1deg);
		-o-opacity: .1
	}

	30% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		-o-opacity: .5
	}

	100% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		-o-opacity: .1
	}
}

@-moz-keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
		opacity: .2
	}
}

@-webkit-keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@-o-keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@-moz-keyframes milistore-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%,
	50% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}
}

@-webkit-keyframes milistore-alo-circle-img-anim {

	0%,
	100%,
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}
}

@-o-keyframes milistore-alo-circle-img-anim {

	0%,
	100%,
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@-moz-keyframes milistore-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}

	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}

@-webkit-keyframes milistore-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}

	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}

@-o-keyframes milistore-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}

	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}

@keyframes milistore-alo-circle-anim {
	0% {
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1
	}

	30% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .1
	}
}

@-moz-keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@-webkit-keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@-o-keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@keyframes milistore-alo-circle-fill-anim {

	0%,
	100% {
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@-moz-keyframes milistore-alo-circle-img-anim {

	0%,
	100%,
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
}

@-webkit-keyframes milistore-alo-circle-img-anim {

	0%,
	100%,
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
}

@-o-keyframes milistore-alo-circle-img-anim {

	0%,
	100%,
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
}

@keyframes milistore-alo-circle-img-anim {

	0%,
	100%,
	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}
}

#fixed-footer {
	border-top: 2px solid #fff;
	background: #911710;
	padding: 4px 0 5px 0;
	color: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 1000000;
	text-align: center
}

#fixed-footer span {
	line-height: 15px;
	margin-top: -4px;
	font-size: 11px;
	display: block;
	color: #fff
}

#fixed-footer i {
	display: block;
	color: #fff
}

#fixed-footer .btn-bt {
	background-color: #ffeb3b;
	color: #0d8049;
	font-size: 15px;
	padding: 8px;
	font-weight: 700;
	border-radius: 4px
}

#fixed-footer .holine {
	width: 50%;
	float: left;
	text-align: left
}

#fixed-footer .chatfacebook {
	width: 50%;
	float: right;
	text-align: right;
	padding-right: 15px
}

.cs-fixed-footer .cs-fo-item {
	padding: 10px 10px 0px 7px;
	border: none !important;
	width: 33.333%;
	margin: 0px;
	;
	float: left
}

.cs-fixed-footer .cs-hotline. {
	padding: 13px 10px 0px 7px !important;
}

.cs-postacti .cs-cm {
	display: block;
	cursor: pointer
}

.cs-postacti .cs-fo-item {
	width: 20%
}

.milistore-alo-phone.milistore-alo-green .milistore-alo-ph-img-circle {
	background-color: #cecc38;
	opacity: 1
}
.tin-hot-new .box-image, .tin-hot-new button.flickity-button {
    display: none !important;
} 
.tin-hot-new .box-text.text-left.is-small {
    margin-left: 10px;
    margin-top: 4px;
    height: 25px;
    overflow: hidden;
}
.tin-hot-new {
height: 44px !important;
    overflow: hidden;
    background: url(images/hna-ico-schedule.png) left 15px no-repeat;
    padding-left: 28px;
    padding-right: 70px;
    color: #757575;
}
.tin-hot-new h5.post-title.is-large {
    font-weight: normal;
    opacity: 0.6;
}
ul.doc-nhieu-home {
    margin-bottom: 0;
    height: 44px;
}
ul.doc-nhieu-home li {
text-transform: uppercase;
    font-size: 13px;
    color: #333;
    padding: 0 15px;
    list-style: none;
    height: 44px;
    border-left: 1px solid #ebebeb;
    float: left;
    margin-bottom: 0;
} 
ul.doc-nhieu-home li a {
    line-height: 44px;
}
.tin-tuc-giua .box-image {
width:40%;
float:right	
}
.tin-tuc-giua .box-text {
    float: left;
    width: 56%;
    margin: 0 !important;
    padding: 0 !important;
}
.tin-tuc-giua  .col.post-item {
    padding-bottom: 10px;
}
.tin-tuc-giua  .col.post-item .col-inner{
	padding-bottom: 10px;
border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.tin-tuc-giua  .col.post-item:last-child .col-inner {
	border-bottom:none !important
}
.tin-tuc-giua .box-text h5 {
    font-size: 15px;
    line-height: 22px;
    color: #5a5a5a;
    height: 67px;
    overflow: hidden;
}

.tin-tuc-phai .box-image {
width:30%;
float:left	
}
.tin-tuc-phai .box-text {
    float: right;
    width: 66%;
    margin: 0 !important;
    padding: 0 !important;
}
.tin-tuc-phai h5.post-title.is-large {
    font-size: 15px;
    color: #040423;
    line-height: 1.6;
    font-weight: normal;
    text-align: justify;
}
.tin-tuc-phai  .col.post-item {
    padding-bottom: 10px;
}
.tin-tuc-phai  .col.post-item .col-inner{
	padding-bottom: 10px;
border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.tin-tuc-phai  .col.post-item:last-child .col-inner {
	border-bottom:none !important
}
.tin-tuc-giua .box-text h5 {
    font-size: 15px;
    line-height: 22px;
    color: #5a5a5a;
    height: 67px;
    overflow: hidden;
}
 .bx-cat-title {
border: 0;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.bx-cat-name {
    font-size: 15px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
}
.bx-cat-link {
    color: inherit;
    display: inline-block;
    position: relative;
} .bx-cat-link {
    background: #105e26;
    border-radius: 3px;
    padding: 0 15px;
}
.bx-cat-name {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #105e26;
    overflow: hidden;
    float: left;
    position: relative;
    text-transform: uppercase;
}
.bx-cat-name {
    font-size: 15px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
}
.bx-cat-title {
    border-bottom: 1px solid #c2c2c2;
}
.bx-link::before {
    content: '';
    display: inline-block;
    color: #ff0000;
    width: 5px;
    height: 15px;
    background-color: #ff0000;
    margin-right: 10px;
    vertical-align: -1px;
}
.bx-link {
    color: #105e26;
    display: inline-block;
    position: relative;
	font-size:18px;
}
.blog-giua-3col .col.post-item {
	padding-bottom:10px;
}
.blog-giua-3col .col.post-item .col-inner{
	padding-bottom: 10px;
border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.blog-giua-3col .col.post-item:nth-child(2) .box-image, .blog-giua-3col .col.post-item:nth-child(3) .box-image , .blog-mbile-home .box-image {
	display:none !important
}
.blog-giua-3col .col.post-item:nth-child(3) .col-inner {
	border-bottom:none !important
}
.blog-giua-3col h5.post-title.is-large {
    font-weight: normal;
    font-size: 15px;
}
.blog-giua-3col .box-text.text-left {
    padding: 10px 0 0 0;
}
.blog-mbile-home .col.post-item {
		padding-bottom: 10px;
}
.blog-mbile-home .col.post-item .col-inner{
	padding-bottom: 10px;
border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.blog-mbile-home  .box-text  {
    padding: 0;
}
.blog-mbile-home  .box-text  h5{
    font-size: 15px;
    font-weight: normal;
}
.col {
	padding-bottom:10px !important
}
 
.footer-widgets.footer.footer-1 img {
    width: 100px
}
.footer-widgets.footer.footer-2 p , .footer-widgets.footer.footer-2{
    line-height: 25px;
    margin-bottom: 5px;
}
.time-today {
background: url(images/hna-ico-systemdate.png) left 0px no-repeat;
    padding-left: 15px;
    background-size: 14px;
}
p.from_the_blog_excerpt {
    font-size: 14px;
}
.post-meta {
    background: url(images/hna-ico-date.png) left 1px no-repeat;
    padding-left: 20px;
    font-size: 13px;
    background-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.sidebar-wrapper p, .sidebar-wrapper img {
	margin-bottom: 10px !important
}
.header-bottom-nav > li > a{
    font-weight: !important;
    font-style: normal;
}
li#menu-item-31.active,  li#menu-item-31:hover{
    background-color: transparent !important;
}
li#menu-item-31 a{
    color: #fff !important;
}
li#menu-item-31 a i {
    font-size: 15px;
}
h1.page-title {
    list-style: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
    text-align: left;
    color: #003547;
    font-size: 18px;
    padding-bottom: 10px;
}
@media (min-width:992px) {
	div#product-sidebar {
    padding-left: 0; 
}
	.nav-dropdown li {
    min-width: 160px;
}

.header-bottom-nav > li {
	margin:0 !important;
	padding:0 !important
}
.header-bottom-nav > li a{
    padding:10px
}
.nav-dropdown-has-border .nav-dropdown {
    border: 1px solid #ddd;
    padding: 5px;
}

.nav-dropdown-has-border .nav-dropdown li a {
	font-size:14px
}
.nav-dropdown-has-border .nav-dropdown li:hover a {
	color:#ff0000
}
.archive .blog-archive .large-9 .col.post-item:first-child {
	max-width:65%;
	flex-basis:65%;
	float: left;
}
.archive .blog-archive .large-9 .col.post-item:first-child  .box-image, .archive .blog-archive .large-9 .col.post-item:first-child .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
}
.archive .blog-archive .large-9 .col.post-item:first-child .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
	    padding: 10px 0;
}
.archive .blog-archive .large-9 .col.post-item:first-child .col-inner, .archive .blog-archive .large-9 .col.post-item:nth-child(2) .col-inner, .archive .blog-archive .large-9 .col.post-item:nth-child(3) .col-inner,.archive .blog-archive .large-9 .col.post-item:nth-child(4) .col-inner {
	border-top:none !important
}

.archive .blog-archive .large-9 .col.post-item:nth-child(2), .archive .blog-archive .large-9 .col.post-item:nth-child(3) ,.archive .blog-archive .large-9 .col.post-item:nth-child(4)  {
	max-width:35%;
	flex-basis:35%;
	float: left;
	padding-bottom: 0 !IMPORTANT;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(2) {
	max-height:250px;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(2)  .box-image{
    width: 100% !IMPORTANT;
	display: block;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(3) .box-image, .archive .blog-archive .large-9 .col.post-item:nth-child(4)  .box-image, .archive .blog-archive .large-9 .col.post-item:nth-child(4)  p.from_the_blog_excerpt , .archive .blog-archive .large-9 .col.post-item:nth-child(3)  p.from_the_blog_excerpt , .archive .blog-archive .large-9 .col.post-item:nth-child(2)  p.from_the_blog_excerpt {
	display: none !IMPORTANT;
}

 .archive .blog-archive .large-9 .col.post-item:nth-child(2) .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
	     padding: 10px 0 0;
}
 .archive .blog-archive .large-9 .col.post-item:nth-child(3) .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
	 padding: 10px 0;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(4) .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
	 padding: 10px 0;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(2) h5.post-title.is-large , .archive .blog-archive .large-9 .col.post-item:nth-child(3)  h5.post-title.is-large {
    font-size: 15px;
    font-weight: normal;
    text-align: justify;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(4)  h5.post-title.is-large {
    font-size: 15px;
    font-weight: normal;
    text-align: justify;
    padding-bottom: 10px;
}
 .archive .blog-archive .large-9 .col.post-item:nth-child(3) .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
	     padding: 10px 0 0;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(4) .box-text.text-left {
    width: 100% !IMPORTANT;
	display: block;
	     padding: 10px 0 0;
}
 .archive .blog-archive .large-9  .row {
    display: block;
    flex-flow: row wrap;
    width: 100%;
}
 .archive .blog-archive .large-9  .row .col.post-item .col-inner {
    float: left;
}
.blog-archive .large-9{
    padding-right: 0 !important;
}
.blog-archive .post-sidebar.large-3.col , .blog-single .post-sidebar.large-3.col{
    border: none !important;
    padding-left: 0 !important;
}

input#woocommerce-product-search-field-0 {
    border: 0px;
    padding: 0px 12px;
    font-size: 13px;
    border-radius: 4px 0px 0px 4px;
    flex: 1 1 0%;
    outline: none;
    width: 400px;
	    height: 40px;
}
.row-home-pro .large-1 {
    flex-basis: 10%;
    max-width: 10%;
}
.tab-product-home h4.uppercase {
    width: 40%;
    float: left;
    padding-top: 10px;
}
.tab-product-home ul.nav-right {
    width: 60%;
    float: right;
}
}
.tab-product-home h4.uppercase {
    text-align: left;
    line-height: 40px;
    font-size: 20px;
	color: #003070;
}
.tab-product-home .tab-panels {
    border-top: 1px solid #003070;
    float: left;
}
.tab-product-home ul.nav-right li {
	padding:0 5px;
}
.tab-product-home ul.nav-right li a {
	padding:0 10px;
}
.tab-product-home ul.nav-right li.active a, .tab-product-home ul.nav-right li:hover a{
    background: #003070;
    color: #fff;
}
.badge {
    height: 30px;
    width: 30px;
}
.badge-inner.secondary.on-sale {
    font-size: 16px;
    padding: 10px;
}
.product-page-price del span.woocommerce-Price-amount.amount {
    font-size: 20px;
}
.product-page-price ins span.woocommerce-Price-amount.amount{
	font-size: 25px;
	color:#ff0000
}
input#woocommerce-product-search-field-0 {
    border: 1px solid #0244a4;
}
@media (max-width:991px) {
	input#woocommerce-product-search-field-0 {
    border: 0px;
    padding: 0px 12px;
    font-size: 13px;
    border-radius: 4px 0px 0px 4px;
    flex: 1 1 0%;
    outline: none; 
	    height: 40px;
}
	
	.archive .blog-archive .large-9 .col.post-item:nth-child(2n) .box-vertical .box-image, .archive .blog-archive .large-9 .col.post-item:nth-child(2n+1) .box-vertical .box-image{
    width: 36% !IMPORTANT;
    display: block;
    float: left;
    margin-right: 3%;
}
.archive .blog-archive .large-9 .col.post-item:nth-child(2n) .box-text.text-left, .archive .blog-archive .large-9 .col.post-item:nth-child(2n+1) .box-text.text-left {
    padding-top: 0;
}
.archive .blog-archive .large-9 .col.post-item:first-child .box-text.text-left   {
    padding-top: 10px !important;
}
.archive .blog-archive .large-9 .col.post-item:first-child .box-vertical .box-image {
    width: 100% !IMPORTANT;
    display: block;
    margin-bottom: 10px !important;
	}
	ul.nav.nav-center.nav-small.mobile-nav.nav-divided {
    justify-content: left !important;
}
.row-top-home {
    margin-top: 15px !important;
}
.tin-tuc-giua .box-text h5 {
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

} .archive .blog-archive .large-9  .row .col.post-item .col-inner {
   border-top:1px solid #ebebeb;
   padding-top:10px;
    padding-bottom: 10px
}
.archive .blog-archive .large-9 .col.post-item:first-child {	
border-top:none !important
}
h6.entry-category  {
    list-style: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
    text-align: left;
    color: #003547;
    font-size: 18px;
    padding-bottom: 10px;
}
h6.entry-category a {
	color: #003547;
}
.entry-meta.uppercase.is-xsmall {
    font-size: 14p;
    background: url(images/hna-ico-date.png) left 1px no-repeat;
    padding-left: 20px;
    font-size: 13px;
    background-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: capitalize;
}
.entry-header-text-top {
    padding-top: 0;
    padding-bottom: 0 !IMPORTANT;
}
.entry-content {
    padding-bottom: 1.5em;
    padding-top: 0.5em;
}
.blog-home-col5 .col.post-item:nth-child(2n) .box-image, .blog-home-col5 .col.post-item:nth-child(2n+1)  .box-image{
	display:none !important
}
.blog-home-col5 .col.post-item:nth-child(2n) .col-inner,.blog-home-col5 .col.post-item:nth-child(2n+1) .col-inner{
    border-top: 1px dotted #ccc;
}
.blog-home-col5 .col.post-item:nth-child(2n) h5.post-title,.blog-home-col5 .col.post-item:nth-child(2n+1) h5.post-title {
    font-weight: normal;
}
.blog-home-col5 .col.post-item:nth-child(2n) .post-meta,.blog-home-col5 .col.post-item:nth-child(2n+1) .post-meta {
    display:none !important
}
.blog-home-col5 .col.post-item:first-child .post-meta {
	display:block !important
}
.blog-home-col5 .col.post-item:first-child h5.post-title {
	font-weight: 700;
}
.blog-home-col5 .col.post-item:first-child .col-inner {

    border-top: none;
	}
.blog-home-col5 .col.post-item:first-child .box-image{	
display:block !important
}
.blog-home-col5 .box-text {
    padding-bottom: 0;
}
body {
    font-size: 15px !important;
}
span.cong-dongtitle {
    font-size: 14px;
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.related_posts_thumbnails 
{
	width:100%;
	float:left;
	border-bottom:1px dotted #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}
.related_posts_thumbnails .image-ss {
	margin-right:1%;
    width: 20%;
    flex-basis: 30%;
    float: left;
}
.post_tags {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
h2.bx-link-baivietlienquan {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #105e26;
    overflow: hidden;
    float: left;
    position: relative;
	    margin-bottom: 0;
    text-transform: uppercase;
}
span.bx-cat-link-baivietlienquan {
    color: inherit;
    display: inline-block;
    position: relative;
}
span.bx-cat-link-baivietlienquan:before {
    content: '';
    display: inline-block;
    color: #ff0000;
    width: 5px;
    height: 14px;
    background-color: #ff0000;
    margin-right: 10px;
    vertical-align: -1px;
}
.bx-cat-baivietlienquan {
    border-bottom: 1px solid #c2c2c2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
span.title-ss {
    font-weight: 600;
    font-size: 16px;
}
span.excerpt-ss {
    width: 79%;
    float: left;
    height: 50px;
    overflow: hidden;
}
@media (max-width:479px) {
	.row-home-pro .large-1 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}
	span.excerpt-ss {
    display: none;
}
span.title-ss {
    font-weight: normal;
    font-size: 16px;
}
.related_posts_thumbnails .image-ss {
    margin-right: 2%;
    width: 30%;
}
.archive .blog-archive .large-9 .row .col.post-item:first-child .col-inner{
	border:none !important
}
.page-wrapper {
    padding-bottom: 30px;
    padding-top: 20px;
}
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    background-color: #005c2e;
    border-color: #005c2e;
    color: #fff;
}
.luong-y-destop h5.post-title.is-large {
    height: 36px;
    overflow: hidden;
}
div#wide-nav {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    background: #003070;
}
a.account-link.account-login.is-small, li.cart-item.has-icon a {
    color: #0244a4;
}
.nav>li.header-divider {
    border-left: 1px solid #848484;
    height: 20px;
    margin: 0 7.5px;
    position: relative;
    vertical-align: middle;
}

.home #main, .home #wrapper {
    background-color: #efefef;
    position: relative;
}
.row-home-pro {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    margin-bottom: 3px;
    padding: 15px 0;
}
.row-home-pro  .section-heading {
    padding-bottom: 15px;
    border-bottom: 1px solid #003070;
    margin-bottom: 15px;
}
.row-home-pro  .section-heading .section-title a, .row-home-pro  .section-heading .section-title span{
    color: #003070;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 0px;
    font-size: 20px;
	text-transform:uppercase
}
.row-home-pro span {
    font-size: 13px;
}
 .home-banner__bg {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  display: inline-block;
  width: 100%; }
    .home-banner__bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
   .home-banner__bg:hover:before {
    left: 0; }
	h2.section-title {
    margin-bottom: 0;
}
 .product-small.box {
    border: 1px solid #ebebeb;
    text-align: center;
}
.product-small.box .box-image {
    border-bottom: 1px solid #ebebeb;
}
p.name.product-title {
    line-height: 1.5;
    color: #1a1c19;
    font-size: 15px;
    height: 44px;
    overflow: hidden;
}
.product-small del span.woocommerce-Price-amount.amount {
	font-size:13px;
	color:#000
}
.product-small ins span.woocommerce-Price-amount.amount,.product-small span.woocommerce-Price-amount.amount {
    font-size: 16px;
    color: #ff0000;
}
.nav-dark ul.nav.header-nav.header-bottom-nav.nav-left {
    color: #333
}
.pro-service {
  border: 1px solid #005cd6;
  border-radius: 5px;
  padding: 10px 10px 0;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
	  .logo a {
            font-size: 15px !important;
        line-height: 24px;
	  }
    .pro-service {
      padding: 10px 8px 0; } }
  .pro-service .pro-service-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #003070; }
  .pro-service .pro-service-title {
    width: calc(100% - 20px);
    font-size: 13px;
    line-height: 23px; }
  .pro-service .pro-service-icon {
    width: 20px;
    margin-right: 10px; }

.pro-service2 {
  background-color: #e8eef6;
  border: none;
  color: #000;
  margin-bottom: 0; }
  .pro-service2 .pro-service-item {
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 15px;
    position: relative;
    padding-left: 20px; }
    .pro-service2 .pro-service-item:before {
      content: attr(data-number);
      width: 15px;
      height: 15px;
      margin-right: 5px;
      font-weight: 600;
      border: 1px solid #003070;
      background: #003070;
      color: #ffe680;
      font-size: 12px;
      text-align: center;
      display: inline-block;
      line-height: 15px;
      border-radius: 4px;
      position: absolute;
      top: 4px;
      left: 0; }
	  .product-info  {
    border: none;
}
.product-short-description {
    line-height: 25px;
    font-size: 15px;
}
.product-short-description li{
    line-height: 25px;
    margin-bottom:0
}
.header-vertical-menu__opener i.icon-angle-down {
    display: none;
}
.header-vertical-menu__title {
    font-size: 17px;
}
.header-vertical-menu__opener {
    padding-left: 0;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item {
	border-bottom: 1px solid #ccc
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    text-transform: uppercase;
}
.section-heading h2.section-title {
    color: #003070;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 15px;
    font-size: 20px;
    text-transform: uppercase;
}
div#masthead { 
    padding: 15px 0;
}
.hotline_top {
    float: right;
    padding-top: 15px;
}
.hotline_top h3 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-transform: none;
    font-weight: 500;
	margin:0;
}
.hotline_top h3 i {
    padding-right: 10px;
    font-size: 21px;
}
.hotline_top h3 a {
    color: #333;
}
.hotline_top h3 span a {
    color: #ec0000;
}
.hotline_top h3 span {
	font-size: 24px;
    color: #ec0000;
    letter-spacing: -0.5px;
    padding-left: 5px;
}
h2.elementor-heading-title.elementor-size-default {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #db2727;
    text-align: center;
    margin-top: 25px;
}
a.elementor-button {
    background-color: #db2727;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-radius: 30px 30px 30px 30px;
    padding: 10px;
    color: #fff;
    float: right;
}
h1.product-title.product_title.entry-title {
    line-height: 32px;
    text-decoration: none;
    color: #DB2727;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.product-small.col .col-inner {
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all .3s ease;
    list-style: none;
    margin-bottom: 20px;
}
.header-bottom-nav > li a { 
        position: relative;
        display: block;
        font-size: 16px;
        letter-spacing: -0.5px;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        border-right: solid #0E68B6 1px;
        outline: none;
        text-transform: uppercase;
        padding: 0px 16px;
        line-height: 45px;
    }
.header-bottom-nav	ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    color: #000;
    text-transform: none;
	border-right: none;
}
.box-home-text h3 {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 3px;
    margin-top: 6px;
    font-weight: 600;
}
.box-home-text p {
    font-size: 14px; 
    margin-top: 0;
}
span.home-vd {
    font-size: 42px;
    margin-bottom: 0;
    line-height: 42px;
    font-weight: 700;
}
.box-4-vd .icon-box-text p {
    margin-bottom: 0 !important; 
}
.text-doanhnghiep-home ul li {
    list-style: none;
    background: url(images/icon-x.png) 0px 3px;
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 25px;
	    margin-left: 0;font-size: 14px;
}
span.title-doanhnghiep {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.text-giaiphap-home ul li {
    list-style: none;
    background: url(images/icon-v.png) 0px 3px;
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 25px;
	    margin-left: 0;font-size: 14px;
}
span.title-dvccc {
    color: #fff;
    text-transform: uppercase;
}
span.title-gptd {
    color: #fff;
	font-size:22px;
	    font-weight: 700;
    text-transform: uppercase;
}
.dich-vu-home h5.post-title.is-large {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}
.dich-vu-home .button.is-underline:before {
display:none
}
.dich-vu-home .col-inner {
    background: #313233;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
.dich-vu-home  .box-text.text-left.dark {
    padding: 10px;
}
.dich-vu-home a.button.is-underline.is-small.mb-0 {
text-transform: none;
        font-size: 12px;
    color: #c96d0a; 
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.dich-vu-home a.button.is-underline.is-small.mb-0:after{
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 6px;
    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 7H12' stroke='%23c96d0a' stroke-width='2'/%3E%3Cpath d='M8 3L12 7L8 11' stroke='%23c96d0a' stroke-width='2'/%3E%3C/svg%3E");

    transition: transform .3s ease;
}

.dich-vu-home .post-item:hover a.button.is-underline.is-small.mb-0:after{
    transform: translateX(5px);
}
p.du-an-home {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 5px;
}
p.du-an-home-tc {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bolder;
}
.col-du-an-tc p.cat-label {
    text-transform: capitalize;
    font-size: 12px;
    color: #000;
    opacity: 1;
    margin: 5px 0;
}

.col-quy-trinh-thuc-hien .process-wrap{
  display:flex !important;
  justify-content:space-between;
  align-items:flex-start;
  position:relative;
  max-width:1200px;
  margin:auto;
  padding:60px 20px;
}

/* =========================
   LINE CHẤM BI GIỮA
========================= */
.col-quy-trinh-thuc-hien .process-wrap{
  display:flex !important;
  justify-content:space-between;
  align-items:flex-start;
  position:relative;
  max-width:1200px;
  margin:auto;
  padding:60px 20px;
}

/* ================= LINE CHẤM ================= */
.col-quy-trinh-thuc-hien .process-wrap::before{
  content:"";
  position:absolute;
  top:85px;
  left:8%;
  right:8%;
  height:2px;

  background-image: radial-gradient(
    circle,
    #ff7a00 2px,
    transparent 2px
  );

  background-size: 14px 2px;
  background-repeat: repeat-x;

  opacity:0.7;
  z-index:0;
}

/* ================= ITEM ================= */
.col-quy-trinh-thuc-hien .process-item{
  width:20%;
  text-align:center;
  position:relative;
  z-index:2;
}

/* ================= ICON AREA ================= */
.col-quy-trinh-thuc-hien .icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:90px;
}

/* ================= OVAL ================= */
.col-quy-trinh-thuc-hien .oval{
width: 55px;
    height: 55px;
    border-radius: 50px;
    background: #111;
    border: 2px solid #ff7a00;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.08);
}

/* icon */
.col-quy-trinh-thuc-hien .oval i{
  color:#ff7a00;
  font-size:18px;
}

/* dot dưới oval */
.col-quy-trinh-thuc-hien .oval::after{
  content:"";
  width:10px;
  height:10px;
  background:#ff7a00;
  border-radius:50%;

  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-6px;
}

/* ================= NUMBER ================= */
.col-quy-trinh-thuc-hien .number{
  margin-top:10px;
  font-size:13px;
  font-weight:600;
  color:#ff7a00;
  letter-spacing:1px;
}

/* ================= TEXT ================= */
.col-quy-trinh-thuc-hien .process-item h3{
  margin:12px 0 6px;
  font-size:14px;
  font-weight:700;
}

.col-quy-trinh-thuc-hien .process-item p{
     font-size: 12px;
    color: #d4d4d4;
    line-height: 1.5;
    padding: 0 15px;
}

/* ================= HOVER ================= */
.col-quy-trinh-thuc-hien .process-item:hover .oval{
  transform:translateY(-2px);
  transition:0.3s ease;
  box-shadow:0 0 0 6px rgba(255,122,0,0.12);
}

/* ================= RESPONSIVE ================= */
@media(max-width:900px){
  .col-quy-trinh-thuc-hien .process-wrap{
    flex-direction:column;
    gap:0px;
	        padding: 10px 10px;
        display: block !important;
  }

  .col-quy-trinh-thuc-hien .process-wrap::before{
    display:none;
  }

  .col-quy-trinh-thuc-hien .process-item{
            width: 50%;
        float: left;
        display: block;
  }
  .col-quy-trinh-thuc-hien .process-item:last-child {
	  width:100%
  }
}
.col-quy-trinh-thuc-hien p.du-an-home-tc {
    margin-bottom: 0;
}
span.title-khachhang, span.title-tintuc {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px; 
}
.testimonial-container { 
  width: 100%;
  padding: 40px;
  background: #ffffff; /* Nền trắng bên trong */
  border-radius: 8px; /* Bo góc nhẹ */
}

/* Phần chữ nhận xét */
.testimonial-content {
  position: relative;
  padding-left: 65px; /* Khoảng trống bên trái nhường chỗ cho dấu ngoặc */
  margin-bottom: 30px;
}

.testimonial-text {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  font-style: italic; /* Chữ in nghiêng giống ảnh */
  font-weight: 400;
}

/* Tạo và định vị dấu ngoặc kép cam to đẹp */
.testimonial-content::before {
  content: "“";
  position: absolute;
  left: 5px;
  top: -15px; /* Nhích lên trên dòng đầu tiên */
  font-size: 90px;
  font-family: 'Georgia', serif; /* Font chữ giúp dấu ngoặc tròn trịa */
  color: #ff6600; /* Màu cam đặc trưng */
  line-height: 1;
}

/* Phần thông tin tác giả */
.testimonial-author {
  display: flex;
  align-items: center;
  padding-left: 5px;
  margin-bottom: 25px;
}

/* Ảnh đại diện tròn */
.author-avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Đổ bóng nhẹ cho ảnh */
}

.author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Tên và chức vụ */
.author-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.author-name {
  font-size: 15px;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase; /* Viết hoa toàn bộ chữ */
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.author-title {
  font-size: 14px;
  color: #666666; /* Màu xám nhẹ hơn tên */
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #ff6600;
}
.col-doi-tac img {
    border-radius: 5px;
}
.col-khach-hang-talk .row .col.small-12.large-12 {
	padding: 0 !important 
}
.col-tintuc-home .badge.absolute.top.post-date.badge-outline {
    top: 0 !important;
	margin-left: 0;
}
.col-tintuc-home .badge-inner {
    background-color: #000;
    border-color: #000000;
    color: #fff;
}
.form-home-contact {
    padding: 15px;
    background: #edeeee;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
span.text-contact {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
}
.row-contact-bao-gia input, .row-contact-bao-gia select {
    margin-bottom: 0;
	border-radius: 5px;
}
.row-contact-bao-gia textarea {
    min-height: 80px;
	border-radius: 5px;
}
.row-contact-bao-gia input.wpcf7-submit{
    width: 100%;
    border-radius: 5px;
}
.ARTRU_icons_mxh a {
    width: 36px;
    height: 36px;
    padding: 8px;
    border: 1px solid #4d4d4d;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ARTRU_icons_mxh {
    display: flex;
    gap: 10px;
}
.footer-widgets.footer.footer-1 img {
    width: 95px;
    display: block;
}
.gioithieu {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.social-icons.follow-icons {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.footer-widgets.footer.footer-1 li, 
.footer-widgets.footer.footer-1 li a {
    border: none !important;
	    font-size: 14px;
}
.footer-widgets.footer.footer-1 li:hover a {
color:#ff0000
}
.absolute-footer .container {
    border-top: 1px solid #2d2d2d;
    padding-top: 10px;
}
 
.home .header-wrapper {
    background: linear-gradient(to right, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 1) 30%, 
        rgba(255, 255, 255, 0) 75%
    ) !important;
}

/* Đảm bảo nền của phần main không đè lên wrapper */
.home .header-main {
    background-color: transparent !important;
}
ul.header-nav li a {
    color: #003547 !important;
    padding: 0 5px;
}
ul.header-nav li:hover a {
	color: #69b900 !important;
}
.header-main { 
    background: #fff;
}
.header-button span {
    color: #fff;
    padding: 0 6px;
}
.contact-list {
            list-style: none;
            padding: 0;
            margin: 0;
			    display: block;
    float: left;
        }

        /* Từng dòng liên hệ */
        .contact-item {
            display: flex;
            align-items: flex-start; /* Để icon căn theo dòng đầu tiên nếu text bị xuống dòng */
            margin-bottom: 16px;
            font-size: 14px;
            line-height: 1.5;
        }

        /* CSS cho phần Icon */
        .contact-item i {
            font-size: 16px;
            width: 24px; /* Cố định chiều rộng để các text thẳng hàng dọc */
            margin-right: 12px;
            margin-top: 3px; /* Căn chỉnh nhẹ icon cho vừa vặn với dòng text */
            color: #cccccc;
            text-align: center;
        }

        /* CSS cho phần Text và Link */
        .contact-text {
            color: #b3b3b3; /* Màu chữ xám sáng giống ảnh */
            flex: 1;
        }

        .contact-text a {
            color: #b3b3b3;
            text-decoration: none;
            transition: color 0.2s ease;
        }

        /* Hiệu ứng khi rê chuột vào link */
        .contact-text a:hover {
            color: #ffffff;
        }