/*
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.   ***************/

.taxitaithanhung
{
	font-size: 190%;
	color: #dc2221;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase;
}
.chuyennhavanphong{
	font-size: 190%;
    text-transform: uppercase;
    color: #ffd401;
    text-shadow: 1px 1px 0 #000;
}
.hotline-haederblock{
	font-size: 120%;
	color: #f52512;
	text-shadow: 1px 1px 0 #000;
}

#top-bar{display:none}

.avv-banggia table {
    background-color: #fff;
}
.avv-banggia table th, .avv-banggia table td {
    border: 1px solid #ececec;
    height: 40px;
}
.avv-banggia table th {
    font-size: .75em;
    background-color: #dc2221;
    color: #fff;
	text-align: center;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#top-bar,#top-bar .flex-col{display:block !important;}
	.html_topbar_left .chuyennhavanphong{font-size: 150%}
	.stuck #top-bar{display:none !important;}
	.khangdinhthuonghieu .icon-box-left .icon-box-img+.icon-box-text {
		padding-left: .4em;
	}
}

#top-bar .flex-left {
	 width: 100%;
}

 #logo a img {
	 max-height: 110px;
}
 .banner-header-main {
	 text-align: center;
	 text-transform: uppercase;
	 text-shadow: 1px 2px #fff, 2px 5px #e2e2e2;
}
 .banner-header-main h2 {
	 border-bottom: 2px solid;
	 color: red;
	 padding-bottom: 8px;
	 padding-top: 5px;
	 font-size: 2em;
	 margin-bottom: 0.2em;
}
 .banner-header-main h3 {
	 font-size: 1.7em;
}
.sec-dvvc .post-item {
	 border-radius: 10px;
}
 .sec-dvvc .post-item .box-text.text-center {
	 background: rgb(147,145,145) !important;
     padding-bottom: .5em;
    
}
.sec-dvvc .post-item .box-text.text-center  h5{
	margin-bottom: .5em;
}

 .separator1 {
	 position: relative;
	 height: 20px;
	 width: 100%;
	 background: url(https://mauweb.avovatheme.com/chuyennhathanhhung/wp-content/uploads/2019/11/xtitle-pattern.png.pagespeed.ic_.CpMzSWR60j.png) left top no-repeat;
}
 .sec-kinhngiem .separator {
	 position: relative;
	 height: 48px;
	 width: 100%;
	 background: url(https://mauweb.avovatheme.com/chuyennhathanhhung/wp-content/uploads/2019/11/xtitle-pattern-2.png.pagespeed.ic_.o8NuuhxMk9.png) center top no-repeat;
}
 .sec-kinhngiem .col-inner {
	 padding: 20px;
}
 .sec-gioithieu .gioithieu-th {
	 position: relative;
	 padding: 15px 30px;
	 background: #950505;
	 text-align: center;
	 color: #e9d80c;
	 font-size: 120%;
}
 .sec-gioithieu .gioithieu-th p {
	 margin-bottom: 0;
}
 .tai-sao-chon .accordion-item {
	 margin-bottom: 1em;
}
 .tai-sao-chon .accordion-item a {
	 border-radius: 20px;
	 border: 2px solid #ccc;
	 padding: 10px 40px;
}

@media only screen and (max-width:550px){
	.tai-sao-chon .icon-box-left .icon-box-img{
        max-width:100px!important;
		width:100px!important;
	}
}

 .tai-sao-chon .accordion-item .accordion-title.active {
	 color: #fff;
	 background: #FFC107;
	 border: 2px solid #FFC107;
}
 .tai-sao-chon .accordion-item .accordion-title.active button {
	 color: #fff;
}
 .sec-tintuc .post-item {
	 transition: all 500ms ease;
}
 .sec-tintuc .post-item .box-text h5.post-title {
	 font-size: 20px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 2;
	 height: 2.6em;
	 transition: all 500ms ease;
}
 .sec-tintuc .post-item .box-text .post-meta {
	 position: absolute;
	 top: -24px;
	 left: 0;
	 opacity: 1;
	 background: #b1b123;
	 padding: 3px 10px;
	 color: #fff;
}
 .sec-tintuc .post-item .box-text .post-meta:before {
	 content: "\f073";
	 padding-right: 10px;
	 font-family: "Font Awesome 5 Free";
}
 .sec-tintuc .post-item .box-text p.from_the_blog_excerpt {
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 4;
}
 .sec-tintuc .post-item .box-text:after {
	 content: '';
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 border-bottom: 3px solid #ee2;
	 -moz-transition: all 500ms ease;
	 -webkit-transition: all 500ms ease;
	 -ms-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
	 -webkit-transform: scaleX(0);
	 -ms-transform: scaleX(0);
	 -o-transform: scaleX(0);
	 -moz-transform: scaleX(0);
	 transform: scaleX(0);
}
 .sec-tintuc .post-item .box-text:hover h5 {
	 color: #ee2;
}
 .sec-tintuc .post-item .box-text:hover:after {
	 transform: scale(1);
}
 .sec-dvvc .post-item .col-inner:hover h5.post-title {
	 color: #ee2;
}
 .ux-logo .ux-logo-link {
	 background: #fff;
	 margin-bottom: 1em;
}
 .sec-1 .medium-3 .box-image {
	 border: 2px dotted #eaea95;
}
 .sec-1 .medium-3 .box-image img {
	 border-radius: 100%;
	 padding: 10px;
}
 .sec-footer {
	 padding-bottom: 0 !important;
}
 @media only screen and (max-width: 850px) {
/* 	 #header #top-bar {
		 background: #ccc3 !important;
	} */
	 #header #masthead {
		 height: 100px;
	}
	 #header #masthead a img {
		 height: 90px;
	}
	 .nav>li.has-icon>a>i {
		font-size: 2.5em;
		color: #dc231b;
		border: 2px solid #d9251b;
		padding: 0 5px;
	}
}
 .sec-1 .medium-3:not(:last-child):after {
	 content: '';
	 position: absolute;
	 right: -35px;
	 top: 30%;
	 width: 80px;
	 height: 40px;
	 background: url(http://thanhhungvn.com/images/icons/xarrow-right.png.pagespeed.ic.dYJ72gDbEq.webp) center center no-repeat;
}
 .sec-1 .medium-3 .box:before {
	 content: '';
	 background: #e0e0a2;
	 width: 40px;
	 height: 40px;
	 position: absolute;
	 border-radius: 100%;
	 text-align: center;
	 vertical-align: center;
	 line-height: 40px;
	 left: 10%;
	 top: 8%;
	 z-index: 999;
	 color: #000;
}
 .sec-1 .medium-3 .img-1:before {
	 content: "1";
}
 .sec-1 .medium-3 .img-2:before {
	 content: "2";
}
 .sec-1 .medium-3 .img-3:before {
	 content: "3";
}
 .sec-1 .medium-3 .img-4:before {
	 content: "4";
}
 .sec-1 .medium-3:hover h3 {
	 color: #ee3;
}
 .sec-1 .medium-3:hover .box-image {
	 border-color: #ee2;
}
 .sec-1 .medium-3:hover .box:before {
	 background: #ee2;
}
 @media only screen and (max-width: 850px) {
	 .sec-1 .medium-3:after {
		 top: 18% !important;
	}
	 div#top-bar .header-block-block-1 .row-collapse>.col{
		padding: 0!important;
	}

}
 @media only screen and (max-width: 550px) {
	 .sec-1 .medium-3:nth-child(2n+1):after {
		 content: none;
	}
}
 .sec-visaochon h2 {
	 margin-bottom: 1.5em;
}
 .sec-visaochon .medium-4 .col-inner {
	 padding: 20px 10px;
}
 .sec-visaochon .medium-4 .col-inner .icon-box .icon-box-img {
	 padding-top: 10px;
	 padding-bottom: auto;
}
 .tab-coso.tabbed-content .nav-vertical {
	 width: 12%;
}
 .tab-coso.tabbed-content .tab-panels li {
	 position: relative;
	 padding-left: 70px;
	 min-height: 50px;
	 margin-bottom: 25px;
	 list-style-type: none;
}
 .tab-coso.tabbed-content .tab-panels li .icon-box {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 50px;
	 height: 50px;
	 line-height: 50px;
	 text-align: center;
	 font-size: 24px;
	 color: #fff;
	 font-weight: normal;
	 background: #b2dd4c;
}
 .row-form.row-small .medium-6 {
	 padding-bottom: 0 !important;
}
 .wpcf7-form {
	 margin-bottom: 0 !important;
}
 .html-before-comments {
	 margin-top: 50px;
	 width: 1200px;
}
 .html-before-comments .sec-gioithieu, .html-before-comments .sec-visaochon {
	 padding: 20px 0;
}
 .phancach {
	 width: 100%;
	 height: 3px;
	 background: #ee2;
}


.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}

.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*     height: 3em; */
}
span.widget-title {
    font-size: 1.5em;
}