@charset "utf-8";



#container {
	width:1270px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/wood.png);
}
#container #contain{
	width:13000px;
	
}

#container #contain #millder{
	background-color:#FFF;
	float:left;
	margin-left:5px;
	margin-top:0px;	
	width:1060px;
	height:auto;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}


#container #contain #millder #khungngoai #khunghinh{
	width:1060px; /* be ngang khung hinh sẽ nhảy sang bên*/
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}


#container #header {
	background-color: #004184;
	height: 220px;
	width: 1200px;
/* Phần điều khiển header*/	
}
#container #header #khung{
	width:1190px;
	height:210px;
	float:left;
}
#container #header #khung #khunglogo{
	width:300px;
	height:130px;
	margin-top:70px;
	margin-left:7px;
	background-color:#004184;
	float:left;
}
#container #header #khung #chenhinh{
	width:786px;
	height:211px;
	background-color:#004184;
	float:left;
	margin-top:5px;
	
	
	}
	
/* Phần kết thúc điều khiển header*/

#container #navigation {
	background-image: url(images/wood.png);
	height:57px;
	width:1200px	
}
	
#container #khoangtrang1 {
	background-image: url(images/wood.png);
	height:2px;
}
#container #contain #danhmucsp {
	background-color:#C5E7FD;
	height:60px;
}
/* Phần điều khiển phần hàng ưu thích*/
#container #contain #hanguuthich{
	background-color:#903;
	float:right;
	width:200px;
	height:40px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #hanguuthich #khunghanguuthich{
	width:150px;
	height:10px;
	margin-left:40px;
	margin-top:6px;
}
#container #contain #hanguuthich #khunghanguuthich a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 5px;
	color:fff;
	text-align:center;
}
/* Phần kết thúc điều khiển kiểu chữ trong phần hàng ưu thích*/
#container #contain #right #show{/* Trình diễn các sản phẩm bán chạy như sensor*/
	background-color:#FFF;
	height:400px;
	margin-top:42px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}


#container #contain #left {
	background-image: url(images/wood.png);
	float:left;
	width:220px;
	height:836px;
	}
	
	#container #contain #left #rail{
	width:200px;
	height:auto;
	}
	
	#container #contain #left #2V{
	width:200px;
	height:80px;
	}
	
	
#container #contain #left #informationatp{
	position:fixed;
	top:50%;
	}

#container #contain #left #map{
	width:220px;
	height:220px;
	}	


	
#container #contain #left #logohang img{
	
	margin-top:5px;
	}
		
#container #contain #left #infomation{
	width:200px;
	height:40px;
	background-color:#E6E6E8;
	margin-top:5px;
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

}
#container #contain #left #infomation #khung{
	width:200px;
	height:20px;
	margin-left:0px;
	background-color:#D3D5D9;
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

}
#container #contain #left #khung{
	width:200px;
	height:200px;
	margin-top:5px;
	background-color:#FFF;
}
#container #contain #left #khung #hinh{
	width:190px;
	height:190px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	background-color:#fff;
	
}	
#container #contain #right{
	background-image: url(images/wood.png);
	float:right;
	width:200px;
	height:440px;
}
#container #contain #right #show{
	margin-top:0px;
}
/* Phần đầu điều khiển file flash phần hàng bán nhiều*/
#container #contain #right #show #chenflash{
	width:198px;
	height:400px;
	margin-top:5px;
	margin-left:0px;
	background-color:#FFF;
	float:left;
	border: 1px solid #EBEBEB;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #right #show #chenflash #dieukhienflash{
	margin-top:5px;
	margin-left:30px;
}





#container #contain #under-right{
	background-color:#EBEBEB;
	float:right;
	width:200px;
	height:384px;
	margin-top:15px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/* Phần điều khiển nội dung công trình*/
#container #contain #under-right #khungchu{
	width:100px;
	height:20px;
	margin-left:60px;
	background-color:;
}
#container #contain #under-right #khungchu a{
	font-family:"Pacifico", arial, serif;
	color:#990033;
}
#container #contain #under-right #chenhinh{
	width:855px;
	height:344px;
	margin-top:13px;
	margin-left:5px;
	background-color:000;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/* Phần đầu, phần điều khiển mục hãng sản xuất*/
