*{margin:0;padding:0;line-height:1.5}
.title-box .container{    z-index: 33;
    position: relative;}
    .uym.n {
    height: 30px;
}
body{color:#333;font-size:14px;font-family:Roboto,Arial,Helvetica,sans-serif;background:#fff;font-weight:400;background:#fff}
#top{width:50px;height:50px;position:fixed;bottom:10px;right:10px;text-indent:-99999px;cursor:pointer;}
ul{margin:0}
.sori{position:absolute;top:-999px}
a{color:#333}
.mobile-menu{display:none}
#header{background:none;position: relative;z-index: 999;}
.clear{clear:both}
.cat-des {    position: absolute;
    top: -9999px;}
.overflow{overflow:hidden}
.floatleft{float:left}
.floatright{float:right}
.relative{position:relative}
.absolute{position:absolute}
.call-mobile {display: none;}
.content-sp{clear: left;}
.center{text-align:center}
.box-ctrinh ul {padding: 8px}.box-ctrinh ul img {height: 150px;}
.box-ctrinh ul li:nth-child(2) a{display: block;text-align: center;color: #fff;font-weight: bold;padding: 5px 0;font-size: 15px;}
.box-ctrinh:before{content: '';position: absolute;background: url(img/noibatbg.png) no-repeat center;width: 230px;height: 100px;left: 0px;top:5px;z-index: 333;}
.box-ctrinh {    background: url(http://cauthanghanoi.com//themes/default/images/bgtieubieu.jpg) repeat-x top #84cf4e;padding:30px 15px 15px;position: relative;}
.bold{font-weight:bold}
a{text-decoration:none}
img{max-width:100%;border:none;height:auto}
.uppercase{text-transform:uppercase}
.auto{margin:0 auto}
.block{display:block}
.white{color:rgba(255,255,255,0.73);}
.clearfix:after{clear:both;content:".";display:table;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{display:block;zoom:1}
.ajax-loader{height:0}
.aligncenter{display:block;margin:10px auto 10px}
a:hover,a:focus{text-decoration:none}
li{list-style:none}
.logo {float: left;}
.box-lh h3 {    border-bottom: 2px solid #84cf4e;
    color: #84cf4e;
    padding-bottom: 10px;
    position: relative;margin: 0px;padding:15px 0;text-transform: uppercase;line-height: 1.5;margin-bottom: 15px;padding-bottom: 10px;}
.title-box {    text-align: left;    position: relative;
    background: url(https://advcloudfiles.advantech.com/cms/cd31c679-c6e0-48be-9e9c-d530876db675/Resources%20Case%20Study%20Featured%20Image%20for%20Detail%20Page/giai-phap-kiem-tra-day-chuyen-san-xuat-banner.jpg);
    background-position: center center;
    background-size: cover;
    padding: 70px 0;}
.title-box:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.37);
}
.support-fix{position: fixed;right: 20px;bottom: 150px;z-index: 9999;}
.support-fix ul li{display: block;}
.support-fix ul li a{width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
border: none;
font-size: 18px;
color: #fff;
text-align: center;
position: relative;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-color: #f7a400;}
.support-fix ul li.x1 a{background-image: url(images/widget_icon_contact_form.svg)!important;}
.support-fix ul li.x2 a{background-image: url(images/widget_icon_click_to_call.svg)!important}
.support-fix ul li.x3 a{    background-image: url(images/widget_icon_messenger.svg)!important;}
.support-fix ul li.x4 a{background-image: url(images/widget_icon_zalo.svg)!important;}
.support-fix ul li.x5 a{background-image: url(images/widget_icon_map.svg)!important;}
.uym {
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 999;
    overflow: hidden;
    width: 250px;
    background: #fff url(img/y.gif) no-repeat 5px 30px;
    border: solid 5px #67bd50;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
    .uym.n .h {
    background: url(img/s.gif) no-repeat center center;
}
.uym .h {
    width: 26px;
    height: 15px;
    border: solid 1px #9a9a9a;
    position: absolute;
    z-index: 1;
    margin-left: 210px;
    margin-top: 2px;
    background: url(img/o.gif) no-repeat center center;
    cursor: pointer;}
.uym .t {
    height: 22px;
    line-height: 17px;
    overflow: hidden;
    background-color: #67bd50;
    color: #fff;
    font-weight: 700;
    font-size: 14px;}
.uym .c {
    border: solid 1px #000;
    padding-top: 35px;
    padding-bottom: 5px;}

.uym div {
    padding: 5px;
    overflow: hidden;}
.uym div a {
    display: block;color: #333;
    overflow: hidden;
    background: url(img/zalo.jpg) no-repeat left top;
    padding-left: 25px;}
.uym div b {float: right;
    color: #67bd50;}




.header-css{    background: #84cf4e;
    color: #fff;
    padding: 10px 0;}
    .blockct b {text-transform: uppercase;color: #666}
    .blockct {margin-top: 20px;}
    .breadcrumb {background: none;color: #fff;padding-left: 0}
.text-infos {padding-right: 20px;font-size: 16px;}
.head-top{    color: #666;
    background: #F9F9F9;padding: 8px 0;border-bottom: 1px solid #ddd;font-style: 15px;}.head-top i {padding-right: 5px}
    .logo img {max-height: 80px;}
    .menu-main{float: right;margin-top: 20px}
    .menu-main li {float: left;position: relative;z-index: 3;}
.menu-main li i{display: none;font-style: normal;}
    .menu-main li a {display: block;padding: 8px 25px;font-size: 16px;color: #fff}
    .img-hotline {float: right;padding: 17px 0;}
    .menu-main li.menu-item-has-children> a:after{content: "\f107";    font: normal normal normal 14px/1 FontAwesome;padding-left: 5px;}
    .menu-main ul.menu > li > ul {    position: absolute;
    right: 0;left: 0;
    top: 100%;background: #84cf4e;
    width: 250px;z-index: 999999;
    border: solid 0px #e5e5e5;
    display: none;}
    .menu-main ul.menu > li > ul > li{position:relative;}
    .menu-main ul.menu > li > ul > li > ul{position: absolute;
    left: 100%;top: 0;
   background: #84cf4e;
    width: 250px;z-index: 999999;
    border: solid 0px #e5e5e5;
    display: none;}
    .menu-main ul.menu > li > ul > li:hover > ul{display:block;}
  .menu-main li ul li a{    display: block;
    padding: 10px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;color: #fff}
     .menu-main .menu > li:hover > a{background: #84cf4e;color: #fff}
    .menu-main li ul li:hover a {
    padding-left: 15px;
    }
    .productlist > div:nth-child(3n+1){clear:left;}
.menu-main ul.menu > li:hover > ul {display: block;}
.entry-title a{color: #fff}
.home-gt {padding: 20px 0}
.home-gt p {text-align: justify;}
.breadcrumb a{color: #fff}
.metaslider  {margin:auto !important;}.sidebar .widget{margin-bottom: 15px;}
.entry-title {    font-size: 38px;
    color: #fff;
    padding-bottom: 5px;font-weight: bold;text-transform: uppercase;
    font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;}
    .entry-title span {line-height: 1}
    .content-post {padding: 20px 0}
    .sidebar .menu {background: #FBFBF9}.sidebar .menu li a:before{content: "\f101";    font: normal normal normal 14px/1 FontAwesome;padding-right: 5px;}
    .sidebar .menu li a {    border-top: 1px solid #fcfcf4;
    border-bottom: 1px solid #f5f5ed;font-size: 16px;
    padding: 8px;display: block;
    background: #fbfbf9;}.sidebar .menu li:hover a {color: #84cf4e;}
    .content-sps {float: right;}
#footer {}
.top-footer .ttl-footer{text-align: center;   
    color: #84cf4e;
    font-size: 16px;
    padding-bottom: 10px;}
.slider-home  ,.breadcrumb{margin-top: 10px}
.top-footer p {margin-bottom: 0}.top-footer {padding-bottom: 20px;}
.post-date {color: #999}
.sidebar {padding-right: 0}
    .sidebar .menu > li >ul {border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}
    .sidebar .menu > li >ul  > li > a{display: block;background: url(img/icon.png) no-repeat left center;padding: 3px 0 3px 15px}
    .sidebar .menu > li >ul  > li:hover > a {color: #84cf4e}
    .h1, h1 {font-size: 18px;margin:0;}
    .archive-child img {float: left;width: 180px;margin-right: 15px;border:0px solid #ddd;padding: 0px;min-height: 130px;}.archive-child  {padding: 10px 0; border-bottom: 1px dashed #ddd}
     .archive-child  a{font-weight: bold;font-size: 18px;}
 .foot-top span {
    border-radius: 10px;
    background: #345161;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 10px;
   
    font-weight: normal;
    text-align: center;
    margin: 10px 0;
}.foot-top span i {
    font-size: 20px;
    padding-right: 10px;
}a{    color: #84cf4e;}
.foot-top span.bg-red {
    background: #84cf4e;
    
}.foot-top span.bg-red a{color: #fff}
.post-lq-new li a:hover{color: #84cf4e}
.ttl-sidebarchildx {font-size:16px;padding:8px;text-transform: uppercase;background: #f2f2f2;border-top: 2px solid #3090B1;margin: 0}
.post-lq-new li a{font-size: 16px;font-weight: normal;color: #069;}
.logo-dt {background: #F5F5F5;padding: 15px 0}
.post-lq-new li {    padding: 6px 0 6px 20px;
    background: url(img/liuse7.gif) no-repeat left;}
    .post-title {padding-bottom: 10px; color: #333 ;font-size: 18px;}
    div.post-date {padding: 5px 0;color: #999;background: #f2f2f2;padding:5px 10px;}
   .h2, .h3, h2, h3 {font-size: 16px;margin:10px 0;} .t-footer   .widget i {padding-right: 5px;} .t-footer   .widget  a{color: #fff}
  .t-footer   h3 {    font-size: 28px;
    font-weight: bold;}.t-footer   .widget  a:hover {color: #24d0ff}
    .tags {padding: 8px 0;}.t-footer  .widget{float: left;padding-right: 50px;max-width: 35%}
    .t-footer {   color: #fff; background: #456272 url(images/footer-bg1.jpg) no-repeat;padding: 20px 0}
.widget .list-sp:nth-child(3n+1) {clear: none;}
.widget .list-sp:nth-child(4n+1) {clear: both;}
    .tags  span , .tags  a{display: inline-block;margin-right: 5px;margin-bottom: 10px;padding: 2px 10px;color: #333;background: #f2f2f2}.tags  span {color: #84cf4e} .tags  a:hover {color: #fff;background: #84cf4e}
    .ttl-sanpham {font-size: 16px;}
    .home-h1{padding:20px 0;}.page-4 ul{    background: #f0f0f0;margin-top: 30px;
    padding: 50px 10px 20px 10px;text-align: center;
    position: relative;
   
    z-index: 0;
    min-height: 180px;}    .page-4 ul img {}
    .page-4 ul li:nth-child(1){position: absolute;top:-33px;text-align: center;width: 100%;left: 0;}
    .page-4 ul li:nth-child(2) a{    color: #2c2e36;
    padding-bottom: 10px;font-weight: bold}
    .page-4 h2 ,.h-home {text-align: center;font-size: 30px;
    text-align: center;font-weight: bold;
    color: #84cf4e;padding: 20px 0}
    .box-content {padding: 20px 0;}.page-3 ul{    background: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 20px 10px;
    color: #2c2e36;}.page-3 ul a {    color: #84cf4e;
    font-size: 16px;font-weight: bold;margin-bottom: 5px;display: block;}
    .page-3 ul img{    margin-right: 15px; float: left;width: 150px;}
    .page-3{    background: url(img/intro-bg1.jpg) no-repeat;
    background-size: cover;
    padding: 15px 0;}.page-3 ul:hover {background: #84cf4e;color: #fff}
    .page-3 ul:hover li a{color: #fff}
    .page-3 ul li p{overflow: hidden;}
    .menu-main .sub-menu li {float: none;}
th {
    padding: 5px;
    border: #ddd solid;
    border-width: 0 0 1px 1px;
    background: #ececec;
    line-height: 120%;
    text-align: right;
} td {
    padding: 6px;
    border: 1px #ddd solid;
    border-width: 0 0 1px 1px;
    background: #fff;
    text-align: left;
}
.menu-main-right-container{background: #84cf4e;}
.home-h1 {text-align: center;font-size: 16px;color: #333}
.gallery-item img {border:0px !important;}
.gallery-item {padding:8px;margin: 0px !important}
.gallery  {margin-left: -8px !important;margin-right: -8px !important}
table{    width: 100%;
    margin: 8px;
    background-color: #ddd;
    border: 1px #ddd solid;
    border-collapse: collapse;
    border-spacing: 0;}
    .pad5 {margin-left: -8px;margin-right: -8px}
    .list-sp li:nth-child(3){padding:0 8px 8px;}
    .pad5 > div {padding-left: 8px;padding-right: 8px;}
    .list-sp img {width: 100% ;    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);height: 250px;width: 100%;object-fit: contain;
    transform: translateZ(0);}   .list-sp .post-img {    overflow: hidden;
        }.list-sp .post-img:hover img {-webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);}
    .list-sp ul{border:1px solid #f2f2f2;margin-bottom: 16px}.list-sp .post-title {padding: 8px;font-size: 16px;}
    .post-price {padding: 0 8px;}
    .post-price span{color: #84cf4e;
    font-size: 20px;font-weight: bold;}.post-price del {font-size: 14px;color: #999;display: block;}
    .list-sp ul:hover {box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);}
   .post-price  span.giagia{    position: absolute;
    right: 10px;
    background: #84cf4e;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 0 5px;
    bottom: 40px;}
    .img-sp img{width: 100%}
    .video-content {text-align: center;}
    .tt-sp h1 {font-weight: 300;font-size: 20px;padding-bottom: 5px;}
    .price-view span.giagia {position: relative;bottom:auto;left: auto;right: auto}
    .des-sp {padding: 5px 0;border-top: 1px solid #f2f2f2;margin-top: 5px;padding-bottom: 5px ; border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;}
    .side-sp  .widget li {padding-bottom: 2px;}
    .side-sp {padding-left: 0px;}.side-sp  .widget {background: #f2f2f2;padding: 10px;}.side-sp  .widget li:before{    content: "\f046";    font: normal normal normal 14px/1 FontAwesome;padding-right: 5px;}
    .wpcf7-submit{width: auto;color: #fff;background: #84cf4e;border:0px;}
    textarea.form-control {height: 100px;}
    .tttps  ,.home-new-left h3{text-transform: uppercase;font-size: 16px;background: #f2f2f2;padding-left: 10px;}
    .tttps span ,.tttps a ,.home-new-left > h3 >  a{border-top: 2px solid #84cf4e ;display: inline-block;padding: 6px 0 }
    .pad10 {padding-top: 10px}.top-footer .widget a{color: #fff}
   .top-footer .widget i{padding-right: 8px}.top-footer .widget a{color: #ababab ;font-weight: 300;font-size: 15px}.top-footer .widget a:hover {text-decoration: underline;}
    .new-home-show img{max-height: 180px;margin-bottom: 10px}
    .new-home-show li:nth-child(2) a{font-size: 16px;display: block;padding-bottom: 5px;font-weight: bold;}
    .home-box2 {padding-bottom: 20px;}
    .top-footer {padding-top: 20px;}.share {height: 30px;}
.share-go {float: left;}.sp-view .lSPager  img {height: 55px !important;width: 100%}
.cat-des {padding-top: 10px;}
.sp-view {padding: 6px;background: #f2f2f2;text-align: center;}
    @media(max-width:768px){
.hide-mobile {display:none;}
    .logo  ,.img-hotline{float:none;text-align:center;}
.menu-main .container {padding:0}
.header-css{background: none}
.more-content {display: none;}
.top-footer {padding-bottom: 20px;}
.more-show {display: block;padding: 5px;background: #f2f2f2;margin-bottom: 5px;}
.menu-main li ul {width:100%;position: relative;display:block;}
.more-show:after{    content: "\f107";    font: normal normal normal 14px/1 FontAwesome;float: right;margin-top: 3px;}
.more-show.tactive:after {content: "\f106"; }
.mobile-menu { display: block;
    padding:10px;background:#84cf4e;text-transform: uppercase;}.mobile-menu a{color:#fff;font-weight:bold;}
.sidebar {display:none;}
.list-sp {float:left;width:50%;}
.menu-main .menu {display:none;}
.top-footer .widget {padding:0}
.vot {clear:both;padding-top:20px;}
.content-sp {width:100%}
.sidebar-sp {width:100%;padding-left:15px;}
.post-home img{float:left;width:120px;margin-right:10px;margin-top:3px;}
.content  {width:100%;}
.menu-main li {float:none;position: relative;}
.menu-main li i{display: block;cursor: pointer;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;top: 0;right: 0;}
.menu-main li.menu-item-has-children > a::after{display: none;}
		.menu-main ul.menu li > ul{position: unset !important;padding-left: 25px;width: 100% !important;}
.list-sp:nth-child(3n+1) {clear: none}
.list-sp:nth-child(2n+1){clear: both;}
.img-hotline {display: none;}
.list-sp img{height: 150px;}
.call-mobile {display: block;}
.menu-main {
    float: none;}
.call-mobile a{display: block;position: fixed;left: 0px;bottom: 0px;width: 100%;font-size: 16px;text-align: center;background: #84cf4e;padding: 6px;color: #fff}
}