body{
line-height: 1.8;
}
.header_btn > .button{
padding-right: 5px;
}
.header_btn > .button i{
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100%;
background: orange;
color: white;
}
.header-bottom{
min-height: 1px;
}
.header-bottom .container{
align-items: stretch;
}
#header .nav.nav-left a{
padding: 20px 13px;
line-height: 20px;
}
.nav.nav-left a:hover{
background: orange;
color: white !important;
}
#header .nav.nav-left li.active a{
color: yellow;
}
#header .nav .sub-menu{
padding: 10px 10px; 
}
#header .nav .sub-menu li a{
line-height: 24px;
padding: 10px 0;
color: #333 !important;
}
#header .nav .sub-menu li a:hover{
background: none;
color: orange !important;
padding-left: 5px;
}
.has-dropdown .icon-angle-down{
opacity: 1;
}
.header-bottom .nav.nav-right a{
border: 0;
line-height: 60px;
padding: 0 25px;
color: white;
font-weight: bold;
}
.section-title-container{
margin-bottom: 15px;
}
.section-title-normal{
border-color: #afcde9;
}
.section-title-normal span{
border-color: var(--primary-color);
color: var(--primary-color);
}
.footer-1{
margin-top: 80px;
border-top: 5px solid #d0dbe0
}
.footer_map iframe{
height: 220px;
}
.footer_list ul{
list-style-type: disc;
}
.footer_list ul li{
list-style-type: disc;
}
.footer_icon .icon{
margin-bottom: 0;
}
.footer_icon .icon + .icon{
margin-left: 10px; 
}
.absolute-footer{
background: #002242;
padding: 10px;
}
.contactbox{
background: var(--primary-color);
border-radius: 15px;
color: white;
overflow: hidden;
-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
}
.contactbox .col{
padding: 0;
}
.contactbox h2{
color: white;
margin: 0 0 20px 0;
display: block;
position: relative;
padding-bottom: 20px;
}
.contactbox h2:after{
content: "";
display: block;
height: 3px;
width: 100px;
background: white;
border-radius: 15px; 
position: absolute;
bottom: 0;
left: 0;
}
.contactbox .contactbox-left{
padding: 30px;
}
.contactbox-btn a{
border: 0;
padding: 0;
}
.contactbox-btn a:hover{
box-shadow: none;
color: orange;
}
.pagetitle{
margin: 0 auto;
}
.pagetitle h2.section-title-normal{
justify-content: center;
margin: 100px auto;
border: 0;
}
.pagetitle h2 b{
display: none;
}
.pagetitle .section-title-main{
border: 0;
font-size: 2rem;
letter-spacing: 1px;
background: white;
padding: 20px 30px;
color: orange;
border-radius: 3px;
-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
margin: 0;
}
.tintuc1 .post-item{
margin-top: 40px;
}
.form1{
margin: 60px auto;
text-align: center;
}
.form1 .col-inner{
border: 1px solid var(--primary-color);
padding: 30px;
box-shadow: 6px 6px 0 0 var(--primary-color);
overflow: hidden;
}
.form1 h3{
color: var(--primary-color);
font-size: 1.5rem;
margin: 0;
}
.form1 .wpcf7-form-control-wrap{
padding-bottom: 10px;
}
.form1 input,
.form1 select{
border: 1px dashed var(--primary-color);
color: var(--primary-color);
box-shadow: none;
outline: none;
margin-bottom: 15px;
}
.form1 input[type=submit]{
display: block;
width: 150px;
margin: 0 auto 0 0;
color: white;
float: left;
}
.form1 .wpcf7-spinner{
background: red;
float: left;
}
form{
margin: 0;
}
.form1 p{
overflow: hidden;
}
#main .form1 .wpcf7-response-output{
clear: both;
margin: 20px 0 0 0;
}
.gioithieu1 ul{
margin-top: -10px;
}
.gioithieu1 ul li{
margin-bottom: 0;
}
.gia_thue h3{
display: block;
margin: 0 0 25px 0; 
background: #f1f1f1;
padding: 10px 20px;
color: red;
letter-spacing: 1px;
}
.gia_thue ul,
.gia_thue ol{
margin-top: -15px;
}
.gia_thue ul li,
.gia_thue ol li{
margin-bottom: 0;
}
.single_breadcrumb ul{
display: flex;
align-items: center;
max-width: 1140px;
margin: 0 auto 30px auto;
}
.single_breadcrumb ul li{
display: block;
margin: 0;
line-height: 20px;
}
.single_breadcrumb ul li + li{
margin-left: 15px;
}
.single_breadcrumb i{
line-height: 20px;
}
.home_post{
display: flex;
flex-wrap: wrap;
}
.home_post .item{
width: 22.75%;
box-sizing: border-box;
margin-left: 3%;
margin-bottom: 30px;
transition: 0.2s ease all;
}
.home_post .item:hover{
transform: scale(1.02);
}
.home_post .item:nth-child(4n+1){
margin-left: 0;
}
.home_post .img{
height: 180px;
background-size: cover;
background-position: center;
border-radius: 5px;
}
.home_post h3{
margin: 10px 0 0 0;
text-transform: uppercase;
font-size: 16px;
}
.home_post p{
margin: 0;
}
.home_post p strong{
color: #da251c;
font-weight: normal;
}
body.single .entry-category{
display: none;
}
body.single .footer-1{
margin-top: 0;
}
body.single .post{
margin-bottom: 0;
}
.banggia1 p{
margin-bottom: 5px;
}
.banggia1 ul li{
margin-bottom: 0;
}
.thutuc1 ul{
display: block;
margin: 0;
padding: 0;
}
.thutuc1 ul li{
display: block;
position: relative;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
}
.thutuc1 ul li i{
display: block;
color: #02509a;
position: absolute;
top: 4px;
left: 0;
}
.thutuc1_1 ul li i{
color: orange;
}
.header-tel-btn{
display: flex;
align-items: center
}
.header-tel-btn span{
text-align: right;
}
.chinhsach ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 10px 10px 0 10px;
background: #c3c3c3;
}
.chinhsach ul li{
display: block;
margin: 0 15px 10px 15px;
}
.chinhsach ul li a{
color: #000;
}
ul li.bullet-star:before{
color: limegreen;
}
@media only screen and (max-width: 768px) {
.home_post .img{
height: 120px;
}
.pagetitle h2.section-title-normal{
margin: 70px auto;
}
.pagetitle .section-title-main{
font-size: 1.8rem;
}
.single_breadcrumb ul{
max-width: 94%;
}
}
@media only screen and (max-width: 680px) {
.home_post .item{
width: 48.5%
}
.home_post .item:nth-child(2n+1){
margin-left: 0;
}
.contactbox-btn a{
display: flex;
align-items: center;
text-align: left;
}
.pagetitle h2.section-title-normal{
margin: 50px auto;
}
.form1 .col-inner{
max-width: 90%;
padding: 20px 10px;
}
.form1 h3{
font-size: 1.2rem;
}
.pagetitle .section-title-main{
font-size: 1.4rem;
}
.footer-1{
padding-bottom: 50px;
}
} .hotline-phone-ring-wrap.first{
bottom: 80px;
}
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.hotline-phone-ring-wrap * {
box-sizing: border-box;
}
.hotline-phone-ring {
position: relative;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility 0.5s;
left: 0;
bottom: 0;
display: block;
}
.hotline-phone-ring-circle {
width: 87px;
height: 87px;
top: 10px;
left: 10px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #e60808;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 57px;
height: 57px;
top: 25px;
left: 25px;
position: absolute;
background-color: rgba(230, 8, 8, 0.7);
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color: #e60808;
width: 33px;
height: 33px;
top: 37px;
left: 37px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: rgba(230, 8, 8, 0.75);
height: 40px;
width: 200px;
line-height: 40px;
border-radius: 3px;
padding: 0 10px;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important;
left: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 50px;
display: block;
letter-spacing: 1px;
line-height: 40px;
font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
@media screen and (max-width: 680px){
.hotline-phone-ring-circle{
display: none;
}
.hotline-phone-ring-wrap{
bottom: -20px;
left: -20px;
}
.hotline-phone-ring-wrap.first{
bottom: 40px;
}
} .zalo-container {
position: fixed;
width: 40px;
height: 40px;
bottom: 90px;
z-index: 99;
right: 30px;
transform: scale(1.3)
}
.zalo-container a {
display: block
}
.zalo-container span {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #1182FC;
position: relative
}
@keyframes zoomIn_zalo {
from {
opacity: 0;
transform: scale3d(.3,.3,.3)
}
50% {
opacity: 1
}
}
.zoomIn_zalo {
animation-name: zoomIn_zalo
}
.animated_zalo {
animation-duration: 1s;
animation-fill-mode: both;
box-sizing: border-box
}
.animated_zalo.infinite {
animation-iteration-count: infinite
}
.cmoz-alo-circle {
width: 50px;
height: 50px;
top: -5px;
right: -5px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(17,130,252,.8);
opacity: .1;
border-color: #1182FC;
opacity: .5
}
.cmoz-alo-circle-fill {
width: 60px;
height: 60px;
top: -10px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: rgba(17,130,252,.45);
opacity: .75;
right: -10px
}
@-webkit-keyframes pulse_zalo {
from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
@keyframes pulse_zalo {
from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
.pulse_zalo {
-webkit-animation-name: pulse_zalo;
animation-name: pulse_zalo
}
@media screen and (max-width: 680px) {
.zalo-container {
bottom: 20px;
right: 20px;
transform: none;
}
} .mes-container{
position: fixed;
width: 40px;
height: 40px;
bottom: 170px;
z-index: 99;
right: 30px;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media screen and (max-width: 680px) {
.mes-container{
bottom: 80px;
right: 20px;
transform: none;
}
}