#container #contain #left #danhmucsp{
	
	background-color:#903;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #left #danhmucsp #khungdanhmucsp{
	width:auto;
	height:auto;
	margin-left:20px;
	margin-top:-8px;
	float:left;
}
#container #contain #left #danhmucsp #khungdanhmucsp a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 5px;
	color:fff;
	text-align:center;
}
#container #contain #left #danhmucsp p{ 
	margin-top:1px;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

#container #footer{
	background-color:#004184;
	height:230px;
	width:960px;
	float:left;
	margin-left:250px;
	margin-top:50px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/*Phần điều khiển nội dung ô footer*/
#container #footer #noidung{
	width:560px;
	height:220px;
	margin-top:9px;
	margin-left:9px;
	background-color:#004184;
	float:left;
}
#container #footer #noidung a{
	color:#fff;
}
#container #footer #productvietnam{
	width:150px;
	height:20px;
    margin-top:70px; 
	background-color:#004184;
	float:right;
}
#container #footer #productvietnam {
	color:#fff;
}
/*Kết thúc footer*/
/* Phần tiếp theo là điều khiển khung hình*/

#container #contain # #khungngoai{
	width:auto;
	height:205px;	
}



#container #contain #millder #khungngoai #khunghinh .holder{
	width:290px;
	height:360px;
	background-image:url(); /*chèn hình nền nổi vào*/
	float:left;
	margin-left:30px;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;border-radius: 5px;
	
	-webkit-box-shadow: #B3B3B3 3px 3px 3px;
	-moz-box-shadow: #B3B3B3 3px 3px 3px;
	 box-shadow: #B3B3B3 3px 3px 3px;
    
}
#container #contain #millder #khungngoai #khunghinh .holder .noidung{
	margin-left: 15px;
	/* [disabled]color:#3AA0D0; */
	width: 280px;
}
#container #contain #millder #khungngoai #khunghinh .holder .noidung dl dt a{
	text-decoration:none;
	color:#3AA0D0;
	
}
#container #contain #millder #khungngoai #khunghinh .holder .thumb {
	width:250px;
	heigh:250px;
	margin-top:0px;
	margin-left:30px;
	margin-right:42px;
}

.clearfloat{
	clear:both;
}
#container #contain #millder #khungngoai #khunghinh .holder .title{
	width:290px;
	height:30px;
	margin-left:10px;
	margin-right:auto;
	margin-top:5px;
}

#container #contain #millder #khungngoai #khunghinh .holder .title h4{
	margin:0;
}
#container #contain #millder #khungngoai #khunghinh .holder .title h5{
	margin:0;
	color:#900;
}

#container #sotrang{
	background-color:#FFF;
	margin-top:10px;
	width:500px;
	height:40px;
	margin-left:600px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	
}


#container #sotrang #khungso {
	width:30px;
	height:30px;
	margin-left:15px;
	margin-top:5px;
	background-color:#903;	
	-moz-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 1px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	float:left;
	
}

#container #sotrang #khungso .doimaukhungso{
	background-color:#0CC;
	width:30;
	height:30px;
	-moz-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 1px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	float:left;
}


#container #sotrang #khungso .so h4{
	margin-left:20%;
	margin-right:;
	margin-top:4px;
	color:#FFF;
	
}
#container #sotrang #khungso .so h4 a{
	text-decoration:none;
	color:#fff;
}
#container #contain  #mahang{
	margin-top:40px;
	height:30px;	
	width:657px;
	margin-left:222px;
	background-color:#EDEEEF;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
	
}

#container #sotrang #khungso .so h2{
	margin-left:9px;
	margin-top:0px;
	color:#FFF;
	
}
#container #sotrang #khungso .so h2 a{
	text-decoration:none;
	color:#fff;
	
}
#container #contain  #mahang{
	margin-top:40px;
	height:30px;	
	width:657px;
	margin-left:222px;
	background-color:#EDEEEF;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
	
}



	
#container #contain  #mahang #khungmahang .mahang h2{
	margin-left:20px;
	color:#C03;
	
}

