/*
Theme Name: DEV Wordpress
Version:5.0
Author: Wordpress
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.footer-option a {
    color: #d9e3ff; padding-right:15px;
}
.container-full {padding: 0 100px;}
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;}
   .news-menu {    padding: 15px 0;margin-bottom: 20px;
    background-color: #f5f5f5;}
    .post-sidebar-title h3{margin-top: 0}
    .post_title {position: relative;}
    .post_title:before{    content: '';
    position: absolute;
    left: 0;
    width: 65px;
    height: 3px;
    background-color: #ed1f24;
    bottom: -5px;}
.post-recent h3{    padding-bottom: 15px;
    border-bottom: solid 2px #0093DE;}
.news-menu li a{display: block;padding: 5px 15px; margin-right: 10px;background: #fff}
.news-menu li a:hover{background: #0093DE;color: #fff}
.news-menu li{display: inline-block;}

 .box-title{position: relative;;color: #fff}
 .box-title .box-title-bottom {position: absolute;bottom: 0px;left: 0px;width: 100%;}
  .box-title .box-title-bottom a{color: #fff}
  .box-title .box-title-bottom .breadcrums{padding-bottom: 20px;}
  .box-title h2{font-size: 32px;font-weight: 600;text-transform: uppercase;}
 .p100{padding: 100px 0;}
 .w-100{width: 100%;}.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}.flex-column {
    flex-direction: column !important;
}
 .p200 {padding: 100px 0 100px}
 .bg-price {position: relative;}
 .bg-price:before{    content: "";
    display: block;
    position: absolute;
    height: 150px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #5068b7;}
 .m-800 {max-width: 800px;margin:auto;}
 .bg-price-list {    border-radius: 1rem;position: relative;
    background-color: white;
    box-shadow: 0 4px 24px rgb(0 0 0 / 20%);padding: 30px;}
#back-top .fa {border-radius: 50%;
    width: 38px;
    height: 38px;
    background: #3448C3;
    color: #fff;
    font-size: 35px;
    text-align: center;
    opacity: 0.8;
    line-height: 35px;}
    .logo img{max-height: 55px;}
    #content {}
body{   font-family: 'Roboto', sans-serif;; font-size: 15px;
    font-weight: 400;color: #4C4C4C;
    line-height: 1.5;}
a{transition: all 300ms ease-in-out;}
    .footer-bg-ll {    height: 500px;
    background-image: linear-gradient(
90deg
, rgba(0,0,0,0.7) 0%, transparent 100%),url(img/feature_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;color: #fff;padding: 100px 0;
    position: relative;}.text-white {
    color: #fff !important;
}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.bold{font-weight: bold;}
.uppe{text-transform: uppercase;}
.flex_align{display: flex;align-items: center;}
.flex{display: flex;}

.btn.btn-outline-light {color: #fff;border:2px solid #fff;margin-top: 30px;border-radius: 5px !important;height: auto;font-weight: bold;}
.btn.btn-outline-light:hover{background: #fff;color: #333;}


input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select {
border: 1px solid #e1e1e1;
padding: 7px 10px;
width: 100%;margin-bottom: 10px;
max-width: 100%;
display: block;}
.pop_box input[type=submit] {
background-color: #045d2d;
color: #fff;margin-bottom: 0;
margin-top: 15px;}
.table {margin: 0 auto;}
.modal-dialog{margin: 80px auto 0}
.btn.h-optimal-btn {background:  #333;color: #fff;    padding: 10px 24px;
    margin-right: 10px;margin-top: 15px;}
.wp-pagenavi { padding-left: 0;margin: 20px 0;float: right;}
.wp-pagenavi a,.wp-pagenavi span.current , .wp-pagenavi a, .wp-pagenavi span{ background: #e8e8e8;display: inline-block; margin: 0 7px;border-radius: 8px;
    min-width: 28px; height: 28px; text-align: center; line-height: 22px;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{ background: #3448C3; color: #fff;}
.wp-pagenavi span.pages{display: none;}
.paginate_links{overflow:hidden;text-align:center;display:table;margin:30px auto}
.paginate_links .page-numbers{width:32px;height:32px;display:inline-block;float:left;margin:0 5px;padding-top:7px;color:#c8102e;border:1px solid #c8102e;margin-bottom:5px}
.paginate_links .page-numbers:hover{background:#c8102e;color:#fff}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{background:transparent;width:auto;border:none}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{text-decoration:underline;color:#007BB6}
.paginate_links .page-numbers.current{background:#c8102e;color:#fff}
*{margin:0;padding:0;line-height:1.5}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#333}
img{max-width:100%;border:none;height:auto}
p.wp-caption-text{text-align:center}

.wp-caption.aligncenter{max-width:100%!important}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.box-1 h1{}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px}
div.wpcf7 .ajax-loader{position:absolute}
.widget-tabs{padding:7px;margin-bottom:0;border:0;list-style:none;margin-left:0;margin-right:0;background-color:#33b5e5;margin-bottom:1.7rem;word-wrap:break-word}
.tabs-2 li{width:50%}
.nav-tabs .nav-link,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:0;color:#fff}
.nav-tabs .nav-item.active .nav-link,.nav>li>a:focus,.nav>li>a:hover,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0.2);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.widget-content .single-post:last-of-type{border-bottom:none}
.widget-tabs-content .img img{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);width:100%}
#back-top{display:none}
.widget-content .single-post{padding-bottom:15px;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}
.widget-tabs-content h3.title{font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#424242;font-size:16px}
.widget-tabs-content h3.title a{color:#424242}.pl-5, .px-5 {
    padding-left: 3rem !important;
}.text-primary {
    color: #3448C3 !important;
}
.bg-title-t{padding-bottom: 30px;}
.media.align-items-start ,.media.align-items-top {position: relative;padding-left: 30px;}
.media.align-items-start > img, .img-po{position: absolute;left: 0px;top: 8px;}
.list-unstyled li{padding-bottom: 30px;position: relative;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: bold;line-height: 1.5}
.p-sii li:nth-child(2) a{font-weight: bold;display: block;padding: 10px 0;font-weight: bold;}
.p-sii li:nth-child(3){padding: 10px 0;} 
a:focus, a:hover {color: #333}
.footer-reg a {display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    opacity: 0.6;
    vertical-align: middle;
    margin-bottom: 0px;}
    li{list-style: none;}
    .row {margin-left: -10px;margin-right: -10px;}
    .row > * {padding-left: 10px;padding-right: 10px;}
.p-i-c {    background-color: #f6f6f6;margin-bottom: 20px;}
.p-i-c li + li{padding: 10px 15px;}
.p-i-c li:nth-child(3) {padding-top: 0px;font-weight: bold;text-transform: uppercase;}
.p-i-c li:nth-child(1) a , .p-r-i li:nth-child(2) a , .img-bg{display: block;position: relative;padding-top: 85%;overflow: hidden;}
.p-i-c li:nth-child(1) a img ,  .p-r-i li:nth-child(2) a img  , .archive  .p-r-i li:nth-child(1) a img,.img-bg img{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;    -ms-transition: transform .8s cubic-bezier(.44,.185,.575,.86);
    -webkit-transition: transform .8s cubic-bezier(.44,.185,.575,.86);
    -moz-transition: transform .8s cubic-bezier(.44,.185,.575,.86);
    -o-transition: transform .8s cubic-bezier(.44,.185,.575,.86);
    transition: transform .8s cubic-bezier(.44,.185,.575,.86);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;}
    .p-i-c li:nth-child(1) a:hover img ,  .p-r-i li:nth-child(2) a:hover img , .img-bg:hover img{
    transform: scale(1.1);
}
.p-ii-c.p-ii-c-h {padding-left: 160px;min-height: 120px;margin-bottom: 15px;}
.p-ii-c.p-ii-c-h li:nth-child(1){width: 150px;}
.p-ii-c .img-bg{padding-top: 65%;}
.p-ii-c {position: relative;padding-left: 280px;min-height: 210px;}
.p-ii-c li:nth-child(2) a{display: block;font-weight: bold;padding-bottom: 10px;color: #0093DE}
.p-ii-c li:nth-child(1){position: absolute;left: 0px;width: 265px;top: 0px;}
.footer-reg {  padding: 50px 0;  background: url(img/banner3_img.png) no-repeat top right;color: #fff;
    background-size: contain;background-color:     #333;}
.form-group{margin-bottom:8px;position:relative}
.wpcf7-form-control-wrap{position:initial}
.p-s-b {background: #F5F7FA;padding: 25px;}
.box-6 h2{margin-bottom: 20px;}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.owl-carousel .owl-dots{text-align: center;position: absolute;bottom: 0px;left: 0px;width: 100%;}
.owl-carousel .owl-dots > *{display: inline-block;zoom: 1;}
.owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #9ab8f7 !important; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;}
.owl-carousel .owl-dots .owl-dot.active span{background: #333 !important;}
.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; margin: 0; line-height: 50px; border-radius: 0 5px 5px 0; background: #fff; width: 34px; position: absolute; top: 50%; transform: translate(0%,-50%); height: 50px; text-align: center; font-size: 35px; color: #999; font-family: -webkit-body; box-shadow: 0 0 4px 2px rgba(0,0,0,.15);}
.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; margin: 0; border-radius: 5px 0 0 5px; background: #fff; width: 34px; height: 50px; line-height: 50px; text-align: center; font-size: 35px; position: absolute; top: 50%; transform: translate(0%,-50%); color: #999; font-family: -webkit-body; box-shadow: 0 0 4px 2px rgba(0,0,0,.15);}
.single-post-sidebar .img img{width: 80px;float: left;margin-right: 15px;margin-top: 5px;}
.single-post-sidebar {padding: 10px 0;border-bottom: 1px solid #ddd;}
.title,.capt{margin-top: 0}
.answer  ul{padding-left: 30px;}
.answer ul li{list-style: inside;padding-bottom: 5px;}
.bg-w {background: #F5F7FA}
.header_top{background-color: #3448C3;height: 50px;}
.home-gallery img {margin-bottom: 15px;}
.answer  {padding:15px;border:1px solid #ededed;margin-top: 15px;display: none;}
.jquery-accordion-active .question i.fa-minus{display: block;}
.jquery-accordion-active .question .fa-plus{display: none;}
.question .fa-minus{display: none;}
.question h4{font-weight: normal;}
.jquery-accordion {border-bottom: 1px solid #ededed;padding-bottom: 15px;margin-bottom: 15px;}
.question {position: relative;padding-left: 40px;}
.question i{position: absolute;left: 0px;top: 0px;border-radius: 5px;border:1px solid #ddd;width: 30px;text-align: center;height: 30px;line-height: 30px;top: -2px !important;}
.searchform {width: 200px;position: relative;float: right;}
.searchform .search-input{float: left;width: 100%;height: 32px;margin: 0;border-radius: 5px;border-color: #ddd;outline: none;}
.searchform .submit-input{border:none;background: none;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;outline: none; color: #fff}
.header_top .searchform .search-input::-webkit-input-placeholder{color: #fff}
.header_top .searchform{margin-left: 20px;}
.header_top .searchform .search-input{color: #fff;background: none;}
#header{padding: 0px 0;position: relative;;top: 0px;width: 100%;background: none;z-index: 333;background: #fff;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%)}
.hear-top {background: #E1E1E1;padding: 10px 0}
#header.navbar-fixed-top {background: #fff;box-shadow: 0 4px 24px rgb(0 0 0 / 20%)}
.header_menu  {background: #0093DE}
.header_menu .menu{list-style: none;margin: 0;float: none;text-align: center;position: relative;top: 0px;}
.header_menu .menu>li{display: inline-block;margin-left: 0;position: relative;margin:0 0;}
.header_menu .menu a{color: #fff;font-size: 14px;}
.p50{padding: 50px 0}
.header_menu .menu>li.menu-item-has-children > a:after{content: "\f107";font: normal normal normal 14px/1 FontAwesome;padding-left: 5px;}
.header_menu .menu>li>a{display: block;line-height: 55px;text-transform: uppercase;padding: 0 15px;font-size: 16px;color: #fff;font-weight: bold;position: relative;}
.header_menu .menu>li>a:before{   }
.logo {position: relative;text-align: center;}
.logo img{max-height: 150px;}
#header.navbar-fixed-top .header_menu .menu>li>a{color: #333}
.header_menu .menu>li>a:hover{color: #3448C3}
.header_menu .menu>li.hotline_pc>a{color: #fff;line-height: 36px;border-radius: 20px;background-color: #3448C3}
.header_menu .menu>li.hotline_pc{margin-left: 12px;}
.header_menu .menu .sub-menu{display: none;list-style: none;margin: 0; padding: 0px ;z-index: 999; text-align: left; position: absolute;left: 0; top: 100%;min-width: 250px;background-color: #fff;box-shadow: 0 5px 11px 0 rgba(0,0,0,.27);}
.header_menu .menu .sub-menu>li{display: block;}
.header_menu .menu>li:hover>ul.sub-menu{display: block;}
.header_menu .menu .sub-menu>li>a{display: block;color: #333;border-left: 0px solid #3448C3;padding-left: 10px;line-height: 16px;margin: 5px;margin-left: 0;padding: 10px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin: 0;}
    .header_menu .menu .sub-menu>li>a:hover{    background: #0093DE;
    color: #fff!important;}
    .mt15{margin-top: 15px;}
.header_menu .menu sub-menu>li>a:hover{border-left: 3px solid #3448C3}
.h-3-m ul{display: block;text-align: center;}
.h-3-m ul li{float: none;display: inline-block;margin: 0  20px 0 0;position: relative;}
.h-3-m ul li:last-child{margin-right: 0}
.h-3-m ul li:before{    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #eee;
    width: calc(100% + 40px);}
    .h-3-m ul li:last-child:before{width: 100%;}
    .h-3-m ul li a:before {content: '';
    position: absolute;    transition: all .3s linear;
    bottom: 0;
    left: 0;
    height: 3px;}
    .h-3-m ul li:hover a:before{background: #ed1f24;width: 100%;}
.h-3-m ul li a{font-weight: bold;display: block;padding: 15px 0}
.banner_home{background-color: #3448C3;background-repeat: no-repeat;background-position: top right;}
.list-product-page .l-p-1:nth-child(2n) .col-md-5{order:2;}
.p20{padding: 20px 0}
.home-2 ul{position: relative;padding-left: 130px;min-height: 120px;padding-top: 20px;}
.home-2 ul li:nth-child(2) {    font-weight: 700;
    font-size: 35px;
    line-height: 47px;
    margin-bottom: 5px;}
.home-2 ul li:nth-child(1){    width: 110px;
    height: 110px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #f6f6f6;
    border-radius: 100%;position: absolute;left: 0px;top: 0px;
    margin-bottom: 10px;}
.home-2 {    padding: 20px 0 5px;
    background-color: #0093DE;color: #fff;}
.gt-1-c.p20{padding: 20px;}
.container-f {overflow: hidden;}
.align-center {
    -webkit-align-items: center !important;
    align-items: center !important;
}
.md-flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}.infoonedt ul li {
    width: calc(50% - 20px);
    padding: 12px 0;float: left;
    margin-right: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.content-post .c-p-mt {font-size: 25px;
    line-height: 37px;
    text-transform: uppercase;
    font-weight: bold !important;
    color: #0093DE;}
.infoonedt ul li:nth-child(2n+1){clear:both;}
.infoonedt ul li:nth-child(4){min-height: 101px;}
.infoonedt li .name {
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
}
.max-800 {max-width: 800px;margin: auto}
.home h2{text-transform: uppercase;    color: #0093DE;font-size: 22px;border-bottom: 0px solid #ccc;padding-bottom: 10px;position: relative;}
.home h2:before{   }
    .home .box-6 h2:before  ,.home .gt-1 h2:before {margin: 0}
   .home  .box-6 h2:before{background-color: #fff}
.p-sii-2 img{width: 100%;}
.p-sii-2 {background: #fff;margin-bottom: 15px;padding-bottom: 10px; margin-top: 15px;   }
.p-sii-2 li+ li{padding: 5px 15px;}
.p-sii-2 li:nth-child(2) a{font-weight: bold;font-size: 16px;padding-bottom: 0;display: block;padding-top: 10px;}
.img-full img{width: 100%;}
.max-800 {max-width: 800px;margin: 15px auto}
.p-content h2{text-align: center;}
.p-content {padding: 30px 0}
.p-list-content >*:nth-child(2n) {background: #f2f2f2;padding: 50px 0}
.p-menu ul{background-color: #0093DE; text-align: center;}
.p-menu  ul{margin-bottom: 0}
.p-menu  li{float: left;}
.p-menu  li a{display: block;padding: 8px 15px;color: #fff;}
.p-menu  li a.active{background: #ed1f24}
.wpcf7 h2{font-size: 40px;color: #333}
.p-info li span{display: inline-block;width: 100px;}
.p-info li {padding: 3px 0}
.p-info {border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.p-price {font-size: 22px;color: red;padding-top: 15px;}
textarea {max-height: 120px;}
.lh-page {background: #F5F7FA;position: relative;}
.p-sales {border-radius: 5px;overflow: hidden;border:1px dashed #ddd;}
.p-sales h3{margin: 0px;background: #0093DE;color: #fff;font-size: 18px;padding: 10px;}
.p-sales  > div {padding: 15px 15px 0;}
.p-why ul {border:1px solid #ddd;padding: 5px;padding-left:60px;position: relative;min-height: 68px;margin-top: 15px;overflow: hidden;}
.p-why ul img{position: absolute;left: 5px;top: 5px;width: 45px;position: absolute;}
ul {margin-bottom: 0}
.home-3 {background: url(https://bizweb.dktcdn.net/100/374/039/themes/844259/assets/map.png) no-repeat top center;background-color: #F9FFFF;padding: 100px 0}
.p-r-i {border:1px solid #ddd;}
.p-recent {margin-bottom: 30px;}
.p-r-i {text-align: center;margin-bottom: 20px;}
.p-r-i li:nth-child(1) a{font-weight: bold;font-size: 16px;padding: 20px 10px;display: block;background: #E6E6E6;text-transform: uppercase;font-size: 18px;min-height: 100px;color: #0093DE}
/*.archive  .p-r-i li:nth-child(1) a {background: none;    position: relative;
    padding-top: 85%;
    overflow: hidden;}
    .archive  .p-r-i {padding: 0    }
   .archive  .p-r-i li:nth-child(1) a img {transform: translate(0);}
   .archive  .p-r-i li:nth-child(1) a:hover img {transform: translate(0);}*/
