@font-face { font-family: Glyphter; font-style: normal; src: url("https://admin.tafalo.com/assets/Glyphter.woff"); }
@font-face { font-family: gh; src: url(/font/RobotoCondensed-Regular.ttf)}
body {font-family: Tahoma; font-size: 16px; line-height: 140%;}
a{text-decoration:none; color:#0e9779}
a:hover{color:#F84912}
header{z-index:999;}
img{max-width:100%}
.form-check-label{top:2px; position:relative}
.an,.tomtat_item{display:none}
.fl{float:left}
.fr{float:right}
.w100{width:100%}
.fix-r{display:none}
.pa25 { padding: 25px 0; }
.ctg-bre{padding:0}
.breadcrumb{padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}
.breadcrumb li{list-style:none; padding-right:10px; color:#999}
.dstintuc{width:100%; float:left}
.anhtt{height:200px; align-items:center; display:flex; overflow:hidden}
.phone, .email{background-size:16px!important; padding-left:26px}
.phone{background:url("/svg/phone.svg")center left no-repeat;}
.email{background:url("/svg/email.svg")center left no-repeat; margin-left:20px}
.zalo, .youtube{margin-left:10px}
.banner_text{top: 190px; left: 0; width: 100%;text-align: center;}
.button,.button2{background:#F84912; border-radius:20px; padding:3px 20px; text-transform:uppercase; color:#fff; cursor:pointer}
.button2{background:#fff;color:#333}
.button:hover,.button2:hover{background:#0e9779; color:#fff}
.color{color:#F84912}
.bg{background:rgb(247 76 74 / 100%)}
.vechungtoi1{background: url(/imgs/vechungtoi1.jpeg) top left no-repeat; background-color: #333; background-attachment: unset; background-size: 100%; padding:200px 0}
.vechungtoi_box{width:800px; max-width:92%}
.thanhtuu{background:#EEB471}
.sukien,.sk_item2{background:#F5F0F0}
.sukien_item{width: 25%; float: left; height: 230px; align-items: center; display: flex; overflow: hidden;background:#eeb471}
.bullet{width:10px; height:10px; border-radius:100%; background:#D2D2D2; cursor:pointer; margin:2px}
.bullet_active{background:#929292;}
.sukien-s{background:#D2D2D2}
.sk_ngay{background:#EEB471}
.sk_ten{background: url("/svg/arrow-right.svg") center right no-repeat; background-size:26px}
.video_item{width:30%}
.doingu{background: linear-gradient(45deg, #f74c4a, #F9D32F);}
.doingu_bg{background:url("/svg/arrow.svg");}
.doingu_img{background:cover; width:150px; height:150px; border-radius:100%; display:inline-block}
.vechungtoi_text{max-height:30%;text-overflow: ellipsis; overflow:hidden}

.footer_lienket a{width:100%; float:left; color:#fff; line-height:26px}
footer h2 { font-size: 22px; margin-bottom: 30px; color:#fff !important}
.navbar{padding:0}
.logo{max-width:70%}
.logo img{height:70px; width:auto}
.navbar-nav{margin-left:0; font-size:16px;}
.nav-link{color:#666!important; font-weight:normal; text-transform:uppercase}

.header_menu{position:unset;}
.header_top{}
.menu{padding:0}
.tomtat_cm h2{color:#F84912; text-transform:uppercase; font-weight:bold}
#formT{width:100%;float:left}
#mediaT li {width: auto; position: relative;padding:5px; list-style:none}
#mediaT img,#mediaT .folder { height: 68px; border: 1px solid rgb(204, 204, 204); }
#mediaT .delete {position: absolute; right: 0px; top: 0px; width: 20px!important; height: 20px; background: orange; padding: 0; color: #fff; font-size: 12px;}
#mediaT .folder{font-size: 42px; clear: both; width: auto!important; line-height: 50px;}
.edit, .delete, .restore, .file, .folder, .setingA { height: 24px; line-height: 24px; font-family: Glyphter; margin: 0px 5px; color: rgb(153, 153, 153); border: 1px solid rgb(255, 255, 255); padding: 0px 3px; border-radius: 3px; cursor: pointer; text-align: center; width: 18px !important; font-size:12px; text-transform:unset!important}
.edit:hover, .delete:hover, .restore:hover { font-size: 16px; transition: all 0.5s ease 0s; }
.delete:hover { color: orange; border: 1px solid orange; }
.edit:hover, .restore:hover, .setingA:hover { color: rgb(153, 202, 59); border: 1px solid rgb(153, 202, 59); }
.folder { color: rgb(153, 202, 59); margin: 0px auto; }
.radioboxT{border: 1px solid #ccc; border-radius: 8px; margin-right: 10px; padding: 3px; margin-bottom:8px}
#mediaT .edit{position: absolute; left: 0px; font-size: 8px; background: #ccc; width: auto!important; padding: 3px; line-height: 13px; height: auto; top: 2px;}

/*css new*/
@font-face { font-family: gh; src: url(/font/RobotoCondensed-Regular.ttf)}
body {font-family: Tahoma; font-size: 16px; line-height: 140%;}
header{position: inherit; background:#fff; width:100%; left: 0; z-index: 111; font-family:gh}
.dropdown-menu{border:none}
.dropdown-menu li a{font-size:14px; color:#555; text-transform: capitalize; padding-left:15px;}
.dropdown-menu li{padding:4px 0}
.dropdown-item:hover{background:none; color:#1962AD}
.ct-tintuc{width:100%; float:left; text-align:justify}
.ct-tintuc table{width:100% !important; border:1px solid #ccc; margin-bottom:30px}
.ct-tintuc table td{padding:5px; border:1px solid #ccc; line-height:140%}
.ct-tintuc h2 { font-size: 22px; font-weight: bold; color: #701043; margin-top:20px; margin-bottom:20px }
.ct-tintuc h3 { font-size: 18px; font-weight: bold; color: #333; margin-top:20px; margin-bottom:20px }
.dropdown-item{padding-left:0}
/*css new*/
.thongtin-ft p{width:100%; margin-bottom:20px;}
.thongtin-ft i {color: #fcb912; margin-right:10px; font-size:17px; }
.form-group{margin-bottom:20px; color:#fff}
.form-group label{margin-bottom:8px}
.form-group input[type="text"], .form-group textarea{width:100%; background:#444; background-color:#444; border-radius:5px; border:none; color:#fff; padding: 0.375rem 0.75rem; }
.btn-send{background:#444; padding:8px 20px; color:#fff; color:#fff; border-radius:3px}
#mnleft{width: 100%; min-height: 1000px; box-shadow: 2px 3px 5px 0px #eee; padding-right: 10px; background: #fff;}
#mnleft .navbar-nav .dropdown-menu{position:static !important; transform:inherit !important}
#mnleft .navbar-nav .dropdown a{width:100%; color:#666; float:left}
#mnleft .navbar-nav .dropdown a i{float:right; font-weight:bold; font-size:18px; color:#333}
.widgettitle { font-size: 18px; font-weight: bold; padding-bottom: 3px; text-transform:uppercase; border-bottom: 1px solid #8A2656; color: #701043; }
#mnleft .nav-dssp li { border-bottom: 1px solid #ccc !important; padding: 8px 8px 8px 0 !important; }
.nav-dssp{margin-bottom:50px}
#mnleft .navbar-nav .dropdown-menu, #mnleft .navbar-nav .dropdown-menu li{min-width:inherit !important; width:100% !important}
#mnleft .nav-dssp li ul li{border-top:1px solid #ccc; border-bottom:none !important}
.box-tintucs figure{margin:0; padding:5px; border:1px solid #ccc; float:left}
.box-tintucs{width:100%; border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px; float:left}
.sum-tt{display:none !important}
.banner img{width:100%; height:auto}
.dichvu{color:#000}
.dichvu h1{margin-bottom:30px}
/*css hotline*/
.quick-alo-phone.quick-alo-show { visibility: visible; } 
.quick-alo-phone { position: fixed; display:none; visibility: hidden; background-color: transparent; width: 200px; height: 200px; display: none; cursor: pointer; z-index: 9999; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility 0.5s; -moz-transition: visibility 0.5s; -o-transition: visibility 0.5s; transition: visibility 0.5s; left: -50px; bottom: -50px; }
.tel_phone { border-radius: 30px; line-height: 55px; position: absolute; height: 55px; color: #fff; font-size: 17px; text-align: center; background-color: #1962AD; color: white; top: 80px; left: 90px; padding: 0; font-weight: 600; width: 0; overflow: hidden; padding-left: 29px; transition: all 0.5s; opacity: 0; } 
.quick-alo-phone:hover .tel_phone { width: 165px; left: 90px; opacity: 1; } 
.tel_phone a { margin: 0; color: #fff; display: block; width: 135px; }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle { border-color: #AE316C; opacity: 0.5; } 
.quick-alo-ph-circle-fill { width: 100px; height: 100px; top: 55px; left: 55px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 0.1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill { background-color: #1962AD; opacity: 0.75; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #1962AD; } 
.quick-alo-ph-img-circle { width: 70px; height: 70px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url(/imgs/quick-call-button.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -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%; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #1962AD; }
@-moz-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-webkit-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-o-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-moz-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-webkit-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-o-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-moz-keyframes quick-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 quick-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 quick-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 quick-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); } }
/*End css hotline*/
.giuseart-nav { position: fixed; right: 13px; background: #fff; border-radius: 5px; width: auto; z-index: 150; bottom: 50px; padding: 10px 0; border: 1px solid #f2f2f2; } 
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;} 
.giuseart-nav ul li {list-style: none!important;} 
.giuseart-nav ul>li a { border:none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none; } 
.giuseart-nav ul>li .chat_animation{display:none} 
.giuseart-nav ul>li a i.ticon-heart { background: url(/imgs/icon-map.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } 
.giuseart-nav ul>li a i.ticon-zalo-circle2 { background: url(/imgs/icon-zalo.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }
.giuseart-nav li .button { background: transparent; }
.giuseart-nav ul>li a i.ticon-angle-up { background: url(/imgs/icon-angle-up.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }
.giuseart-nav ul>li a i { width: 33px; height: 33px; display: block; margin: auto; }
.giuseart-nav ul li .button .btn_phone_txt { position: relative; top:35px; font-size: 10px; font-weight: bold; text-transform: none; } 
.giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; }
.giuseart-nav ul>li a.chat_animation svg { margin: -13px 0 -20px; } 
.giuseart-nav ul>li a i.ticon-messenger { background: url(/imgs/icon-messenger.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }
.giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; } 
.giuseart-nav ul>li a i.ticon-chat-sms { background: url(/imgs/icon-phone-w.png) no-repeat; background-size: contain; width: 38px; height: 36px; display: block; } 
.giuseart-nav ul>li a i.icon-phone-w { background: url(/imgs/icon-sms-1.jpg) no-repeat; background-size: contain;} 
.giuseart-nav ul li .button .btn_phone_txt { position: relative; } 
.giuseart-nav{background:none !important; border:none !important;}
.giuseart-nav ul>li a{color:#1962AD !important;}
.giuseart-nav ul>li a i.ticon-zalo-circle2{width:46px !important; height:46px !important; background:url(/imgs/icon-chat-zalo.png) no-repeat !important; background-size: contain !important;}
.giuseart-nav ul>li a i.ticon-messenger{width:46px !important; height:46px !important; background:url(/imgs/icon-chat-mes.png) no-repeat !important; background-size: contain !important;}
.giuseart-nav ul>li a i.icon-mail{background:url(/imgs/icon-mail.png) no-repeat !important; background-size: contain !important;}
.giuseart-nav ul>li a i.ticon-angle-up{display:none !important;}
.giuseart-nav{bottom:65px !important;}
#echbay_fb_ms .eb-facebook-square, #echbay_fb_ms .eb-chat-square{color:#1962AD !important;}
#echbay_fb_ms .echbay-fbchat-text-title, #echbay_fb_ms .echbay-fbchat-mobile-title{background:#1962AD !important;}
.wpdevart_menu_ul > li.current-menu-item > div, .wpdevart_menu_ul > li.current-menu-ancestor > div{border-bottom:1px solid #ccc !important;}
.wpdevart_menu_ul ul > li > div{border-top-color:#eee !important; border-bottom-color:#eee !important; padding: 6px 0 !important;}
.wpdevart_menu_ul > li.current-menu-item > div > a, .wpdevart_menu_ul > li.current-menu-ancestor > div > a, .wpdevart_menu_ul > li > div > a{font-size:14px !important; color:#666 !important;}
.l-section.preview_none + .l-section>.l-section-h{color:#000 !important;}
.wpdevart_menu_link_conteiner a{font-size:14px !important; color:#666 !important;}
.w-toplink{display:block; position:fixed; z-index:100; bottom:0; text-align:center; font-size:2rem; border-radius:.3rem; outline:none !important; background-color:rgba(0,0,0,.3); color:#fff !important; transform:translate3d(0,5rem,0); line-height:50px; height:50px; width:50px; margin:15px}
.w-toplink.pos_left{left:0}
.w-toplink.pos_right{right:0}
.w-toplink.active{transform:translate3d(0,0,0)}
.w-toplink i{font-size:30px; height:45px !important; line-height:45px; color:#fff}
.banner img{width:100%; height:auto}
.dropdown-item{color:#49152b}
.ct-tintuc{color:#000; line-height:150%}
.ct-tintuc p, .ct-tintuc div{margin-bottom:15px; line-height:150%}
.ct-tintuc li{margin-bottom:15px;}
.navbar-light .navbar-nav .nav-link { color: #fff !important; font-size: 16px;}
.box-timkiem1{padding-top:10px;}
.box-ngonngu{position:relative; float:right; margin-left:10px}
.ngonngu{width:25px; margin-left:5px}
.hd-top{width:100%; background:#999!important; padding:5px 0; float:left}
.menu{background:#1e73be!important; }
.hd-left{float:left; color:#fff; font-size:13px; margin-top:5px; font-weight:bold;}
.hd-right{float:right; color:rgba(255,255,255,0.8);  text-transform:uppercase;}
.icon-envelop:before{content:"\e003"}
.hd-right ul li{float:left; padding:0 15px; padding-left:20px; color:rgba(255,255,255,0.8); list-style:none; position:relative}
.hd-right ul li a i{margin-right:5px;}
.hd-right a{color:rgba(255,255,255,0.8);}
.hd-right ul li svg{font-weight:bold; position:absolute; top:2px; left:0; color:#eee}
.hd-bottom{padding:0;}
.logo{width:100%; float:right; text-align:center}
.logo img{width:100%; height:auto}
.box-timkiem{width:100%; border:1px solid #ccc; margin-top:0; border-radius:10px; position:relative; color:#333;  padding:5px 0; padding-right:10px; float:left}
.box-timkiem input{border:none; width:90%; background:none; color:#eee; padding-left:10px}
.box-timkiem a{float:right; color:#eee}
.phimtk{float:right; position:absolute; border:none; background:none; right:7px; width:18px; height:18px; cursor:pointer; z-index:999999; padding: 0; margin:0}
.langulage ul li{list-style:none; float:left; margin-right:10px}
.dangnhap{padding:0 15px;  text-transform:uppercase; float:left; border-radius:10px;}
.dangnhap a{color:#fff;}
#hdbottom{padding:20px 0}
.box-ngonngu{position:relative; float:right; margin-left:10px}
.ngonngu{width:25px; margin-left:5px}
.dmsp{color:#333; font-weight:bold}
.anhsvg-header{color:red; margin-right:5px}
.timkiem{position:relative; float:right}
.timkiem input{padding: 3px 10px; border-radius: 15px; border: 1px solid #ccc}
.text-trangchu-menu1{ background:#fff7f4}
.tc-dsdm{border:1px dotted #ccc; padding:0}
.dropdown-menu>li{border-bottom:1px solid #ccc}
.dropdown-menu>li:last-child{border:none}
.dropdown-menu>li>a{padding: 15px}
.icon-timkiem{width:16px; height:16px; position:absolute; top:8px; right:10px}
.navbar{border:none; margin:0; background:none; position:relative; top:0}
.navbar-default .navbar-nav>li>a{text-transform:uppercase; font-weight:bold; color:#fff}
.navbar-default .navbar-nav>li>a:hover, .home{color:#FFF500}
#hdbottom{ padding: 15px 0;}
.box-menu{background:#1962AD;}
.menu{position:absolute; top:20px}
.giohang-menu{padding-left:0;float:right; margin-top:5px;}
.link-giohang{width:44px;height:40px;background:url(/imgs/bg-giohang.png) center center no-repeat;margin-right:5px;float:left}
.giohang-menu span{height:40px;line-height:40px;font-weight:700;margin-left:0;color:#fff}
.box-danhmuc{background:#fff; box-shadow:0px 5px 7px 0px rgb(128 128 128 / 10%); position:relative; z-index:9}
.showroom{background:url(/imgs/phone-red.svg) center left no-repeat; background-size:25px; padding:4px 0 4px 30px}
.showroom-name{text-transform:uppercase}
.showroom-hotline{font-weight: bold; font-size: 16px;}
.btnBack{background:#767676 !important}
.btn-send { width: 90px; height: 35px; line-height: 35px; background:#105caa;margin-right:20px; color: #fff; transition: all .5s ease 0s; border: none; font-weight: 600; }
.icon-footer{padding-left:30px}
.icon-map{background:url(/imgs/icon-map.svg) center left no-repeat; background-size:20px; background-position: 0 5px;}
.icon-hotline{background:url(/imgs/icon-phone.svg) center left no-repeat; background-size:20px; background-position: 0 0;}
.icon-email{background:url(/imgs/icon-mail.svg) center left no-repeat; background-size:20px}
.icon-clock{background:url(/imgs/icon-clock.svg) center left no-repeat; background-size:20px}
.anh-mxh{width:18px; margin-right:5px}
.di { display: inline-block; }
.hd-top{width:100%; padding:6px 0; background:#2180BC; float:left}
.hd-left li{margin-right:30px; float:left; list-style:none}
.hd-right li{margin-left:30px; float:left; list-style:none}
.hd-left li a, .hd-right li a{color:#fff}
.hd-bottom{width:100%; padding:20px 0; float:left}
.hd-right ul, .hd-left ul{padding-left:0}
.bg-light{width:100%; background:#000 !important; padding:0; float:left;}
.navbar-nav{width:100%}
.navbar-light .navbar-nav .nav-link{color:#fff; text-transform:uppercase}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-expand-lg .navbar-nav .nav-link:hover{color:#fff; background:#222260}
footer p{margin-bottom:10px}
footer p a{margin-right:10px}
footer a{color:#fff}
footer p a:hover{color:#fff}
footer h3{font-size:22px; text-transform:uppercase; margin-bottom:10px}
.ft-top{width:100%; background:#000; padding:20px 0; color:#fff; float:left}
.ft-top ul{width:100%; float:left; padding:0}
.ft-top ul li{width:100%; padding:0 20px; float:none; display:inline-block; list-style:none}
.ft-top ul li a{color:#fff;}
.ct-ftcenter{width:100%; float:left}
.ct-ftcenter figure{width:30%; float:left; margin-right:30px}
.ct-ftcenter figure img{width:60%; height:auto}
.ct-ftcenter h3{width:50%; height:100%; line-height:100%; padding:50px 0; float:left; font-size:14px; font-weight:normal}
.ct-right{width:100%; float:left}
.ct-right ul{width:auto; padding:50px 0; text-align:right}
.ct-right ul li{float:left; padding-left:20px; list-style:none; }
.ct-right ul li a{color:#333}
.ct-right ul li a i{font-size:22px}
.ft-bottom{width:100%; background:#000; padding:10px 0; color:#fff; float:left }
.ft-bottom p{margin-bottom:6px;}
.box-bottom{height:100%}
.box-footer ul{width:100%; padding:0;}
.box-footer ul li{margin-bottom:8px; list-style:none}
.box-footer ul li a:hover{color:#fff; text-decoration:underline}
.ft-bottom .col:nth-child(1) .box-bottom, .ft-bottom .col:nth-child(2) .box-bottom{border-right:2px solid #fff}
@media (min-width: 1300px)
{ 
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1220px; }
}
@media (min-width: 1025px)
{

  .dropdown-menu{min-width:200px; opacity: 1; transition: width 2s, height 2s; padding:5px 10px}
  .navbar-light .navbar-nav .nav-link { color: #fff !important; font-size: 16px; padding-left: 20px !important; padding-right: 20px !important; padding-top:20px; padding-bottom:20px }
  /*.dropdown:hover .dropdown-menu{ display:block; }*/
  .mnc2-dm{position:relative;}
  .level_3{width:100%; background:#fff; padding-left:0; position:absolute; display:none; left:100%; top:0; float:left}
  .mnc2-dm:hover .level_3{display:block}
  .level_3 li:hover{background:none; color:#333}
  .level_3 li a{width:100%; color:#333; font-weight:normal !important; float:left}
  .level_3 li a:hover{color:#333; text-decoration:underline}
  .level_3 li, .level_3_item{width:100% !important; padding:8px 0; list-style:none; float:left; border-bottom:1px dotted #ccc}
  .dichvu{margin-top:120px}
}

@media (min-width: 992px)
{
  .banner{padding-top:0}
}

@media (min-width: 1px) and (max-width: 1024px)
{
  .header_menu{position:fixed; top:0; left:0;background:#F84912}
  .header_top{display:none}
  .menu{padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem);}
  section, footer{top:60px}
  .guilienhe{margin-bottom:30px}
}
@media (min-width: 992px)
{
  .navbar-expand-lg .navbar-nav .nav-link{padding-left:15px; padding-right:15px}
}
@media (min-width:768px)
{
  .navbar-nav>li>a{padding:15px 20px;}
  .dropdown:hover .dropdown-menu{display:block}
  .menu-left:hover .list-menu{display:block}
  .menu-left:hover .list-menu .dropdown 
  .dropdown-menu{margin-left:278px;margin-top:-38px;border:none;}
  .logo img, .dangnhap img { width: auto; height: 50px; transition-duration: 0.7s; }
  .logo img:hover, .dangnhap img:hover, .anh-danhmuc img:hover, .anhsp img:hover, .box-kh img:hover, .anh-tt img:hover{transform: scale(1.1)}
  .danhmuc{height:356px; overflow:hidden}
  .anhsp{height:248px;}
  .anhsp-sub{height:238px}
  .anh-bvkhac{height:68px; overflow:hidden}
  .content-bvkhac h4{height:57px; overflow:hidden}
}