@font-face {font-family:avo;src: url(font/SVN-Avo.ttf);}
@font-face {font-family:avoB;src: url(font/SVN-Avo-bold.ttf);}
@font-face {font-family:American;src: url("font/UTM American Sans.ttf");font-weight:normal;}
@font-face {font-family:Aristote;src: url("font/UTM Aristote.ttf");font-weight:normal;}
@keyframes zoomIn {
    0%   {transform: scale(0);}     
    100% {transform: scale(1);}
}
@keyframes translateWelcome1 {
	0%   {transform: translateX(50%); opacity:0;} 
    75%   {transform: translateX(50%); opacity:0}  	
    100% {transform: translateX(0);}
}
@keyframes translateWelcome2{
	0%   {transform: translateX(-50%); opacity:0} 
    75%   {transform: translateX(-50%); opacity:0}  	
    100% {transform: translateX(0);}
}
@keyframes TranslateXProject1{
    0%   {transform: translateX(1000px);}
    100% {transform: translateX(0);}
}
@keyframes TranslateXProject2{
    0%   {transform: translateX(3000px);}
    100% {transform: translateX(0);}
}
@keyframes TranslateXProject3{
    0%   {transform: translateX(5000px);}
    100% {transform: translateX(0);}
}
@keyframes itemTranslateShow {
	0% {opacity:0;transform:translateX(300px);}    	
	100%  {transform:translateX(0);}
}
@keyframes itemTranslateShow2 {
	0% {opacity:0;transform:translateX(-1000px);}    	
	100%  {transform:translateX(0);}
}
@keyframes fadeAvatardown {
	0% {opacity:0;transform:translateX(-20px);}    	
	100%  {transform:translateX(0);}
}
@keyframes itemRemoveShow {
	0%  {transform:translateX(0);}
	100% {opacity:0;transform:translateX(-1000px);}    	
}
@keyframes itemHover {
	10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }	
}
@keyframes phone-icon {
  0% { transform: translate3d(0px, 0, 0); }
  2% { transform: translate3d(2px, 0, 0); }
  4% { transform: translate3d(-2px, 0, 0); }
  6% { transform: translate3d(2px, 0, 0); }
  8% { transform: translate3d(-2px, 0, 0); }
  10% { transform: translate3d(2px, 0, 0); }
  12% { transform: translate3d(-2px, 0, 0); }
  14% { transform: translate3d(2px, 0, 0); }
  16% { transform: translate3d(-2px, 0, 0); }
  18% { transform: translate3d(2px, 0, 0); }
  20% { transform: translate3d(-2px, 0, 0); }
  22% { transform: translate3d(2px, 0, 0); }
  24% { transform: translate3d(-2px, 0, 0); }
  26% { transform: translate3d(2px, 0, 0); }
  28% { transform: translate3d(-2px, 0, 0); }
  30% { transform: translate3d(2px, 0, 0); }
  32% { transform: translate3d(-2px, 0, 0); }
  34% { transform: translate3d(2px, 0, 0); }
  36% { transform: translate3d(-2px, 0, 0); }
  38% { transform: translate3d(2px, 0, 0); }
  40% { transform: translate3d(-2px, 0, 0); }
  42% { transform: translate3d(2px, 0, 0); }
  44% { transform: translate3d(-2px, 0, 0); }
  46% { transform: translate3d(0em, 0, 0); }
}

@keyframes phone-inner {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 0
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
  66.6666% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
}
@keyframes phone-outer {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:.4;
            transform: translate3d(0, 0, 0) scale(1);    
  }
  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(2);opacity:0;
            transform: translate3d(0, 0, 0) scale(2);   
  }
  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:0;
            transform: translate3d(0, 0, 0) scale(1); 
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:0;
            transform: translate3d(0, 0, 0) scale(1); 
  }
}
@keyframes marquee {
 0%   {transform: translateX(100%); }
 100% {transform: translateX(-100%); }
}

