@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
.tag-site .tag1 {
color: #fff !important;
margin: 0;
text-transform: uppercase;
font-size: 28px;
font-weight: 600;
}
.duan_archive_title {
font-weight: 500;
font-size: 20px;
}
.slider.slider-for.slick-initialized.slick-slider{
margin-bottom: 20px;
}
.page-title {
text-transform: uppercase;
}
.nav-pagination>li>span, .nav-pagination>li>a{
border-radius: 3px !important;
border-width: 1px;
}
.info-title {
font-size: 25px;
padding: 20px 0;
padding-top: 0;
font-weight: bold;
text-transform: uppercase;
}
.info {
padding: 20px 0;
padding-top: 0;
font-weight: bold;
color: #e41c26;
}
.slider-for .slick-next {
width: 46px;
height: 44px;
right: 20px;
background: url(//xaydungnhahuyhoang.com/wp-content/themes/flatsome-child/images/right-slider.png) no-repeat;
}
.slider-for .slick-prev {
z-index: 1;
width: 46px;
height: 44px;
left: 20px;
background: url(//xaydungnhahuyhoang.com/wp-content/themes/flatsome-child/images/left-slider.png) no-repeat;
}
.slider-nav .slick-slide {
margin: 0 10px;
}
.slider-nav .slick-slide{
cursor: pointer;
}
.slider-nav .slick-list {
margin: 0 -10px;
}
.slick-prev:before, .slick-next:before{
display: none
}
.tag-site .tag2 {
margin: 0;
font-size: 48px;
text-transform: uppercase;
color: #e41c26 !important;
font-weight:800;
text-shadow: -2px -2px 1px #fff, 0 -2px 0 #fff, 2px -2px 1px #fff, 2px 0 1px #fff, 2px 2px 1px #fff, 0 2px 1px #fff, -2px 2px 1px #fff, -2px 0 1px #fff;
}
.hotline {
color: #fff;
font-size: 25px;
font-weight: bold;
padding-top: 5px;
}
.header-bottom .flex-center{
width: 100%;
}
.header-bottom-nav > li{
flex-grow: 1;
text-align: center;
}
.header-bottom-nav > li>a{
display: block;
}
.row-danhmuc .banner:hover  .overlay{
background: rgba(0, 0, 0, 0.8) !important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button,
.flickity-prev-next-button{
opacity: 1 !important
}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow{
border: 1px solid #fff;
color: #3e9c96 !important;
background: rgb(255 255 255 / 54%) !important;
}
button i, .button i{
top: 0;
}
.wpcf7-spinner{
display: none
}
.social-icons.follow-icons.full-width.text-center>a{
margin-bottom: 0 !important
}
.f-company {
font-weight: 700;
color: red !important;
text-shadow: -1px -1px 1px #fff, 0 -1px 0 #fff, 1px -1px 1px #fff, 2px 0 1px #fff, 2px 2px 1px #fff, 0 1px 1px #fff, -1px -1px 1px #fff, -1px 0 1px #fff;
text-transform: uppercase;
font-size: 23px;
}
ul.truycap{
list-style: none;
}
.tiente{
font-weight:700;
color: red !important;
text-shadow: -1px -1px 1px #ffd400, 0 -1px 0 #ffd400, 1px -1px 1px #ffd400, 2px 0 1px #ffd400, 2px 2px 1px #ffd400, 0 1px 1px #ffd400, -1px -1px 1px #ffd400, -1px 0 1px #ffd400;
}
#footer{
font-size: 15px;
}
form{
margin-bottom: 0 !important
}
.archive.category main#main,
.single-post main#main{
background: #e41c26;
}
.box-blog-post .is-divider{
height: 0;
}
.archive.category .page-wrapper{
padding-top: 0;
}
.archive.category main#main .row.align-center,
header.archive-page-header .row,
.single-post div#content>.row.row-large{
background: #fff;
max-width: 1140px;
padding-top: 25px;
margin: 0 auto;
}
@media only screen and (min-width: 850px){
.box-dm1{
-webkit-clip-path: polygon(0 13%, 100% 5%, 100% 94%, 0 87%);
clip-path: polygon(0 13%, 100% 5%, 100% 94%, 0 87%);
}
.box-dm2{
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 96%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 96%);
}
.box-dm3{
-webkit-clip-path: polygon(0 0, 100% 4%, 100% 96%, 0 100%);
clip-path: polygon(0 0, 100% 4%, 100% 96%, 0 100%);
}
.box-dm4{
-webkit-clip-path: polygon(0 5%, 100% 12%, 99% 89%, 0 95%);
clip-path: polygon(0 5%, 100% 12%, 99% 89%, 0 95%);
}
}
@media only screen and (max-width: 849px){
li.html.custom.html_topbar_left{
width: 100%;
}
.tag-site .tag2, .tag-site .tag1 {
font-size: 18px;
}
}
#button-contact-vr {
position: fixed;
bottom: 0;
z-index: 99999;
}
.row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover{
box-shadow: 0 0 32px 0 rgb(103 115 129 / 20%);
} #button-contact-vr .button-contact {
position: relative;
}
#button-contact-vr .button-contact .phone-vr {
position: relative;
visibility: visible;
background-color: transparent;
width: 90px;
height: 90px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
left: 0;
bottom: 0;
display: block;
}
.phone-vr-circle-fill {
width: 65px;
height: 65px;
top: 12px;
left: 12px;
position: absolute;
box-shadow: 0 0 0 0 #fda613;
background-color: rgba(230, 8, 8, 0.7);
border-radius: 50%;
border: 2px solid transparent;
-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animuiion: zoom 1.3s infinite;
animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
background-color: #e60808;
width: 40px;
height: 40px;line-height: 40px;
top: 25px;
left: 25px;
position: absolute;
border-radius: 50%;
display: flex;
justify-content: center;
-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
display: block;
line-height: 37px;
}
.phone-vr-img-circle img {
max-height: 25px;
max-width: 27px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
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);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
position: fixed;
bottom: 25px;
left: 30px;
z-index: -1;
color: #fff;
font-size: 16px;
padding: 8px 15px 7px 50px;
border-radius: 100px;
white-space: nowrap;
}
.phone-bar a:hover {
opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
.phone-bar{display: none;}
}
#zalo-vr .phone-vr-circle-fill {
box-shadow: 0 0 0 0 #2196F3;
background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
box-shadow: 0 0 0 0 #714497;
background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
box-shadow: 0 0 0 0 #2196F3;
background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
background-color: #2196F3;
} #gom-all-in-one #phone-vr {
transition: 0.7s all;
-moz-transition: 0.7s all;
-webkit-transition: 0.7s all;
}
#gom-all-in-one #zalo-vr {
transition: 1s all;
-moz-transition: 1s all;
-webkit-transition: 1s all;
}
#gom-all-in-one #viber-vr {
transition: 1.3s all;
-moz-transition: 1.3s all;
-webkit-transition: 1.3s all;
}
#gom-all-in-one #contact-vr {
transition: 1.6s all;
-moz-transition: 1.6s all;
-webkit-transition: 1.6s all;
}
#button-contact-vr.active #gom-all-in-one .button-contact {
margin-left: -100%;
}
#all-in-one-vr .phone-bar {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 100%;
color: #fff;
padding: 5px 15px 5px 48px;
border-radius: 50px;
margin-left: -64px;
width: max-content;
cursor: pointer;
}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a {
background-color: #fda613;
}