/* CSS Document */
*{margin:0; padding:0}
img{max-width:100%}
h1,h2,h3, .w100{width:100%}
a, a:hover{text-decoration:none}
.box-menu li{list-style:none}
.an{display:none}
.tc{text-align:center}
.tj{text-align:justify}
.tr{text-align:right}
.tl{text-align:left}
.di{display:inline-block}
.fl{float:left}
.fr{float:right}
.fn{float:none}
.pa25{padding:25px 0}
.pa10{padding:10px 0}
.pab25{padding-bottom:25px}
.pat25{padding-top:25px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.w26{width:26%}
.w70{width:70%}
h1, h2, h3{line-height:130%}
@font-face {
  font-family: 'GelasioBold';
  src:url("/font/GelasioBold.ttf") format("truetype")
}
body{font-size:16px; font-family:"Roboto", sans-serif; line-height:140%}
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, ul{margin:0; padding:0}
a{text-decoration:none}
.hd-top{width:100%; padding:10px 0}
header .row{align-items:center}
.box-timkiem{width:100%; background:rgba(0,0,0,.03); padding:8px 9px; margin-top:15px; position:relative; border-radius:20px; border:1px solid #ccc;}
.box-timkiem input{width:90%; background:none; border:none; outline:none}
.box-timkiem a{position:absolute; color:#fff; right:6px; top:10px}
.box-timkiem input::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
}
.ct-tintuc img{width:100%; height:auto}
.box-timkiem input::placeholder {
  color: #fff;
}
header h3{color:#fff; line-height:140%; text-transform:uppercase; text-align:center; font-size:28px; font-weight:bold}
.hotline{width:100%; height:45px; line-height:45px; margin-top:10px; text-align:center}
.hotline a{height:45px; font-size:21px; line-height:45px; font-weight:bold; background:url(/imgs/call.png) center left no-repeat; padding-left:55px; color:#fff; display:inline-block}
.hotline a:hover{color:#ffff00}
header{background:#008081}
.logo img{height:115px}
.giohang a{color:#fff; font-size:28px; float:right}
.menu{width:100%; background:#025f60;}
.bg-light{background-color:inherit !important}
.navbar-light .navbar-nav .nav-link{color:#fff; font-size:.9em; font-weight:bold; text-transform:uppercase}
.navbar-light .navbar-nav .nav-link:hover{color:#ffff00}
.dropdown-menu li{padding:10px 0; border-bottom:1px solid #ccc;}
.dropdown-menu li a:hover{background:none}
.dropdown-menu li:last-child{border:none}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:#ffff00}
/*banner*/
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.jssora061 {display:block;position:absolute;cursor:pointer;}
.jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
.jssora061:hover {opacity:.8;}
.jssora061.jssora061dn {opacity:.5;}
.jssora061.jssora061ds {opacity:.3;pointer-events:none;}
.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072 .i .b {fill:#fff;opacity:.3;}
.jssorb072 .i:hover {opacity:.7;}
.jssorb072 .iav {color:#fff;}
.jssorb072 .iav .b {fill:#000;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}
/*end banner*/
.dichvunoibat{width:100%; padding:50px 0}
.wrapper-list-filter-sevice { align-items: center; justify-content: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px; margin-bottom: 75px; }
.wrapper-list-filter-sevice .item-filter { text-align: center; position: relative; border-radius: 50%; } 
.item-filter { cursor: pointer; }

.wrapper-list-filter-sevice .item-filter span { display: block; margin-top: 20px; font-size:15px; color:#666; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
.item-content-service.active-content-sv { display: grid !important; }
.wrapper-content-service .item-content-service { display: grid; grid-template-columns: 34% 64%; grid-gap: 2%; }
.wrapper-content-service { margin-top: 35px; }
.box-content-right h3 { font-size: 33px; text-transform: uppercase; margin-bottom: 20px; color:#F57E20 }
.box-content-right .content-service { margin-bottom: 25px; }
.box-content-right .image-detail { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 39px; }
.item-filter .active span { color: #F57E20; font-weight: bold; }
.btn-link { margin-top: 40px; }
.btn-link a { display: inline-block; padding: 12px 30px; font-size: 20px; font-weight: 600; background: #008081; color: #fff; border-radius:8px; }
.tieude{margin-bottom:30px}
.tieude h2{padding: 0 0 10px; font-weight: bold; text-transform: uppercase; color:#008081}
.tieude h2 a{color:#008081}
.tieude  hr{width: 50px; border-top: 3px solid #F57E20; text-align: center; margin: 0px auto}
.nav-tabs .nav-link.active, .nav-pills .show>.nav-link, .nav-tabs .nav-link{border:none; background:none; padding:0}
.nav-tabs{border:none}
.dieutri-truocsau{width:100%; padding:50px 0}
.dieutri-truocsau ul { margin-bottom: 20px; text-align: center; }
.dieutri-truocsau .nav-tabs .nav-link.active{ background: #034f4f;  padding: 5px 10px; color:#fff; }
.dieutri-truocsau ul li .nav-link { display: inline-block; font-size: 15px; font-weight: normal; color: #fff; padding: 5px 10px; background: #008081; border-radius: 30px !important; min-width: 140px; text-align: center; margin-top: 5px; }
.dieutri-truocsau ul li button{color:#fff; width:100%; text-align:center; margin:0}
.dieutri-truocsau .wrapper-list-filter-sevice{grid-gap:5px;}
.lienhe-index, .spa-uytin{padding:40px 0; width:100%; float:left}
.img-lienhei .container{position:relative}
.img-lienhei .container img{width:150px; height:auto}
.lh-datlich{position:absolute; bottom:-30px; left:auto}
.lh-hotline{position:absolute; bottom:-30px; left:200px}
.lh-datlich a, .lh-hotline a{width:100%; float:left; margin-bottom:40px}
.lh-datlich a:nth-child(2), .lh-hotline a:nth-child(2){margin-bottom:0}
.blog-index{width:100%; padding:40px 0; float:left}
.box-tt-index{width:100%; margin-bottom:30px;}
.box-tt-index figure{margin-bottom:20px}
.box-tt-index figure img{width:100%; height:auto}
.box-tt-index h3{font-size:16px; height:42px; overflow:hidden; font-weight:bold;}
.box-tt-index h3 a{color:#333}
.box-tt-index hr{width:40px; height:2px;}
.sum-blog{width:100%; text-align:justify; height:65px; line-height:140%; overflow:hidden}
.footer-top{width:100%; color:#fff; padding:30px 0; background-color: #128F8B; float:left; padding: 30px 0; position: relative; min-height: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.effect-sparkle {color: #f1f1f1; background-image: url(/imgs/sparkle1.png),url(/imgs/sparkle2.png); -webkit-animation: sparkle 60s linear infinite; animation: sparkle 60s linear infinite; }
.no-click { pointer-events: none; }
footer h3{font-size:18px; font-weight:bold; margin-bottom:20px;}
footer h2{font-size:20px; font-weight:bold; margin-bottom:20px}
footer p, footer li{margin-bottom:10px}
footer img{height:120px; align-items:center}
footer li{list-style:none}
footer i{margin-right:6px;}
footer a{color:#fff}
.img-ft{width:100%; text-align:center}
footer .fill { position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; padding: 0 !important; margin: 0 !important; }
footer .bg-fill { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50%; }
footer .bg { opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s; }
footer .bg-loaded { opacity: 1; }
.footer-ct{width:100%; position:relative; z-index:1; float:left}
.footer-bt{width:100%; position:relative; z-index:1; padding:10px 0; text-align:center; background:#075757; color:#ccc; float:left}
.footer-bt p{margin-bottom:0}
.box-uytin{margin-bottom:20px}

/*Hotline*/
.quick-alo-phone.quick-alo-show { visibility: visible; } 
.quick-alo-phone { position: fixed; visibility: hidden; background-color: transparent; width: 200px; height: 200px; display: block; 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: 45px; position: absolute; height: 45px; color: #fff; font-size: 17px; text-align: center; background-color: #128F8B; color: white; top: 73px; 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: #128F8B; opacity: 0.5; } 
.quick-alo-ph-circle-fill { width: 80px; height: 80px; 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: #128F8B; opacity: 0.75; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #128F8B; } 
.quick-alo-ph-img-circle { width: 50px; height: 50px; 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: #128F8B; }
@-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 hotline*/
.ct-tintuc{text-align:justify;}
.ct-tintuc li{margin-left:30px}
#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; border:none; box-shadow:inherit}
#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}
#mnleft .navbar-nav .dropdown ul a{padding-left:10px}
.widgettitle { font-size: 18px; font-weight: bold; padding: 10px 0; text-transform:uppercase; border-bottom: 1px solid #008081; color: #008081; }
#mnleft .nav-dssp li { border-bottom: 1px solid #ccc !important; padding: 8px 8px 8px 0 !important; }
#mnleft .nav-dssp li:last-child{border:none}
.nav-dssp{margin-bottom:30px}
#mnleft .navbar-nav .dropdown-menu, #mnleft .navbar-nav .dropdown-menu li{min-width:inherit !important; width:100% !important; float:left }
#mnleft .nav-dssp li ul li{border-top:1px solid #ccc; border-bottom:none !important}
#mnleft .nav-dssp li ul li:last-child{border-top:1px solid #ccc !important}
.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}
.breadcrumb li a, .name a{color:#008081}
#mnleft .dropdown-menu li a{font-size:14px;}
.dstintuc{width:100%; float:left}
.banner h1{color:#008081; margin-top:35px !important}
.dichvu h1{color:#008081; font-size:28px; font-weight:bold; margin-bottom:30px}
.ct-tintuc h2{color:#ff6600; font-size:22px; margin:20px 0; font-weight:bold}
.ct-tintuc h3{color:#008081; font-size:18px; margin:20px 0; font-weight:bold}
.dorder-select{width:100%; margin-bottom:20px; float:left}
.dorder-select select { border: 1px solid #ccc; padding: 5px 30px 5px 10px; background-position: calc(100% - 16px) calc(1em + -3px),calc(100% - 11px) calc(1em + -3px),100% 0; float:right }
.box-pro{ margin-bottom:30px; border:1px solid #eee; padding: 10px; border-radius:5px; float:left}
.box-pro .gia-tt{width:40%; overflow:hidden;font-size:14px; color:#666; text-decoration:line-through; font-size:14px; font-weight:normal; float:left; display:none}
.box-pro .gia-ban{width:100%; color:#ff0000; text-align:center; float:left}
.box-pro figure{margin-bottom:15px; position:relative; text-align:center; overflow:hidden}
.box-pro h3{height:41px; font-size:16px; overflow:hidden; margin-bottom:10px; font-weight:bold; line-height:140%}
.box-pro h3 a{color:#333}
.gia-sp{width:100%; font-size:20px; font-family:GelasioBold; text-align:center; color:#333; font-weight:bold; float:left; text-align:center;}
.dssp .box-pro .gia-tt{font-size:14px;}
.dssp .box-pro h3{margin-bottom:0;}
.xemthem-pr{width:100%; float:left; text-align:center; margin-bottom:10px}
.xemthem-pr a{padding:8px 25px; border-radius:5px; background:#1e73be; color:#fff; border:1px solid #1e73be; font-size:16px;}
.xemthem-pr a:hover{color:#1e73be; background:#fff; border:1px solid #1e73be}
.list-icon { display: inline-block; position: absolute; right: 0px; top: 0px; }
.list-icon .type { display: inline-block; position: absolute; width: 50px; height: 46px; line-height: 39px; color: #fff; font-size: 16px; font-family: GelasioBold; background: #8dc63f; top: 0px; right: 0; z-index: 3; clip-path: polygon(100% 1%, 100% 100%, 50% 80%, 0 100%, 0 0); -webkit-clip-path: polygon(100% 1%, 100% 100%, 50% 80%, 0 100%, 0 0); float:left; box-sizing: border-box; margin-left:5px; overflow:hidden }
.list-icon .type span { display: inline-block; font-size: 13px; box-sizing: border-box; color: #fff; text-transform: uppercase; }
.phantrang ul{width:100%; text-align:center}
.phantrang ul li{display:inline-block; margin:0 5px}
.phantrang .page, .phantrang strong{padding:10px 15px; color:#787D7F; font-size:18px}
.phantrang .page:hover{color:#007AFF}
.phantrang div{font-size:18px !important}
.sanphamcungloai h2{color:#333; text-transform:uppercase; margin-bottom:20px; width:auto}
#sanphamcungloai .phantrang{display:none !important}
.moc-danhmuc .path, .bdskhac, .moc-danhmuc ol {width: 100%; float: left; margin: 20px 0 20px; padding-bottom: 0; padding-left:0}
.moc-danhmuc ol li {float: left; list-style: none; padding: 0 7px; text-transform:uppercase; color: #E02012}
.moc-danhmuc ol li a {color: #999; text-decoration: none; text-transform:uppercase; padding-left: 7px}
.moc-danhmuc ol li:last-child a {color: #999}
.moc-danhmuc ol li a:hover {color: #E02012}
.tomtat-sanpham ul li{margin-left:30px; margin-bottom:10px; list-style:square}
.form-group{margin-left:0;margin-right:0; margin-bottom:15px; width:100%;float:left}
.form-group label{font-weight:bold}
.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; }
.box-doitac { text-align: center; width: 100%; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 20px; padding: 5px; }
.box-doitac figure { margin-bottom: 0; }
.box-khachhang .nd-khachhang{display:block}

.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-inner{overflow:hidden;float:left;width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.news-index .nbs-flexisel-item{height:auto;line-height:140%;border:none;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative}
.nbs-flexisel-nav-left{left:30px;width:50px;height:35px;background:url(/imgs/arrow-left.svg) no-repeat}
.nbs-flexisel-nav-right{right:30px;width:50px;height:35px;background:url(/imgs/arrow-right.svg) no-repeat}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{width:22px;height:22px;position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.box-kh img{width:auto}
.box-kh{position:relative; margin:0 10px}
.duan .box-kh h3{width: 100%; background: url(/imgs/bg-titleduan.png) top left repeat; position: absolute; bottom: 0; font-size: 14px; text-transform: uppercase; color: #fff; height: 48px; line-height: 140%; overflow: hidden; padding: 9px 1%; text-align: left;}
.duan .box-kh h3 a{color:#fff; font-weight:bold}
.box-khachhang{background:url(/imgs/bg_map.png) center center no-repeat; background-size:40% }
.khachhang .tt-khachhang{font-size:15px; color:#000; width:938px; margin-left:100px; background:url(/imgs/bg-kh.png) top center no-repeat; background-size: contain; padding:10px 0 20px}
.khachhang img{border-radius:100%; box-shadow:1px 1px 10px #ccc}
.khachhang .anh-kh{margin-top:50px}
.khachhang h3{margin:30px 0 10px; font-weight:bold}
.box-dt img{border: 1px solid #d9d9d9;border-radius: 5px}
.bg-kh{width:100%; margin-top:20px; float:left; font-size:125px; font-weight:bold; height:30px; color:red; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.navbar-nav li .dropdown-menu{background:#025f60}
.dropdown-item, .dropdown-item:hover{color:#fff}

@media (min-width: 1200px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1200px; width:1200px}
}
@media (min-width: 1025px)
{
  .doitac .col-20 { width: 20%; }
  .dropdown-menu{ opacity: 1; transition: width 2s, height 2s;}
  .menu .dropdown:hover .dropdown-menu{ display:block; }
  .navbar-nav li:nth-child(3) .dropdown-menu{min-width:1100px; left:-80%}
  .navbar-nav li:nth-child(3) .dropdown-menu li{width:32%; margin-bottom:20px; border:none; padding:6px 0; float:left}
  .navbar-nav li:nth-child(3) .dropdown-menu li a{color:#fff; text-transform:uppercase; font-weight:bold}
  .navbar-nav li:nth-child(3) .dropdown-menu li a:hover{color:#fff !important; text-decoration:underline}
  .level_3{width:100%; padding-left:0; float:left}
   .navbar-nav li:nth-child(3) .dropdown-menu li .level_3 li{width:100% !important; padding:12px 0 12px 20px !important; margin-bottom:0 !important; list-style:none}
  .navbar-nav li:nth-child(3) .dropdown-menu li .level_3 li:hover{background:#008081; color:#fff !important}
  .navbar-nav li:nth-child(3) .dropdown-menu li .level_3 li:hover a{color:#fff !important}
  .navbar-nav li:nth-child(3) .dropdown-menu li .level_3 li a{width:100%; color:#fff !important; font-weight:normal !important; float:left; text-decoration:none}
}
@media (min-width: 992px)
{
  .wrapper-list-filter-sevice { display: grid !important;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-left:1.1em; padding-right:1.1em}
}
@media (min-width: 768px)
{
  .box-tt-index figure{height:190px; overflow:hidden}
  .menu .dropdown:hover .dropdown-menu{display:block}
  .navbar{padding:0}
  .dropdown-menu{border:1px solid #ccc; border-radius:0; box-shadow:1px 1px 15px rgb(0 0 0 / 15%)}
  .navbar-expand-lg .navbar-nav .nav-link{padding: .9rem .8rem; border-right: 1px solid #034747; border-left: 1px solid #06797a; }}
  .dropdown-menu:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
  .dropdown:after { border-color: rgba(221,221,221,0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; }
  .dropdown:before{z-index: -999; border-width: 11px; margin-left: -11px; border-bottom-color:#ddd;}
  .dropdown:before { bottom: -2px; z-index: 10; opacity: 0; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
  .navbar-nav li .dropdown-menu{min-width:220px; box-shadow:1px 1px 15px rgb(0 0 0 / 15%)}
}
@media (max-width: 767px)
{
  img{width:auto; height:auto; max-width:100%}
  .logo-mb img{width:200px; height:auto}
  .navbar-light .navbar-toggler-icon { background-image: url(/svg/navar-icon.svg); }
  .navbar-light .navbar-toggler{border-color:#eee}
  .wrapper-list-filter-sevice{grid-template-columns: 1fr 1fr;}
  .box-uytin{margin-bottom:20px}
  .item-filter{height:220px}
  .wrapper-list-filter-sevice{margin-bottom:0}
  #menu11 img{margin-bottom:20px}
  .dropdown-menu li .level_3 li{padding-left:20px}
  .box-ft{margin-bottom:30px}
  .breadcrumb li{width:auto; float:left}
  .breadcrumb ol{display:inherit !important}
  .breadcrumb{width:100%; display:inherit !important; margin-bottom:30px; float:left}
  .box-address{margin-bottom:40px}
  .form-contact p{font-size:15px; margin-bottom:20px}
  .banner h1{margin-top:5px !important}
}