@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&subset=vietnamese');
body,* { font-family:'Roboto',sans-serif; font-size:14px; }
.left { float:left; }
.right { float:right; }
/* ---- BASE CSS --- */
@media (min-width:1200px) {
    .container { max-width:1200px; }

}
@media (max-width: 1200px) {#logoAndNav{padding-top: 70px;}.list-products .block-title{height: auto;} .list-products .block-title ul{margin-bottom:0px;}}
img{max-width: 100%;}
a:hover { text-decoration:none; }
.red { color:#f00400;font-weight: bold; }
.blue { color:#24b0f4; }
.bg-red { background:#f00400; }
.bg-blue { background:#24b0f4; }
.icon { min-width:20px; min-height:20px; }
.icon.calender { background-image:url('../images/calendar.png'); background-size:13px; float:left; background-repeat:no-repeat; margin-top:1px; }
.icon.views { background-image:url(../images/views.png); background-size:13px; float:left; background-repeat:no-repeat; margin-top:1px; }
b,strong { font-weight:initial; }
span.icon.tel { background-image:url(../images/icon-phone.png); display:block; float:left; background-repeat:no-repeat; margin-top:13px; }
span.icon.mail { background-image:url(../images/icon-mail.png); display:block; float:left; background-repeat:no-repeat; margin-top:13px; }
/*TOPBAR*/
/*------------------------------------
  Hamburgers
------------------------------------*/
.u-hamburger {
  font-size: inherit;
  line-height: 0;
  padding: 1rem;
  z-index: 9;
}
footer.bg-blue {background: #333;}

.u-hamburger:hover .u-hamburger__inner, .u-hamburger:hover .u-hamburger__inner::before, .u-hamburger:hover .u-hamburger__inner::after {
  background-color: #377dff;
}
@media(max-width: 600px) {
  #navBar {
    z-index: 99999;
    border-top: 1px solid #ccc;
  }
}
.u-hamburger__box {
  width: 1.5625rem;
  height: 0.96875rem;
  display: inline-block;
  position: relative;
}

.u-hamburger__inner {
  display: block;
  top: 0.07812rem;
  margin-top: -0.07812rem;
}

.u-hamburger__inner, .u-hamburger__inner::before, .u-hamburger__inner::after {
  width: 1.5625rem;
  height: 0.15625rem;
  background-color: #222;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.u-hamburger__inner::before, .u-hamburger__inner::after {
  content: "";
  display: block;
}

.u-hamburger__inner::before {
  top: 0.40625rem;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.u-hamburger__inner::after {
  top: 0.8125rem;
}

.u-hamburger[aria-expanded="true"] .u-hamburger__inner,
.u-hamburger .is-active .u-hamburger__inner {
  -webkit-transform: translate3d(0, 6.5px, 0) rotate(45deg);
          transform: translate3d(0, 6.5px, 0) rotate(45deg);
}

.u-hamburger[aria-expanded="true"] .u-hamburger__inner::before,
.u-hamburger .is-active .u-hamburger__inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0);
          transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0);
  opacity: 0;
}

.u-hamburger[aria-expanded="true"] .u-hamburger__inner::after,
.u-hamburger .is-active .u-hamburger__inner::after {
  -webkit-transform: translate3d(0, -13px, 0) rotate(-90deg);
          transform: translate3d(0, -13px, 0) rotate(-90deg);
}

.u-hamburger--white .u-hamburger__inner, .u-hamburger--white .u-hamburger__inner::before, .u-hamburger--white .u-hamburger__inner::after {
  background-color: rgba(255, 255, 255, 0.8);
}

.u-hamburger--white:hover .u-hamburger__inner, .u-hamburger--white:hover .u-hamburger__inner::before, .u-hamburger--white:hover .u-hamburger__inner::after {
  background-color: #fff;
}

.js-header-fix-moment .u-hamburger--white .u-hamburger__inner, .js-header-fix-moment .u-hamburger--white .u-hamburger__inner::before, .js-header-fix-moment .u-hamburger--white .u-hamburger__inner::after {
  background-color: #8c98a4;
}

.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner, .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::before, .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::after {
  background-color: #377dff;
}

ul.navbar-nav.u-header__navbar-nav.ml-lg-auto { z-index:3; height:100px; }
.navbar-nav > li.nav-item { line-height:90px; }
.topbar:before { content:""; background-color:rgb( 0,0,0 ); opacity:0.702; position:absolute; top:0; width:100%; left:0; height:100%; }
.topbar .container { z-index:6; position:relative; }
#main-header { position:relative; width:100%; }
#main-header .icon.icon-search { background-image:url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-search-strong-128.png'); background-size:100%; display:block; position:absolute; top:5px; right:10px; }
#main-header .topbar { color:#fff; font-size:14px; min-height:37px; line-height:37px; position:fixed; z-index:3; width:100%; }
#main-header .topbar:after { content:""; display:table; clear:both; }
#main-header .topbar .block { display:inline-block; }
#main-header .topbar .block:first-child { margin-right:15px; }
#main-header .search { position:relative; margin-top:3px; min-width:242px; }
#main-header .search input { border:0; border-radius:2px; outline:0; box-shadow:none; }
#main-header .navbar-brand img { height:100%; }
/*#logoAndNav { position:absolute; height:100px; width:100%; top:70px; left:0; right:0; z-index:999; max-width:1140px; margin:0 auto; }*/
#logoAndNav nav{border-radius:5px; /* background-color:rgb( 255,255,255 ); */

/* opacity:0.8; */

height:90px}
#navBar a { color:#fff; margin-right:10px; font-size:14px; text-transform:uppercase; font-weight:500; z-index:3; }
#navBar a:hover,#navBar .active { color:#3fb1f2; }
.hs-mega-menu.u-header__sub-menu { color:#fff; }
.hs-mega-menu.u-header__sub-menu a { color:#333 !important; opacity:1; font-weight:400; font-size: 13px !important; }
#logoAndNav nav:before { background:#333; position:absolute; top:0; width:100%; opacity:0.8; content:""; height:100%; z-index:2; left:0; border-radius:6px; }
.hs-mega-menu.u-header__sub-menu:before { background:#fff; position:absolute; top:0; width:100%; opacity:0.8; content:""; height:100%; z-index:2; left:0; border-radius:6px; }
.hs-mega-menu * { line-height:12px !important; }
ul.navbar-nav.u-header__navbar-nav.ml-lg-auto { z-index:3; }
.navbar-brand { z-index:3; }
.hs-mega-menu.u-header__sub-menu.w-100.u-header__mega-menu-wrapper-v2.animated.hs-position-left.slideInUp { background:transparent; }
.u-header__mega-menu-wrapper-v1 { padding:20px 10px; }
.d-none.d-lg-block.u-header__banner-v1{/* z-index:22222; */


/* position:relative; */}
.menu-img img { padding:20px; width:100%; }
.row.p-0.mr-0 { z-index:22222; position:relative; }
.u-header__mega-menu-wrapper-v1 li:before { content:"\f061";font-family: "FontAwesome";color: #333; width:12px; height:12px; position:absolute; font-size:11px; top:10px; left:-5px; background-repeat:no-repeat; }
.u-header__mega-menu-wrapper-v1 li { position:relative; padding-left:0.8em; }
.carousel-content { position:absolute; right:0; bottom:0; background:#fb3f40; color:#fff; padding:24px;     max-width: 500px;}
.carousel-content:before { content:""; width:0; border-top:179px solid #fb3f40; border-left:100px solid transparent; position:absolute; top:0; left:-100px; height:100%; }
.carousel-content a { color:#fff; text-decoration:none; font-weight:300; font-size:14px; letter-spacing:0.2px; }
a.carousel-control-next span,a.carousel-control-prev span { padding:15px; background-color:#333; color:#fff; display:block; background-size:53%; }
/*---------- MAIN CONTENT --------- */

.block-home { padding:20px 0 0 0; }
.ui-block-content { padding-top:20px; display:block; overflow:hidden; }
.block-home.features  .list { padding:0px 0; }
.block-home.features .list .item { display:inline-block; width:20%; }
.u-indicator-dots { display:block; margin-bottom:20px; }
.block-home.features .list .item p { font-size:14px; font-weight:300; }
.block-home.features .list .item h3 { font-size:16px; }
.ui-home-title { font-size:26px; text-transform:uppercase; margin-bottom:40px; position:relative; }
.ui-home-title:before { background-image:url('../images/line-block-title.png?v=2'); content:""; background-size:100%; width:300px; height:30px; background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); top:65px; }
div.subcribe h5,div.subcribe p { color:#fff; }
.subcribe-input .group-left { float:left; width:61%; }
.subcribe-input .group-left input { border-radius:2px; border:0; margin-bottom:6px; }
.subcribe-input button.btn-subcribe { float:right; background:#333333; color:#fff; height:100%; margin:0; min-width:193px; }
.subcribe-input .group-left input:last-child { margin-bottom:0; }
.block-title { width:100%; border-bottom:2px solid #f00400; height:40px; line-height:40px; font-size:14px; margin:0 15px; margin-bottom:20px; }
.block-title .left { background:#f00400; color:#fff; padding:0 20px; font-weight:500; text-transform:uppercase; line-height:40px; position:relative; padding-right:5em; font-size:16px; }
.list-products { padding:40px 0 0 0; }
.block-title .left:before { content:""; width:0; height:0; border-bottom:12px solid #7e0200; border-right:12px solid #fff; position:absolute; right:0; top:0; }
.block-title .right li a { color:#333; }
.block-title .right li.space { margin:0 9px; }
.ui-list  a { color:#222; }
.list-products .ui-list  h3 { font-size:14px; font-weight:400; width:100%; display:block; border-bottom:1px solid #f00400; padding-bottom:15px; padding-top:15px; }
.ui-list.project h3 { font-size:14px; font-weight:600; width:100%; display:block; padding-top:15px; border-bottom:0; }
.info { font-size:12px; }
.info .created { float:left; }
.info p.views { float:right; text-align:right; margin:0; padding:0; }
.info p { margin-bottom:0; color:#999; }
.ui-list .item { padding-bottom:15px; text-align: center;}
.ui-list .item img { width:100%;height: 150px; }
/*LISTT PRODUCT*/

.block-title .right li { display:inline-block; color:#333333; font-size:13px; }
.block-title .right li a { display:inline-block; color:#27adf6; font-size:13px; }
.block-news .ui-list { font-size:14px; }
.block-news h5 { font-size:14px; }
.block-news ul.list li { position:relative; padding-left:20px; margin-bottom:10px; font-size:14px; letter-spacing:0.1px; }
.block-news ul.list li:before { content:""; background-image:url('../images/ico-list.png'); width:100%; position:absolute; top:2px; left:0; height:17px; background-repeat:no-repeat; }
.block-news .info p.views { float:left; margin-left:3em; }
.block-news p.excontent { display:block; clear:both; line-height:23px; }
.block-news .first { margin-bottom:1em; }
p.ex-content { border:1px solid rgb( 204,204,204 ); border-radius:4%; padding:15px; position:relative; background-color:transparent; font-size:14px; line-height:21px; color:#333;    height: auto; }
p.ex-content::after { content:' '; position:absolute; width:0; height:0; left:auto; right:27px; top:auto; bottom:-22.7px; border:13px solid; border-color:white transparent transparent white; }
p.ex-content:before { content:' '; position:absolute; width:0; height:0; left:auto; right:30px; top:auto; bottom:-25px; border:12px solid; border-color:rgb( 204,204,204 ) transparent transparent rgb( 204,204,204 ); }
.list-com-customers .carousel-indicators li { width:12px; height:12px; text-indent:-999px; box-shadow:none; background:url("../images/arrow-v1.svg"); background-repeat:no-repeat; }
.list-com-customers .carousel-indicators li.active { width:12px; height:12px; text-indent:-999px; box-shadow:none; background:url("../images/arrow-v1-atv.svg"); background-repeat:no-repeat; }
.list-com-customers .carousel-indicators { position:absolute; right:0; bottom:10px; left:auto; padding:0; margin:0; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; padding-left:0; margin-right:0; margin-left:0; list-style:none; }
.list-com-customers .carousel-indicators li:before { display:none; }
.list-com-customers p.info-c { font-size:13px; color:#999; }
.carousel-indicators li { position:relative; -ms-flex:0 1 auto; flex:0 1 auto; width:10px; height:10px; border-radius:50%; margin-right:3px; margin-left:3px; text-indent:-999px; background-color:rgba(255,255,255,.5); }
ul.our-clients li { border:0 !important; width:13% !important; padding:0 !important; min-height:115px !important; border:1px solid #e9e9e9 !important; text-align:center; display:inline-block; flex-direction:column; justify-content:center; margin-right:2em; }
ul.our-clients li:last-child { margin-right:0; }
ul.our-clients li:nth-child(7n) { border-right:0 !important; }
ul.our-clients li img { height:auto; width:auto; max-width:100%; margin:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:100%; background:#fff; }
ul.our-clients li img:hover {}
#main-content:after { content:""; display:table; clear:both; }
main#main-content { min-height:500px; }
/*FOOTER*/
.customer img{
	height: 80px;
	width: 80px;
	border-radius: 100%;
}
footer:after { content:""; display:table; clear:both; }
footer { color:#fff; padding-top:1em; padding-bottom:2em; }
footer a,footer a:hover { color:#fff; font-size:14px; }
footer h3 { position:relative; height:30px; line-height:38px !important; text-transform:uppercase; font-weight:500 !important; font-size:16px !important; }
footer h3:after { content:""; background-color:rgb( 102,205,255 ); box-shadow:0.5px 0.866px 0 0 rgba(34,34,34,0.22); height:2px; position:absolute; bottom:-8px; width:100%; left:0; }
footer li { clear:both; overflow:hidden; padding-top:10px; }
footer li span.svg-icon { width:12px; height:12px; float:left; margin-top:3px; margin-right:4px; }
footer p { color:#fff; }
.copyright { background:#222; padding:10px 0; color:#fff; }
.copyright p { margin:0; padding:0; }
/* CALL CSS */

.alo-ph-img-circle { width:50px; height:50px; top:35px; left:35px; position:absolute; background:rgba(30,30,30,0.1) url(https://1.bp.blogspot.com/-UbTOXZnLovo/V9kU1RLbX4I/AAAAAAAAGYA/4qQQ0CBifcM8IlNe7f-aVL2Ln-wzLcF4wCLcB/s1600/alo.png) no-repeat center center; background-size:contain; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid transparent; opacity:.7; -webkit-animation:alo-circle-img-anim 1s infinite ease-in-out; -moz-animation:alo-circle-img-anim 1s infinite ease-in-out; -ms-animation:alo-circle-img-anim 1s infinite ease-in-out; -o-animation:alo-circle-img-anim 1s infinite ease-in-out; animation: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%; background-size:30px; }
.alo-phone { position:fixed; visibility:hidden; background-color:transparent; width:100px; height:100px; cursor:pointer; z-index:999; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -webkit-transition:visibility .5s; -moz-transition:visibility .5s; -o-transition:visibility .5s; transition:visibility .5s; left:0; bottom:5vh; }
.alo-phone.alo-show { visibility:visible; }
.alo-phone:hover { opacity:1; }
.alo-ph-circle { width:100px; height:100px; top:10px; left:11px; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid rgba(30,30,30,0.4); border:2px solid #bfebfc; opacity:.1; -webkit-animation:alo-circle-anim 1.2s infinite ease-in-out; -moz-animation:alo-circle-anim 1.2s infinite ease-in-out; -ms-animation:alo-circle-anim 1.2s infinite ease-in-out; -o-animation:alo-circle-anim 1.2s infinite ease-in-out; animation: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%; }
.alo-phone:hover .alo-ph-circle,.hotline> a:hover .alo-ph-circle { border-color:#00aff2; opacity:.5; }
.alo-phone.alo-green:hover .alo-ph-circle,.hotline> a:hover .alo-ph-circle { border-color:#04AFEF; border-color:#baf5a7; opacity:.5; }
.alo-phone.alo-green .alo-ph-circle { border-color:#ffbc0a; border-color:#bfebfc; opacity:.5; }
.alo-ph-circle-fill { width:80px; height:80px; top:20px; left:20px; position:absolute; background-color:#000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid transparent; opacity:.1; -webkit-animation:alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation:alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation:alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation:alo-circle-fill-anim 2.3s infinite ease-in-out; animation:alo-circle-fill-anim 2.3s 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%; }
.alo-phone:hover .alo-ph-circle-fill,.hotline> a:hover .alo-ph-circle-fill { background-color:rgba(0,175,242,0.5); background-color:#00aff2; opacity:.75 !important; }
.alo-phone.alo-green:hover .alo-ph-circle-fill,.hotline> a:hover .alo-ph-circle-fill { background-color:rgba(4,175,239,0.5); background-color:#baf5a7; opacity:.75 !important; }
.alo-phone.alo-green .alo-ph-circle-fill { background-color:rgba(255,188,10,0.5); background-color:#ffbc0a; opacity:.75 !important; }
.alo-phone:hover .alo-ph-img-circle,.hotline> a:hover .alo-ph-img-circle { background-color:#00aff2; }
.alo-phone.alo-green.alo-hover .alo-ph-img-circle,.alo-phone.alo-green:hover .alo-ph-img-circle,.hotline> a:hover .alo-ph-img-circle { background-color:#04AFEF; background-color:#04AFEF; }
.alo-phone.alo-green .alo-ph-img-circle { background-color:#ff0000; }

@-moz-keyframes alo-circle-anim {
    0% { transform:rotate(0) scale(.5) skew(1deg); opacity:.1; } 30% { transform:rotate(0) scale(.7) skew(1deg); opacity:.5; } 100% { transform:rotate(0) scale(1) skew(1deg); opacity:.1; }
}

@-webkit-keyframes alo-circle-anim {
    0% { transform:rotate(0) scale(.5) skew(1deg); opacity:.1; } 30% { transform:rotate(0) scale(.7) skew(1deg); opacity:.5; } 100% { transform:rotate(0) scale(1) skew(1deg); opacity:.1; }
}

@-o-keyframes alo-circle-anim {
    0% { transform:rotate(0) scale(.5) skew(1deg); opacity:.1; } 30% { transform:rotate(0) scale(.7) skew(1deg); opacity:.5; } 100% { transform:rotate(0) scale(1) skew(1deg); opacity:.1; }
}

@keyframes alo-circle-anim {
    0% { transform:rotate(0) scale(.5) skew(1deg); opacity:.1; } 30% { transform:rotate(0) scale(.7) skew(1deg); opacity:.5; } 100% { transform:rotate(0) scale(1) skew(1deg); opacity:.1; }
}

@-moz-keyframes alo-circle-fill-anim {
    0% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; } 50% { transform:rotate(0) scale(1) skew(1deg); opacity:.2; } 100% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; }
}

@-webkit-keyframes alo-circle-fill-anim {
    0% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; } 50% { transform:rotate(0) scale(1) skew(1deg); opacity:.2; } 100% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; }
}

@-o-keyframes alo-circle-fill-anim {
    0% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; } 50% { transform:rotate(0) scale(1) skew(1deg); opacity:.2; } 100% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; }
}

@keyframes alo-circle-fill-anim {
    0% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; } 50% { transform:rotate(0) scale(1) skew(1deg); opacity:.2; } 100% { transform:rotate(0) scale(.7) skew(1deg); opacity:.2; }
}

@-moz-keyframes 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 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 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 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); }
}
#alo-fixed { visibility:visible; opacity:0; position:fixed; right:-100px; top:100px; }
#alo-fixed.show { right:10px; visibility:visible; opacity:1; }
/*CATEGORIES*/

.background-ui { max-height:45vh; overflow:hidden; }
p.excontent { font-size:14px; }
div#bread { background:#ebebeb; color:#999; font-size:0.9em; }
div#bread a { color:#27adf6; }
div#bread .breadcrumb-item.active { color:#999; }
.breadcrumb-item+.breadcrumb-item::before {}
div#bread .breadcrumb-item+.breadcrumb-item::before { color:#27adf6; }
div#bread  .breadcrumb { margin-bottom:0; }
.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover { border-radius:0 !important; }
.lSSlideOuter .lSPager.lSGallery img { display:block; height:auto; max-width:100%; width:100%; }
.block-ld { background:#231d2b; font-size:14px; color:#fff; padding:12px; }
.block-ld a { color:#fff; }
.block-ld h3 { text-transform:uppercase; font-size:15px; border-bottom:1px solid #fff; padding-bottom:10px; }
.header-info { background:#f2f2f2; padding:20px 0; }
.block-ld li { position:relative; margin-bottom:10px; padding-left:20px; }
.block-ld li:before { content:""; background:url('../images/li-check.png?v=6'); position:absolute; top:4px; left:0; width:12px; height:12px; }
.contact.bg-red { color:#fff; text-align:center; padding:10px 5px; }
.contact.bg-red p { padding:0; margin:0; }
.contact.bg-red p.contact-phone { font-size:20px; /* text-transform:uppercase; */; }
.header-info .ui-ck .item { float:left; width:33%; text-align:center; color:#444; font-weight:400; padding:20px; }
.header-info .ui-ck .item h3 { font-size:14px; }
.header-info .ui-ck { margin-top:30px; text-align:center; }
.p-content { margin-top:20px; }
.header-info h1 { font-size:1.8em; color:#333; }
ul.static { font-size:14px; color:#333; }
.static span { font-weight:600 !important; }
.lSSlideOuter  img { width:100%; }
.left-info.p-0.m-0 { width:69.5%; float:left; }
.right-info.p-0.m-0 { float:left; width:30%; }
.detailts { margin-bottom:30px; }
.detailts img { max-width:100%; }
.list-product-s img { width:100%; max-width:100px; }
.list-product-s h5 { font-size:14px; font-weight:400; }
.widget .block-title { padding:0; margin:0; margin-bottom:10px; }
.widget-content.list-product-s { max-height:378px; overflow:auto; }
.widget li { margin-bottom:15px; }
.nav-pills .nav-link { border-radius:.25rem; background:#fa0000; color:#fff; border-radius:0; border:0; border-right:1px solid #fff; text-align:center; font-weight:600; }
.nav-pills .nav-link.active,.nav-pills .show>.nav-link { background:#fff; color:#000; }
.p-content li.nav-item { text-transform:uppercase; width:33.33%; }
.ads-banner img { 
  width:100%;

 }
.detailts { margin-top:30px; border:1px solid #ccc; font-size:14px; }
.detailts .context { margin:15px; }
.detailts .tab-pane { padding:15px; }
.nav-pills .nav-link:last-child a { border-right:0; }
.p-content li.nav-item:last-child  .nav-link { border-right:0; }
.list-product-inline ul { white-space:nowrap; overflow:hidden; overflow-x:scroll; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
.list-product-inline ul li img { max-width:100px; width:100%; float:left; }
.list-product-inline ul li h5 { font-size:13px; font-weight:400; }
.list-product-inline ul li.media { display:inline-block; vertical-align:top; position:relative; width:calc(33% - 5px); margin-bottom:10px; margin-right:10px; margin-left:0; white-space:normal; }
.list-product-inline { margin-top:30px; }
.list-product-inline h2 { text-transform:uppercase; font-size:14px; margin-bottom:10px; }
.widget-content.ads img { width:100%; }
.news .ui-list .first { margin-bottom:20px; }
.news .ui-list p.excontent { clear:both; }
.news .ui-list h5.mt-0 { font-size:16px; }
.news { margin-top:30px; }
a.page-link { background:#f2f2f2; color:#222; font-size:12px; margin-right:10px; border-radius:0 !important; padding:.4rem .7rem; }
.new-info.clearfix { clear:both; }
.timeline { max-width:300px; margin:0 auto; }
.new-info.clearfix { font-size:14px; margin-top:20px; padding:10px 0; }
h1.new-title { font-size:20px; text-align:center; }
.tag-list strong { font-weight:500 !important; font-size:13px; }
.tag-list span {background:#fff;border:1px solid #ccc;padding:4px 8px;border-radius:2px;font-size:13px;margin-right:10px;margin-bottom:  1em;display: inline-block;}
.tag-list { margin:10px 0; }
span.text-total { text-align:right; float:right; font-size:12px; font-style:italic; }
ul.pagination { float:left; }
.ct-block { border:1px solid #ccc; font-size:14px; }
/* CONTACT */

.contact { padding-top:30px; font-size:0.9em; }
.contact p.map-img img { width:40px; margin-right:10px; vertical-align:middle; }
.contact p.map-img { text-decoration:underline; color:#666; }
.contact strong { font-weight:500 !important; }
.row.contact-form { font-size:0.86rem; }
.row.contact-form .form-control { border-radius:2px; padding:4px 8px; font-size:13px; }
.contact-form button.btn.bg-red { border-radius:2px; color:#fff; font-size:14px; padding:.5em 2em; text-transform:uppercase; }
.container.block-home.ct-block { margin-bottom:30px; }
/*RESPONSIVE*/
.block-home.images img{
  width: 100%;

}















@media only screen and  (max-width:767px) {
    .ui-home-title:before {
	    top: 92px;
	}.block-home.features .list .item {
	    width: 50%;
      float: left;
	}
	.block-home.images img {
	    width: 100%;
	    height: 100%;
	    margin: 0 auto
	}

	.block-home{padding: 1em}
	.subcribe-input .group-left,.subcribe-input button.btn-subcribe {
	    float: none;
	    width: 100%;
	}.subcribe-input button.btn-subcribe {
	    height: inherit;
	    margin-top: .4em
	}.block-title .left,.block-title .right {
	    float: none;
	}.block-title {
	    display: block;
	    height: 100%;
	} .block-title .right{
	    background: #7e0200;
	    padding: 10px;
	    color: #fff;
	    padding: 0 .5em;
	    margin: 0
	} .block-title .right li a,.block-title .right li{color: #fff}
	.block-title .right li.space {
	    margin: .1em;
	}ul.our-clients li {
	    width: 32% !important;
	    min-height: inherit !important;
	    margin-right: 0;
	    margin-bottom:  0.2em;
	}.block-home.block-news .media {display: block;}.block-home.block-news .media img{width: 100%;margin-bottom: .5em}
	.list-com-customers .media img{max-width: 80px}
	.content img{max-width: 100%}
	#main-header .topbar,.carousel-content{

		display: none

	}
	#logoAndNav{position: inherit;}
	.u-header--bg-transparent .u-header__navbar-nav {
	    padding: 1.5rem;
	    margin-top: 1rem;
	}
	.u-header--bg-transparent .u-header__navbar-nav {
	    background-color: #fff;
	}
	ul.navbar-nav.u-header__navbar-nav.ml-lg-auto{
		height: 100%
	}.navbar-nav > li.nav-item {
	    line-height: 12px;
	}#logoAndNav nav {
		    padding: 0;
	}#main-header .relative.container {
					   padding-top: 60px !important;
	    padding-right: 0 !important;
	    padding-left: 0 !important;
	}ul.navbar-nav.u-header__navbar-nav.ml-lg-auto {
	    height: 100%;
	    background: #fff;
	    padding: 1em;
	    border-bottom: 1px solid #333;
	}.navbar-brand {
	    padding-left: 1em;
	}.u-hamburger{padding-left: 2em}
	#navBar a {
    color: #333 !important;
	}.hs-mega-menu.u-header__sub-menu:before{
		display: none
	}.menu-img{display: none}
	ul.list-unstyled.mb-4 {
	    margin-bottom:  0 !important;
	}

	strong.d-block.mb-2 {
	    font-size: 18px;
	    font-weight:  600;
	}.hs-mega-menu * {
	    color: #222;
	}.left-info.p-0.m-0,.right-info.p-0.m-0{width: 100% !important;float: none}
}
.u-list__link .fa{
	padding-right: 5px;
}
.pagination li a{
	background: #f2f2f2;
	color: #222;
	font-size: 12px;
	margin-right: 10px;
	border-radius: 0 !important;
	padding: .4rem .7rem;
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.new-info img{
	max-width: 100% !important;
	overflow: hidden;

}
#pills-tabContent img{
	max-width: 100% !important;
	overflow: hidden;
}
.owl-carousel.slider_doitac .item {
  display: flex;
  align-items: center;
  height: 160px;
}
.owl-carousel.slider_doitac .item img {
  max-width: 100%;
	max-height: 94px;
}




/* bướng css */
.p-content .ads-banner.footer {
  display: none !important;
}
/* css back to top */
#back-to-top {
    position: fixed;
    bottom: -30px;
    right: 30px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top.show {
  transition: 0.6s;
  bottom: 85px;
    opacity: 1;
}
#back-to-top i {
    color: #f00400;
    font-size: 56px;
    opacity: 0.8;
}
#back-to-top i:hover {
    opacity: 1;
}
button.icon-nav-b {
  position: relative;
}
button.icon-nav-b:focus {
   box-shadow: none;
}
button.icon-nav-b span.text-icon-menu {
  position: absolute;
  top: 50%;
  text-transform: uppercase;
  color: #f50104;
  transform: translateY(-50%);
  left: -50px;
  font-weight: bold;
}
#carouselExampleIndicators .carousel-item li.media img {
  height: 70px !important;
  width: 70px;
}
.widget-content.ads img {
  max-height: 618px;
}
.images > .row > a {
  width: 100% !important;
}
@media(min-width: 1200px) {
  #carouselExampleIndicators .carousel-item img {
    height: 400px !important;
    object-fit: cover;
  }
  .navbar-expand-md .navbar-toggler{
    display: none;
  }
  .ui-block-content .ui-list .item img {
      height: 280px !important;
      object-fit: cover;
  }
  .list-products .ui-list .item img {
      height: 205px !important;
      object-fit: cover;
  }
  .topbarrmobile{
	  display: none;
  }
}
@media(min-width: 768px) {
}
@media(max-width: 768px) {
  #main-header .relative.container {
    padding-top: 80px !important;
  }
  .topbarrmobile {
    padding-bottom: 10px !important;
    height: 80px !important;
  }
   #logoAndNav nav:before {
      background: #fff;
   }

  .list-products .ui-list .item img {
      height: 135px !important;
      object-fit: cover;
  }
  .ui-block-content .ui-list .item img {
      height: 150px !important;
      object-fit: cover;
  }
   .u-hamburger__inner, .u-hamburger__inner::before, .u-hamburger__inner::after {
      background-color: #23abf9;
   }
}
@media(max-width: 600px) {
  .block-home.features .media {
    display: block !important;
  }
  .block-home.features>.row {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* bướng css */
@media (min-width: 1200px) {
  #main-header .topbar {
    top: 0px;
  }
  #main-header .search {
    margin-top: 0px !important;
  }
  #logoAndNav {
    margin-top: 37px;
  }
}

#main-header .search form{
  margin-top: 3px!important;
}
.left-info .subcribe-input .group-left{
  width: 100%;
  margin-top: 10px;
}
.left-info .subcribe-input button{
  width: 100%;
}
[id="main-content categories"] .block-home.features .list{
  margin: 0px;
  padding: 0px 15px;
}
[id="main-content categories"] .container.block-home.ct-block{
  border: none;
  padding: 0px 15px;
  margin-top: 25px;
}
footer.bg-blue iframe{
  width: 100%!important;
  height: auto!important;
}
.fb-iframe span{
  width: 100%!important;
}
@media only screen and  (max-width:1200px) {
    .ui-home-title:before {
      top: 92px;
  }.block-home.features .list .item {
      width: 50%;
      float: left;
  }
  #navBar{
    margin-top: 315px;
  }    
  .navbar-expand-md .navbar-toggler{
    display: block;
  }
  #logoAndNav nav:before{
    background-color: rgb( 255,255,255);
  }
  .navbar-expand-md button{
    right: 0px;
    position: absolute;
  }
  .block-home.images img {
      width: 100%;
      height: 100%;
      margin: 0 auto
  }

.navbar-expand-md .navbar-nav{
  flex-direction: column;
}
  .block-home{padding: 1em}
  .subcribe-input .group-left,.subcribe-input button.btn-subcribe {
      float: none;
      width: 100%;
  }.subcribe-input button.btn-subcribe {
      height: inherit;
      margin-top: .4em
  }.block-title .left,.block-title .right {
      float: none;
  }.block-title {
      display: block;
      height: 100%;
  } .block-title .right{
      background: #7e0200;
      padding: 10px;
      color: #fff;
      padding: 0 .5em;
      margin: 0
  } .block-title .right li a,.block-title .right li{color: #fff}
  .block-title .right li.space {
      margin: .1em;
  }ul.our-clients li {
      width: 32% !important;
      min-height: inherit !important;
      margin-right: 0;
      margin-bottom:  0.2em;
  }.block-home.block-news .media {display: block;}.block-home.block-news .media img{width: 100%;margin-bottom: .5em}
  .list-com-customers .media img{max-width: 80px}
  .content img{max-width: 100%}
  #main-header .topbar,.carousel-content{

    display: none

  }
  #logoAndNav{position: inherit;}
  .u-header--bg-transparent .u-header__navbar-nav {
      padding: 1.5rem;
      margin-top: 1rem;
  }
  .u-header--bg-transparent .u-header__navbar-nav {
      background-color: #fff;
  }
  ul.navbar-nav.u-header__navbar-nav.ml-lg-auto{
    height: 100%
  }.navbar-nav > li.nav-item {
      line-height: 12px;
  }#logoAndNav nav {
        padding: 0;
  }#main-header .relative.container {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }
  ul.navbar-nav.u-header__navbar-nav.ml-lg-auto {
      height: 100%;
      width: 100%;
      background: #fff;
      padding: 1em;
      border-bottom: 1px solid #333;
  }.navbar-brand {
      padding-left: 1em;
  }.u-hamburger{padding-left: 2em}
  #navBar a {
    color: #333 !important;
  }.hs-mega-menu.u-header__sub-menu:before{
    display: none
  }.menu-img{display: none}
  ul.list-unstyled.mb-4 {
      margin-bottom:  0 !important;
  }

  strong.d-block.mb-2 {
      font-size: 18px;
      font-weight:  600;
  }.hs-mega-menu * {
      color: #222;
  }.left-info.p-0.m-0,.right-info.p-0.m-0{width: 100% !important;float: none}
}