.tinhtinh{min-width: 700px;}
.zalo-chat-widget{bottom: 20px !important; right: 20px !important;}
h1,h2{color:#094880}
.woo-variation-swatches .variable-items-wrapper{padding: revert;}
td:first-child {
padding-left: 10px;
}
td.label{padding-left: 0 !important;text-transform: uppercase; font-size: 105%;margin-left: 40px;width: 200px !important;}
td.label span{display:none !important}
label[for="pa_usb-4g"]{padding:10px}
label[for="pa_vietmap"]{padding:10px}
td.label [for="pa_usb-4g"]:after{content:' - 590.000 vnđ'}
td.label [for="pa_usb-4g"]:before{content:'';width:40px;height:50px;background:url(https://htd.net.vn/wp-content/uploads/2021/05/usb-4g.jpg);position:absolute;z-index:10000;left:-10px;top:-1px}
td.label [for="pa_vietmap"]:after{content:' - 590.000 vnđ'}
td.label [for="pa_vietmap"]:before{content:'';width:40px;height:40px;background:url(https://htd.net.vn/wp-content/uploads/2021/05/vietmap-e1620100606949.png);position:absolute;z-index:10000;left:0;top:55px}
.variations tr{display:flex;}
iframe{margin:0 auto;display:block}
article img.aligncenter{margin-bottom:20px}
article ol,ul {padding-left:2em;}
article ul,ol {padding-left:2em;}
.carplaysp .row-small>.col{margin: 0 auto;}
.carplaysp .large-columns-4>.col{max-width: 60%;-ms-flex-preferred-size: 60%;flex-basis: 60%;}
.footer-1{color:#fff}
.footer-1 a{color:#fff;}
span.widget-title{margin-bottom: 20px;display: inline-block;}
.section-title-main{color:#0faaec}
ul.sp{margin-left: 0.5em;}
.sh-header p{font-size:85%;color:#094880}
.sh-header p.hel{font-weight:bold;text-transform:uppercase;}
.hotline-phone-ring-wrap {
position: fixed;
bottom: 66px;
right: -3px;
z-index: 999999;
}
.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 .5s;
left: 0;
bottom: 0;
display: block;
}
.hotline-phone-ring-circle {
width: 85px;
height: 85px;
top: 10px;
left: 10px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #e24e0e;
-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 .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 55px;
height: 55px;
top: 26px;
left: 26px;
position: absolute;
background-color: #e24e0e;
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 .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color: #e24e0e;
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: rgb(249 138 97);
height: 40px;
width: 180px;
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; right: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 15px;
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 (max-width: 768px) {
.hotline-bar {
display: block ;
}
}
@media only screen and (max-width: 480px) {
.banner-layer {
width: 100% !important;
left: unset !important;
}
span,p,strong{
font-size: 17px !important;
}
.about-lookback .lookback-list li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
padding: 20px 15px 40px 0;
position: relative;
margin-left: -10px;
}
.htd_why_home {
padding: 0px 10px !important;
}
.title_home_video .text_title_home a {
font-size: 6px !important;
}
.sau h3:before {
content: '';
position: absolute;
bottom: 0;
left: 150px !important;
height: 2px;
width: 65px;
background: #fff;
text-align: center;
}
.large-9 {
max-width: 100% !important;
-ms-flex-preferred-size: 75%;
flex-basis: 100% !important;
}
.home h3 {
font-size: 1.25em !important;
}
.mid-footer ul {
padding-left: 0;
margin-bottom: 0 !important;
}
.text-marquee {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
height: 50px !important;
}
.sec-whychoose .content .item {
width: 100% !important ;
margin-right: 3%;
float: left;
text-align: center;
margin-bottom: 30px;
}
#flags.size24 a, .tool-container .tool-items a, a.single-language span.size24 {
width: 10px !important;
height: 18px !important;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
}
.about-preface .preface-info {
width: 100% !important;
margin: auto;
}
iframe.yrm{width:100% !important}
article p{font-size:17px}
.container{padding:0}
#top-bar{display:none;}
iframe.youtube{width:100% !important; height:300px !important;}
ul.mobile-nav li.cart-item{margin-right:15px !important;}
ul.mobile-nav li.nav-icon{margin-left:15px !important;}
}
@media only screen and (max-width: 48em) {
#top-bar {
display: block !important;
} .bottom-list li {
border-right: 1px solid #b4b4b4;
-ms-flex: 100% !important;
flex: 100% !important;
max-width:  100% !important;
}
div#product-sidebar {
display: block !important;
}
}
.woocommerce-variation-description {
font-size: 25px;
color: red;
} .slider-wrapper .flickity-prev-next-button {
display: block !important;
}
div#mvccount {
display: none;
}
div#mvctable td {
color: white;
}
.pum-theme-1362 .pum-title, .pum-theme-lightbox .pum-title {
color: #0f6fd3 !important;
text-align: left;
text-shadow: 0 0 0 rgb(2 2 2 / 23%);
font-family: inherit;
font-weight: 100;
font-size: 32px;
line-height: 36px;
}
.pum-theme-1362 .pum-container, .pum-theme-lightbox .pum-container {
padding: 18px;
border-radius: 3px;
border: 8px solid #0f6fd3 !important;
box-shadow: 0 0 30px 0 rgb(2 2 2);
background-color: rgba(255,255,255,1);
}
.nav>li>a {
padding: 9px !important;
font-size: 16px !important;
color: white !important;
}
.section_brand {
padding: 60px 0;
}
.section_brand .box-category{
border: 5px solid #35afe2;
border-radius:5px;
}
.section_brand .box-products{
margin-top:50px;
}
.section_brand h2 {
font-size: 32px;
font-weight: bold;
}
.text-marquee {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.text-single {
position: relative;
white-space: nowrap;
padding: 0;
display: flex;
margin: 0;
will-change: transform;
text-align: center;
font-weight: bold;
}
.section_brand .text-marquee .text img {
max-width: 135px;
max-height: 70px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
margin: 10px;
}
.section_brand .text-marquee .text:hover img {
transform: scale(1.1);
transition: 500ms all;
}
img {
border: 0 none;
max-width: 100%;
height: auto;
}
.section_search .frame {
position: relative;
z-index: 2;
}
.section_search .frame p {
font-size: 14px;
margin-bottom: 30px;
}
.section_search .frame h2 {
font-size: 32px;
font-weight: bold;
color: #fff !important;
}
.section_search .frame a {
display: inline-block;
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
color: #fff;
color: #fff;
padding: 7px 50px;
border: 1px solid #f89406;
transition: 300ms all;
border-radius: 50px;
font-weight: bold;
}
.fa, .fas {
font-weight: normal !important;
}
.fa, .far, .fas {
font-family: unset !important;
}
.section_search {
padding: 80px 0;
text-align: center;
background-size: cover;
background-position: bottom;
color: #fff;
position: relative;
}
h1, h2, h3, h4, h5, h6 {
color: #000000 !important;
width: 100%;
margin-top: 0;
margin-bottom: 0.5em;
text-rendering: optimizeSpeed;
}
@font-face {
src: url(https://htd.net.vn/wp-content/themes/flatsome-child/fonts/hanzel.ttf);
}
@font-face {
font-family: font02;
src: url(https://htd.net.vn/wp-content/themes/flatsome-child/fonts/condensed-400.ttf);
}
@font-face {
src: url(https://htd.net.vn/wp-content/themes/flatsome-child/fonts/condensed-700.ttf);
}
@font-face {
font-family: font04;
src: url(https://htd.net.vn/wp-content/themes/flatsome-child/fonts/condensed-900.ttf);
}
.banner .txt-sl03,
.banner .txt-sl02,
.banner .txt-sl01{
color: #fff;
font-family: font04;
font-weight:  400;
font-size: 25px;
}
.banner .txt-sl03,
.banner .txt-sl01{
}
.banner .txt-sl02{
color: #84cfee;
margin: 0 0 30px 0;
display: inline-block;
font-size: 40px;
border-bottom: 3px solid #f16b3b;
}
.banner .txt-sl03{
font-size: 40px;
line-height: 1.2;
margin: 0 0 30px 0;
}
.ttl01{
font-size: 30px;
text-align: center;
font-weight: 400;
}
.ttl02{
font-size: 26px;
text-align: center;
}
.img_tinhnang{
padding: 60px 0 0 0;
}
.box_htd{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.box_htd li{100
list-style:  none;
width: calc((100% - 40px) / 3);
margin: 5px 5px !important;
text-align: center;
box-shadow: 0px 0px 15px rgb(221 228 247 / 100%);
border-radius: 10px;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 90%;
}
.sec_tienphong h5{
font-weight: 400;
font-size: 22px;
}
.sec_tienphong .ttl_tienphong h3{
font-size: 32px;
text-align: center;
font-weight: 400;
}
.sec_uudiem{
padding: 35px 0 0 35px;
background:  url(//htd.net.vn/wp-content/themes/flatsome-child/assets/images/img_uudiem02.png) no-repeat bottom right;
}
.sec_uudiem h5{
color: #fff;
font-size: 26px;
font-weight: 400;
}
.sec_uudiem .box_uudiem li{
color: #fff;
font-size:  20px;
}
.flickity-page-dots{
bottom: 0 !important;
}
.ttl_tintuc h3,
.sec_tuongthich h2{
font-weight: 400;
font-size: 30px;
}
.ttl_form{
text-align: center;
font-weight: 400;
font-size: 30px;
}
.flex_ttl_star ul{
display: flex;
align-items: center;
justify-content: center;
}
.flex_ttl_star ul li{
list-style: none;
color:  #666;
font-size:  20px;
padding: 0 15px;
border-right: 1px solid #ccc;
}
.flex_ttl_star ul li:last-child{
border-right:  none;
}
.flex_ttl_star ul li span{
color: #000;
}
.flex_ttl_star ul li span.underline{
text-decoration:  underline;
}
.flex_ttl_star ul li span.rating{
width:  100%;
}
.flex_ttl_star ul li:first-child{
display: flex;
align-items: center;
}
.flex_ttl_star ul li span.star-rating{
margin-left: 10px;
}
.copyright-footer{
font-size: 14px;
}
.absolute-footer.dark{
color: #fff !important;
}
.footer-primary.pull-left ul.links li a{
color: #fff;
}
.ttl_foo03,
.ttl_foo02,
.ttl_foo01{
color: #fff;
font-size: 22px;
font-weight: 400;
}
.box_foo01{
color: #fff;
font-size: 15px;
text-align: justify;
}
.txt_foo03{
color: #fff;
font-size: 90%;
}
.txt_foo03 span.underline{
text-decoration:  underline;
}
.box_foo02 ul li a{
color: #fff;
}
.flex_add ul{
line-height:2;
align-items: center;
justify-content: space-between;
}
.flex_add ul li{
list-style:  none;
margin: 0;
}
.flex_add ul li img{
width: 30px;
height: auto;
margin: 0 10px 0 0;
}
.flex_add ul li span{
padding: 10px 0 10px 0;
}
.main_fr .item_fr.two-col{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main_fr .item_fr.two-col .w50{
margin: 0 ;
width: calc((100% - 40px) / 2);
}
.main_fr .item_fr{
margin: 0 10px;
}
.main_fr .item_fr textarea,
.main_fr .item_fr input{
font-family: font02;
}
.btn_fr{
display: flex;
align-items: center;
justify-content: center;
}
.btn_fr input{
border-radius: 35px;
font-weight: 400;
}
.btn_tienphong{
margin: 0 auto;
width: 330px;
display: block;
}
.box_foo02 .nav > li > a{
color: #fff !important;
text-transform: capitalize;
}
.nav-dropdown li a {
font-size: 15px;
font-weight: bold;
color: black;
}
.flickity-page-dots{
display: none;
}
.product-title a{
font-weight: 400;
}
.product-cat{
font-family: font02;
}
.woocommerce-Price-amount.amount,
.price{
font-family: font04;
font-weight: 400;
}
.sec_trainghiem h5{
font-weight: 400;
}
.sec_trainghiem p{
font-size: 17px;
}
@media screen and (max-width: 640px) {
.banner-layer{
width: 60% ;
left: 3%;
}
.banner .txt-sl01{
font-size: 4.5vw;
}
.banner .txt-sl03,
.banner .txt-sl02{
font-size: 5.5vw;
}
.banner-layer .button {
font-size: 135%;
}
.ttl_form,
.ttl_tintuc h3, .sec_tuongthich h2,
.sec_tienphong .ttl_tienphong h3,
.ttl02,
.ttl01{
font-size: 1.3rem;
line-height: 1.6;
}
.gap_uudiem,
.gap03,
.gap02,
.gap01{
padding-top: 20px !important;
}
.box_htd li{
width: calc((100% - 40px) / 2);
}
.box_htd{
margin-bottom: 0;
}
.img_tinhnang{
padding: 0;
}
.ttl_tienphong h3 .section-title-main{
padding: 10px 0;
}
.sec_tienphong h5{
font-size: 1.3rem;
}
.txttp,
.sec_tienphong h5{
text-align:  center !important;
}
.box_intro .col-inner p,
.txttp{
font-size:  17px;
}
.box_intro .col-inner p{
text-align: justify !important;
}
.sec_tienphong .section-bg.bg-loaded{
background-size: inherit !important;
}
.sec_tp01{
padding: 0 0 0 0;
}
.sec_tp02{
padding: 20vh 0 20vh 0;
}
.sec_tp03{
padding: 0 0 0 0;
}
.sec_tuongthich{
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.sec_uudiem{
padding: 20px 20px 0 20px;
}
.gap_danhgia,
.gap_trainghiem{
padding-top: 0 !important;
}
.flex_ttl_star ul li{
font-size: 14px;
}
.sec_danhgia iframe{
height: 35vh;
}
.flex_add ul {
display: inline-block;
}
.flex_add ul li{
font-size:  15px;
margin: 0 0 10px 0;
}
.sec_map{
padding-bottom: 0;
}
.main_fr .item_fr{
margin: 0;
}
.main_fr .item_fr.two-col .w50{
width: 100%;
}
.sec_danhgia .wpcf7-form{
margin-bottom: 0;
}
.sec_danhgia{
padding-bottom: 20px !important;
}
.box_tichhop{
padding-bottom: 0 !important;
}
.box_logo{
padding-bottom: 0 !important;
}
.box_logo .row_logo{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_logo .row_logo .col.medium-2{
width: calc((100% - 5px) / 3);
flex-basis: auto;
}
.img_logo{
width:  100% !important;
}
.sec_uudiem h5, .sec_tienphong h5 {
font-size: 1.3rem;
}
}
@media screen and (max-width: 320px) {
.box_htd li{
width: calc((100% - 5px) / 1);
}
.btn_fr input{
font-size: 15px;
}
.banner-layer .button {
font-size: 125%;
}
.sec_uudiem h5,
.sec_tienphong h5{
font-size: 1.2rem;
}
.sec_uudiem .box_uudiem li{
font-size: 16px;
}
.flex_add ul li{
font-size: 14px;
}
}   
.fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.top-footer {
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #1f1f1f;
margin-bottom: 0;
}
.top-footer li {
display: inline-block;
margin: 0 15px;
}
.top-footer li a {
color: #fff;
font-size: 24px;
}
.fab {
font-family: "Font Awesome 5 Brands";
}
.fa-facebook-f:before {
content: "\f39e";
}
.fa-youtube:before {
content: "\f167";
}
.mid-footer h3 {
margin: 0 0 10px;
color: #fff !important;
font-size: 16px;
padding-bottom: 10px;
position: relative;
font-weight: bold;
}
.mid-footer h3:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 65px;
background: #fff;
text-align: center;
}
.sau h3:before {
content: '';
position: absolute;
bottom: 0;
left: 243px;
height: 2px;
width: 65px;
background: #fff;
text-align: center;
}
.mid-footer h3 span {
background: #fff ;
color: #000;
padding: 3px 7px;
border-radius: 5px;
margin-left: 6px;
}
.mid-footer ul {
padding-left: 0;
margin-bottom: 30px;
}
ul {
list-style: none outside;
}
.mid-footer p {
font-weight: bold;
color: #fff;
margin-bottom: 5px;
}
.mid-footer ul li a {
color: #fff;
}
.mid-footer {
border-bottom: 1px solid #1f1f1f;
}
.mid-footer ul li {
position: relative;
padding-left: 22px;
color: #fff;
margin-bottom: 5px;
}
.mid-footer ul li i {
position: absolute;
top: 5px;
left: 0;
color: #ea933e;
width: 15px;
text-align: center;
}
.fa-home:before {
font-weight: bold;
content: "\f015";
font-family: "Font Awesome 5 Free";
}
.fa-mobile-alt:before {
font-weight: bold;
content: "\f3cd";
font-family: "Font Awesome 5 Free";
}
.fa-envelope:before {
font-weight: bold;
content: "\f0e0";
font-family: "Font Awesome 5 Free";
}
.fa-paperclip:before {
font-weight: bold;
content: "\f0c6";
font-family: "Font Awesome 5 Free";
}
.fa-clock:before {
font-weight: bold;
content: "\f017";
font-family: "Font Awesome 5 Free";
}
.bottom-footer h3 {
margin: 0 0 10px;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.bottom-footer ul {
padding-left: 0 !important;
}
.bottom-footer ul li {
margin-left: 0px !important;
padding-left: 0 ;
}
.bottom-footer ul li {
position: relative;
color: #606060;
margin-bottom: 5px;
transition: 300ms all;
}
.bottom-footer ul li i {
position: absolute;
top: 4px;
left: -10px;
opacity: 0;
transition: 300ms all;
color: #fff;
}
.bottom-footer ul li a {
color: #606060;
font-weight: 500;
transition: 300ms all;
}
body {
color: #000;
overflow-x: hidden;
}
.bottom-footer ul li:hover {
padding-left: 25px !important;
transition: 300ms all;
}
.bottom-footer ul li:hover a {
color: #fff;
transition: 300ms all;
}
.bottom-footer ul li:hover i {
left: 0px;
opacity: 1;
transition: 300ms all;
}
.bottom-footer {
padding: 40px 0 30px;
}
.about-preface {
background-image: url(//htd.net.vn/wp-content/uploads/2023/02/about_preface.png);
background-size: cover;
background-position: center;
text-align: center;
}
.about-preface .preface-info {
width:50%;
margin: auto
}
.about-preface .preface-info h2 {
color: #fff !important;
margin-bottom: 15px;
padding-bottom: 15px;
font-size: 30px;
position: relative
}
.about-preface .preface-info h2:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 2px;
width: 100px;
background: #fff;
}
.about-preface .preface-info span {
color: #fff;
font-size: 16px
}
.about-introduce {
margin-top:80px;
}
.about-introduce h2 {
font-size: 42px;
font-weight: bold;
color: #f89406 !important;
margin-top: 0;
margin-bottom: 30px;
}
.about-introduce ul {
padding: 0;
position: relative;
list-style: none;
}
.about-introduce ul:before {
content: "";
position: absolute;
height: calc(100% - 5px);
background: #1376bc;
width: 1px;
left: -16px;
}
footer#footer h3 {
font-size: 1.25em;
}
.about-introduce a {
color: #1576bc;
}
.about-introduce .section-content blockquote p{
color: #35afe2;
}
.about-lookback h2 {
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
}
.about-lookback .lookback-list.lookback-1 {
border-top: 2px solid #f89406;
border-right: 2px solid #f89406;
padding-left: 0;
padding-right: 50px;
}
.about-lookback .lookback-list li {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
padding: 20px 15px 40px 0;
position: relative;
margin-left: -10px;
}
.about-lookback .lookback-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: 0;
margin-bottom: 0;
}
.about-lookback .lookback-list li:before {
content: "";
position: absolute;
top: -10px;
left: 0px;
width: 20px;
height: 20px;
background: #35afe2;
border-radius: 50%;
z-index: 2;
}
.about-lookback .lookback-list li img {
margin-bottom: 5px;
}
.about-lookback .lookback-list.lookback-2 {
border-top: 2px solid #f89406;
border-left: 2px solid #f89406;
padding-left: 50px;
padding-right: 0;
}
.lookback-list.lookback-5 {
padding-left: 0;
padding-right: 50px;
position: relative;
}
.about-industry-text h3 span{
color: #f89406 !important;
}
.about-lookback .lookback-mobile {
display: none;
}
.lookback-list.lookback-5 li {
border-top: 2px solid #1376bc;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.about-lookback .lookback-list.lookback-5:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: calc(80% - 80px);
height: 2px;
}
.about-lookback .section-title-center span{
color: rgb(248 148 6) !important;
}
.about-industry .industry-item {
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
text-align: center;
border-radius: 15px;
padding: 20px;
margin-bottom: 20px;
position: relative;
z-index: 2;
background: #fff;
}
.about-industry .industry-item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1;
}
.about-industry .industry-item h3 {
font-weight: bold;
color: #1376bc;
margin-bottom: 10px;
font-size: 24px;
}
.about-industry .industry-item img {
max-height: 180px;
}
.kk-star-ratings.kksr-valign-bottom.kksr-align-right {
display: none !important;
}
#main {
background-color: #f5f5f5;
position: relative;
}
.shop-container {
background: white;
padding: 20px;
}
.product-action {
background: #eee;
}
.product-action .action-list {
padding: 0;
margin: 0;
text-align: center;
}
.product-action .action-list li {
display: inline-block;
font-weight: bold;
padding: 10px 0;
font-size: 16px;
margin: 0 15px;
}
.product-action a {
color: #000;
text-decoration: none;
background: transparent;
}
.product-hotline .hotline-frame {
display: inline-block;
padding: 5px 10px 5px 50px;
position: relative;
background-image: linear-gradient(to bottom right, #01659c, #1d9ed8);
color: #fff;
border-radius: 10px;
height: 54px;
line-height: normal;
}
.product-hotline .hotline-frame svg {
width: 30px;
height: 30px;
position: absolute;
top: 11px;
left: 11px;
}
svg:not(:root) {
overflow: hidden;
}
svg {
overflow: hidden;
vertical-align: middle;
}
.product-hotline .hotline-frame span {
font-weight: 600;
line-height: normal;
font-size: 24px;
}
.form-info {
padding: 50px;
}
.form-info h2 {
color: #000;
font-size: 24px;
font-weight: bold;
line-height: 1.6;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.form-info h2:before {
content: '';
height: 4px;
width: 128px;
background: #35afe2;
position: absolute;
bottom: 0;
left: 0;
}
.info-list {
padding: 0;
}
.info-list li {
position: relative;
padding-left: 40px;
padding-bottom: 30px;
}
.info-list li:before {
content: '';
position: absolute;
top: 0;
left: 12px;
bottom: 0;
height: 100%;
width: 1px;
background: #b4b4b4;
}
.info-list li svg {
position: absolute;
top: 0;
left: 0;
}
.info-list li h3 {
color: #35afe2 !important;
font-size: 16px;
font-weight: bold;
line-height: 1.6;
margin-bottom: 20px;
}
.form-info .info-list li p {
color: #000;
font-size: 16px;
line-height: 1.6;
margin: 0;
}
.wpcf7 {
color: #333;
position: relative;
padding: 50px;
}
.bottom-title {
position: relative;
text-align: center;
padding-bottom: 20px;
margin-bottom: 50px;
}
.bottom-title:before {
content: '';
height: 4px;
width: 128px;
background: #1376bc;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.bottom-title .des {
color: #1376bc;
font-size: 23px;
font-weight: bold;
line-height: 1.6;
}
.bottom-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
padding: 0;
}
.bottom-list li {
border-right: 1px solid #b4b4b4;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333% ;
max-width: 30.333333% ;
}
.bottom-list li h3 {
color: #1376bc !important;
font-size: 21px;
font-weight: bold;
line-height: 1.6;
}
.bottom-list li .info {
color: #000;
font-size: 14px;
text-align: center;
line-height: 1.6;
}
.bottom-list li {
padding-left: 10px;
padding-right: 10px;
text-align: center;
margin-bottom: 30px;
}
h4.uppercase.text-left {
font-size: 2em;
}
li.html.custom.html_topbar_left .product-hotline .hotline-frame {
display: inline-block;
padding: 5px 10px 5px 50px;
position: relative;
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
color: #fff;
border-radius: 10px;
height: 54px;
line-height: normal;
}
.nav-dropdown-default {
padding: 0;
}
.large-3 {
max-width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.large-9 {
max-width: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
ul.nav.nav-simple.nav-vertical.nav-uppercase.nav-size-xlarge.nav-left {
height: 500px;
overflow: auto;
}
ul.nav.nav-simple.nav-vertical.nav-uppercase.nav-size-xlarge.nav-left  li.tab.has-icon {
padding: 10px;
}
li.tab.has-icon img {
padding-bottom: 10px;
}
.fa-home:before {
font-weight: bold;
content: "\f015";
font-family: "Font Awesome 5 Free";
color: #ea933e;
padding-right: 10px;
}
.fa-mobile-alt:before {
font-weight: bold;
font-family: "Font Awesome 5 Free";
color: #ea933e;
content: "\f3cd";
padding-right: 10px;
}
.chia .tabbed-content .nav-vertical {
padding-top: 0;
width: 35%;
}
a.accordion-title.plain.active {
color: #FFFFFF;
background-color: #35afe2;
border-radius:5px;
}
a.accordion-title.plain {
text-align: center;
}
.accordion-item {
background: white;
margin: 10px;
border-radius: 13px;
}
.accordion-title {
font-size: 110%;
padding: 0.6em 2.3em;
display: block;
position: relative;
border-top: unset !important;
transition: border 200ms ease-out, background-color .3s;
}
.accordion {
overflow: auto;
}
.head-sec {
text-align: center;
max-width: 600px;
margin: 0px auto;
margin-bottom: 40px;
}
.head-sec .title-main {
font-size: 30px;
font-weight: normal;
display: inline-block;
line-height: 40px;
margin-bottom: 20px;
}
.head-sec .line-sec {
background-color: #0071ba;
width: 70px;
height: 4px;
margin: 0px auto;
}
.sec-text {
text-align: center;
max-width: 600px;
margin: 0px auto;
line-height: 22px;
color: #747b81;
}
.sec-whychoose {
color: #fff;
background-color: #0071ba;
}
.sec-whychoose .head-sec .title-main {
color: #fff;
}
.head-sec .title-main span {
color: white;
font-weight: bold;
}
.head-sec .line-sec {
background-color: #0071ba;
width: 70px;
height: 4px;
margin: 0px auto;
}
.sec-whychoose .content .item {
width: 21.25%;
margin-right: 3%;
float: left;
text-align: center;
margin-bottom: 30px;
}
.sec-whychoose .content .item .image img {
height: 50px;
}
.sec-whychoose .content .item .desc {
line-height: 22px;
margin-top: 10px;
}
.list-jobs .title-cat {
font-size: 24px;
font-weight: normal;
line-height: 30px;
margin-bottom: 20px;
}
.list-jobs .box-cat {
margin-bottom: 40px;
}
.list-jobs .title-cat {
font-size: 24px;
font-weight: normal;
line-height: 30px;
margin-bottom: 20px;
}
.list-jobs .box-cat .item-job {
padding: 15px 10px;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px dashed #e5e5e5;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding-right: 160px;
margin-bottom: 15px;
}
.list-jobs .box-cat .item-job .title {
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
font-weight: bold;
}
.list-jobs .box-cat .item-job .title a {
font-size: 16px;
font-weight: bold;
}
.list-jobs .box-cat .item-job .info {
font-size: 13px;
display: inline-block;
margin-bottom: 10px;
margin-right: 5px;
}
.list-jobs .box-cat .item-job .info .-ap {
margin-right: 5px;
color: #0071ba;
}
.icon-access_time:before {
font-family: "Font Awesome 5 Free";
content: "\e08e";
}
.icon-dot-single:before {
font-family: "Font Awesome 5 Free";
content: "\e6ca";
}
.fa-search:before {
content: "\f002";
font-family: "Font Awesome 5 Free";
}
.-ap, .ap {
font-family: "Font Awesome 5 Free";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-location3:before {
content: "\e642";
}
.list-jobs .box-cat .item-job .cta {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 15px;
right: 10px;
margin-top: 10px;
}
.list-jobs .box-cat .item-job .cta .btn-apply {
padding: 8px 20px;
border: 1px solid #0071ba;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #0071ba;
}
.btn-apply {
padding: 7px 15px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cta a {
padding: 8px 20px;
border: 1px solid #0071ba;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #0071ba;
}
li.tab.active.has-icon {
background-color: #0071ba;
color: #fff;
border-radius: 6px;
}
li.tab.active.has-icon a{
color: #fff;
-moz-border-radius: 3px;
padding: 15px 15px !important;
}
li.tab.has-icon{
display: block;
position: relative;
color: #747b81;
background-color: #f4f7fb;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.home h3 {
font-size: 2.25em;
}
element.style {
width: 1188px;
margin: 0 auto;
position: relative;
height: 56px;
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
text-align: center;
width: calc(100% - 97px);
position: relative;
margin: auto;
background: #35afe2;
border-bottom: 5px solid #d5d5d5;
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
width: 999px;
margin: 0 auto;
position: relative;
height: 56px
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase:before {
content: '';
width: 49px;
height: 56px;
background: url(//htd.net.vn/wp-content/uploads/2023/03/bf_menu.png) no-repeat;
position: absolute;
top: 0;
right: 100%;
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase:after {
content: '';
width: 49px;
height: 56px;
background: url(//htd.net.vn/wp-content/uploads/2023/03/af_menu.png) no-repeat;
position: absolute;
top: 0;
left: 100%;
z-index: 1;
}
div#wide-nav:before {
content: '';
width: 100%;
height: 10px;
border-bottom: 5px solid #d5d5d5;
position: absolute;
top: 0;
left: 0;
background: #35afe2;
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase li a:hover {
color: #ea933e !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li {
display: table;
padding: 0;
width: 100%;
position: relative;
border-bottom: 1px solid #bababa;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li {
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a{
background: #e24e0e;
font-size: 14px;
height: auto;
color: #fff;
line-height: 1.5;
letter-spacing: 0.6px;
margin: 0px;
padding: 7px 0px 7px 20px;
text-transform: capitalize;
text-align: left;
width: 100%;
border-top: 1px solid #e24e0e;
border-bottom: 1px solid #e24e0e;
font-weight: 400;
opacity: 1;
visibility: initial;
}
.nav-dropdown {
border: unset;
}
.fa-angle-right:before {
content: unset;
}
.back-to-top {
margin: 0;
opacity: 1;
bottom: 20px;
right: 20px;
pointer-events: none;
-ms-transform: translateY(30%);
transform: translateY(30%);
}
.button.icon.circle .button.is-outline{
border: unset; 
background-color: #ecac00;
}
.product-category.col.is-selected .col-inner {
border: 5px solid #ea943e;
}
.box-push .box-text{
max-width: 100% !important;
background-color: rgb(53 175 226 / 93%) !important
}
.box-push .box-text .box-text-inner h5,.box-push .box-text .box-text-inner p{
color:#fff !important;
}
.section_search{
height: 750px;
}
.home_video_product{
height:500px;
border-radius:5px;
}
.sec_tintuc{
margin-top:50px;
}
.sec_tintuc .box-image{
border: 5px solid #35afe2;
}
.sec_tintuc .box-text{
margin-top:10px;
border-radius:5px;
padding: 20px !important;
}
.sec_tintuc .box-text h5{
color: #f89406 !important;
}
.htd_why_home{
padding: 0px 50px;
}
.htd_maps_home p{
margin-bottom: 0px;
}
.social_htd{
border-bottom: 1px dashed #fff;
}
.social_htd a{
margin-right:10px !important;
}
.video_home_htd_vietnam .video-button-wrapper{
position: absolute;
top: 30%;
z-index: 999;
left: 45%;
}
.video_home_htd_vietnam .video-button-wrapper a{
background-color:#f89406d9;
border-color: #fffbf5;
}
.video_home_htd_vietnam .video-button-wrapper i{
color: #fff;
}
.video_home_htd_vietnam .video-button-wrapper a:hover{
background-color: #35afe2;
color: #fff;
}
.video_home_htd_vietnam  .box-image{
border: 10px solid #35afe2;
}
.title_home_video .text_title_home span{
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
color: #fff !important;
border-radius: 15px;
}
.title_home_video .text_title_home a{
font-size: 15px;
background: #f89406;
color: #fff;
padding: 10px 20px;
border-radius: 22px;
}
.htd_news_event_home .htd_news_title_home .section-title b{
opacity:1;
color:#fff;
}
.htd_news_event_home .htd_news_title_home .section-title-bold-center span, .htd_news_event_home .htd_news_title_home .section-title-bold span{
border-color: #fff;
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
border-radius: 15px;
}
.htd_why_detail_home .accordion-inner{
background-color: #f89406;
border-radius:5px;
}
@media only screen and (max-width: 450px){
.htd_why_home {
padding: 0px 10px !important;
}
.title_home_video .text_title_home a{
font-size: 6px !important;
}
.video_home_htd_vietnam .video-button-wrapper{
top: 20% !important;
}
}
.home_contact_us_htd .section-title-container{
margin-bottom: 0px;
}
.home_contact_us_htd .home_button_contact{
margin-top: 30px;
padding-bottom: 0px;
}
.home_contact_us_htd .home_button_contact a{
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
}
.about-preface .text-banner-about h1{
margin-bottom:0px;
}
.about-preface .text-banner-about p{
margin-top:20px;
}
.about-preface .text-banner-about a{
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
}
.htd-about-introduce1 .htd-about-introduce1-images,.htd-about-introduce1 .htd-about-introduce1-text{
padding:0px;
}
.htd-about-introduce1 .htd-about-introduce1-row:after{
content: "";
background: #35afe2;
top: 0;
bottom: 0;
right: -50vw;
width: 70vw;
position: absolute;
height: 100%;
}
.htd-about-introduce1 .htd-about-introduce1-text .box-blockquote{
color: #fff;
display: -ms-grid;
display: grid;
grid-gap: 24px;
position: relative;
}
.htd-about-introduce1 .htd-about-introduce1-text .box-blockquote svg{
position: absolute;
top: -20px;
}
.htd-about-introduce1 .htd-about-introduce1-text .col-inner{
height:100%;
z-index:999;
}
.htd-about-introduce1 .htd-about-introduce1-text .col-inner .box-text-block{
border: 1px dashed #fff;
padding:10px;
}
.htd-about-value{
padding:100px !important;
}
.htd-about-value .banner{
background: #ff000000 !important;
}
.htd-about-value .htd-about-value-center{
padding-bottom:0px;
}
.box-about-value-cotloi .box-image-about{
background: #f89406;
border-radius: 15px;
}
.box-about-value-cotloi .box-image-about-1{
background: #35afe2;
border-radius: 15px;
color:#fff;
}
.about-contet-end{
padding-bottom:0px !important;
}
.section_brand .section-title span{
background-image: linear-gradient(to bottom right, #f27549, #e4ae36);
color: #fff !important;
border-radius:15px;
}
.bg-tra-cuu-don-hang{
padding:0px !important;
margin-bottom: 40px;
}
.daily-htd-vietnam-row .panel-collapse .box-text-inner h4{
text-align: center;
}
.daily-htd-vietnam-row .panel-collapse .box-text-inner p{
font-size: 14px;
line-height:25px;
}
.daily-htd-vietnam-row .panel-collapse .box{
border-radius: 20px;
background: #ff810059;
}
.daily-htd-vietnam-row .panel-collapse .box-text{
background-color: rgb(207 107 4 / 16%);
border-radius: 0 0 20px 20px;
}
.form-contach-htd-vietnam input.wpcf7-submit{
background: #35afe2 !important;
}
.sec_tintuc .blog-post-inner button{
border-radius:5px;
}
.tabbed-content .nav-tabs>li {
background: #35afe2 !important;
}
.tabbed-content .nav-tabs>li.active {
background: #ec8f41 !important;
}
.nav-tabs>li.active>a {
background-color: #ec8f41 !important;
}