/*Phần điều khiển cho phần nội dung small, nơi chứa thông tin vắn tắt cho từng sản phẩm*/
#container #contain #millder #noidungsmall {
	width:657px;
	height:145px;
	margin-left:15px;
	margin-top:5px;
	float:left;
	background-color:#D0D3D8;
	
}

#container #contain #millder #noidungsmall #hinh{
	width:130px;
	height:130px;
	margin-top:7px;
	margin-left:8px;
	background-color:#FFF;
	
}
#container #contain #millder #noidungsmall #hinh img{
	float:left;	
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung{
	width:500px;
	height:130px;
	margin-top:7px;
	margin-left:140px;
	background-color:#D0D3D8;
	
    
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma {
	height:30px;
	width:100px;
	background-color:#D0D3D8;
	float:left;
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma #thongtintien{
	width:350px;
	margin-top:5px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma #thongtintien a{
	margin-top:10px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #giatien{
	width:160px;
	height:130px;
	margin-top:0px;
	margin-left:340px;
	background-color:#30F;
}

#container #contain #millder #noidungsmall #hinh #vietnoidung #giaban{
	height:30px;
	float:right;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban  h2{
	float:right;
	color:#F00;
	margin-top:0px;
	margin-right:10px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #osoluong{
	margin-top:0px;
	margin-right:5px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #detail{
	background-color:#69A944;
	margin-top:30px;
	margin-left:30px;
	
	-moz-border-radius: 8px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 8px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 8px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #detail a{
	margin-left:6px;
}
/* phần điều khiển thanh horizontal*/

.cssmenu ul {
	margin-top:3px; 
	padding: 7px 6px 0; 
	background: #84A6CE url(images/overlay.png) repeat-x 0 -110px;/*màu nền thanh horizontal*/
	line-height: 100%;        
	border-radius: 1em; 
	font: normal .96em/1.5em Arial, Helvetica, sans-serif; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);

	
	}
	
.cssmenu li {
	margin: 0 5px; 
	padding: 0 0 8px; 
	float: left; 
	position: relative; 
	list-style: none; 
	}
	
.cssmenu a {
	font-weight: bold; 
	color: #e7e5e5; /* Đổi màu chữ thanh horizontal*/
	text-decoration: none; 
	display: block; 
	padding:  8px 20px; 
	margin: 0; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;	 
	text-shadow: 0 1px 1px rgba(0,0,0, .3); 
	}
	
.cssmenu a:hover {
	background:#000;
	color:#FFF;
	}
	
.cssmenu .active a, /*Dòng này cho phép làm nổi mục đang làm việc*/ 
.cssmenu li:hover > a {
	background: #007DBF url(images/overlay.png) repeat-x 0 -40px; 
	color:#F00; /* Đổi màu thanh horizontal khi gê chuột tới*/
	border-top: solid 1px #f8f8f8; 
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	text-shadow: 0 1px 0 rgba(255,255,255, 1); 
	}
.cssmenu ul ul li:hover a,
.cssmenu li:hover li a {
	background: none; 
	border: none; 
	color:#F00; /* Chữ xổ xuống bật 1 hiện ra màu đỏ*/
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	}
	
.cssmenu ul ul a:hover {
	background:#8f8f8f url(images/overlay.png) repeat-x 0 -100px !important; /* Nền sổ xuống chuyển màu khi gê chuột*/
	color:#FF !important; /* Đổi màu menu xổ bật 1*/
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	}
	
.cssmenu li:hover > ul {display: block;}
.cssmenu ul ul {
	display: none; 
    margin: 0; 
    padding: 0; 
    width: 195px; 
    position: absolute; 
    top: 40px; 
    left: 0; 
    background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	}
	
.cssmenu ul ul ul{ /*dòng này cho phép hiện thêm menu con*/
	display: none; 
    margin: 0 98%; 
    padding: 0; 
    width: 200px; /* Điều chỉnh bề ngang của menu con*/
    position: absolute; 
    top: 10px; 
    left: 0; 
    background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	}
	
.cssmenu ul ul li {
	float: none; 
	margin: 0; 
	padding: 3px; 
	}
	
.cssmenu ul ul a {
	font-weight: normal; 
	text-shadow: 0 1px 0 #fff; 
	}