/*  .archive  .p-r-i li:nth-child(2) a {padding: 0;    font-weight: bold;
    display: block;
    padding: 10px;}*/
.p-r-i {background: #E6E6E6;padding: 10px;}
.p-r-i li:nth-child(3){padding-bottom: 20px;color: red;display: none}
.box-8, .box-8 >* {
    position: relative;
}.box-8:before {
    background: #000;
    opacity: .8;
}
.p-p-l .p-i-c{margin-top: 20px;}
.p-p-l {background: #ededed;padding: 20px ;}
.p-p-l > h3 {margin-top: 0;text-transform: uppercase;position: relative;}
.p-p-l > h3:before{content: '';width: 100px;left: 50%;bottom: -5px;margin-left: -50px;height: 2px;background: #0093DE;position: absolute;}
.box-8 img{width: 100%;}
.box-8:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #00000090;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}.box-8 .box-8-c {
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 3;
    text-align: center;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}.box-8 .box-8-c h2 {
    font-weight: bold;color: #fff;background: none;border:0px;
}
.box-8 .box-8-c h2:before{display: none}
.btn-reg {
    padding: 20px 37px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

.btn-reg {
    background: #0093DE;
    text-transform: uppercase;
    box-shadow: 3px 3px 2px rgb(0 0 0 / 8%);
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    padding: 15px 35px;
    height: auto;
    line-height: 1.5;
    margin-top: 30px;
}
.sidebar .widget {    border-bottom: 1px solid #E4E4E1;    background: #F6F6F4;margin-bottom: 15px;border-radius: 5px ;overflow: hidden;}
.sidebar .widget .sidebar-title {background: #0093DE;padding: 10px;font-size: 16px;color: #fff}
.sidebar .widget .menu li a{display: block;padding: 10px;    display: block;
    padding: 8px 20px;
    border-bottom: 1px solid #E4E4E1;
    font-weight: 500;
    padding-left: 35px;
    border-top: 1px solid #fff;background: url(https://noithattugia.com/wp-content/themes/bvmedia/img/li.svg) no-repeat left 2px;    background-size: 10px;
    background-position: 20px;}
    .sidebar .widget .menu li:last-child a{border-bottom: 0}
.p-sales  > div li:before{    content: "\f046";font: normal normal normal 14px/1 FontAwesome;padding-right: 5px;color: #21b384}
.hotline-item img{border-radius: 50%;max-height: 88px;}
.hotline-item {padding: 15px 0;border-bottom: 1px solid #ddd}
.home-9 h1 ,.h-10-l-t{   
    font-weight: bold;
    font-size: 40px;
    line-height: 56px;
    color: #121E28;
    width: 66%;}
    .h-10-l-i li:nth-child(2){    font-size: 32px;
    line-height: 40px;
    margin-top: 27px;
    margin-bottom: 8px;
    color: #2838C1;
   } .h-10-l-i img{height: 55px;}.h-10-l-i {margin-top: 20px;}
   .home-10 {    background: url(img/deploy-bg.png) no-repeat top right;padding-top: 200px;position: relative;
    background-size: cover;}
    .home-10:before{position: absolute;right: 0px;top: 0px;background: url(img/p1.png) no-repeat center;width: 170px;height: 277px;content: ''}
.lh-page:before ,.home-9:before{position: absolute;left: 0px;top: 0px;background: url(img/p2.png) no-repeat center;width: 170px;height: 277px;content: ''}
.textwidget p{margin: 0;padding-bottom: 5px;}
.m20{margin: 20px 0}
.page_title{margin-top: 0;margin-bottom: 10px;font-size: 24px;}
.meta_single span{color: #9b9b9b;margin-right: 15px;}
.post-recent h3 {font-size: 22px;}
.meta_single{padding-bottom: 3px;padding-left: 30px;background: url(img/icfcalendar.svg) no-repeat left center;margin-top: 10px;}
.content-post{padding: 10px 0;font-size: 15px;}
.align-items-center {
    align-items: center !important;
}
.footer-info {padding: 15px 0;}
.p-rc li a{display: block;padding: 15px 0;background: url(img/chevron-right.svg) no-repeat left center;padding-left: 30px;font-weight: normal;color: #333;border-bottom: 1px solid #ddd;}
.footer-content-des-row {padding-bottom: 15px;position: relative;padding-left: 20px;font-weight: bold;
}
.info-footer i{width: 15px;text-align: center;}
.info-footer li{padding-bottom: 5px;}
.footer-title {    font-size: 18px;text-transform: uppercase;color: #0093DE;border-bottom: 1px solid #ccc;padding: 10px 0;
    line-height: 27px;font-weight: bold;margin-bottom: 15px;}
#footer a{color: #fff}
.footer-title span {position: relative;}
.footer-title span:before{content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #d5d5d5;
    top: initial;
    bottom: -16px;
    left: 0px;}
#footer .f-menu li {list-style: inside}
.news-menu ul{margin-bottom: 0}
.p-icon-text {color: #71787E;} .footer-social-wrapper {
    margin-top: 0px;
}.p-icon-medium {
    vertical-align: middle;
    width: 64px;
    height: 64px;
    margin-right: 8px;display: inline-block;
}
.home-dt {background: url(img/bg-dt.jpg) no-repeat center;background-size: cover}
.post-recent {margin-bottom: 30px;}
.p-ii-c-r.p-ii-c{padding-left: 0px;}
.p-ii-c-r.p-ii-c li:nth-child(1) {position: relative;width: 100%;margin-bottom: 20px;}
.p-ii-c-r2.p-ii-c {padding-left: 150px;height: auto;min-height: 100px;margin-bottom: 20px;}
.p-ii-c-r2.p-ii-c li:nth-child(1){width: 125px;top: 5px;}
.galleryvideo {position: relative;}
.galleryvideo .img{position: relative;}
.galleryvideo .img:before{    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 50%;
    right: 50%;
    border-top: solid 1px rgba(255,255,255,0.3);
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    pointer-events: none;
    z-index: 1;}
    .galleryvideo .img:after{content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    bottom: 50%;
    border-left: solid 1px rgba(255,255,255,0.3);
    border-right: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    pointer-events: none;
    z-index: 1;}

    .galleryvideo .img a {
    display: block;
    padding-top: 66.67%;
    position: relative;
    overflow: hidden;
}.galleryvideo .img a:after {
    background: url(img/iivideo.png) no-repeat center;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    bottom: inherit;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-size: contain;position: absolute;content: '';
}
.galleryvideo.galleryimg .img a:after{
    background-image: url(img/iiimg.png);border-radius: 0px;    transform: translate(0%,0%);
    top: auto;
    left: 15px;
    bottom: 10px;
    width: 39px;
}
.galleryvideo .tend {
    z-index: 2;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    padding: 15px;
    text-align: center;
    background-color: #fff;
}
.galleryvideo .tend h3 {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    height: 24px;
    overflow: hidden;
}
.galleryvideo .img a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 1;
    opacity: 0.2;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.galleryvideo .img a img {
    position: absolute;
    top: 0;
    left: 0;height: 100%;
    width: 100%;
    transition: -webkit-transform 4s cubic-bezier(0,.6,.45,1);
    transition: transform 4s cubic-bezier(0,.6,.45,1);
    transition: transform 4s cubic-bezier(0,.6,.45,1),-webkit-transform 7s cubic-bezier(0,.6,.45,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.owl-carousel button.owl-dot {background: none}
.p-loai ul li:nth-child(1){border-radius: 5px;border:1px solid #ddd;}
.p-loai ul li:nth-child(1) img{max-height: 52px;}
.p-loai ul {text-align: center;margin-top: 15px;font-size: 13px;}
.p-color ul {text-align: center;margin-top: 15px; font-size: 13px;}
.p-color li:nth-child(1) span{display: inline-block;width: 30px;height: 30px;border-radius: 30px;}
.product-title {margin-top: 0px;font-size: 32px;font-weight: 600;}
.gt-1-c h3 ,.gt-p2 h2{    color: #0093DE;}
.gt-p2 ul{padding-left: 120px;position: relative;min-height: 120px;padding-top: 20px;}
.gt-p2 ul li:nth-child(2){font-weight: bold;    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;}
.p-buy {margin-top: 20px;}
.p-buy a ,.btn-size{display: inline-block;    background-color: #0093DE;
    color: #fff;
    position: relative;
    border: none;
    overflow: hidden;
    border-radius: 5px;padding: 8px 20px;text-transform: uppercase;}
    .p-buy a:hover ,.btn-size:hover{background: #ed1f24;color: #fff}
    .home-4 {background: #f2f2f2}
.gt-p2 ul li:nth-child(1){position: absolute;left: 0px;top: 0px;width: 100px;height: 100px;border-radius: 50%;background: #f6f6f6;text-align: center;line-height: 100px;}
.thecvideo {
    position: relative;
    margin-bottom: 35px;
}.thecvideo .playvideo {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-color: #fff;
    pointer-events: none;
}.vhtoa::before {
    content: '';
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 20px solid #fff;
    opacity: .5;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .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%;
}
.factoryhome {
    position: relative;
}.factoryhome .decsfac {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}.wrapping {
    padding: 0 60px;
}.factoryhome .decsfac .dswrap {
    max-width: 465px;float: right;
    width: 100%;
}.factoryhome .decsfac .dscont {
    padding: 35px 45px 50px;
    background-color: rgba(255,255,255,.85);
}.factoryhome .dscont .dstile {
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
}.factoryhome .dscont .dstile::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 3px;
    background-color: #0093DE;
}
.soluhome {
    padding: 100px 0 160px;
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}.soluhome::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0093DE;
    opacity: .65;
    z-index: -1;
    pointer-events: none;
}.soluhome .insolu {
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}.soluhome .ttsolu {
    padding-top: 70px;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
}.soluhome .ttsolu h2 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 400;
}
.footer-content-des-row .footer-icon-wrapper {position: absolute;left: 0px;top: 5px;}
.d-flex {
    display: flex !important;
}.h-100 {height: 100%;}
.input-name {display: inline-block;padding: 10px 0;}
.wpcf7-form br{display: none;}
.gt-1-c {padding-left: 20px;}
.gt-1-c-3 {padding-top: 20px;text-align: justify;}
.gt-1-c-1 {margin-bottom: 0;color: #0093DE;text-transform: uppercase;font-weight: bold;}
.gt-1-c-2{margin-top: 0px;color: #ed1f24}
.gt-2 li:nth-child(1) {width: 110px;
    height: 110px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0093DE;
    border-radius: 100%;
    margin-bottom: 10px;}
.gt-2 li:nth-child(2){    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    color: #ed1f24;
    margin-bottom: 5px;}    
    .gt-2 li:nth-child(3){    color: #666;
    font-size: 15px;
    line-height: 23px;}
    .gt-2 li:nth-child(1) img{    max-width: 60%;
    max-height: 60%;}
.content-post a{color: #3448C3;}
.content-post a:hover{color: #3448C3;}
.content-post p{margin-bottom: 15px;}
.content-post h1{font-weight: bold;font-size: 20px;text-align: center;margin: 20px 0 10px;text-transform: uppercase;}
.content-post h2{font-size: 17px;font-weight: bold;margin: 30px 0 10px;padding-left: 7px;border-left: 5px solid #3448C3;text-transform: uppercase;color: #333;}
.content-post h3,.content-post h4{text-transform: uppercase;font-weight: 500;margin: 20px 0 10px;padding: 5px 0;font-size: 16px;}
.content-post ul{padding-left: 30px;margin-bottom: 15px;}
.content-post ul li{margin: 5px 0;}
.footer-coppy {padding: 20px 0}
#footer {    background-color: #c4c5c5; 
    padding: 50px 0;
    color: #fff;margin-top: 150px;
    position: relative;}
    #footer:before{background: url("//bizweb.dktcdn.net/100/360/494/themes/801562/assets/bg-contrinhdathicon.png?1641868426104");background-size: 100%;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    background-position: left bottom;content: '';    width: 100%;
    height: 155px;
    top: -155px;
    display: block;
    position: absolute;}
.flr {float: right;}
.p-c-title {    background: #0093DE;
    padding: 10px;
    font-size: 16px;
    color: #fff;margin-top: 0}
    .gt-1.home-1.p50 {background: url(img/gt.jpg) no-repeat center;}
    .home-u-1 {    background: url(img/choose_bg.webp) #f2f7f8 center top;
    padding:  0px 0 0 0 !important;}
    .h-u-2 h2{    font-weight: 700;
    font-size: 26px; text-align: center;position: relative;margin-bottom: 10px;}
    .h-u-2 h2 span:before{content: "";
    width: 45px;
    position: absolute;
    bottom: 0px;
    background: #19b7f9;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);}
    .h-u-2  ul {padding-left: 80px;position: relative;}
    .h-u-2  ul li:nth-child(1){position: absolute;width: 65px;left: 0px;top: 10px;}
    .h-u-2  ul li:nth-child(1) span{position: relative;
    color: #fff;
    font-size: 26px;
    z-index: 9;
    top: 10px;
    left: 20px;}
    .h-u-2  ul li:nth-child(1) span:before{background-color: #19b7f9;
    content: "";
    left: -7px;
    height: 45px;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 45px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: -1;}
    .h-u-2  ul {margin-bottom: 20px;}
    .h-u-2  ul li strong{font-size: 18px;display: block;padding-bottom: 10px;}
    .home-tt {    background: #e3e3e3;}
    .home-tt h2{border-bottom: 1px solid #ccc;margin-bottom: 25px;
    padding-bottom: 6px;position: relative;}
    .home-tt h2:before{background:  url(img/bg-heading.png);content: "";
    display: inline-block;
    width: 125px;
    height: 7px;
    position: absolute;
    bottom: -6px;
    left: 0px;}
    .h-tt-1 {text-align: justify;}
    .home-gg {background: #fff}
@media(max-width:768px) {
    .p-why  {display: none}
    .p50{padding: 20px 0}
    .sidebar{display: none}
    .product-title {font-size: 24px;}
    .home-gallery .col-md-6 ,.p-recent .col-md-3 ,.tax-product_cat .col-md-4{width: 50%;float: left;}
    .p-p-l .p-i-c {margin-bottom: 0}
    .box-8 .box-8-c h2 {font-size: 18px;}
    .box-8, .box-8 >* {min-height: 258px;}
    .container-full {padding: 10px;}
    .header-mobile {width: 100%;}
    .logo img {position: relative;max-height: 55px;}
.flr{float: none;}
    .home-9 li {width: 100%}
    .p-t-l {height: 250px;}
    .animated-item-2 p{font-size: 24px;}
    .footer-reg {    background: #333;}
    .md-flex {display: block;}
    .h-2-l {text-align: center;}
 
    .lh-img  ,.post-top-category{display: none}
    .p50 {padding: 20px 0}
    .footer-info {text-align: left;}
    .h-2-l-t  , .h-3-l-t h2{font-size: 22px;line-height: 1.5}
    .h-3-l-i > li:nth-child(1) {font-size: 18px;line-height: 1.5;min-height: 30px;}
    .h-3-l-i ul {min-height: 30px;}
    .h-2-l-i img {position: relative;top: 0px;}
    .h-2-l-i {padding: 15px;}
    .p100 {padding: 20px 0}
    .row {margin-left: -6px;margin-right: -6px;}
    .title_sec {margin-bottom: 0}
    .row > div {padding-left: 6px; padding-right: 6px;}
    .support-fix {left: 10px;bottom: 10px;}
    .h-10-l-l .col-md-6{float: left; width:50%;}
    .container {position: relative;}
    .list_news .col-md-3:nth-child(2n+1){clear:both;}
    .list_news .col-md-3{float: left;width: 50%;}
    .support-fix ul li {float: left;padding-right: 10px;}
.header-mobile{padding: 4px 0}
#sticker .hotline .text b{color:#3448C3;font-size:16px}
#sticker .lang{border-top:1px solid #3448C3;padding:12px 15px;text-transform:uppercase}
.bg-red{background-color:#3448C3}
.cl-red{color:#3448C3}
#sticker-wrapper{width:100%;max-width:100%;background:#3448C3;height:100%;border:none;z-index:1;left:-100%;display:block;position:relative;padding:116px 0 50px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;margin:0}
#touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{background-color:#333;position:absolute;width:30px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px}
.container{width:100%;padding:0 15px;overflow:hidden}
iframe{width: 100%}
.menu-main{display:none}
.fixed{position:fixed!important;z-index:1000000;width:100%;background:#fff;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);box-shadow:0 2px 7px 0 rgba(0,0,0,.1)}
.content-header .tbl{padding:5px 0;width:100%}
.tbl > .tbl-cell{display:table-cell}
.header-mobile{padding: 5px 0}
.content-header .tbl .tbl-cell{width:30%;white-space:nowrap}
.logo img{max-width:55%}
.text-hl{font-size:13px}

.num-hl{font-size:18px;font-weight:700}
#sticker{width:100%;height:100%;left:0;top:0;z-index:999;visibility:hidden;opacity:0;position:fixed}
#sticker.opened{visibility:visible;opacity:1;transition:ease-in-out .3s}
#sticker .container{padding:0}
#sticker-overlay{opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out}
#sticker.opened #sticker-wrapper{left:0}
#sticker.opened #sticker-overlay{opacity:1;visibility:visible}
#sticker .tbl,#sticker .tbl-cell{display:block;width:100%}
#sticker .sticker-header{position:absolute;top:0;left:0;width:100%}
#sticker .sticker-header .title{font-size:20px;line-height:75px;text-transform:uppercase;color:#fff;padding:0 50px 0 20px}
#sticker .sticker-header .close-menu{width:40px;height:40px;line-height:40px;position:absolute;right:5px;top:17px;cursor:pointer;text-transform:uppercase}
#sticker .sticker-header .close-menu:before,#sticker .sticker-header .close-menu:after{width:18px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -9px;content:"";background:#fff}
#sticker .sticker-header .close-menu:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
#sticker .sticker-header .close-menu:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#sticker .sticker-body{max-height:100%;overflow:auto}
#sticker .search form{position:relative}
#sticker .search form input{width:100%;height:40px;line-height:40px;padding:0 30px 0 15px;background-color:#fff;border:none;outline:none!important;margin-left:0}
#sticker .search form button{position:absolute;top:7px;right:10px;background:none!important;color:#666;outline:none!important;border:none;font-size:20px;padding:0}
#sticker ul.main-menu{display:block;float:none!important;padding:0;margin:0}
#sticker .main-menu > li{display:block;border-top: 1px solid #3d5bad;
    border-bottom: 1px solid #1d2d57;padding:0;position:relative;width:100%}
    #sticker #sticker-wrapper .main-menu  li {position: relative;}
#sticker .main-menu > li > a{color:#fff;padding:11px 45px 11px 15px;display:block;text-align:center;font-weight:400;font-size:16px;text-transform:capitalize}
#sticker #sticker-wrapper .main-menu  li > .fa{position:absolute;right:0;top:0;line-height:39px;width:39px;text-align:center;cursor:pointer;margin:0;font-size:12px;display:block;color:#fff}
#sticker ul.main-menu > li ul{position:static;transform:none;width:100%;padding-left:10px;margin-left:0;background-color:transparent;display:none;margin-bottom:10px}
#sticker ul.main-menu > li ul:after{display:none}
#sticker ul.main-menu > li ul > li{border-bottom:none;list-style:none;margin-bottom:5px}
#sticker ul.main-menu > li ul > li > a{border-bottom:none;padding:7px 10px 7px 20px;color:#fff}
#sticker .sticker-footer{position:absolute;bottom:0;left:0;width:100%;background-color:#2d2d2d;color:#fff}
.sticker-footer .hotline{color:#2d2d2d;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid#fff;padding:7px;text-align:center;border-radius:20px;margin:5px 20px;background-color:#fff}
.sticker-footer .hotline a{color:#2d2d2d;font-size:18px;font-weight:700}
#sticker .hotline .text{min-height:34px;line-height:34px;background:url(img/hotline-icon.png) 3px 4px no-repeat;white-space:nowrap;padding:0 10px 0 40px;background-color:#fff!important;border-radius:34px}
#sticker .hotline .text span,#sticker .main-menu > li.hotline .text b{display:inline-block;font-weight:600}
#sticker .hotline .text span{color:#5d5d5d;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;padding-right:5px}
#sticker .lang .current{color:#ddd;font-weight:700}
#sticker .socials{display:inline-block;width:auto;color:#fff;margin-bottom:0;padding:0}
#sticker .socials:after{content:"";display:table;clear:both}
#sticker .socials > li{width:16.666666666667%;border:none;float:left;list-style:none}
#sticker .socials > li > a{padding:0;display:block;height:50px;line-height:50px;border:1px solid #bbb8b8;text-align:center;border-left:none;font-size:18px;color:#fff}
#sticker .socials > li > a .fa{border-radius:0;font-size:20px;color:#fff}
#sticker .socials > li:last-child > a .fa{border-right:none}
#touch-menu{width:30px;height:25px;float:right;position:absolute;margin-top:1px;right:10px;top:19px;z-index:99}
#touch-menu .touch-menu-inner{display:block;margin-top:-2px;top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}
#touch-menu.opened .touch-menu-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
#touch-menu.opened .touch-menu-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}
#touch-menu.opened .touch-menu-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}
#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{display:block;content:""}
#touch-menu .touch-menu-inner:before{top:-10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
#touch-menu .touch-menu-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
.banner_home{background-size: cover;}
.text_banner .sub{font-size: 40px;}
.text_banner{padding: 50px 0;}
.item_news .info{padding: 8px;}
.box_sec{padding: 20px 0}
.item_news .info .desc{margin: 5px 0;}
.item_news2 .capt{padding: 10px;    max-height: 58px;
    overflow: hidden;}
.section4 .title_sec{margin-top: 20px;}
#footer .row>div{margin-bottom: 20px;}
.section4.box_sec .col-md-4{float: left;width: 50%;}.item_news .img, .item_news2 .img {height: 130px;}
.big_news .img{height: 128px;}
.section4.box_sec .col-md-4:last-child {width: 100%}


.header-mobile {background: #fff}
#sticker-wrapper {padding-top: 60px;}
.menu-item .sub-menu {min-width: 200px;background: #fff !important;padding: 5px;}
.menu-item .sub-menu li a{color: #3448C3 !important; border:1px dashed #3448C3 !important; border-radius: 5px;line-height: 1.5;margin:0px;padding: 5px 8px !important}
.menu-item .sub-menu li {padding-right: 5px; padding-bottom: 5px;width: auto}
.header-mobile {position: fixed;top:0px;border-top: 5px solid #3448C3;z-index: 3333;}

body{padding-top: 40px;}
.tbl .hotline > a {    background: #3448C3;
    color: #fff;
    display: inline-block;
    padding: 6px;
    border-radius: 13px;}
    .cl-red {color: #fff}
}