/*
Theme Name: Template
Description: Dự án được phát triển bởi htgroup
Theme URI: http://htgroup.com.vn
Author: info@htgroup.com.vn
Author URI: http://htgroup.com.vn
Version: 2023
Text Domain: htgroup.com.vn*/ 
@font-face{font-family:'Montserrat-Bold';src:url('fonts/Montserrat-Bold.ttf'); }
@font-face{font-family:'Montserrat-Light';src:url('fonts/Montserrat-Light.ttf');  }
@font-face{font-family:'Montserrat-Regular';src:url('fonts/Montserrat-Regular.ttf'); }  
@font-face{font-family:'Montserrat-Medium';src:url('fonts/SFUEurostileBoldCondensed.TTF'); }  

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;}
strong{font-weight:700;}
b{font-weight:bold;}
ul, ol{list-style:none;}
ul.newer,ul.older{list-style:inside none circle;margin-left:5px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;    width: 100% !important;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}
html, body{color:#111;font-family:'Montserrat-Regular',Open Sans, sans-serif;  position:relative ;background: #fff; }
a{color:#333;text-decoration:none;}
a:hover, a:active, a:focus{color:#333;text-decoration:none;}
a, *{outline:none !important;}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
hr{border-top:1px solid #e5e6e7;}
p{line-height:1.6em;}
input, select, textarea{border:1px solid #e5e6e7;}
table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
img {max-width: 100%; height: auto;}
.img_full {width: 100%; height: auto;}
.padding-left { padding-left:0;}
.padding-right {  padding-right:0}
.nopadding{padding-left:0; padding-right:0}
.display-apad {display:none}
.margin-top {margin-top:20px}
.wrap{clear:both;}
.display_none{display:none !important}
.notice {  margin-top: 0px!important; width: 100%;}

::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
/*Dung chung*/
.containerfluid .container-fluid { max-width: 100vw; padding: 0 8.0882352941vw;}
/*Head*/ 
#ja-header {position:relative;width:100%;z-index:2;}
.navfixed .box_headtop{ padding: 0.5rem 0; position: fixed;width: 100%;z-index:1;top:0;background-color:#000000e3}  
.box_headtop .container-fluid  .row{align-items: center;}
.box_headtop{padding: 1rem 0;}
.thongtinlienhehead{display: flex;align-items: center; justify-content: center;}  
.thongtinlienhehead i{color: #001b3e;font-size: 2rem;float: left;}
.noidung_thongtinlienhehead { color:#001b3e;font-weight: 300; padding-left: 10px;}
.noidung_thongtinlienhehead h3{font-size: 1.2rem; font-weight: 600;} 

.box_logo{text-align:center} 
.box_headbuttom{margin-top:2rem}
.box_dktuavhead {    text-align: right;
display: flex;
align-items: center;
padding-left: 0;}
.btn_dktuavhead {    font-size: 15px;
color: #fff;
text-align: center;
display: table;
min-width: 190px;
line-height: 55px;
font-family: 'Montserrat-Bold';
box-shadow: none;
transition: 0.5s;
text-transform: uppercase;
background-color: #001b3e;
border-radius: 90px;}
.btn_dktuavhead:hover,.btn_dktuavhead:active,.btn_dktuavhead:focus {color: #fff;background-color:#0655a2;}
.btn_icontimkiem{padding: 23px 15px;background-color: #0000005e;}
.btn_icontimkiem i{color: #fff;padding-right: 1rem;}

#frmtimkiem{top: 30%;}
#frmtimkiem .icon_close{position: absolute; 
background-color: #292929;
width: 2rem;
height: 2rem;
border-radius: 50%;
top: -1rem;
color: #fff;
right: -1rem;
display: block;
cursor: pointer;}
.box_headbottom{background-color: #001b3e;} 


/*Menu main*/  
.box_menumain {  align-items: center; display: flex;padding-right: 0;}
.menu_main { position: relative; width: 100%;}
.menu_main li {display: inline-block; position: relative;float: left;}
.menu_main > li > a {position: relative;font-weight:700;
display: block;
white-space: nowrap;
color: #fff; 
text-transform: uppercase;
font-size: 14px;
padding:1rem 1.5rem;  z-index:1 ;  }
.menu_main > .menu-item-has-children > a:after {
content: "\ea67";
font-family: IcoFont;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-left: 0.3rem;
}	 
.menu_main > .current-menu-item > a ,.menu_main > li:hover > a:before{ opacity: 1;  width: 100%;  left: 0; right: 0;background-color:#4177e1; color: #fff !important; }
.menu_main > li > a:hover {color:#4177e1 }


/*Cấp 1*/
.menu_main > li > .sub-menu {
background:#001b3e; 
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
min-width: 260px;
padding: 0;
top: 100%;
left: 0;
margin: 0 auto; 
}

.menu_main > li > .sub-menu li{ width: 100%;padding:0;border-bottom: 1px solid #0a2950;position:relative}

.menu_main > li > .sub-menu li a {
color: #fff;
text-transform: none;
display: block; padding:10px; text-align: left;}
.menu_main > li > .sub-menu > .menu-item-has-children > a:after {
float: right;
content: "\ea69";
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-left: 0.3rem;
}
.menu_main > li:hover .sub-menu { visibility:visible;opacity:1}


.menu_main .current-menu-item  ul li  a {}

.menu_main li ul .current-menu-item  a ,.menu_main li ul li a:hover{color:#fff; background:#4177e1;border-bottom:0px}
.menu_main li .menu-desc{background:#333;margin-left:5px;border-radius:5px;padding:1px 3px;font-size:10px;color:#fff;position:relative;top:-10px;}
.menu_main li .menu-desc::before{border-color:transparent #e10531 #e10531 transparent;border-image:none;border-style:solid;border-width:3px;bottom:0;left:-3px;position:absolute;content:"";display:inline-block;}

/*menu cap 2*/
.menu_main > li > .sub-menu > li > .sub-menu { background: #003c72; 
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
width: 260px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li > .sub-menu > .menu-item-has-children > a:after {
float: right;
content: "\ea69";
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-left: 0.3rem;
}
.menu_main > li > .sub-menu > li:hover .sub-menu { visibility:visible;opacity:1}
/*menu cap 3*/
.menu_main > li > .sub-menu > li > .sub-menu li > .sub-menu{ background: #003c72; 
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
width: 270px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu .menu-item-has-children > a:after {
float: right;
content: "\ea69";
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-left: 0.3rem;
}
.menu_main > li > .sub-menu > li > .sub-menu li:hover .sub-menu { visibility:visible;opacity:1}
/*menu cap 4*/
.menu_main > li > .sub-menu > li > .sub-menu li > .sub-menu > li > .sub-menu{ background: #003c72; 
border-radius: 0 0 4px 4px;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
width: 270px;
padding: 0;
left: 100%;
top: 0%;
margin: 0 auto; }
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li{ width: 100%; position:relative ;}
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu .menu-item-has-children > a:after {
float: right;
content: "\ea69";
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-left: 0.3rem;
}
.menu_main > li > .sub-menu > li > .sub-menu > li > .sub-menu > li:hover .sub-menu { visibility:visible;opacity:1}
/*Menu fixed*/
#ja-topbar{background:#ed1c24;padding:10px 0;color:#fff;}
.topbar{position:relative;width:1170px;margin:0 auto;}
.topbar-icon{cursor:pointer;}
.topbar-icon::before{position:absolute;content:"";border-top:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;right:20px;top:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#ja-mainnav{background:#ffdd00;width:100%;float:left;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}
.is-show{z-index:2;position:fixed;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;}
.fixed{position:sticky;top:0;left:0;z-index:3;display:block !important;transition:all .5s;-webkit-transition:all .5s;}

/*Box search*/
.box_search {float:right; padding-right:0; padding-left:0}
.ja-search {margin-top:0.4em }
.ja-search form {display:block;    position: relative;  }
.ja-search form input[type="text"]{     width: 100%;
height: 40px; 
font-size: 14px;
padding: 0 45px 0 10px;
box-sizing: border-box;
color: #999;
border-radius: 90px; 
border: 1px solid #ddd;}
.ja-search form input:focus{color:#333;}
.ja-search form button{    position: absolute;
right: 0.5rem;
border: none;
background-color: transparent;
top: 0.5rem;}
/*Slide*/ 
.box_slidemain{position:relative}
.imgbanner {position:relative}
.imgbanner:before {
position: absolute;
left: 0;
right: 0;
content: "";
width: 100%;
height: 100%;
z-index: 1;
background: #0000007a;
margin: 0 auto;
bottom: 0;
}
.imgbanner img {width:100%; height:auto; }
.box_boidungbanner{ max-width: 100vw; padding: 0 8.0882352941vw;}
.box_boidungbanner {    position: absolute;z-index:2;
right: 0;
top: 20%;
left: 0; 
display: -ms-flexbox; 
color: #fff;
text-align: left;
}
.tieude_banner {font-size:3rem ;font-family: 'Montserrat-Medium';}
.tieude_banner1 {font-size:1.2rem;margin-bottom:1rem;    font-family: Montserrat-Bold;}
.noidung_banner {font-family: Montserrat-Light;}
.btn_area {margin-top:2rem}
.tbl_linkcacdichvu {    color: #fff;
background-color: #003B75; border: 1px solid #003B75;
border-radius: 90px;
vertical-align: middle;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase; 
padding: 16px 30px;
font-weight: 700;
}
.tbl_linkcacdichvu:hover,.tbl_linkcacdichvu:active,.tbl_linkcacdichvu:focus{border: 1px solid #fff; color: #fff; }
.tbl_linklienhengay {margin-left: 30px; border:1px solid #4177e1; color: #fff; background: #4177e1;  border-radius:90px;
vertical-align: middle;
font-size: 12px;
line-height: 1.5;
text-transform: uppercase; 
padding: 16px 30px;
font-weight: 700;}
.tbl_linklienhengay:hover{ color: #fff;
background-color: #003B75;
border-color: #003B75;}
.boxbanner {position:relative; overflow:hidden;display:block}
.carousel { 
overflow: hidden;
}
.carousel-indicators {     right: auto;
bottom: 45%;
left: 9%;
display: block;
margin-right: 0;
margin-left: 0; }


.carousel-indicators li { 
flex: auto; 
border-top: 0;
border-bottom: 0; 
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0; 
width: 5%;
font-size: 20px;
color: #fff;
text-align: center; 
}
.carousel-indicators li {
height: 10px;
width: 10px;
border-radius: 50%;
display: block;
margin: 1em 0;
}
.carousel-control i {
position: absolute;
top: 50%;
z-index: 5;
color: #3f3f3f;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2.2em;
text-align: center;
background: #fff;
opacity:0.9;
border-radius: 50%;
}
.carousel-control:hover i {opacity:1; }
.carousel-control.left {
left: 0;  
}  
.carousel-control.right {
right: 0;  
}
.carousel-control.left i{ right: 0;} 
.carousel-control.right i{ left: 0;} 
/*Giới thiệu*/   
.box_gioithieu{background-color: #fafafa;} 
.box_gioithieuchild{    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-radius: .75rem;
position: relative;
top: -5rem;
background-color: #fff;}
.tbl_doctiep {color: #fff;
background-color: #383838;border:0.01rem solid #383838;
display: table;
padding: 0.8rem 2rem;
margin-top: 2rem; 
font-size: 12px; 
text-transform: uppercase; 
font-weight: 700;}
.tbl_doctiep:hover {border:0.01rem solid #fff;color: #fff;}

.box_vechungtoi{position: relative;padding: 2.5rem 2rem;}
.box_vechungtoichild { 
display: flex; 
flex-direction: row;  
align-items: center;}
.icon_vechungtoi {width: 70px;     margin-right: 1rem;}
.noidung_vechungtoi{}
.solieu_vechungtoi {    font-size: 1.3rem; 
font-family: Montserrat-Bold;    margin-bottom: 0.5rem; }
.box_vechungtoichild p{font-size:0.8rem;line-height:1rem;}
/*Danh mục sản phẩm*/ 
.box_danhmucsanphammain{margin-bottom:5rem;    background-color: #fafafa;} 
.tieudedanhmucspmain{     color: #003c72;
font-family: Montserrat-Bold;
font-size: 1.7em;
text-transform: uppercase;
margin-bottom: 2rem;
position: relative;}  
.box_noidungdanhmucsanpham{    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #ffffff54), 5px -6px #ebebeb3d, var(--tw-shadow);
border-radius: .75rem;
position: relative;
background-color: #fff;
padding: 1rem;}
.img_danhmucsanpham{display:block;position:relative;;overflow:hidden}
.img_danhmucsanpham::after{content:'';position:absolute;top:0;left:0;width:0;height:100%;-webkit-transition:all .375s ease;
transition:all .375s ease;will-change:transition;opacity:.5;
background-image:-webkit-gradient(linear,left top,right top,from(#00000059),to(#000000));
background-image:-webkit-linear-gradient(left,#00000059,#000000);
background-image:linear-gradient(to right, #00000059, #000000)}

.img_danhmucsanpham:hover::after{width:100%;color:#4177e1}
.box_danhmucsanphamchild h3{text-transform: uppercase;font-family: Montserrat-Bold;line-height: 4rem;font-size: 1rem; 
font-weight: 600;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;height: 55px;display: -webkit-box;
-webkit-box-orient: vertical;color: #003c72;text-align:center}
.box_danhmucsanphamchild:hover h3 {color:#4177e1} 
.tbl_xemdanhmucsanpham{   
border: 1px solid #4177e1;
color: #fff;
background: #4177e1;
border-radius: 90px; 
padding: 8px 30px;
font-weight: 700;
display: table;
margin: 1rem auto 0;}
.tbl_xemdanhmucsanpham:hover{border: 1px solid #4177e1; color: #4177e1; background: #fff;}
/*Home đối tác khách hàng*/	
.box_chungnhankhachhang {padding: 3em 0;} 
.tieude_khachhang{    color: #003c72;
font-family: Montserrat-Bold;
font-size: 1.7em;
text-transform: uppercase;
margin-bottom: 2rem;
position: relative;}
.img_khachhang{margin: 0 auto;max-height: 100px;}

.tieude_chungnhan{    color: #003c72;
font-family: Montserrat-Bold;
font-size: 1.7em;
text-transform: uppercase;
margin-bottom: 2rem;
position: relative;}
.box_imgchungnhan{   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #ffffff54), 5px -6px #ebebeb3d, var(--tw-shadow);
border-radius: .75rem;
position: relative;
background-color: #fff;
padding: 0.5rem;}
.img_chungnhan{margin: 0 auto;max-height: 100px;} 
/*Vì sao chọn chúng tôi*/   
.box_visaochonchungtoi {margin-bottom:2rem} 
.box_visaochonchungtoichild{background-color: #001b3e;
color: #fff;
padding: 1rem;
border-radius: 0.7rem;}
.box_vsc ,.box_gtcl{ background-repeat: no-repeat; background-size: cover;padding: 2rem 4rem;color: #fff;}  
.box_visaobanchonchungtoichild{ 
padding: 25px;
display: flex;
align-items: flex-start;
flex-direction: row;
height: 100%;
color: #fff;
align-items: center;}
.icon_visaochonchungtoi {margin-right: 15px;}
.icon_visaochonchungtoi i{font-size: 3rem;}
.box_noidungvisaobanchonchungtoi h3{ font-family: Montserrat-Bold;text-transform: uppercase;font-size:2rem;margin-bottom: 0.5rem;}
.box_noidungvisaobanchonchungtoi p{text-transform: uppercase;}
/*Tin tức*/
.box_hometintuc{padding:3rem 0} 
.tieudehometintuc{     color: #003c72;
font-family: Montserrat-Bold;
font-size: 1.7em;
padding-bottom: 2rem; 
text-transform: uppercase; 
position: relative;}
.box_homepost {    border-bottom: 3px solid #284b8c;
position: relative;
-webkit-transition: all ease 500ms;
-o-transition: all ease 500ms;
transition: all ease 500ms;
height: 100%;
border: 1px solid #ddd;}
.box_homepost:hover{-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-bottom-color:#000}
.box_homepostchild {position: relative; overflow:hidden}
.box_homepostchild img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.box_homepostchild:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.post-categories ,.post-categories li{display:inline-block}
.box_homepostcontent {padding: 25px 30px 20px;  }
.box_thoigian {margin-left: 2rem;}
.box_homepostcontent h3{margin: 12px 0;display: block;font-family: Montserrat-Bold;}
/*Hỗ trợ khách hàng*/
.box_hotrokhachhang{padding-top:3rem;color:#fff}  
.box_hotrokhachhangchild{ padding:3rem 0; background-color: #001b3e;
color: #fff; 
border-radius: 0.7rem;}
.tieude_hotrokhachhang{     color: #fff;
font-family: Montserrat-Bold;
font-size: 1.7em;
padding-bottom: 3rem;
text-align: center;
text-transform: uppercase;
display: table;
margin:0 auto;
position: relative;}   

.img_nvhotrokhachhang{text-align: center; }

.nhanvienhotrokhachhang h4{margin-bottom: 1rem;font-size: 1.3rem;font-family: Montserrat-Bold;}
.sdt_nhanvien{     font-size: 1.2rem;
display: block;
color: #fff;
margin-bottom: 1rem;
font-weight: 600;}
.sdt_nhanvien:hover{color:#4177e1}
.nvhotro{display:inline-block}
.nvhotro a{    width: 3rem;
height: 3rem;
display: block;
float: left;
line-height: 3rem;
border-radius: 50%; 
text-align: center;}
.nvhotro a:hover{opacity:0.8}
.nvhotro_facebook{margin:0 1rem;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
.nvhotro_zalo{background-color:#18b6fd;}
.nvhotro_sdt{background-color:#1a9348}
/*Home đăng ký tư vấn*/
.box_yeucautuvan{background-color: #f3f3f3;}
.bg_formtuvanhome {background-repeat: no-repeat; background-size: cover;margin-top: -4rem; margin-bottom: -4rem;}
.box_formtuvanhome {padding:2rem;}
.box_formtuvanhome > p{font-family:Montserrat-Light; }
.box_formtuvanhome > p > strong{color: #003c72;font-size:2rem;margin-bottom:1rem;display:block;font-family: Montserrat-Bold;
text-align:center; }
.formtuvanhome {margin-top:2rem}
.form_tuvan .form-control {background-color: transparent;border-radius: 0;margin-bottom:1rem;height:40px}   
/*Form*/  
.icon_hotentv {
background: url(images/icon_hoten.png) no-repeat 2% 50%;
}
.icon_emailtv {
background: url(images/icon_email.png) no-repeat 2% 50%;
}
.icon_sdttv {
background: url(images/icon_sdt.png) no-repeat 2% 50%;
}
.icon_tieudetv {
background: url(images/icon_tieude.png) no-repeat 1% 50%;
}
.icon_noidungtv {
background: url(images/icon_noidung.png) no-repeat 0.5% 3%;
padding: 5px 10px 5px 35px ; border-radius: 3px;
} 
.wpcf7-form{ position: relative; overflow: hidden;}
.wpcf7-not-valid-tip {
background-color: #dc3232;
font-size: 0.6em;
font-weight: normal;
display: block;
position: absolute;
bottom: -1rem;
color: #fff;
padding: 0 0.5rem;
line-height: 1rem;
width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900;
background-color: #dc3232;
font-size: 0.6em;
font-weight: normal;
display: block;
position: absolute;
bottom: 0;
color: #fff;
line-height: 1rem;
width: 100%;
margin: 0;
border: 0;
}
.icon_spin {
position: absolute;
color: #fff;animation: spinner-grow 1.5s linear infinite; top: 0.6rem;;
}
.dk_tuvan {text-align:center}
.dk_tuvan > p > input {display: inline-block;
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 13px 36px 13px 40px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out; 
}
.btn-success {background: #003B75; border-color: #003B75; border-radius: 90px !important;}
.btn-success:hover,.btn-success:active,.btn-success:focus {background: #003B75; border-color: #fff;}
.cauhoicapcha label {width:100%}

/*Form tư vấn head*/  
.modal_dktvan .icon_close {padding: 0;margin: 0;position: absolute;
color: #000;
z-index: 1;
right: -0.5rem;
background: #fff;
opacity: 1;
width: 2rem;
height: 2rem;
border-radius: 50%;
top: -0.5rem;}
.modal_dktvan .modal-content{border:none}
.modal_dktvan .modal-body{flex: 0; padding: 0;}
.modal_dktvan .bg_formtuvanhome{margin:0}
/* ======= [ Effect ] ======*/
.effect--scale3d{position:relative;overflow:hidden;display:block;}
.effect--scale3d:after{position:absolute;top:0;left:0;width:160%;height:100%;background:rgba(255,255,255,.2);content:'';z-index:1;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.effect--scale3d:hover:after{-webkit-transition:transform .7s ease 0s;-moz-transition:transform .7s ease 0s;-o-transition:transform .7s ease 0s;transition:transform .7s ease 0s;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);}


/*Footer*/ 
.box_footer {margin:2rem 0 0 ;background-color: #001b3e;padding:3rem 0} 
footer p,footer a{ color: #fafafa; line-height: 2em; }
.logo_footer {width: 379px; margin: 1.5rem 0;}
.demluottruycap table tr td {    border: none;
padding: 0;
width: auto !important;
line-height: 2rem;
font-size: 0.9rem;}
.demluottruycap #mvctable { padding: 0;} 
.menu_footer li a{display:block;padding-bottom:0.5rem}
.menu_footer li a:hover,.menu_footer li a:hover:before{color: #4177e1;}
.menu_footer li a:before{
content: "\ea69";
font-size: 0.9rem;
font-family: IcoFont!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
margin-right: 5px;
color: #e1e1e1;
}
footer a:hover {color:#fff}
.noidung_footer{padding-bottom: 1rem;}
.noidung_footer .aligncenter{ display: table; margin: 0 auto;}
.noidung_footer p strong{  text-transform: uppercase;
display: inline-block;
color: #fff;
font-size: 1.1em;
font-weight: 600;
padding-bottom:0.5em; 
}
.noidung_footer h4{    text-transform: uppercase;
position: relative;
color: #fff;
font-size: 1.1em;
font-weight: 600;
margin-bottom: 1em; 
}  
.thongtinlienhefooter i { 
color: #03A9F4;
font-size: 1.3em;
margin-right: 0.3em;
}

.box_formtuvanft{      background-color: #dfaf00;
position: relative;
top: 0;
padding: 30px 20px 10px;
margin-top: -38px;}
.box_formtuvanft:before {content:"";
width: 0;
position: absolute;
top: 0;
height: 0;
border-top: 37px solid #fff;
border-right: 35px solid transparent;
left: 0;
}
.box_formtuvanft:after { 
position: absolute;
right: 0;
bottom: 0;
background: url(images/newsletter-bg.png) no-repeat center center/contain;
content: '';
width: 120px;
height: 92px;filter: brightness(0) invert(1);
}


.box_formtuvanft h2 {    font-size: 1.5rem;
font-family: 'Montserrat-Bold';
text-align: center;
color: #fff;
margin-bottom: 1.5rem;}
.box_formtuvanftbottom p{/*margin-top: 1rem;*/}
.box_formtuvanftbottom a{font-size: 1.7rem;font-family: Montserrat-Bold;}
.form_dknhantin .form-control {
background-color: white;
padding: 0 0 0 2.7rem; 
border: none;
border-bottom: 0.01rem solid #fff;
border-radius: 0;
margin-bottom: 1.5rem;    height: 3rem;
} 
.dk_dknhantin{position:relative;}
.dk_dknhantin input {background-color: #383838;
border-radius: 0;
width: 100%;
padding: 0.8rem 0;
text-transform: uppercase;
font-weight: 600;
border-color: #383838;}  
.copyright {padding:0.6rem 0;background: #06245a;color: #fff;text-align: center;} 
/*Kết nối với chúng tôi*/
.boxinput_mailkm {position: relative;}
.boxinput_mailkm span input {padding: 10px 12px;}
.btn_dkkm { position: absolute;right: 0px;top: 0px;padding: 0.6em 2em;border-top-right-radius: 0.2em;border-bottom-right-radius: 0.2em;}
/*Sosial*/
.social_list{margin-top:1.5rem}
.social_list li{float:left} 
.social_list li a{ display: block; width: 2.7em; height: 2.7em; margin-right: 1em;text-align: center; line-height: 3em;
color: #fff;border-radius: 50%;} 
.social_list li a:hover{opacity:0.8}
.social_list li a i{font-size:1.2em}
.icon_twitter{background-color:#1DA1F2}
.icon_youtube{background-color:#DB4C3F}
.icon_facebook{background-color:#3B5998}
.icon_instagram{background-image:linear-gradient( 267deg,#F7302E 10%,#B33575 100%)}

.back-to-top { position: fixed; bottom: 35px; right: 10px; display: none; cursor: pointer;}
.back-to-top i {
background-color: #9e9e9e;
padding: 3px 5px;
color: #fff;
font-size: 30px;
border-radius: 50%;
line-height: 0.8em;
width: 1.3em;
height: 1.3em;
}
/*Hỗ trợ*/
.rollOut{animation-name:rollOut}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}

@keyframes pulse {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(255,255,255,.2)}
70%{-webkit-box-shadow:0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 60px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

@-webkit-keyframes arcontactus-pulse {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
50%{opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}   

.support-online{position:fixed;z-index:999;left:40px;bottom:40px}  
.support-online a.hotro_phone{background-color: #4EB625;}
.support-online a.hotro_facebook{background-color: #0084ff;}
.support-online a.hotro_zalo{background-color: #18b6fd;}
.support-online a > svg{margin-top: 0.9em;}

.support-online a{position: relative; 
text-align: center;
width: 45px;display:block;
height: 45px;
border-radius: 100%;
display: block;margin-bottom: 1em;}

.support-online a .box_iconsvg{ background-color: #4177e1;
position: relative; 
text-align: center;
width: 45px;
height: 45px;
border-radius: 100%; 

} 
.support-online a .box_iconsvg >svg{margin-top: 0.8em;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;

}
@-webkit-keyframes quick-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)}}	

.animated.infinite{animation-iteration-count:infinite}
.animated.infinite{animation-iteration-count:infinite}
.pulse{animation-name:pulse}
.animated{animation-duration:1s;animation-fill-mode:both}
.zoomIn{animation-name:zoomIn}
.alo-circle-fill{width: 65px;
height: 65px;
top: -10px;
left: -10px;
position: absolute;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .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: #4177e1;
opacity: .75;}
.alo-circle{    width: 60px;
height: 60px;
top: -7px;
left: -7px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30,30,30,.4); 
border-color: #4177e1;
opacity: .5;}
.support-online a span{border-radius: 2px;
text-align: center;
background: #4177e1;
padding:6px 5px;
display: none;
width: 180px;
margin-left: 10px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.5em;
left: 43px;
transition: all .2s ease-in-out 0;
-moz-animation: headerAnimation .7s 1;
-webkit-animation: headerAnimation .7s 1;
-o-animation: headerAnimation .7s 1;
animation: headerAnimation .7s 1;}
.support-online .btn-support{cursor:pointer}
.support-online a:hover span{display:block}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #4177e1 transparent transparent;position:absolute;left:-10px;top:6px} 
/*Scrollbar*/ 
::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb { background: #9E9E9E; border-radius: 10px;}