.cssmenu ul:after {
	content: '.'; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; height: 0;
	}
	
* html .cssmenu  ul {height: 1%;}


/* Code cho Vertical*/
#menu8 {
	width: 200px;
	font:normal 0.7em/1.2em
	margin-top:1px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color:#F00; /* Mau chữ nền cho vertical*/
	display: block;
	padding: 8px 0 0 20px;
	background-color: url(../images/menu8.gif);
	background-image: url(../images/menu8.gif);
}
	
#menu8 li a:hover {
	color:#903; /* Mau chữ vertical se chuyển trạng thái khi tác động*/
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}




body {
  margin: 0px;
}
nav {
  margin-top: 10px;
  padding: 24px;
  text-align: left;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
#nav-1 {
  background: #3fa46a;
}
#nav-2 {
  background: #5175C0;
}
#nav-3 {
  background: #EEA200;
}

.link-1 {
  
  
  color: #FB0102;
  font-size: 20px;
  text-decoration: none;
  
  
}
.link-1:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0; 
}

.link-2 {
  transition: 0.6s;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  border-right: 2px dotted transparent;
  padding: 30px 8px 0 10px;
  margin: 0 10px;
}
.link-2:hover {
  border-right: 2px dotted #ffffff;
  padding-bottom: 24px;
}
.link-3 {
  transition: 0.4s;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  padding: 0 10px;
  margin: 0 10px;
}
.link-3:hover {
  background-color: #ffffff;
  color: #EEA200;
  padding: 6px 6px;
}

/*Thats all. I hope you enjoyed it.
Thanks :)*/
/***************************************************************/
/*************** Footer Bar Style ******************************/
/***************************************************************/
.footer-bar
{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #111;
    border-top: 1px solid #E62600;
    position: fixed;
    bottom: 0;
    left: 0;
}
.footer-bar .article-wrapper{
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #888;
    float: left;
    margin-left: 10%;
}
.footer-bar .article-link a, .footer-bar .article-link a:visited{
    text-decoration: none;
    color: #fff;
}
.site-link a, .site-link a:visited{
    color: #888;
    font-size: 14px;
    font-family: arial, sans-serif;
    float: right;
    margin-right: 10%;
    text-decoration: none;
}
.site-link a:hover{
    color: #E62600;
}


/* chen zalo phone */
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e60808;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #e60808;
	width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 180px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-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);
  }
}
@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
}

/*đt-zalo-facebook */

.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}

.hotline-bar{position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);height:40px;width:200px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius:50px !important;border:2px solid #fff;left:33px;bottom:37px}.hotline-bar>a{color:#fff;text-decoration:none;font-size:18px;font-weight:900;text-indent:50px;display:block;letter-spacing:1px;line-height:38px;font-family:Arial}.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}@-webkit-keyframes phonering-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}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-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)}}@media (max-width:768px){.hotline-bar{display:none}}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
img {
    border: none;
}


.hotline-phone-ring-wrap {
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 1111111;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}


.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    bottom: 85px;
    left: 33px;
    z-index: 999999;
}
	

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.float-icon-hotline ul li a#messengerButton {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
}
@media only screen and (min-width: 960px)
{
	.float-icon-hotline ul li .fa {
		background-size: contain !important;
	}
}
.float-icon-hotline ul li .fa-phone {
    background-color: #ed1c24;
}
.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.tada {
    animation-name: tada;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.float-icon-hotline ul li span {
    display: inline-block;
    padding: 0;
    background-color: #ff6a00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #ff6a00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}

ul.left-icon.hotline {
    margin-left: 0px !important;
}


.float-icon-hotline ul li .fa-zalo {
    background:url(../zalo.png) center center no-repeat;
}
.float-icon-hotline ul li .fa-zalo:hover {
    background:#ef0303  url(../zalo.png)  center center no-repeat;opacity:.5;
}
.float-icon-hotline ul li .fa-messenger {
    background:url(../facebook.png) center center no-repeat;
}
.float-icon-hotline ul li .fa-messenger:hover {
    background:#168efb url(../facebook.png)   center center no-repeat;opacity:.5;
}