@charset "utf-8";

@font-face {
    font-family: 'UTM_Avo';
    src: url('./font/utm_avo/UTM Avo.eot');
    src: url('./font/utm_avo/UTM Avo.eot?#iefix') format('embedded-opentype'),
         url('./font/utm_avo/UTM Avo.woff') format('woff'),
         url('./font/utm_avo/UTM Avo.ttf') format('truetype'),
         url('./font/utm_avo/UTM Avo.svg#UTM Avo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UTM_AvoBold';
    src: url('./font/utm_avo/UTM AvoBold.eot');
    src: url('./font/utm_avo/UTM AvoBold.eot?#iefix') format('embedded-opentype'),
         url('./font/utm_avo/UTM AvoBold.woff') format('woff'),
         url('./font/utm_avo/UTM AvoBold.ttf') format('truetype'),
         url('./font/utm_avo/UTM AvoBold.svg#UTM AvoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: RobotoCondensed-Regular;
  src: url(RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: RobotoCondensed-Bold;
  src: url(RobotoCondensed-Bold.ttf);
}

#at4-share, #at4-soc{display:block!important}
*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
body {
	       
      font-family: RobotoCondensed-Regular;
	  font-size:15px;
	margin: 0px;
	padding: 0px;
	color: #666;
	background:#f1f1f1 ;
	    line-height: 1.5;
   
}
textarea{ font-family: RobotoCondensed-Regular;}

*::-webkit-input-placeholder {
    color: #a9a9a9;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #a9a9a9;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #a9a9a9;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #a9a9a9;
}





#tutimkiem::-webkit-input-placeholder {
    color: #fff;
}
#tutimkiem:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
}
#tutimkiem::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
}
#tutimkiem:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}


#wrapper{width:100%;height:auto;}
#bannertc1{width:100%;float:left;height:auto;padding-bottom:0px}
#bannertc2{width: 1170px;
    margin: auto;
    height: auto;
    
    background: #fff;
    padding: 0px 10px;    overflow: hidden;}
#logotc{float:left;    height: 72px;}
#phaibannertc1{width:930px;float:right;height:auto;}
.gioihang_k{font-family: RobotoCondensed-Bold;float:right;    color: #ec3f3c;
    margin-top:20px;padding-left:47px;font-size: 15px;}
.gioihang_k p{margin:0px;padding:0px}	
.gioihang_k p a{    color: #febf25;}
.goidathang{  font-family: RobotoCondensed-Bold;  color: #ec3f3c;
    
    font-size: 15px;
    padding-left: 47px;float:right;margin-right:42px;margin-top:20px;}
.goidathang p{margin:0px;padding:0px;    color: #febf25;}	
#menu1{width:100%;float:left;height:auto}
#menu2{width:1170px;margin:auto;height:51px;    border-bottom: 5px solid #febf25;    background: #fff;	}
#dmtc{    float: left;font-family: RobotoCondensed-Bold;
    height: 51px;
    line-height: 53px;
    text-align: left;
    
    color: #fff;
    font-size: 16px;
 
    background-size: 100% 100%;
    padding-left: 29px;
    width: 230px;
    position: relative;
    z-index: 1111;   
    background: rgb(51 103 214);
    background: #febf25;-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;}
#dmtc ul{margin:0px;padding:0px;position:absolute;top:51px;display:none;width:285px;height:auto;background:#fff;left:0px}
#dmtc ul li{margin:0px;padding:0px;list-style:none;width:100%;padding:5px 10px; line-height:23px;border-bottom:1px solid #ddd;float:left;position:relative}
#dmtc ul li a{font-size:14px;font-family: RobotoCondensed-Bold;}
#dmtc ul li a img{height:20px;position:relative;margin-right:10px;top:3px}
#dmtc:hover ul{display:block}
#dmtc ul li ul{position:absolute;left:285px;top:0px;display:none!important}
#dmtc ul li:hover ul{display:block!important}
#dmtc ul li:hover ul li ul{position:absolute;left:285px;top:0px;display:none!important}
#dmtc ul li ul li:hover ul{display:block!important}
#menuphai{width:905px;float:left;height:51px}
#slider1{width:100%;float:left;height:auto}
#slider2{width:1170px;margin:auto;height:auto;    background: #fff;
    overflow: hidden;}
#slidertrai{width:880px;float:left;height:auto;}
#sliderphai{width:258px;float:right}
#tdsliderphai{width:100%;float:left;height:auto;}
#ndsliderphai{width:100%;float:left;height:auto;padding-top:25px}
.mucxm{width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;}
.mucxm1{margin-bottom:0px;border-bottom:0px solid #000}	
.mucxm img{width:57px;margin-right:10px}
.mucxm span{color:#f00}
.mucxm h3 a{font-family: RobotoCondensed-Bold;
    position: relative;
    top: 11px;}
.mucxm h3 a:hover{color:#f00}
.mucflexslide{width:100%;float:left;height:auto}
.mucflexslide img{width:100%;float:left;height:auto}
#flexslide .owl-nav button.owl-prev span{display:none!important}
#flexslide .owl-nav button.owl-prev{background: url(../images/next_xam.png) center no-repeat!important;
   
    transform: rotate(180deg);width: 40px;
    height: 40px;left:0px!important;outline:none!important}
	
#flexslide  .owl-nav button.owl-next span{display:none!important}	
#flexslide  .owl-nav button.owl-next{background: url(../images/next_xam.png) center no-repeat!important;
   
	width: 40px;
    height: 40px;right:0px!important;outline:none!important}
#flexslide .owl-dots{display:none!important}	
#bonmuctc1{width:100%;float:left;height:auto}
#bonmuctc2{width:1170px;margin:auto;height:auto;min-height:100px;background:#febf25}
#giua_sp .dathang_sp{width: 49%;
    float: left;
    padding: 10px 0px;
    color: #fff;
    font-family: "Muli",sans-serif;
    font-weight: 600;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);}
