body {font-size:14px;overflow-x:hidden;
}
@font-face {font-family:"UTM-Avo"; src:url("/fonts/UTM Avo.ttf");}
@font-face{font-family:"UTM-AvoBold"; src:url("/fonts/UTM AvoBold.ttf");}
@font-face{font-family:"UTM-AvoBold_Italic";src:url("/fonts/UTM AvoBold_Italic.ttf");}
@font-face{font-family:"UTM-AvoItalic"; src:url("/fonts/UTM AvoItalic.ttf");}
a,p{font-family:"UTM-Avo";color:#222;}
.modal-backdrop.in{opacity: .1;}

/*ngôn ngữ*/
a,p{font-family:"UTM-Avo";}
a:hover, a:focus {color: #dc2817;text-decoration: none;    transition: all .5s cubic-bezier(.4,.01,.1,1);transition-duration: .3s;}
/*header*/
.header {height: 150px;}
.sdtemail{float:right;display:inline-block;padding-top:10px;}
.tb{background:url(../images/icon/bell.png)no-repeat;height:15px;display:inline-block;position: absolute;top: 26%;left: 29%;padding-left:15px;}.tb a:hover {color: #00b050;}
.tb span{color:red;}
.logoTop{float:left;display:inline-block;/*position: absolute;top: -21px;*//*margin-top: -26px;*/position:relative;top:-25px;}
.logoTop img{height:100px;}
/*.logoTop{}*/
.sdtT{margin-right:30px;background:url(../images/bg/10.png)no-repeat 1px;padding-left:20px;}  
.hotlineT{padding-left:15px;background: url(../images/bg/phone.png) no-repeat 1px;margin-bottom:0;}  
.hotlineT span{color:red;/*font-family:"UTM-AvoBold";*/}  

/*menu*/
/*#oMenu {
    background: #fff;
    position: fixed;
    z-index: 50;
    right: 0;
    left: 0;
}*/
.sticked .onav{margin-top: -20px;}
/*.sticked .onav > li > a{padding: 0 10px;}*/
.onav li.has-sub > a:after{visibility:hidden;}
.onav > li.has-sub > a { padding-right: 0; }
#oMenu{background:#fff;}
.menu1{text-transform:uppercase;}
.onav > li > a:hover, {color: #006dbf;transition: all .5s cubic-bezier(.4,.01,.1,1);transition-duration: .3s;}
.onav > li.active > a{color:#006dbf !important;}
.dk{height: 1px;background:#3c3c3c;}    
.menu2{display: flex;justify-items: center;justify-content: flex-start;margin-top: 18px;}
.onav > li > a{padding: 0;line-height: 37px;color:#333;font-size:16px; }     
.onav > li{padding: 14px;}
.onav ul li a{color:#333;}
.onav ul li a:hover,.onav ul li.active a{color:#ce222d;}
.onav ul{background:#fff;width:265px;}
.onav ul li:hover, .onav ul li.active {background: inherit;}
.sticked .logo-header--small{height:60px;/*margin-top:20px;*/}
.sticked .logoTop{top:0;}
.tabs--pro-info{display:flex;background:linear-gradient(270deg,#48c0e1,#0a7cff);margin-top:20px;padding:0 10px;}
.tabs--pro-info li{list-style:none;}
.tabs--pro-info li a{ padding:14px 10px;transition:.3s all;text-align:center;display:block;font-style: normal;font-weight: bold;font-size: 16px;line-height: 19px;color:#fff;}
.tabs--pro-info li a:hover,.tabs--pro-info li.active a{color:#0069bd;background:#fff;}
 /*menu trais*/ 
 .titR {color:#fff; font-size: 17px;font-weight: 600;padding: 8px 10px;background: linear-gradient(270deg,#48c0e1,#0a7cff);text-align:center;}
.pnlCol {line-height: 24px;}   
.titH3R:first-child {border-top: none;}   
.titH3R {font-size: 16px;margin-bottom: 0;margin-top: 0;line-height: 24px;padding: 5px 10px 5px 5px;border-top: 1px dashed #ebebeb;}
.collapse {display: none;}    
.collapse a{font-size:15px;}
.toggle {display: inline-block;margin-right: 5px; width: 26px;height: 11px;background: url(/images/bg/bg-menur2.jpg)no-repeat center;}
.pnlCol ul {padding: 5px 10px 5px 36px;}   
.pnlCol ul li {padding: 5px 10px;list-style: none;}
    
.icon-home {display: inline-block;width: 37px;height: 37px;background-size: contain;background-color: #000 !important;-webkit-mask: url(/images/icon/home.png) no-repeat 50% 50%;mask: url(/images/icon/home.png) no-repeat 50% 50%;-webkit-mask-size: 18px;mask-size: 18px;transition: .2s all;}

  /*Tìm kiếm*/ 
  .bakseach{background:#ebebeb;height:60px;text-align:right;}
#pnltimkiem {text-align: center;font-size: 15px;text-transform: uppercase;font-family:elle-futura-boldoblique;margin-bottom: -15px;padding: 15px;background: #efefef;}
#btnCmd {background: linear-gradient(270deg,#48c0e1,#0a7cff);width:16%;border:none;height:40px;    position: absolute;top: 10px;border-radius: 7px;right: 15px;color: #fff;}
#txtSearch{width:54%;margin-top: 10px;height:40px;border-radius:7px;border:0px; padding-left:15px;margin-right:17%;} 


/*baner*/
.main-header{height:250px;}
/*.bg-full{height: 350px;background-attachment: fixed;line-height:350px;}*/
.tit2 {font-family:elle-futura-bold; font-size:24px;color:#29266a;font-weight: bold;}
.TitleLinkHome{color:#fff;}    
.txtName1 {color: #fff;position: absolute;top: 150px;font-size: 20px;font-family:elle-futura-bold;letter-spacing: .04rem;}
.txtName1{text-align:center;margin-left: 50px;}
.txtName1:before{content: ''; position: absolute;bottom: -6px;left: 0;height: 2px;width: 0;background: #f3f3f3;backface-visibility: hidden;}
.txtName1:hover:before {width: 100%;transition: all .5s cubic-bezier(.4,.01,.1,1);transition-duration: .3s;}
.bk5_1 {transform: scale(1.02);}
.bk5_1:hover {filter: brightness(0.93);transform: inherit;transition: all .25s cubic-bezier(.4,.01,.1,1);}


/*baner*/
.baner{width:100%;}
/*.item-slide a{height:500px;overflow: hidden;position: relative;display: block;}
.item-slide img{height:100%;position: relative;overflow: hidden; height: 550px; }*/
.item-slide .img-ratio{padding-top:32%;}
.item-slide .img-ratio img{object-fit:cover;}
#pnlimgad{margin-bottom:30px;}
/*body Home*/
.bk41 .owl-nav{opacity:0!important;}
.bk41 .owl-dots{display:none;}
/*linkpage*/
.listSP { padding: 15px 0;}
.listSP p{margin:0;}  
.listSP a {color: #41b9e4;}
.listSP a:last-child {color: #333;}
    

    


/*new Home*/
/*.CTnew1{background: url(../images/icon/7.png) 3px 7px no-repeat;padding-left:30px;display:inline-block;color:#0294da!important;}*/    
 .new1 a{display:inline-block;position:relative;height: 327px;overflow: hidden;}   
.new1 a img{width:100%;height:100%;object-fit: cover;}
.new2 > p > a{font-size:14px;}
.new2 > a{display: inline-block;height:156px;overflow:hidden;position:relative;}
.new2 > a img{width:100%;height:100%;object-fit: cover;}
.new2 > a img:hover{transform: scale(1.1);transition-duration: 0.5s;}
.new1 > a img:hover{transform: scale(1.1);transition-duration: 0.5s;}
.new2 > p{font-size:18px;padding:10px;}
.time2 { background: url(../images/bg/Schedule.png) no-repeat 1px;padding-left: 20px;}
.new { font-size: 30px;font-family:"UTM-AvoBold";margin-bottom: 40px;margin-top:50px;color:#0069bd;}
.TitleNew{font-size:20px;font-family:"UTM-AvoBold";}
.CTnew1{color:#22C7FE;background: url(../images/bg/icon8.png) no-repeat 1px;padding-left:30px;display:inline-block;}
.CTnew1:hover{color:#22C7FE;}
.tit1 {font-size:24px;text-align:left;}
.owl-carousel .owl-item img{width:inherit;margin:auto;}
.box_servic.text-justify.iZoom a{width:271px;}
#MenuN{background:url(/images/advert/bk2.jpg)no-repeat;height:500px;}
.TitleNB{font-size:20px;font-family:"UTM-AvoBold";color: #0069bd;margin-top: 30px;margin-bottom: 15px;text-align:left;border-left:2px solid #fa0909;line-height: 1.3;position:relative;display:inline-block;padding-left: 10px;}
.contai1{overflow: hidden;}
.TitleNB::after{/*background:url(/images/bg/bg1.jpg)no-repeat;*/content: "";left: calc(100% + 10px);display: block;position: absolute; height: 25px;top: 15%;width: 1375%;z-index: 0;background:#f5f5f3;}
.pull-right>.TitleNB{margin-top: 0px!important;margin-bottom: 15px;}

.xtc{position:absolute;right:30px;top:35px;padding-right:20px;background:url(../images/bg/xtc.png)no-repeat right 5px;color:#acacab;background-size: 13px 13px;}  
.xtc:hover{color:#0a7cff;} 
.contentservic{padding-bottom:15px;color: #2d276c;}
.img_bottom{margin-bottom:10px;}
#MenuProject{background:url(/images/advert/bk1.jpg)no-repeat;height:700px;}
.box_servic {background:inherit!important;}
.img-ratio{display: block;position: relative;padding-top: 100%;width: 100%;overflow: hidden;border:1px solid #d7d7d7;}
.img-ratio img{position: absolute;top: 0;bottom: 0;right: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
/*.box_servic img{width:inherit!important;margin:auto;}*/
.album_img{height:330px;position:relative;overflow:hidden;display:block;}
.album_img .img{width:100%;height:100%;object-fit:cover;}

.datb{padding-top:30px;}

.TitleDA{font-size:40px;color:#fff;font-family:"UTM-AvoBold";padding-top:40px;padding-bottom:15px;}
.contentDA{padding-bottom:15px;color:#fff;}
.img-project  .img{width:100%;height:100%;}
.img-project{height:388px;position:relative;overflow:hidden;width:688px;display: inline-block;}
.box_DA{background:#2e276c;display:inline-block;height:388px;width:515px;padding: 30px;}
.box_itemDA{display:flex;}
.Title_DA{font-size:18px;color:#fff;font-family:"UTM-AvoBold";}
.contentProjectH{color:#fff;margin-bottom: 35px;}
.xct{color:#fff;float:right;    padding: 7px 60px 7px 15px;border: 1px solid;background:url(../images/bg/muiten.png)no-repeat 110px;}
  .xct:hover{color: white;}  
.hr1{border-bottom:2px solid #fff;width: 80px;padding-top:20px;margin-bottom:20px;}

.TitleNewH{padding-top:60px;padding-bottom:40px;color:#2e276b;font-size:30px;font-family:"UTM-AvoBold";}
.img_News{position:relative;height:200px;overflow:hidden;display:block;}
.img_News .img{width:100%;height:100%;object-fit:cover;}
.title_news a{font-size:15px;font-family:"UTM-AvoBold";}
.dt{color:#2e276b;}
.contentN{margin-bottom:15px;}

.bk4{background:url(/images/advert/Slider-7.18.jpg)no-repeat center;height: 340px;position:relative;}
.bk4:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .3);}
.bk4 img{height:100px;overflow:hidden;margin-top: 25px;}
.bk41{margin-top:90px;}.bk4 .owl-dots{bottom: -55px;}
.bk41 p{color:#fff;font-size:30px;font-family:"UTM-AvoBold";margin-top: -35px;}
.owl-dots .owl-dot span{background:#ffffff96;border:none;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{background:#fff;}
.ProAnimal{font-size:20px;font-family:"UTM-AvoBold";color:#2e276b;padding-top: 60px;border-bottom:2px solid #f5f5f3;position: relative;padding-bottom:4px;}
.ProAnimal::after{content:'';width:200px;height:2px;background:#ed1d24;position:absolute;bottom:-2px;left:0;}

.box_itemP{width:241px;}
.img_pro{position:relative;height:260px;border: 1px solid #ebebeb;display: block;}
.img_pro .img{max-width:100%;max-height:100%;object-fit: cover;width: auto !important;}
.name_proH{padding:15px 15px;}
.img:hover{transform: scale(1.1);transition-duration: 0.5s;} 

/*menu bên trái*/
#txtNamePro {background: url(../images/bg/sanpham.jpg)no-repeat;color: #fff;display: block;height: 35px;font-size:18px;font-family:"UTM-AvoBold";margin-bottom: 10px;padding-left: 15px;    line-height: 35px;}
.titleDATBL{background: url(../images/bg/DuanTB.jpg)no-repeat;color: #fff;display: block;height: 35px;font-size:18px;font-family:"UTM-AvoBold";margin-bottom: 10px;padding-left: 15px;    line-height: 35px;}
 .tittleNewL{background: url(../images/bg/new.jpg)no-repeat;color: #fff;display: block;height: 35px;font-size:18px;font-family:"UTM-AvoBold";margin-bottom: 10px; padding-left: 15px;    line-height: 35px;}
 .MenuOnav{border:1px solid #d7d7d7;}
 .MenuOnav li{list-style:none;line-height: 35px;border-bottom: 1px solid #d7d7d7;position: relative;padding-left: 40px;}
  .MenuOnav li:before{    content: "";display: inline-block;position: absolute; top: 11px;left: 13px; height: 15px; width: 15px;background-size: contain;background: url(/images/bg/14.png) no-repeat 8px;transition: all .2s;}
  .MenuOnav li ul {margin-left: -4px;height: 0px;opacity: 0;transition: all .2s;}
  .MenuOnav li a{font-size:15px;}
  .MenuOnav li a:hover{font-size:15px;font-family:"UTM-AvoBold";}
  .MenuOnav li:hover ul {opacity: 1;height: auto;}
  #rptMenuDoc1_ctl00_lv2 li a{font-size:14px;}
  #rptMenuDoc1_ctl00_lv2 li a:hover{font-size:14px;font-family:"UTM-AvoBold";}

 .img_DA{display:inline-block;height:350px;position:relative;}
 .img_DA .img{max-height:100%;    object-fit: cover;height:100%;}
 .tit3a {height: 42px;overflow: hidden;line-height: 20px;}   
 .tit3:hover{color:#006dbf;}
 .tit3{text-align:center; font-weight:bold;}

.img_newL{height:90px;position:relative;display:block;}
.img_newL .img{width:100%;height:100%;object-fit: cover;}
.NewL{border:1px solid #d7d7d7;padding: 10px;margin-bottom:40px;}

.img-new {height: 233px;position: relative;display: block;overflow: hidden;border: 1px solid #d7d7d7;}
.img-new .img {width: 100%;height: 100%!important;object-fit: cover;}
 .tit3a a {font-size:16px;}
/*chitiet noi dung*/  


/*News*/
.LVHD a { display: inline-block;height: 188px;width: 100%; position: relative;overflow: hidden;}
.LVHD a img { width: 100%;height: 100%; object-fit: cover;}
.TextTin{margin-top:15px;}
.TextTin a {font-size: 16px;color: #2f5092;font-family:"UTM-AvoBold";}
.imgTin:hover{transform: scale(1.1);transition-duration: 0.5s;}
  .time3 { background: url(../images/bg/13.png) no-repeat 1px;padding-left: 20px;} 
  /*PRO*/
.Pro1{border: 1px solid #d7d7d7;width:96%; }
.fixBoxPro {width: 100%;position: relative; height: 190px;overflow: hidden;padding: 5px;}
.fixBoxPro a {height: 178px;vertical-align: middle;display: table-cell;width: 360px;}
.fixBoxPro img { max-height: 178px;/*width: 100% !important;*/display: inline !important;}
.fixBoxPro img:hover{transform: scale(1.1);transition-duration: 0.5s;}
.fix_namePro{    margin: 5px 0;font-size: 15px;height:85px;line-height: 20px;overflow: hidden;display:block;font-weight:bold;}
.fix_namePro1 p{font-family:"UTM-AvoBold";}
.fix_namePro:hover{color:#006dbf}
.fix_namePro p:hover{color:#006dbf}

 .pull-right{overflow:hidden;}
 .Price span{text-decoration: line-through;color:#a4a4a4; margin-left: 7px;}
 .Price{color:red;margin: 10px 0 0;}
 .lhmh{padding:5px;background:#0a7cff;color:#fff;display: inline-block;}
 .modal-dialog .row{padding-left:inherit;padding-right:inherit;}
button.close {padding: 5px;float: right;}
.flex-container{justify-content: center;display: flex;}
.poup1{width:45%;border-right: 1px solid #e2e2e2;padding: 10px;}
.poup2{width:55%;padding:10px;line-height: 15px;}
.xcttpp{display:inline-block;background:#ebebeb;padding:4px;float:right;border:1px solid #555;}
/*ban tin*/

/*Liên hệ*/
input{padding:7px;border: 1px solid #ebebeb;border-radius: 5px;}
#name {}   .qk{margin-top:22px;color: #757579;font-weight: 600;} 
#address {width: 100%;}
#contentC{width:100%;border: 1px solid #ebebeb;border-radius: 5px;padding-left: 7px;}
#email{width:100%;}    
input#phone {width: 46%;float: right;margin-bottom: 20px;}
.ms1{padding:7px;background:red;border-radius:5px;margin: auto 5px;color: #fff;font-weight: bold;}
#btnSend {margin-top: 20px;border-radius: 5px; color: #00b050; border: 1px solid #00b050; background: #fff;font-family: UTMAvoBold !important;padding: 7px 25px;}
input#Maso {width: 35%;}
/*iframe{width:207%!important;}*/   

  
.intro p{font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;}
 /*iframe {width: 100%;}*/    
 .lpg {display: block;padding-bottom: 40px;}   
.lpg a:first-child {background-position: 9px !important;}
.lpg a:last-child, .lpg a:first-child {text-indent: 999999999px;background: url(/images/bg/bg-next.png)no-repeat #fff -15px;}
.lpg a {display: inline-block;font-size: 16px;text-align: center;line-height: 36px;width: 36px;height: 36px;overflow: hidden;background: #fff;margin-left: 5px;}
.btn-buy, .app-search, .lpg a {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; overflow: hidden;border: 1px solid #eee;}
.cpage {background: #6897ec !important;text-indent: 0 !important;}
.lpg a:hover, .cpage {background: #6897ec;color: #fff;}
.tit4a{border-bottom: 1px solid #d7d7d7;}
.tit4a span {display: inline-block;padding: 7px 0;color: #6897ec;font-size: 20px;border-bottom: 1px solid;}
 /*footer*/    
.phone_1 p {background: url(../images/icon/8.png)no-repeat  1px;display: inline-block;padding-left: 30px;}
 .onavli{list-style-type:none;}
 /*.onavli:before{background:url(../images/icon/6.png)no-repeat;content: "";width:15px;height:11px;display:inline-block;}*/
.footer0{background:url(../images/advert/1.jpg) no-repeat;background-size: 100% 100%;}  
.f img{margin-bottom: 27px;}
.onavfooter li a{}
.NameCT{font-size:25px;font-family:"UTM-AvoBold";color:#fff;}
.NameCT1{font-size:20px;font-family:"UTM-AvoBold";padding-top: 30px;}
 .NameCT1:after{content: "";width: 100px;display: block;border: solid 1px red;margin-top: 10px;} 
 .fb-page.fb_iframe_widget {margin-top: 10px;}
fb-comments ._491z{display: none;}
.hr2 {border: 1px solid #554971;width: 70%;justify-content: center;display: inline-block;}
.color-gray-2{line-height:17px;}
.color-gray-21{font-weight:bold;color:#0170c1;}
  .vpdd{color:#fff;margin-bottom:20px;}
 .HotlineF{background:url(../images/bg/8.png)no-repeat 1px;padding-left:25px;color:#fff}
 .EmailF{background:url(../images/bg/11.png)no-repeat 1px;padding-left:25px;color:#fff}   
 .Address{background:url(../images/bg/10.png)no-repeat 1px 10px;padding-left:25px;color:#fff;}  

.fix2{width:100%; display:block;position:relative;height:295px; overflow:hidden;}  
.fix2 img {height:100%; width:100%;object-fit:cover;}
.social{float:right;}
.copyright_1{float:left;color:#fff;}
.copyright{height:50px;line-height:50px;background:#191919;}

/*chi tiet san pham*/
.img1P {border: 1px solid #ebebeb;display: flex;justify-content: center;}
a.fix1 img {width: 100%;}  
.numberPrice {font-weight: bold;color: red;font-family:"UTM-AvoBold";}
.numberPrice.numberPrice1 span{font-size: 15px;color: #333;font-family:"UTM-Avo";}
.TTSP {margin-bottom: 30px;display: inline-block;padding: 10px;background: #0098db; color: #fff;position: relative;}
.btn{background:#0a7cff;}span.muahang {color: #fff;}
ul.tabs li.current2, ul.tabs li.current3, ul.tabs li.current {background: #0a7cff;color: #fff;}
ul.tabs{padding: 0 15px;}
.numberPrice2{display:block;text-decoration: line-through;color: #bfbfbf;padding-left:38px;}
a.text-center.bd {border: 1px solid #ebebeb;padding: 5px;width: 135px;height: 110px;vertical-align: middle;display: table-cell;}
a.text-center.bd img {max-height: 100px;max-width: 100%;width: auto !important;display: inline !important;}



/*.total_buy {padding: 20px 0;}*/   
.total_buy .total {float: left;line-height: 37px;border: 1px solid #E7E7E7;border-radius: 3px;padding: 5px 0;margin-bottom: 5px;}
.total_buy .total .sb {background: none;border: none;color: #22C7FE;padding: 0 25px;cursor: pointer;}
.total_buy span, .total_buy label {float: left;line-height: 28px;text-transform: uppercase;} 
.total_buy .total .sm {background: none;border: none;color: #22C7FE;padding: 0 25px; cursor: pointer;}

/*san pham lien quan*/
.bk2{background:#e7e7e7;text-align: center;}
.spld{font-size:18px;font-weight:bold;}
.DtPro{padding: 20px;}
.DtPro1{background:#e7e7e7;padding: 5px;}

/*phiên bản mobile*/
.box_itemP {width: 100%;}
.fixNewL:hover{background: #bbb8b82e; margin-left: -10px;margin-right: -10px;}  
.fixNewL a:hover{color:red;}
.fixNewL a {font-weight: bold;}
.bk1 p{font-size:12px;}

.Chat-List{position: fixed; bottom: 50px;right: 10px;margin: auto;z-index: 9999;}
.Chat-List li{margin-bottom:15px;list-style:none;}
.Chat-List li a {display: block;width: 44px;height: 44px;border-radius: 50%;text-indent: -9999px;margin-bottom: 10px;}
.Chat-List li.gmail a{background: url(/images/icon/gmail.png) center center no-repeat;background-size: 100%!important;border-radius:inherit;}
.Chat-List li.zalo a{background: url(/images/icon/zalo-icon.png) center center no-repeat;background-size: 100%!important;}
.Chat-List li.call-phone a{}
.phone_animation {background-color: transparent;margin: 0;cursor: pointer;z-index: 200000!important;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;visibility: visible;
}
.phone_animation_circle_fill_img {width: 44px;height: 44px;top: 0;left: 0;position: absolute;background: #FF0000 url(/images/icon/iconphone.png) no-repeat center center;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; border: 2px solid transparent;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-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-color: #FF0000;background-size: 70%;
}
@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}
    @-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
    @-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}
    @-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}
    @-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
    @-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}

    .carousel4 .owl-next, .carousel4 .owl-prev{display:none;}
@media screen and (max-width: 991px){
    .btnMenu{background: #fa0909;left:15px;border-radius:6px;left:unset;right:15px;top:10px;}
    .btnMenu:before,.btnMenu:after{left:16px;}
    #oMenu .onav{width:calc(100% - 30px);max-width:unset;}
   
}
/*@media screen and (max-width: 767px)*/
@media screen and (max-width: 767px) {
    .fixBoxPro2{padding:5px;}
.fix_namePro2
.fixBoxPro{height:130px;}
#name {width: 50%;}
input#txtcodeU {margin-top: 10px;}
    .About3 img {width: 81%;}
.About2 img{width: 70%;}
    .box_textAbaut{padding: 30px 20px 40px 20px;}
    #oMenu .onav{top:269%!important;}
    .img-project{height:430px;}
    .box_DA{height:430px;padding: 10px;line-height: 15px;}
    .TitleDA{padding-top:0px;height: 85px;}
    .contentDA{height:45px;}
    .About1{height:150px;}
    .About2{height:150px;}
    .About3{height:150px;}
    .album_img {height: 100px;}
    .box_textAbaut{margin-top:10px;margin-bottom:40px;}
.sdtemail{padding-top: 0;float:right;}
.tb{top: 60%;left: 0;position:relative;height: 100%;}
    

.EmailT{margin-bottom:10px;}
.header {height: 146px;}
.s {top: 48px;}
.bg-full{height: 150px;line-height:150px;background-position: center;}
#pnlrSear{display:none!important;}
.logo-header--small{position:absolute;top: 0;left: 0;width:108px;}
.logoTop img,.sticked .logo-header--small{height:auto;}
span.pull-left.mgr5 {visibility: hidden;}
.pull-left{display:none;}
/*menu*/
.f img{margin-bottom:10px!important;position:initial!important;}
.sticked .logo-header--small{width:108px;top:10px;position:absolute;}
.sticked .onav{margin-top: 0;}
.sticked{margin-top: 0!important;}
#oMenu .submenu-btn.submenu-opened {
    background: #0a7cff;
}
#oMenu { background: #dcdafb;}
.btnMenu:before{left: 15px;}
.btnMenu:after{left:15px;}
#oMenu{height:48px;    margin-top: 10px;}
#oMenu .onav{width:100%;}
.btnMenu{right:0;background: inherit;left:inherit;}
.sticked>.menu2> .btnMenu{left:15px!important;transition: all .5s cubic-bezier(.4,.01,.1,1);transition-duration: .3s;}

#oMenu ul{width:100%;top:112% !important; background-color: #000000 !important;
    background-image: linear-gradient(315deg, #48c0e1 0%, #0a7cff  74%)!important}
.onav > li > a{color:#fff!important;}
#oMenu ul.onav > li > a {line-height: 38px;padding-left:15px;}
#txtSearch{width:70%;}   #btnCmd{width:25%;}  
h1.tit1.text-center{font-size: 18px;text-align: left;margin: auto -15px;}   
    
.menu2{justify-content:center;}
/*baner*/
.item-slide .img-ratio{padding-top:50%;}
.owl-next, .owl-prev{top:45%!important;}
.owl-next{right:0!important;}
.owl-prev{left:0!important;}
#owl-demo .owl-dots{position:absolute;}
/*danh sach san pham*/
.fix2{height:inherit;}
.fix2 img{height:inherit;}
.box1{height:100px;}
.xtc{display:none;}
.TitleNB::after{display:none;}
#MenuP .owl-nav{visibility:hidden;}
.carousel4 .owl-next, .carousel4 .owl-prev{height: 12%;width: 13%;background-color: #0089ff40;}
.fixBoxPro{height:130px;}.fix_namePro{height:73px;margin:0;}
.flex-container{display:grid;}.poup1 img{width:100%;}.poup1 {width:inherit;}.poup2{width:inherit;}
button.close{top:10px;right:10px;position:absolute;}/*.fix_namePro{height:inherit;}*/
/*New*/
.TitleNew{margin-top:10px;}
.new1 a{height:inherit;}
.datb{padding-top:0;}.new{margin-top: 20px;margin-bottom: 30px;}
.new2 > a{height:inherit;}
.new2 > p{padding: 10px 0;}
.time2{margin-bottom: 10px!important;}
/*doitackhachhang*/
.bk41{margin-top: 55px;}
.bk4{height: 180px;}
.bk4 img{height:80px;/*margin-top: 60px;*/}
.bk41 p{font-size:20px;}
/*advert chân trang*/
.txtName1{margin-left:inherit;top:30px;}
.tit2 {font-size:18px;}

/*footer*/
.footer0{background-size: cover;}
.copyright_1{font-size: 11px;}
.NameCT{font-size:18px;}
.footer3{text-align:center!important;}
.footer3 p{text-align:center!important;}
/*chitietsanpham*/
#ProductSummary {grid-template-columns: 60px 1fr;grid-column-gap: 25px;}
.titH3 {padding-top:10px;}
.bk5_2 {position:relative;overflow:hidden;display: block;height: 150px;}
.bk5{height:inherit;}
#Subscription {justify-content: space-around;flex-direction: column;padding: 10px 15px;}
#SubscriptionInfo{background-size:10%;padding-left: 45px;}   
ul.tabs li{font-size: 10px;padding: 5px;margin-right: 0px;margin-bottom: 5px;}

/*lienketmangxahoi*/    
.social {float: right;width: 40%; text-align: center;}
.social img {width: 20%;}
input#btnSend{top: 85px;right: 30px;}
font.fontmenu {padding-left: 15px;} 
iframe {padding-bottom: 15px;}
div#dh_2{margin: 0 0 30px 0!important;}
#dh_2 input{border: 1px solid #c8c8c8;}    
textarea#contentCL{border: 1px solid #c8c8c8;}
.fontmenu:hover:after{content:none;}
.Titledetail{font-size:30px;}
ul{list-style:none;}
.logo-1 img{left:0;}
.color-gray-21{color:#fff;}
.fixBoxPro img{width:100%;}
}
/*@media(max-width: 575px)*/
@media(max-width: 575px) {
    	#ProductSummary{ grid-template-columns: 60px 1fr; grid-row-gap: 30px; }
	#ProductSummary .xzoom-thumbs { --ratio: 105%; }
	#ProductSummary .spotlight { min-height: unset; }
	#ProductSummary figcaption { grid-column: 1/3; grid-row: 2/3; }
    	.product-head { font-size: 18px; padding-bottom: 0px; margin-bottom: 10px; }
	.pro-price-info { font-size: 14px; margin-bottom: 5px;}
	.fb-ctn { margin-top: 5px; flex-direction: column;}
	.pro-summ { padding: 0; }
    .infoP { grid-column: 1/3; }
    .logoTop,.sticked .logoTop{top:-55px;}
    .bakseach{height:auto;background-color:transparent;position:relative;top:-18px;right:0;padding-left:65px;}
    .bakseach div{padding:0 15px;}
    #txtSearch{width:100%;margin-top:4px;padding-right:60px;border:1px solid #ccc;}
    #oMenu{background:#fff;box-shadow:0 1px 2px #d9dadb;}
    #btnCmd{width:50px;top:4px;background: #48c0e1 url(/images/icon/search.png) no-repeat center center;}
    .header{height:auto;}
    .owl-carousel .owl-item img{width:100% !important;}
    .btnMenu{background: #fa0909;left:15px;border-radius:6px;top:4px;}
    .carousel3b .owl-next, .carousel3b .owl-prev, .carousel3 .owl-next, .carousel3 .owl-prev{top:60% !important;}
    .fixBoxPro a{width:100%;height:124px;}
    .bd iframe{padding-bottom:0;}
}
@media(max-width: 321px) {
    .sdtemail{margin-top:60px;float:left}
    .logoTop, .sticked .logoTop{top: -110px;left: 50%;}
    .logoTop img, .sticked .logo-header--small{transform:translateX(-50%);}
    .tabs--pro-info{flex-direction:column;padding:0;border:1px solid #0a7cff;}
    
    
}