td, th{ }
td {
color: #3d3d3d;
}
td, th {
border-bottom: 1px solid #c9c9c9; 
}
.taxitaithanhung,.chuyennhavanphong
{
font-size: 180%;
color: #ed1c24;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.hotline-haederblock{
font-size: 120%;
color: #ed1c24;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
letter-spacing: 2px;
}
#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: #2ecd6b;
color: #fff;
text-align: center;
}
@media only screen and (max-width: 48em) { #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;
}
}
.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 {
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-main {
border-top: 1px solid white;
}
.nav>li.has-icon>a>i {
font-size: 2.5em;
color: #ed1c24;
border: 1px solid #fff;
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: var(--primary-color);
}
.sec-1 .medium-3:hover .box-image {
border-color: var(--primary-color);
}
.sec-1 .medium-3:hover .box:before {
background: var(--primary-color);
}
@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; }
span.widget-title {
font-size: 1.5em;
} #avv-callring{
position:fixed;
left:-50px;bottom:-50px;
display:grid;
grid-template-columns:115px 1fr;
align-items:center;
z-index:9999999;
}
@media only screen and (max-width: 550px) {
#avv-callring{
transform: scale(0.8);
left:-65px;bottom:-65px;
}
}
#avv-footerhotline{
padding: 6px 16px 6px 25px;
background-color: red;
border-radius: 0 40px 40px 0;
font-size: 1.4em;
color: #ffffff;
}
.coccoc-alo-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
opacity: .1;
-webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.coccoc-alo-phone {
background-color: transparent;
width: 200px;
height: 200px;
cursor: pointer;
z-index: 200000 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
right: 150px;
top: 30px;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
background-color: rgba(0, 175, 242, 0.5);
opacity: .75 !important;
}
.coccoc-alo-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: coccoc-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;
}
.coccoc-alo-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
background-color: #2ecd6b;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
border-color: #00aff2;
opacity: .5;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
border-color: #75eb50;
opacity: .5;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
opacity: .75 !important;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
background-color: #75eb50;
}
@-moz-keyframes coccoc-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 coccoc-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 coccoc-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 coccoc-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 coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@media only screen and (max-width: 48em) { }