.mucsp_ttten{font-family: RobotoCondensed-Bold;color:#000;font-size:18px}
#khungchinh1{width:100%;float:left;height:auto}
#khungchinh2{width:1170px;margin:auto;height:auto;background: #fff;
    overflow: hidden;
    padding: 10px 10px;}
#tdul {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
#tdul ul {
    margin: 0;
    padding: 0;
}
#tdul ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding: 0 7px;
}
#tdul ul li:first-child {
    padding-left: 0;
}
#tdul ul li a {
    color: #115997;
}
#tdul ul li i {
    color: #115997;
}
#tdul ul li h1 a {
    color: #115997;
    font-size: 16px;
    font-weight: 100;
    float: left;
}
#tdul ul li h1 {
    float: left;
    margin: 0;
    padding: 0;
}
#tdul ol {
    margin: 0;
    padding: 0;
}
#tdul ol li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding: 0 0;
}
#tdul ol li:first-child {
    padding-left: 0;
}
#tdul ol li a {
    color: #115997;
    position: relative;
}
#tdul ol li a:after {
    content: "›";
    margin: 0 5px;
    color: #115997;
}
#tdul ol li:last-child a:after {
    content: "";
    margin: 0 0;
    color: #115997;
}
#tdul ol li i {
    color: #115997;
}
#tdul ol li h1 a {
    color: #115997;
    font-size: 16px;
    font-weight: 100;
    float: left;
}
#tdul ol li h1 {
    float: left;
    margin: 0;
    padding: 0;
}
	
