/*@font-face {font-family: frbtr;src: url('/fonts/RobotoCondensed-Regular.ttf');}
@font-face {font-family: frbtb;src: url('/fonts/RobotoCondensed-Bold.ttf');}
@font-face {font-family: frbtl;src: url('/fonts/RobotoCondensed-Light.ttf');}*/

body { font-family: 'Muli'; color:#000; font-size:14px; min-width:100%; }
.hover-state {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.cursor-pointer { cursor: pointer;}
.font-size-16px { font-size: 16px;}
.color-white { color: white;}
.color-white-sub *{ color: white !important;}
.bg-color-none, bg-color-none * {background: none;}
.display-block { display: block;}
.display-inline { display: inline;}
.hover-color-white:hover { color: white !important;}
.font-bold { font-weight:bold;}
.text-align-justify { text-align: justify}


a:hover{text-decoration:none;color:#003473!important;}
/*header*/
.TopHeader{background:linear-gradient(90deg, rgba(255,255,255,1) 14%, rgba(232,232,232,1) 100%);text-align:left;}
.TopHeader p {display: inline-block;margin: 5px auto;    font-size: 12px;}
/*.TopHeader a{margin:inherit;margin-bottom: 10px; margin-top: 10px;}*/
.TopHeader a{margin:inherit;margin-bottom: 5px; margin-top: 5px; font-size: 13px; color: black;}

.Topsdt{margin-right:20px!important;background:url(../images/bg/8441.png)no-repeat 155px;padding-left:180px;}
.Topemail{background:url(../images/bg/844.png)no-repeat 1px;padding-left:25px;}
.header{height:127px;}
.logo a:nth-of-type(1){position: absolute;display: inline-block;}
.logo a:nth-of-type(2){margin-top:-30px;margin-top: 10px;margin-left: 145px;display: inline-block;}
.Logo{display: inline-block;float: left;position:absolute;top: -10px;}    
.Logo img {width: 83%;}
    

/*Menu*/
.onav ul li a:before{left:10px;}
#oMenu{/*background:url(../images/picture/Layerbk1.png);*//*height:70px;*/height:100px;background:#fff;border-bottom: 1px solid #e8e8e8;}
#menu-main {padding-left: 0;margin: 21px auto;position:relative;margin-left: 12%;}
.onav ul{background:#f5f5f5;}
.onav ul li a{color:rgb(48, 48, 48);padding: 10px 15px 10px 20px;}
.onav ul li a:hover{color:#fff!important;}
.onav li:hover > ul{padding-left:0;}
.onav li.has-sub > a:after{right: 5px;}
.onav > li.has-sub > a {padding-right: 30px!important;}
.sticked .Logo{top:5px;}
.sticked .Logo img{width: 83%;}
.sticked{/*background:url(../images/picture/Layerbk2.jpg)!important;*/background:#fff;}
.onav ul li:hover, .onav ul li.active {
    background: #c3c2c2;
}    
.seach {
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 16px 0 0 20px;
    background: url(/images/bg/bg-search.png) no-repeat;
    cursor: pointer;
    display: block;
}.s {
    display: none;
    float: right;
    text-align: right;
    border: 1px solid #efefef;
    line-height: 25px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 210px;
    background: #fff;
}#pnlrSear {
    display: inline-block;
    position: absolute;
    right: 238px;
    z-index: 1;
    top: 0;
}

/*#oMenu .onav{padding-left:120px;}*/
.onav > li > a{/*text-transform:uppercase;*/padding: 7px 10px;font-size:18px;color: rgb(48, 48, 48);/*font-family: sans-serif;*/
 }
.onav > li > a:hover{color:#da251c!important;}
/*lang*/
.langues {float: right;margin-top: 12px;}
/*big slide*/    
#owl-demo .owl-next, .owl-prev{border:1px solid #fff;width: 35px;height: 35px;top:56%;}
.bigsilde > #owl-demo > .owl-nav .owl-next:hover, .bigsilde > #owl-demo > .owl-nav .owl-prev:hover{background-color:#da251c;border:none}   
.fixbigsilde{display:block;overflow:hidden;position:relative;
             padding-top: 41%;
}   /*height:540px;*/
.fixbigsilde img{max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;}

/*#owl-demo .owl-dots{display:none;}*/ 
#owl-demo .owl-dots{bottom: 50px;}
/*Home*/
.fixgtH{position:relative;}
.fixgtH1{border-right: 3px solid #e61515;}
.gtH{line-height: 50px;text-align:center;
    height: 50px;
    margin-bottom: 0; display: table;} 
.gtH a{text-transform:uppercase;text-align: center;font-size: 30px;
  font-family: "Muli";
  color: rgb(2, 2, 2);
  font-weight: bold;}
.ContentAboutH{font-size: 16px;
  font-family: "Roboto";
  color: rgb(1, 1, 1);
  line-height: 1.5;text-align: justify;}
    
 .AboutH{background:#f9f9f9;}   
 .fixAboutH{background:#fff;height: 360px;}
 .fixAboutH img{padding-top: 30px;
    padding-bottom: 30px;}
 .fixAboutH img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;
}
 .fixAboutH > a {
    height: 135px;
    display: block;
    width: 80px;
    margin: auto;
}
.fixAboutH p:nth-of-type(1){margin-bottom:40px;margin-left: -1px;
    margin-right: -1px;}
.fixAboutH p a:nth-of-type(1){font-weight:bold;font-size: 20px;font-family: "Muli";color: rgb(2, 2, 2);}
.fixAboutH p:nth-of-type(2){line-height: 25px;font-size: 15px;text-align: justify;
  font-family: "Roboto";
  color: rgb(69, 69, 69);
  line-height: 1.8;}

.TitleNB{margin-bottom: 45px;font-size:21px;font-weight:bold;position:relative;text-align:center;text-transform:uppercase;}
.TitleNB a{color: rgb(2, 2, 2);}
.TitleNB:after{content:'';width:90px;height:3px;background:red;display: inline-block;position: absolute;bottom: -10px;right: 46%;}
  
.img_servic{display:block;height:195px;overflow:hidden;position:relative}  
.img_servic img{/*object-fit: cover;*/width:100%;height:100%;} 
.img_servic img:hover{    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;}
.tit3 a{color:#337ab7;text-transform: none;font-size: 18px;font-weight: bold;}  
 .tit3 {padding:10px 0;}
/*.fixText1{height:70px;overflow:hidden;}*/
.fixText1{height:auto;}
.fixText1 p {font-size: 15px;
  font-family: "Roboto";
  color: rgb(49, 49, 49);
  line-height: 1.6;}

.img_pro{display:block;height:215px;overflow:hidden;position:relative}
.img_pro img{/*object-fit: cover;*/width:100%;height:100%;}
.img_pro img:hover{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;}

#ProH .owl-nav{visibility:hidden;}
.name_proH{background:#007cc2;padding: 10px;/*height: 77px;*/}
.name_proH a{color:#fff;font-size: 16px;font-size: 20px;
    font-weight: bold;}
.spk{display:inline-block;border:1px solid #da2127;border-radius:20px;padding: 7px 20px;color: #da2127;margin-top: 30px;font-size: 18px;font-weight: bold;margin-top:40px;margin-bottom:10px;}
.spk:hover{color: #da2127;text-decoration: none;}

.tittleNewL{font-size: 23px;text-transform: uppercase;position:relative;display: inline-block;margin-bottom: 30px;font-weight: bold;}  
.tittleNewL a{color: rgb(2, 2, 2);}
.tittleNewL:after{content:'';width:40px;height:3px;background:#da2127;display: inline-block;position: absolute;bottom: -5px;left: 0;}
.img_newL {display:block;height:80px;overflow:hidden;position:relative}    
.img_newL img{/*object-fit:*/ cover;width:100%;height:100%;}  
.img_newL img:hover{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;}
.textNewH a{font-size: 17px;font-weight: bold;
  font-family: "Roboto";
  color: rgb(2, 2, 2);
  line-height: 1.467;}
.xt{font-size: 15px;float:right;
  color: rgb(47, 157, 220)!important;
  line-height: 1.888;
}

.VideoH{display:block;height: 225px;overflow:hidden;position:relative;margin-bottom: 20px;}

.VideoH img{/*object-fit: cover;*/width:100%;height:100%;}
.VideoH:before{background: url(/images/icon/bg-video.png)no-repeat center,#000;content: "";position: absolute;opacity: 0.3;top: 0;left: 0; width: 100%; height: 100%;  z-index: 1;}   
.TitleVideoH{margin-bottom: 5px;display:block;font-size: 16px;color: #333!important;font-weight:bold; font-size: 18px;
  font-family: "Roboto";  line-height: 1.23;}
.TitleVideoH1 a{color:#333;padding-left: 15px;background: url(../images/bg/Layer302.png) 1px 7px no-repeat;font-size: 14px;
  font-family: "Roboto";
  color: rgb(42, 38, 39);
  line-height: 1.429;display:block;}   
.TitleVideoH1 {margin-bottom: 10px;}

.TitelProj{margin-bottom: 25px;}
.TitelProj a{color:#fff;font-size: 20px;font-weight:bold; font-size: 20px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.1;
  text-align: justifyLeft!important;
 }
.TextProj1{font-size: 15px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  line-height: 1.667;
  text-align: center;}

/*load id phải*/
.pull-right{margin-top:19px;}
.name_proR {text-align:left;padding:15px;}
.name_proR a{font-size:18px;font-weight:bold;color:#000;}
.txtContentProR{height: 120px;overflow: hidden;}    
.ContentP{height:60px;overflow:hidden;}
.fixPrR{border: 1px solid #dfdfdf;margin-right: 1px;}
.imgfixPrR {
    height: 217px;
    display: block;
    position: relative;
    overflow: hidden;
}.imgfixPrR img{height:100%;width:100%;}
 .imgfixPrR img:hover {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;
}
.carousel1b .owl-prev, .carousel1b .owl-next{top:140px;}



/*.SPR .owl-next:hover, .owl-prev:hover{background-color: #fff;}*/
.xtr{display:inline-block;padding: 0px 10px;border: 1px solid #dfdfdf;font-size: 14px!important;color: #868686!important;font-weight: initial!important;}    
   
.spr{font-size:20px;font-weight:bold;border-bottom:1px solid #e7e7e7;}
.spr:after{content:'';width:87px;height:2px;background:red;display: inline-block;position: absolute;top:27px;left: 15px;}
.baner{width:100%;padding: 10px;/*height:100%;*/}
.fixbaner{height:250px;display:block;border: 1px solid #eee;}
    
.VideoR{display:block;height:230px;overflow:hidden;position:relative;margin-bottom: 10px;}
.VideoR img{/*object-fit: cover;*/width:100%;height:100%;}
.VideoR:before{background: url(/images/icon/bg-video.png)no-repeat center,#00000038;content: "";position: absolute;opacity: 0.3;top: 0;left: 0; width: 100%; height: 100%;}
.ListVideo1{display:block;height:175px;overflow:hidden;position:relative;border: 1px solid #dfdfdf;}
.ListVideo1 img{/*object-fit: cover;*/width:100%;height:100%;}    
.ListVideo1:before{background: url(/images/icon/bg-video1.png)no-repeat center,#000;content: "";position: absolute;opacity: 0.3;top: 0;left: 0; width: 100%; height: 100%;}    
.ListVideo p { padding-top: 10px;font-size:16px;}  
   
  
.OtherN  {display:block;height:150px;overflow:hidden;position:relative;border: 1px solid #dfdfdf;}  
.OtherN img {object-fit: cover;width:100%;height:100%;}  
.OtherN1 p{height: 50px;overflow: hidden;}
    
.boxf p{padding-top:10px;}    
    
   
   

/*load id trái nội dung*/
.TitleMenu{font-size:26px;font-weight:bold;text-transform:uppercase;}
.hr3{margin-top:10px;}
.hr1{margin-left:15px;margin-right:15px}
.hr5{border: 1.1px solid #bdbdbd;background: #003774;}

.TextTin{font-size:18px;font-weight: bold;}.TextTin a{color: #000;}
.ImgNew{display:block;height:153px;overflow:hidden;position:relative;}
.ImgNew img{/*object-fit: cover;*/width:100%;height:100%;}
img.imgTin:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;
}
.timedt{font-size: 15px;
    font-family: "Roboto";
    color: rgb(153, 149, 149);}
.time2 {
    font-size: 13px;
    font-style: italic;
    color: #828282;
}

.fixBoxPro a{display:block;height:175px;overflow:hidden;position:relative;border: 1px solid #dfdfdf;}
.fixBoxPro img{/*object-fit: cover;*/width:100%;height:100%;}
.fixBoxPro img:hover{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;}
.img1P{border: 1px solid #ebebeb;display: flex;justify-content: center;}
 .img1P  img {width: 100%;padding: 15px;}
.fix_namePro P{font-size:16px;font-weight:bold;color:#000;}
.fix_namePro P:hover {
    color: #003875;
}
.Price{color:#da251c;font-size:16px;}
 #gallery .owl-prev{background: url(/js/owl-carousel/Galery.png) no-repeat 10px;
    background-color: #007cc2;
    border-radius: 20px;
    border: none;
    /*top: 100px;*/
    top: 100px !important;
    left: 0;}
#gallery .owl-next{background: url(/js/owl-carousel/Galery.png) no-repeat -10px;
    background-color: #007cc2;
    border-radius: 20px;
    border: none;top: 100px;
    right: 0;width:35px;height:35px;}
#gallery .owl-stage-outer{    width: 85%; margin: auto;}
   
#gallery .owl-item{width: 143px!important;
    margin: auto 7px!important;}
.fiximgPro{display:inline-block;border: 1px solid #dfdfdf;height: 100px;display: flex;justify-content: center;}    
.img_dt {object-fit: contain;}
    

.titH1{text-transform:uppercase; font-size: 25px;
  font-family: "Roboto";
  color: rgb(68, 68, 69);
}
.spld{height:30px; background: #f1f1f1;} 

.tit1{font-size: 26px;
  font-family: "Muli";
  color: rgb(51, 51, 51);}

span#lblPage {text-align: center;display: block;margin-bottom: 30px;}
.lpg a:first-child {background-position: 9px !important;} 
.lpg a {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    background: #fff;
    margin-left: 5px;
    border: 1px solid #eee;
}    
.lpg a {
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* -webkit-border-radius: 5px; */
    overflow: hidden;
}.cpage {
    background: #cccccc  !important;
    background-position-x: 0%;
    background-position-y: 0%;
    text-indent: 0 !important;
}.lpg a:hover, .cpage {
    background: #c81926;
    color: #fff!important;
}   
/*li.active a { color: #000000;}*/
 /*Load chi tiết*/  

       
.spld span{background: #007cc2;display: inline-block;height: 30px;padding: 5px 15px;color:#fff;}  
.hr4{border-bottom: 1px dashed #e5e5e5;height:1px;margin-bottom: 10px;}
.msp{display:inline-block;float:left;}   
.msp span{color:#007cc2;} 
.tt{display:inline-block;float:right;}  
.tt span{color:#007cc2;}
.numberPrice{font-size:40px;color:#da251c;}
.DT{background: #da251c;font-size: 26px;color: #fff;border-radius: 4px;display: inline-block;padding: 7px 30px;}
 .muahang{background: url(../images/bg/dat_mua.png)no-repeat;padding-left: 40px;}
 span.sub {display: inline-block;padding: 5px 15px;border: 1px solid #ebebeb;cursor: pointer;font-weight: bold;} 
 span.sum {display: inline-block;padding: 5px 15px;border: 1px solid #ebebeb;cursor: pointer;font-weight: bold;}     
#lblTotal {padding: 5px 20px;border: 1px solid #ebebeb;} 
 .contenDatel   {margin-bottom:30px;}
 #pnlBuy {margin-bottom: 30px;}
    


 
 .tabs{border-bottom: 1px solid #c1c1c1;text-align: center;}
li.tab-link {display: inline-block;padding: 7px 15px;border-top-left-radius: 4px; border: 1px solid #ebebeb;border-top-right-radius: 4px;border-bottom: 1px #d71010;}
ul.tabs li.current2, ul.tabs li.current3, ul.tabs li.current {background: #007cc2;color: #fff;}
ul.tabs {margin: 0;margin-top: 0px;padding: 0;list-style: none;}
ul.tabs li {color: #333;display: inline-block;padding: 10px 20px;cursor: pointer;font-size: 16px;background:#eee;margin-right: 5px;}
ul.tabs {list-style: none;}   
ul.tabs li.current2, ul.tabs li.current3, ul.tabs li.current {background: #0a7cff!important;color: #fff!important;}
ul.tabs li.current2, ul.tabs li.current3, ul.tabs li.current {background: #e5c11e; color: #333;} 
.tab-content { display: none;padding: 25px 0;}
.tab-content.current2, .tab-content.current3, .tab-content.current { display: inherit;} 
   
.dh_1 h3{color:#007cc2;padding: 0 7px;} 
select#ChkGender{  width: 70%;height: 27px;float: right;}
.dh_1 input{float:right;width: 70%;}  
.dh_1  textarea{float:right;width: 70%;border: 1px solid #a9a9a9;}
input#btnSend {width: 68px;margin-top: 5%;margin-right: 56%;background: #da251c;color: #fff;border: none;border-radius: 4px;padding: 5px;}  

.tit4a{position:relative;}   
.tit4a:after {content:'';width:45px;height:2px;background:red;display: inline-block;position: absolute;top: 31px;left: 2PX;}  
.tit-fb{position:relative;}    
.tit-fb:after {content:'';width:45px;height:2px;background:red;display: inline-block;position: absolute;top: 20px;left: 1PX;}      
#bk5{background:url(../images/picture/bk5.jpg)no-repeat;top: 100px;right: -65px;padding-top: 30px;background-position:center;}

.imageDA {
    /*height: 370px;*/
    height: 280px;
    overflow: hidden;
    position: relative;
    display: block;
}.imageDA img {
    height: 100%;
    width: 100%;
}
.contaDA {position: relative;}
.contaDA:hover .overlay {opacity: 0.8;}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #3194cc;}  
 .textDA {width: 90%;color: white; position: absolute;top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;} 
  .xtDa{display:inline-block;border:1px solid #da2127;border-radius:20px;padding: 7px 20px;color: #fff;margin-top: 30px;background:#da2127;}
.xtDa:hover{color: #fff;text-decoration: none;}
.carousel3b .owl-next, .carousel3b .owl-prev, .carousel3 .owl-next, .carousel3 .owl-prev{border: 1px solid;  display:none;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: block;}
#bk5 > .container > .carousel3 > .owl-nav > .owl-next:hover {border-color: red!important;background: url(/js/owl-carousel/bg-arrow43.png)no-repeat 1px;background-position: -7px;}
#bk5 > .container >  .carousel3 > .owl-nav > .owl-prev:hover{border-color: #da2127!important;background: url(/js/owl-carousel/bg-arrow43.png)no-repeat 10px;}
.carousel3b .owl-next, .carousel3 .owl-next {background-position: -7px;}

/*.SPR .owl-nav, .owl-carousel:hover .owl-nav{margin-top: -127px;}*/
.titleVideoL{background:#da251c;padding:5px;}
.titleVideoL a{font-size: 20px;
  font-family: "Muli";
  color: rgb(255, 255, 255);
  font-weight: bold;}
/*Partner*/
.Partner1{border:1px solid #e3e3e3;height: 115px;vertical-align: middle;display: table-cell;width: 180px;} 
.Partner1 img{width:100%!important;display: inline-flex!important;display: block!important;
    margin-left: auto;
    margin-right: auto;height:100%;object-fit: contain;}
/*.Partner{border:1px solid #e3e3e3;height: 135px;vertical-align: middle;display: table-cell;width: 155px;}*/ 
.Partner{border:1px solid #e3e3e3;height: 135px;vertical-align: middle;display: table;width: 155px; margin: 0 auto;} 
.Partner a { display: table-cell; height: 135px;}
.Partner img{width:100%!important;display: inline-flex!important;display: block!important;
    margin-left: auto;
    margin-right: auto;height:100%;object-fit: contain;}
.Partner img:hover{    -webkit-transform: scale(0.9);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-duration: 0.5s;}
#fixbk4 > #owl-partner1 .owl-prev {background:url(../images/bg/Left.png)no-repeat;top: 100px;left: -40px;}
#fixbk4 > #owl-partner1 .owl-next {background:url(../images/bg/Right.png)no-repeat;top: 100px;right: -65px;
}
#fixbk4{width:1050px;}
#fixbk41{display: flex;justify-content: center;}
#fixbk4 > #owl-partner1 .owl-dots{display:none;}  


    

    
 /*menu footer*/ 
  .ghiam {position:relative;}
 .ghiam > a{display:inline-block;color:#fff!important;position:absolute;margin-left: 15px;top:20px;}
 .col-xs1{padding-left:0px;padding-right:0px;}
 .col-xs2{padding-left: 15px !important;
    padding-right: 15px !important;margin-bottom: 30px!important;}
 audio {height: 35px;}.ghiam {padding: 10px 0;}
   audio:focus{ outline:none;}  
   .socicalnet a {
    margin: auto 5px;
}                
 .socicalnet{margin-top:5px;display: inline-block;margin: 50px auto;}
 /*footer*/
 .Copyright{float:left;margin-bottom:15px;font-size: 14px;
  font-family: "Roboto";
  color: rgb(143, 143, 143);}
 .Gamma{display:inline-block;float:right;font-size: 14px;
  font-family: "Roboto";
  color: #fff;}

 #dh_2 .yk{width:100%;border: 1px solid #e3e3e3;border-radius: 4px;padding: 5px 10px;margin-bottom: -10px;}   
 .ContactF{font-size: 14px;
  font-family: "Roboto";
  color: rgb(102, 102, 102);
  line-height: 1.429;}  

 .NameCT1 a{font-size: 18px;
  font-family: "Muli";
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}   
  #NameCT1:after{left: 0px;}
 .NameCT1{font-size:18PX;margin-bottom: 25px;font-weight: bold;}
 .NameCT1:after{content:'';width:50px;height:2px;background:red;display: inline-block;position: absolute;top: 28px;left: 15PX;}
 input#btnSendL {padding: 5px 25px;background: #da251c;border: none;color: #fff;border-radius: 4px;margin-top: 15px;}
 textarea#contentC1 {width:100%;border: 1px solid #e3e3e3;border-radius: 4px;}
    

.mxh    iframe{float:right;}
.mxh{}  
.HTKD  {background: url(../images/picture/suport.jpg) no-repeat center;background-size: 100%;height: 185px;position:relative;border-radius: 5px;}
.emaif  {font-size: 15px;background:#da251c;color:#fff;position:absolute;bottom:0;width:100%;margin-bottom: 0;border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;height: 35px;line-height: 35px;text-align: center;}
.emaif:before{background: url(/images/bg/emailf.png)no-repeat center;content: "";position: absolute;top: 0;left:-123px; width: 100%; height: 100%;}
.hotlinef{color: #fff;font-size: 16px;position: absolute;left: 40px;top: 70px;font-weight: bold;padding-left: 25px!important;padding: 4px 10px;border-radius: 4px;}  
.hotlinef:before{background: url(/images/bg/dtf.png)no-repeat center;content: "";position: absolute;top: 0;left:-17px; width: 30px; height: 100%;background-color:#00a2ff;border-radius:4px;}
.hotlinef1{color: #fff;font-size: 16px;position: absolute;left: 40px;font-weight: bold;padding-left: 25px!important;padding: 4px 10px;border-radius: 4px;top:105px;}
.hotlinef1:before{background: url(/images/bg/zalo.png)no-repeat center;content: "";position: absolute;top: 0;left:-20px; width: 35px; height: 100%;border-radius:4px;}

.htkd{color: #fff;font-weight: bold;font-size: 20px;position: absolute;left: 23px;top: 20px;}
    

/* search */
.btnCmd {
    background: #da251c;
    width: 35px;
    border: none;
    height: 25px;
    float: right;
    margin-top: 7px;
    color: #fff;
}
/*.btnCmd {background: #da251c;width:35px;border:none;height:25px;position: absolute;top: 7px;right: 70px;color: #fff;}*/
/*#txtSearch{height:25px; padding-left:15px;margin-top: 7px; }*/ 
#txtSearch{height:25px; padding-left:15px;margin-top: 7px; width: calc(100% - 50px);
    border: 0;
    text-align: center;} 
    
#txtSearch:focus{outline:none;}
/*.TopSearch{float:right; }*/
.TopSearch{  position: absolute;
    left: 88%;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: 12%;
    background: #fff;
    z-index: 99;

    width: 0;
    transition: left 1s;
    overflow: hidden;
        padding-top: 21px;

}

#btnCmd{background: url(../images/bg/12.png) no-repeat center;width: 35px;height: 25px;border: none;}
#btnCmd:focus{outline:none;}

/*Menufooter*/
.menuf{background:#003473;}
/*============ col left ==============*/

/* -------- Request ID----------*/
#menu_fixed {
    position: fixed;
    z-index: 9999999;
    right: 0;
    top: 30%;
    color: #fff;
}#menu_fixed .ul-menu {
    background:#045ab7;
    padding: 5px 10px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    webkit-transition: 2s;
    transition: 2s;
}#menu_fixed .icon i {
    font-size: 26px;
}#menu_fixed .ul-menu:hover {
    background: #003875;
}
 #menu_fixed .ul-menu:hover .conten {
    display: block;
    webkit-transition: display 1s;
    transition: display 1s;
}
#menu_fixed .conten {
    position: absolute;
    right: 42px;
    top: 0;
    background: #003875;
    width: 245px;
    display: none;
    padding: 0px 10px;
    webkit-transition: display 1s;
    transition: display 1s;
}
.slide-hotline-items i{font-size: 18px!important;    margin-right: 5px;}
.zalo{position:relative;padding-left: 15px;margin-left: 10px;}
.zalo:before {
    background: url(/images/bg/zalo1.png)no-repeat center;
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 35px;
    height: 100%;
    border-radius: 4px;

    
}
.content-ellipsis-6-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 6;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-5-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-4-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-3-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-2-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-1-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}


@media (max-width: 767px) {
    .gtH a{font-size:21px;}
    .gtH{position:relative;text-align: left;}
   .gtH:after{content:'';width:90px;height:4px;background:red;display: inline-block;position: absolute;bottom: 0px;left:0;/*left: calc(50% - 45px);*/} 
   .fixgtH1{border-right:none;}
}
@media (min-width: 767px) and (max-width: 991px){
    .gtH a{font-size:21px;}
    .gtH{position:relative; margin: 0 auto;}
   .gtH:after{content:'';width:90px;height:4px;background:red;display: inline-block;position: absolute;bottom: 0px;left:0;    right: 0;    margin: auto;/*left: calc(50% - 45px);*/} 
   .fixgtH1{border-right:none;}

   #fixbk4 > #owl-partner1 .owl-prev{left: -15px;top: 105px!important;border: none; width: 20px;}
    #fixbk4 > #owl-partner1 .owl-next { right:-20px!important;top: 105px!important; width: 20px;}

    .fixAboutH p a:nth-of-type(1) { min-height: 58px;    display: block;}
    .AboutHsub { padding-bottom: 5px !important; }
    #oMenu .onav {     right: 0;    left: auto;}
    .noIpad { display: none !important;}
    .viewIpad { display: block !important;  position: relative;    left: 0;    top: 20px; float: left; margin-left: calc(100% - 115px);}

    .hiddenIpad { display: none;}
}
@media (max-width: 991px) {
    .Logo img{ height: 45px; width: auto !important;}
    
    .onav-sticky{height:0!important;}
    .TopHeader p{margin:inherit;margin-bottom: 10px; margin-top: 10px;}
    .TopHeader a{margin:inherit;margin-bottom: 10px; margin-top: 10px;}

    .Logo{width:26%;top: 8px !important;}
    .TopSearch{position:absolute;right:70px;margin: 7px auto;z-index: 25;}
    .Topsdt{padding-left:25px;background: url(../images/bg/8441.png)no-repeat 1px;margin-top: 10px!important;}
    #txtSearch{width: 130px;}
   .logo {margin-bottom:10px;text-align:center;}
   .logo a:nth-of-type(1){position:inherit;}
   .logo a:nth-of-type(2){display:none;}
   .TK{position:absolute;top: 97px;width: 97%;
    float: inherit;}
   #btnCmd{width:35px;}
   #oMenu{height:60px;    position: relative;}
   .btnMenu{position:relative;left:0;top:18px;background: #929292;float:right;height: 25px;width: 40px;}
   .btnMenu:before{left:10px;top: 4px;}
   .btnMenu:after{left:10px;height: 9px;top: 11px;}
   .btnMenu.menu-opened:before{top: 12px;}
   .btnMenu.menu-opened:after{top: 12px;}
   #oMenu .onav{padding-left:initial;}
   #menu-main{margin:inherit;}

   .sticked .onav{top: 100%!important;}
   .sticked .btnMenu{top: 18px;}

   .langues{margin-top:0;}
   .img-lang{margin-top:0!important;}
   .color-gray-2{margin-bottom:0!important;}
   #oMenu ul{width:100%;}
   .pull-right{display:none;} 
   #owl-demo .owl-next {right: 15px!important;top: 65%!important;}
   #owl-demo .owl-prev {left: 15px!important; right: auto !important; top: 65%!important;}

   .fixAboutH{height:340px;margin-bottom: 15px;}
   .fixText1{height: inherit;margin-bottom: 15px;}
   .img_servic{height:220px;}
   .tit3 a{font-size: 18px;
  font-family: "Muli";
  color: rgb(9, 49, 111);
}    

   .img_pro{/*height:180px;*/ height:230px;}.box_itemP {margin-bottom:30px;}
.spk{margin-top:inherit;}
   .TitleNB:after{left: calc(50% - 45px);}
   .VideoH{height:220px;}
   /*#fixbk4{width:280px;}*/
   #fixbk4{width: 95%;}
   #fixbk4 > #owl-partner1 .owl-prev{left: -15px;top: 105px!important;border: none; width: 20px;}
    #fixbk4 > #owl-partner1 .owl-next { right:-20px!important;top: 105px!important; width: 20px;}
    .menuf .onav li{display:none;}    
    .col-xs1{padding-left:8px;padding-right:8px;}
#NameCT1:after {
    left: 8px;
}
   input#btnSendL{margin-bottom:30px;} 
   .NameCT1{margin-bottom:15px;}
   .ghiam{text-align:center;}
   .socicalnet{float:inherit;margin-top:inherit;margin-top:10px; margin-bottom: 10px; text-align:center;}
    iframe{width:100%;}
    .intro  img{width:100%;height:100%;}
    .boxf p {height: 70px;overflow: hidden;}
    ul.onav.mgb0.text-center {padding-left: 0;}
   .OtherN{height:80px;} 
   .AboutH{margin-top:-50px;}
   .ContentAboutH{border-left:none;padding-left:0;/*text-align:center;*/padding-top: 15px;text-align: justify;}
   
   .audio{width:100%;}
   .Gamma{float:inherit;}

   #gallery .owl-stage-outer{width: 100%; margin: inherit;}
   
#gallery .owl-item{width: 93.333px!important;margin: auto 2px!important;}
#gallery .owl-next{top: 100px!important;right: -15px!important;}   #gallery .owl-prev{left: -15px;} 

   .imageDA{height:300px;}
    #bk5 > .container > .carousel3 > .owl-nav > .owl-next {height: 100px;
    Top: calc(100% - 175px)!important;
    right: -15px!important;
    left: -35px!important;
    width: 30px;
    border: #fff 1px solid;
    BACKGROUND-COLOR: #333!important;
    background: url(/js/owl-carousel/bg-arrow5.png)no-repeat 2px;}
    #bk5 > .container >  .carousel3 > .owl-nav > .owl-prev{height: 100px;width: 30px;Top: calc(100% - 175px)!important;right: -15px!important;border: #fff 1px solid;
    BACKGROUND-COLOR: #333!important;
    background: url(/js/owl-carousel/bg-arrow5.png)no-repeat -20px;}
    .fixbigsilde{height: 165px;}

    #bk5 > .container > .carousel3 > .owl-nav > .owl-next:hover {border: #fff 1px solid;opacity: 0.8;
    BACKGROUND-COLOR: #333!important;background: url(/js/owl-carousel/bg-arrow5.png)no-repeat 2px;}
#bk5 > .container >  .carousel3 > .owl-nav > .owl-prev:hover{border: #fff 1px solid;opacity: 0.8;
    BACKGROUND-COLOR: #333!important;background: url(/js/owl-carousel/bg-arrow5.png)no-repeat -20px;}



    .spld span{display:block;font-size: 20px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;height:initial;text-align:center;}
    #ProH .owl-nav{visibility:hidden;}
    #ProH  .owl-next {background-position: -20px;Top: calc(90% - 145px)!important;right: -15px!important;background: url(/js/owl-carousel/Galery.png) no-repeat -10px;
    background-color: #007cc2;
    border-radius: 20px;
    border: none;width: 35px;
    height: 35px;}
     #ProH  .owl-prev{Top: calc(90% - 145px)!important;right: -15px!important;left: -15px!important;background: url(/js/owl-carousel/Galery.png) no-repeat 10px;
    background-color: #007cc2;
    border-radius: 20px;
    border: none;}     
     .ghiam > a{/*visibility:hidden;*/position:inherit;    margin-top: 10px;top:inherit;}
     /*.tittleNewL{text-align: justify;}*/
     #owl-demo .owl-dots{ position: absolute; bottom: 10px;}
     .owl-dots .owl-dot span {     width: 10px;    height: 10px;}

   /*#txtSearch{position:absolute;}*/

   .hotlinefM {font-size: 16px;position: absolute;left: 0; right: 0; top: 15px;font-weight: bold;padding-left: 25px!important;padding: 4px 10px;border-radius: 4px; text-align: center;}      
   .hotlinefM a { color: #111; display: inline;}

   .content-ellipsis-4-line-xs {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
    .content-ellipsis-3-line-xs {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
    .content-ellipsis-2-line-xs {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
    .content-ellipsis-1-line-xs {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
}

@media (min-width: 992px) and (max-width: 1025px) {
    .onav > li > a { padding: 7px 0; font-size: 15px;}

    #fixbk4 { width: 100% !important;}
    #fixbk4 > #owl-partner1 .owl-prev{left: -15px;top: 105px!important;border: none; width: 20px;}
    #fixbk4 > #owl-partner1 .owl-next { right:-20px!important;top: 105px!important; width: 20px;}

    .fixAboutH p a:nth-of-type(1) { min-height: 58px;    display: block;}
    .AboutHsub { padding-bottom: 5px !important; }
    #oMenu .onav {     right: 0;    left: auto;}

    .noIpad { display: none !important;}
    .viewIpad { display: none !important;    position: relative;    left: 0;    top: 20px; float: left; margin-left: calc(100% - 115px);}
}
/*D04M03Y2020*/

.footer0 { background: #003875;}

.owl3-left {width: 30px;    height: 30px;    top: 0;    background: url(/js/owl-carousel/bg-arrow42.png)no-repeat 10px;position: absolute;    border: 1px solid gray; right: 50px;}
.owl3-right {width: 30px;    height: 30px;    top: 0;    background: url(/js/owl-carousel/bg-arrow42.png)no-repeat 10px; transform: rotate(180deg);position: absolute;    border: 1px solid gray; right:0;}

.owl3-left:hover {border-color: #da2127!important;    background: url(/js/owl-carousel/bg-arrow43.png)no-repeat 10px;}
.owl3-right:hover {    border-color: red!important;    background: url(/js/owl-carousel/bg-arrow43.png)no-repeat 10px; transform: rotate(180deg);}

.owl3M-left {width: 30px;    height: 30px;    bottom: 180px;    background: url(/js/owl-carousel/bg-arrow42.png)no-repeat 10px;position: absolute;    border: 1px solid gray; left: 0; z-index: 2; background-color: #fff;}
.owl3M-right {width: 30px;    height: 30px;    bottom: 180px;    background: url(/js/owl-carousel/bg-arrow42.png)no-repeat 10px; transform: rotate(180deg);position: absolute;    border: 1px solid gray; right:0; z-index: 2; background-color: #fff;}

.owl3M-left:hover {border-color: #da2127!important;    background: url(/js/owl-carousel/bg-arrow43.png)no-repeat 10px;background-color: #fff;}
.owl3M-right:hover {    border-color: red!important;    background: url(/js/owl-carousel/bg-arrow43.png)no-repeat 10px; transform: rotate(180deg);background-color: #fff;}

.width-100pc { width: 100%;}
.width-auto-important { width: auto !important;}
.z-index-1 { z-index: 1;}
.font-size-16px-important { font-size: 16px !important;}
.line-height-1d5-important { line-height: 1.5 !important;}
.font-family-Roboto { font-family: "Roboto";}
.height-auto-important { height: auto !important;}

.a_img_ratio_61 {position: relative;    padding-top: 61%;    overflow: hidden; display:block;}
.a_img_ratio_68 {position: relative;    padding-top: 68%;    overflow: hidden; display:block;}
.a_img_ratio_77 {position: relative;    padding-top: 77%;    overflow: hidden; display:block; height: auto;}
.a_img_ratio_61 img, .a_img_ratio_68 img, .a_img_ratio_77 img {      max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;  width: 100%;    height: 100%;    display: block;    object-fit: cover;}

.a_img_ratio_55_full {position: relative;    padding-top: 55%;    overflow: hidden; display:block; height: auto;}
.a_img_ratio_57_full {position: relative;    padding-top: 57%;    overflow: hidden; display:block; height: auto;}
.a_img_ratio_66_full {position: relative;    padding-top: 66%;    overflow: hidden; display:block; height: auto;}
.a_img_ratio_80_full {position: relative;    padding-top: 80%;    overflow: hidden; display:block;}
.a_img_ratio_55_full img, .a_img_ratio_57_full img, .a_img_ratio_66_full  img, .a_img_ratio_80_full  img {      max-height: 100%;    max-width: 100%;    width: auto !important;    height: auto;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;}

.content-ellipsis-2-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}

.noIpad { display: block}
.viewIpad { display: none}