@keyframes zoomGiaGia {
 0%   {transform: scale(1); }
 50%   {transform: scale(1.1); }
 100%   {transform: scale(1); }
}
@keyframes zoomIn {
    0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
	50% {
		opacity: 1;
	}
}
.body-wrap{max-width:1366px;overflow:hidden;margin:auto;}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.imgScale{overflow:hidden;}a,a:hover{color:inherit;}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
img,input,iframe,select{border:none;}
table {border-collapse: collapse;}
.align-left{text-align:left !important;}.align-center{text-align:center !important;}.align-right{text-align:right !important;}
.postImg {overflow:hidden;position:relative;}
.postImg img{width:100%;height:auto;min-height:100%;transition:transform .5s;position:absolute;left:0}
.postImg:hover img{transform:scale(1.2)}
.product-img{background-color:#fff;text-align:center;position:relative;overflow:hidden;}
.product-img img{height:100%;width:auto;left:0;right:0;margin:auto;position:absolute;transition:transform .5s;}.product-list li:hover .product-img img{transform:scale(1.2) rotate(5deg)}
.desc{font-size:15px;color:#5f5f5f;height:58px;line-height:1.4;overflow:hidden}
.message{font-size:15px;color:#4f4f4f}
.background-white{background-color:#fff;padding:25px 3%;box-sizing:border-box;}
.banner img{width:100%;}
.red{font-size:15px;color:red}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.detail{font-size:16px;color:#3f3f3f;margin-top:20px;}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{font-family:avoB;}
.detail *{max-width:100% !important;}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{color:#2f2f2f;text-decoration:none;}
.detail tr{border-top:1px solid #dfdfdf;}.detail tr:last-child{border-bottom:1px solid #dfdfdf;}
.detail td{padding:15px;}

.breadcrums {float:right;}
.breadcrums  a{color:#2f2f2f;}
.error {color:red;font-size:15px;}
.text-right{text-align:right;}
.img{display:block}
.img img{width:auto;height:100%;min-width:100%;}
.imgW img{width:100%;height:auto;min-height:100%;}
.block{display:block}
.btopnone{border-top:none !important}
.overHide{overflow:hidden}.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}
.pager{clear:both;margin-top:20px;font-size:13px;line-height:1.8}
.pager span,.pager a{background-color:#2f2f2f;display:inline-block;text-align:center;
    margin-right:3px;border-radius:4px;color:#fff;border:1px solid #fff;padding:3px 10px 2px 10px;box-sizing:border-box;}    
.pager a:hover{background-color:#f27a24;color:#fff;border:0;}.pager .total-page{color:#444;}
.pager span,.pager .not-active{background-color:#fff;color:#2f2f2f;border:1px solid #dddd;}
.transparent{background-color:transparent}
.boxes .contain{/* overflow:hidden; */margin-top: 30px;}
.loadding{background-color:rgba(255,255,255,.6);background-image:url(../Design/cho.gif);background-repeat:no-repeat;background-position:center;position:absolute;width:100%;height:100%;z-index:5}
.inline-block{display:inline-block}.relative{position:relative;}
.info{font-size:14px;color:#6f6f6f;margin-top:11px;overflow:hidden;font-family:segoe ui;padding-left:5px;}
.info span, .info a{display:inline-block;/* margin-right:10px; */}.info a:hover{color:#ee0a0a;}.info a{color:#2f2f2f;}
.info span:last-child, .info a:last-child{;margin-right:0;}
.info .cat:before{content:"\f0c9";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.info .date:before{content:"\f073";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.info .comments:before{content:"\f0e5";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.info .share{float:right;}
.info .date:before{content:"\f073";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.share{/* margin-top:10px; */}
.width49{width:49%;float:left;}.width49+.width49{float:right;}
.fancybox-container a img{cursor:pointer;}
.wrap{	
	z-index:9999999; 
	right:0px; 
	bottom:0px;
	position:fixed; width:250px; height: 325px;
}
.fb-page{ position:relative; z-index:9999999; right:0px; bottom:21px;border-left: 1px solid #fff;border-top: 1px solid #fff;}
.x{
	font-family: arial, helvetica;
	background: rgba(78,86,101,0.8) none repeat scroll 0 0;
	font-size:14px;
	font-weight:bold;
	color: #fff;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -19px;
	width: 25px;
	z-index: 99999999;

}
.x:hover{
	cursor: pointer;

}
.pxem{
	text-align:left;
	height:20px;
	margin-bottom: 0;
	margin-top: 0;
	background: #d21007;
	width:100%;
	bottom: 0;
	display: block;
	left: 0px;
	position: absolute;
	z-index: 999999999;
	border-left: 1px solid #fff;
}
.pxem a.axem{
	color: #fff;
	font-family: arial,helvetica;
	font-size: 12px;
	line-height: 23px;
	padding-left: 5px;
	text-decoration: none;

}
.pxem a.axem:hover{
	text-decoration: underline;

}
.alogo{
	position: absolute;
	bottom: 0;
	right: 0px;
	z-index: 999999999999;
	width: 40px;
	height: 20px;
	display: inline-block;
	background:#d21007;
	padding-right: 0px;
	padding-left: 5px

}
.mnv-tuvan{
	position:fixed;
	background: #d21007;
	z-index:99999;
	right:10px;
	bottom:30px;                 
}
.mnv-tuvan p{
	color: #fff;
	font-size: 15px;
	margin: 0;
	padding: 0 13px; 
	text-align: left;

}
.mnv-tuvan p a{
	color: #fff;
	font-size: 15px;
	padding: 5px 0px 7px;
	margin: 0;
	display:inline-block;
	font-family: arial, helvetica;
	text-decoration: none;

}
.mnv-tuvan p a:hover{
	text-decoration: underline;
	cursor: pointer;

}
.mnv-tuvan p img {float: right;margin-top: 10px;} 
.mnv-tuvan img{position:absolute;right:0;bottom:0;width:  58px;height:  58px;border-radius:  100%;}
.booking-button{display:none;}