.kundmc1{width:100%;float:left;height:auto;margin-bottom:15px;    }
.tieude_dm{width:100%;float:left;height:auto;margin-bottom:10px;    height: 51px;
    line-height: 51px;
   
    position: relative;    border-bottom: 2px solid #febf25;}
	
.tieude_dm ul{margin:0px;padding:0px}	
.tieude_dm ul li{    display: inline-block;
    vertical-align: top;
    
    color: #fff;

    font-size: 14px;
    padding: 0px 12px;}
.tieude_dm ul li:first-child{background: #febf25!important;}
.tieude_dm ul li:first-child a{font-family: RobotoCondensed-Bold;color:#fff; text-transform: uppercase;}
.tieude_dm ul li h2{
   
    font-size: 14px;}
.tieude_dm ul li h2 a{font-family: RobotoCondensed-Bold;
   
    font-size: 14px;color: #000;}
.ndkundmc1{width:100%;float:left;height:auto}
#ttfttc1{width:100%;float:left;height:auto}
#ttfttc2{
	width: 1170px;
    margin: auto;
    height: auto;
    background: #fff;
    padding: 20px 0px;
    overflow: hidden;
	
}
	
.tren_1{display: inline-block;
    width: 23%;
    margin: 0% 0.6%;
    vertical-align: top;}	
.mw100{max-width: 100%;
    vertical-align: middle;}	
.ten_trenft{padding-left: 0px;
    
    color: #505050;
    font-size: 15px;
    margin-bottom: 13px;}


.box_sanpham{   float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 214px;
    position: relative;}
.box_sanpham1{float:right;margin-right:0px}	
.img_sanpham{    text-align: center;
    overflow: hidden;
    border: 1px solid #ddd;
    position: relative;padding: 15px;}	
.img_sanpham img{    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;max-width:100%;height:auto}
.name_sanpham{font-size: 15px;
    margin-top: 10px;}	
.name_sanpham h2{ font-family: RobotoCondensed-Bold;   font-size: 14px;
    color: #000;
    height: 40px;
    overflow: hidden;
   }
.gia_sanpham{    margin-top: 5px;
    font-size: 14px;min-height:42px}
.gia_sanpham span{    color: #f00;
    font-weight: bold;
    display: block;}
.gia_sanpham span.giacu{    float: left;
    color: #6d6d6d;
    text-decoration: line-through;
    font-weight: normal;}	
.clear{display: block;
    clear: both;}
.more_sanpham{margin-top: 5px;
    float: left;
    margin-right: 30px;
    display: none;}	
.more_sanpham a{background: #0077c0;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;}	
.box_sanpham .phantram{    width: 40px;
    height: 40px;
    background: red;
    border-radius: 50%;
    text-align: center;
    display: block;
    position: absolute;
    right: 71px;
    bottom: 35px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;    display: none;}
	
.dathang_sanpham{    margin-top: 5px;
    width: 85px;
    float: left;
    background: #febf25;
    padding: 5px 0px;
    text-align: center;
    border-radius: 3px;
    display: block;}	
.dathang_sanpham a{color: #fff;
    font-weight: bold;
}
.dathang_sanpham .fa{font-size: 14px;}

#dklktc1{width:100%;float:left;height:auto}
#dklktc2{width: 1170px;
    margin: auto;
    height: auto;
    background: #fff;
    padding: 0px 0px;
    overflow: hidden;}
div.phone_support{float: right;
    font-size: 25px;
    color: #fff;
    width: 34%;
    padding: 0px 0px 0px 10px;
    background-size: 100% 100%;}
.social-footer span{    float: left;
    padding-right: 10px;
    line-height: 33px;
    color: #000000b5;
    font-size: 16px;
    
    margin-right: 16px;
    text-transform: uppercase;}
div.phone_support span{    display: inline-block;
    vertical-align: top;}
div.phone_support img{    display: inline-block;
    vertical-align: top;}
div.w_dknt{    width: 60%;
    float: left;
    font-size: 20px;
    color: #4a4a4a;
    padding: 0px 10px;}
	
div.w_dknt p{float: left;
    padding: 3px 0px;
    color: #000000b5;
    font-size: 16px;
    
    margin-right: 16px;
    margin-top: 7px;}	
form#frm_dknt input[type='text']{    float: left;
    width: 81%;
    padding: 12px 16px;
    border: 1px solid #febf25;
    border-radius: 3px;
    background: #fff;
    outline: none;
    color: #00000078;
    font-size: 13px;
    font-weight: bold;}
#btn_guiemail{background: #febf25;
    float: left;
    border: 1px solid #febf25;
    border-radius: 3px;
    padding: 12px 20px;
    margin-left: 5px;
    outline: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;}
form#frm_dknt input[type='button']{background: url(img/bay.png)no-repeat;
    color: transparent;
    width: 8%;
    float: right;
    border: none;
    cursor: pointer;
    padding: 13px 0px;}	
form#frm_dknt{    float: left;
    width: 62%;}
#ganfttc1{width:100%;float:left;height:auto}
#ganfttc2{width:1170px;margin:auto;height:auto;background: #fff;
    padding: 10px 10px;}
	
	
.footermot{    width: 25%;
    float: left;}	
.footerhai{    width: 25%;
    float: left;}	
.footerba{    width: 25%;
    float: left;}	

.footerbon{    width: 18%;
    float: left;}
.footernam{    width: 18%;
    float: left;}
.title_footer{    color: #444444;
    text-transform: uppercase;
    font-size: 16px;
    
    margin-bottom: 10px;}
.content_footer ul{margin:0px;padding:0px}	
.content_footer ul{margin:0px;padding:0px;list-style:none}	
.content_footer ul li a{    display: inline-block;
    padding: 5px 0px;
    color: #444444db;
    font-size: 15px;}
.id_tk span{color: red;
    font-weight: bold;}

#copyright1{width:100%;float:left;height:auto}
#copyright2{width:1170px;margin:auto;height:auto;background: #2c3e50;
    color: #98999a;
    text-align: center;
    padding: 20px 0px;}
#zalotc{position:fixed;z-index:1111;bottom:70px;right:10px;width:70px}	

.zalo-container img {
  max-width: 100%;
  height: auto;
}

.zalo-container {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 160px;
  z-index: 9999999;
}

.zalo-container:not(.right) {
  left: 2.5rem;
}

.zalo-container.right {
  right: 2.5rem;
}

.zalo-container a {
	display: block;
}

.zalo-container span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1182FC;
  position: relative;
}

@keyframes zoomIn_zalo {
	from {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

.zoomIn_zalo {
  animation-name: zoomIn_zalo;
}

.animated_zalo {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated_zalo.infinite {
  animation-iteration-count: infinite;
}

.cmoz-alo-circle {
  width: 50px;
  height: 50px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(17, 130, 252, .8);
  opacity: .1;
  border-color: #1182FC;
  opacity: .5;
}

.cmoz-alo-circle-fill {
  width: 60px;
  height: 60px;
  top: -10px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: rgba(17, 130, 252, 0.45);
  opacity: .75;
  right: -10px;
}

@-webkit-keyframes pulse_zalo {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse_zalo {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse_zalo {
  -webkit-animation-name: pulse_zalo;
  animation-name: pulse_zalo;
}