
html, body {
	font-family: Exo-R, Arial, sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	color: #414042;/*
    line-height:20px;
	*/
}
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	margin:0px;
	font-weight:normal;

	padding:5px 0px;
}
a {
	text-decoration: none;
}
strong, b{
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
}
img {
	border: none;
	max-width: 100%;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}
#page {
	overflow:hidden;
	width:100%;
	margin:0 auto;
	position:relative;
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2, .c80,.c40 {
	clear: both;
}
.c {
	height: 0px;
}
.c2 {
	height: 2px;
}
.c3 {
	height: 3px;
}
.c5 {
	height: 5px;
}
.c10 {
	height: 10px;
}
.c15 {
	height: 15px;
}
.c20 {
	height: 20px;
}
.c30 {
	height: 30px;
}
.c35 {
	height: 35px;
}
.c40 {
	height: 40px;
}
.c80 {
	height: 80px;
}
.logo-mobile
{
	width:200px;
}
.logo-mobile img
{
	display:block;
}
.header-mobile{
	display:none;	
	background:#fff;
	padding:0px 10px;
	padding-top:3px;
}
.header-mobile .item-menu{
	color:#1072b9;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	border:solid 1px #1072b9;
	margin-top:16px;
	margin-right:10px;
}
.overlay{
	background:#000;
	opacity:.7;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	z-index:9999999;
}
.text-line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-line-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.text-line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.text-line-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.text-line-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.box-slide{
	position:relative;	
}
a{
   text-decoration:none;	
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}
.header{
	width:100%;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
	position:relative;
	z-index:999
}
.header1:after {
    position: absolute;
    bottom: -4px;
    left: 0px;
    height: 4px;
    width: 100%;
    content: "";
    background: url(../images/bg-bottom-banner.png) repeat-x;
    z-index: 9;
}
.logo{
	width:266px;	
}
.logo img{
	display:block;
}

.searchbar{
	width:220px;
	margin-top:28px;
	float:right;
}
#frmsearchf input{
	width:calc(100% - 30px);
	border:none;
	padding:12px 15px;
	outline:none;
}
#frmsearchf a{
	width:30px;
text-align:center;
	padding:12px 5px;
	color:#fff;
	background-color:#0057b0
}
#frmsearchf .flex-container{
	overflow:hidden;
	border:solid 1px #CCC;
	-webkit-border-radius:100px;
	border-radius:100px;	
}
.menubar{
	background:#0057b0;
	position:relative;
	padding-left:20px;
	padding-right:10px;
}
.menubar:after{
	width:1000px;
	left:calc(100% - 2px);
	height:100%;
	background:#FFF;
	content:"";
	position:absolute;
	top:0px;
}
.nav{
	margin:0px;
	padding:0px;	



}
.nav > li{
	list-style:none;
	position:relative;
	display:inline-block;
	font-family:Exo-S, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
}
.nav > li > a{
	color:#fff;
	display:block;
	padding:0px 12px;
	line-height:60px;	
}
.nav > li > a:hover{
	background-color:#0057b0;
	color:#fff;
}
.nav > li > ul{
	margin:0px;
	padding:0px;
	position:absolute;
	top:100%;
	left:0px;
	display:none;
	width:280px;
	background:#FFF;
	z-index:9999999;
	opacity:1;
	-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.nav>li>ul:after{
	position:absolute;
	width:100%;
	height:calc(100% - 10px);
	box-shadow:0px 10px 10px #666;
	content:"";
	left:0px;
	top:10px;	
	z-index:-1;
}
.nav li ul li{
	width:100%;
	display:inline-block;
	line-height:25px !important;
}

.nav li ul li a{
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	text-transform:none;
	display:block;
	color:#333;
	padding:8px 10px;
	border-bottom:solid 1px #f5f5f5;
}
.nav li ul li:hover{
	 background:#1072b9;
	 color:#FFF;	
}
.nav li ul li:hover a{
	color:#FFF;
}
.lang
{
	float:right;
	margin-top:5px;
	margin-left:30px;
}
.lang a
{
	display:inline-block;
	width:26px;
	height:26px;
	text-indent:-9999em;
	background-image:url(../images/lang.png);
}
.lang a.vi
{
	background-position:0 0;
}
.lang a.en
{
	background-position:-26px 0;
}
.hotline
{
	float:right;
	line-height:40px;
	color:#fff;
	font-weight:700;
	font-size:18px;
	background-color:#F00;
	-webkit-border-radius: 100px;
border-radius: 100px;
padding:0 20px;
margin-right:10px;
margin-top:28px;
}
.hotline a
{
	color:#fff;
}
.hotline:hover
{
	background-color:#0057b0
}
.search-hotline{
	width:216px;
	
}
.search-hotline .hotline{
	width:162px;	
	height:43px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background:#ee2a3b;
	line-height:43px;
	text-align:center;
	color:#FFF;
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
}
.search-hotline .search{
	width:44px;
	height:43px;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:solid 2px #145c31;
	text-align:center;
	line-height:43px;
	color:#333;
}
.box-about-home{
	background-image:url(../images/bg-about.png);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:200px;
}
.text-about-home{
	background-color:#1072b9;
	color:#FFF;
	padding:30px;
	text-transform:uppercase;
}
.about-title-home{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;	
}
.btn-view-detail-about{
	background:#FFF;
	padding:5px 15px;
	display:inline-block;	
	color:#333;
}
.image-about-home{
	transform:skew(-20deg); 
	margin-right:-100px ; 
	background-repeat:no-repeat;
	background-size:cover;
	
}
.about-name-home{
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:40px;
	color:#565656;
	text-transform:uppercase;
	display:block;	
}
.about-name-home span.name2{
	font-size:30px;
	display:block;
}
.btn-detail-about{
	background:#ee2a3b;
	transform:skew(-20deg);
	color:#FFF;
	display:inline-block;
	padding:10px 30px;
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;	
}
.btn-detail-about span{
	transform:skew(20deg);
	display:inline-block;
}
.b-pro{
	text-align:center;	
}
.product-name-home{
	color:#515151;
	font-family:Exo-M, Tahoma, Geneva, sans-serif;
	font-size:16px;	
	text-transform:uppercase;
	padding:10px 0px;
}
.product-name-home a{
	color:#515151;	
}
.product-price{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#515151;	
}
.product-code{
	color:#757575;
	font-size:15px;	
	position:relative;
	margin-bottom:20px;
}
.product-code:after{
	width:36px;
	height:1px;
	background:#e6e6e6;
	position:absolute;
	bottom:-10px;	
	left:50%;
	transform:translateX(-50%);
	content:"";
}
.title-home{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	color:#565656;
	font-size:30px;
	text-transform:uppercase;
	text-align:center;	
}
.title-home a{
	color:#565656;
}
.title-home a:hover{
	color:#1072b9
}
.swiper-pagination2{
	text-align:center;	
}
.swiper-pagination2 .swiper-pagination-bullet{
	margin:2px;	
}
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#8a8a8a;	
}
.tab-product-home{
	border:solid 2px #d3d2d2;
	padding:3px 20px;	
	transform:skew(-25deg);
	-webkit-border-radius:18px 10px 18px 10px;
	border-radius:18px 10px 18px 10px;
}
.tab-product-home a{
	display:inline-block;
	padding:10px 30px;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#565656;
	text-transform:uppercase;
	
}
.tab-product-home a:hover{
	color:#ee2a3b;	
}
.tab-product-home a.active{
	background:#ee2a3b;
	-webkit-border-radius:16px 8px 16px 8px;
	border-radius:16px 8px 16px 8px;
	color:#FFF;
}
.tab-product-home a span{
	transform:skew(20deg);
	display:inline-block;
}

.box-service{
	background-image:url(../images/bg-service-home.png);
	background-position:left bottom;
	background-size:cover;
	color:#FFF;

}

.project-cell{
	position:relative;
	overflow:hidden;	
	
}
.project-cell:hover img{
	transform:scale(1.2);
	transition:transform .4s;
}
.project-cell .face{
	background:#000;
	opacity:.6;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility:hidden;
	z-index:1;
}
.project-cell:hover .face,.project-cell:hover .info-project-home{
	visibility:visible;
	transition: visibility .3s;
}
.info-project-home{
	width:100%;
	padding:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	text-align:center;
	color:#FFF;	
	visibility:hidden;
}
.project-name-home{
	 text-transform:uppercase;
	 font-size:20px;
	 color:#FFF;
	 margin:0px;
	 padding:10px 0px;
	 font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	 font-weight:normal;
	 position:relative;
}
.project-name-home:after{
	width:36px;
	height:2px; 
	background:#ee2a3b;
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
	content:"";
}
.box-cat-news-home{
	background:#ee2a3b;
	position:relative;	
	transform:skew(-30deg);
	margin-right:65px;
	margin-left:-0px;
	-webkit-border-radius:40px;
	color:#FFF;
	text-align:left;
}
.box-cat-news-home:after{
	content:"";
	background:#ee2a3b;
	width:1000px;
	left:-961px;
	height:100%;
	position:absolute;
	top:0px;
}
.box-cat-news-home .content-box{
	transform:skew(30deg);
	padding:50px 50px 50px 0px;
	
}
.title-news-home{
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:35px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
	margin:0px;
	position:relative;	
}
.title-news-home:before{
	width:38px;
	height:2px;
	background:#FFF;
	position:absolute;
	bottom:-10px;
	left:0px;
	content:"";
}
.btn-dangkytv{
	background:#FFF;
	transform:skew(-30deg);
	display:inline-block;	
	padding:10px 25px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-left:10px;
}
.btn-dangkytv span{
	transform:skew(30deg);
	display:block;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#505050;
}
.footer{
	background:#2655a6;
	color:#FFF;	
}
.bg-news-project{
	background: rgb(241,241,241);
	background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
.news-name-home{
	font-family:Exo-M, Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#3c3c3c;
	text-transform:uppercase;	
}
.news-name-home a{
	color:#3c3c3c;		
}
.news-name-home a:hover{
	color:#cf0a11;	
}
.title-page{
	color:#565656;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
	position:relative;	
	font-weight:normal;
}
.title-page-product{
	color:#565656;
	margin:0px;
	padding:0px;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:30px;
	text-align:left;
	text-transform:uppercase;
	position:relative;	
	font-weight:normal;
}
.title-page:after{
	width:38px;
	height:2px;
	position:absolute;
	bottom:-5px;
	left:50%;
	transform:translateX(-50%);
	content:"";
	background:#ee2a3b;
}
.title-page.title-page-product{
	text-align:left;	
}
.title-page.title-page-product:after{
	width:38px;
	height:2px;
	position:absolute;
	bottom:-5px;
	left:0%;
	transform:translateX(0%);
	content:"";
	background:#ee2a3b;
}
.news-detail-name{
	color:#565656;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:30px;
	text-align:left;
	text-transform:uppercase;
	position:relative;	
}
.intro-detail{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:15px;	
}
.news-name-right{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:15px;	
	color:#565656;	
}
.news-name-right a{
	color:#565656;		
}
.image-service-list{
	background-repeat:no-repeat;
	background-size:cover;	
	transform:skew(30deg);
	position:absolute;
	width:120%;
	height:100%;
	right:-15%;
	top:0px;
	min-height:200px;
	
}
.flex-reverse .image-service-list{
	background-repeat:no-repeat;
	background-size:cover;	
	transform:skew(-30deg);
	position:absolute;
	width:120%;
	height:100%;
	left:-15%;
	top:0px;
	
}
.text-service-list{
	padding:50px 0px;
	max-width:600px;

}
.flex-reverse  .text-service-list{
	padding:50px 0px;
	max-width:600px;
	float:right	
}

.b-image-service-list{
	min-height:250px;

}
.b-skew{
	transform:skew(-30deg); width:100%; height:100%; overflow:hidden;
	width:120%;
	position:absolute;
	-webkit-border-radius:0px 50px 50px 0px;
	border-radius:0px 50px 70px 0px;
	left:-35%;
}
.flex-reverse .b-skew{
	transform:skew(30deg); width:100%; height:100%; overflow:hidden;
	width:120%;
	position:absolute;
	left:12% !important;
	-webkit-border-radius:50px 0px 0px 50px;
	border-radius:50px 0px 0px 70px;
}
.service-name{
	color:#565656;	
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:24px;
}
.service-name a{
	color:#565656;		
}
.service-intro{
	line-height:20px;	
}
.crumb{
	background:#f2f2f2;	
	color:#3e3e3e;
}
.crumb a{
	display:inline-block;
	padding:10px 8px;
	color:#3e3e3e;
	position:relative;
}
.crumb .fa{
	display:none;
}
.crumb a:first-child{
	padding-left:0px;
}
.crumb a:after{
	height:18px;
	width:1px;
	top:0px;
	transform:skewX(30deg);
	content:"";
	right:0px;
	position:absolute;
	background:#CCC;
}
.crumb a:before{
	height:18px;
	width:1px;
	top:50%;
	transform:skewX(-30deg);
	content:"";
	right:0px;
	position:absolute;
	background:#CCC;
}
.crumb a:last-child:before,.crumb a:last-child:after{
	display:none;	
}
.crumb a:last-child{
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
}
.service-name-right{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#434343;
	text-transform:uppercase;	
	text-align:center;
}
.service-name-right a{
	color:#434343;	
}
.service-detail-name{
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:40px;	
	color:#565656;
	text-transform:uppercase;
}
.service-intro-detail{
	color:#565656;
	font-size:15px;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;	
}
.frm-contact-service{
	background:#f3f3f3;
	padding:40px;	
}
.frm-contact-service .title{
	font-size:24px;
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:3px;
	color:#565656;	
	margin:0px;
}
.frm-contact-service input{
	width:100%;
	height:40px;
	border:solid 2px #b9b9b9;
	padding:0px 5px;
	background:none;
	outline:none;
}
.frm-contact-service textarea{
	width:100%;
	height:90px;
	border:solid 2px #b9b9b9;
	padding:5px 5px;
	font-family:Roboto, Tahoma, Geneva, sans-serif;
	background:none; 
	outline:none;
}

.frm-contact-service input:focus,.frm-contact-service textarea:focus{
	background:#FFF;
	
}
.margin-bottom-10{
	margin-bottom:10px;	
}
.margin-bottom-20{
	margin-bottom:20px;	
}
.margin-bottom-40{
	margin-bottom:40px;	
}

.btn-send-request{
	display:block;
	width:100%;
	height:40px;
	background:#ee2a3b;
	color:#FFF;
	text-align:center;
	line-height:40px;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:15px;	
}
.txt-contact{
	width:100%;
	height:40px;
	border:solid 1px #b9b9b9;	
	padding:0px 5px;
	outline:none;
}
.line-frm{
	margin-bottom:15px;	
}
#imgCaptcha{
	height:40px;	
}
.btn-send{
	margin-left:20px;
	height:40px;
	padding:0px 30px;
	background:#EE2A3B;
	color:#FFF;
	border:none;	
}
.form_error{
	color:#FF0000;	
}
.news-name{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:18px;
	margin:0px;
	padding:5px 0px;
	color:#565656;
}
.news-name a{
	color:#565656;	
}
.text-info-list{
	max-width:600px;	
	width:100%;
	padding:30px 0px;
	padding-left:20px;
}
.flex-reverse .text-info-list{
	float:right;
	padding-left:0px;
	padding-right:20px;
}
.info-list-name{
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#565656;
	font-weight:normal;	
}
.info-list-name a{
	color:#565656;	
}
.album-name{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#565656;
}
.album-name a{
	color:#565656;
}
.product-name{
	color:#515151;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-transform:uppercase;	
}
.product-name a{
	color:#515151;	
}
.pro-price{
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:16px;	
	color:#515151;	
}
.menu-left{
	padding:0px;
	margin:0px;

	position:relative;
}
.menu-left:after{
	box-shadow:0px 0px 10px #ccc;	
	position:absolute;
	top:10px;
	left:0px;
	content:"";
	width:100%;
	height:100%;
	z-index:-1;
}
.menu-left li{
	list-style:none;	
}
.menu-left li.title{
	background:#ee2a3b;
	color:#FFF;
	margin-bottom:8px;
}
.menu-left li a{
	display:block;
	padding:8px 15px 8px 28px;	
	color:#494949;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
}
.menu-left li.active a{
	color:#ee2a3b;
}
.menu-left li.active a:before{
	width:23px;
	height:2px;
	background:#ee2a3b;
	left:0px;
	top:18px;
	content:"";
	position:absolute;
}
.menu-left li.title a{
	padding:10px 15px 10px 28px;		
	display:block;
	color:#FFF;
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
}
.btn-contact-tv{
	background:#e51616;
	padding:12px 20px;
	display:block;
	color:#FFF;
	text-align:center;	
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
}
.product-code-detail{
	padding-bottom:10px;	
	color:#545454;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
}
.product-detail-name{
	color:#5b5b5b;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	margin:0px;
	padding:0px;	
}
.price-detail{
	color:#545454;
	font-family:UTM-B, Tahoma, Geneva, sans-serif;
	font-size:26px;
	text-transform:uppercase;	
}
.box-general-product{
	border:solid 1px #c9c9c9;
	padding:20px;	
}
.title-product-info{
	color:#5c5c5c;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	overflow:hidden;
	width:100%;		
	position:relative;
	padding:0px;
	padding-left:7px;
	margin:0px;
}
.title-product-info:after{
	width:3px;
	position:absolute;
	content:"";
	background:#e75a42;
	height:20px;
	top:0px;
	left:0px;
}
.title-table-detail{
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#7a7a7a;
	text-transform:uppercase;	
	text-align:center;
}
.table-bo-sp{
	border-collapse:collapse;	
	background:#f8f8f8;
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
}
.table-bo-sp th{
	background:#5d5d5d;
	border:solid 1px #FFF;
	padding:10px 5px;
	color:#FFF;
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
.table-bo-sp td{
	border:solid 1px #FFF;
	padding:5px;	
}
.total-amount{
	background:#e7e7e7;	
}
.total-amount td{
	border:none;	
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding:10px 5px;
}
.table-bo-sp td .drop-table{
	width:100%;
	height:30px;
	border:none;
	background:none;
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	outline:none;
}
.table-bo-sp td .drop-table:focus,.table-bo-sp td .drop-table:hover{
	background:#FFF;
	border:solid 1px #CCC;
}
.title-footer{
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;	
}
.title-footer a{
	color:#FFF;	
}
.txt-newsleter{
	width:100%;
	height:35px;
	background:#FFF;
	padding:0px 5px;
	border:none;
}
.btn-newsletter{
	background:#ee2a3b;
	color:#FFF;
	padding:12px 35px;
	-webkit-border-radius:10px;
	border-radius:10px;
	transform:skew(-20deg);
	display:inline-block;
	margin-left:5px;
}
.btn-newsletter span{
	transform:skew(20deg);
	display:block;
}
#material_price{
	border:solid 1px #EEE;
	padding:5px;
}
.copyright{
	background:#404040;
	color:#9fa3a7;
}
.copyright a{
	color:#9fa3a7;	
}
.copyright .grid{

}
.linksmo{
	text-align:center;	
}
.linksmo a{
	display:inline-block;
	width:30px;
	height:30px;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	color:#3e3e3e;	
	background:#FFF;
}
.linksmo a.fa-facebook:hover{
	background:#4b76bd;
}
.linksmo a.fa-twitter:hover{
	background:#00c6ff;
}
.linksmo a.fa-youtube:hover{
	background:#fc3831;
}
.linksmo a.fa-pinterest:hover{
	background:#ff3635;
}
.linksmo a.fa-google-plus:hover{
	background:#fb5245;
}
.menufooter{
	margin:0px;
	padding:0px;	
}
.menufooter li{
	list-style:none;
	padding-top:3px;
	padding-bottom:3px;
}
.menufooter li a{
	color:#FFF;
}
.menufooter li a:hover{
	color:#FFF;
	text-decoration:underline;	
}

.menufooter.menufooter2{
	padding-left:15px;	
}
.menufooter2 li{
	list-style:disc;
}
.pop-dangky{
	width:500px;
	height:550px;
	background:#FFF;
	position:fixed;
	top:50%;
	left:50%;
	z-index:99999999;
	box-shadow:0px 0px 10px #333;
	transform:translate(-50%,-50%);
	max-width:95%;
	max-height:95%;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;	
	display:none;
}
.pop-dangky .title{
	background:#ee2a3b;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-family:Roboto-B, Tahoma, Geneva, sans-serif;
	font-size:18px;
	height:50px;
	font-weight:normal;
	line-height:50px;
}
.pop-dangky .title .fa{
	font-size:24px;
}
.content-popup{
	height:calc(100% - 50px);
	overflow:auto;
	padding:20px 10px;	
}
.content-popup .frmdangky{
	max-width:380px;
	margin:0 auto;
}
.content-popup .frmdangky .item{
	margin-bottom:15px;	
}
.content-popup .frmdangky .item input{
	width:100%;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:solid 1px #CCC;
	height:40px;
	padding:0px 10px;
}
.content-popup .frmdangky .item textarea{
	width:100%;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:solid 1px #CCC;
	height:90px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px;
}
.content-popup .frmdangky .item .btn{
	background:#ee2a3b;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-family:Roboto-M, Tahoma, Geneva, sans-serif;
	font-size:18px;
	height:50px;
	line-height:50px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-weight:normal;
	display:block;
}
.error{
	border:solid 1px #FF0000 !important;	
}
.paging{
	text-align:center;	
}
.page{
	min-width:30px;
	min-height:30px;
	border:solid 1px #CCC;
	display:inline-block;
	
	margin:2px;
	text-align:center;
	line-height:28px;
	color:#333;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.page span{
	display:inline-block;
	
		
}
.page:hover{
	border:solid 1px #ee2a3b;
	color:#ee2a3b;
}
.clicked{
	background:#ee2a3b;
	border:solid 1px #ee2a3b;
	color:#FFF;	
}
.box-search-pc{
	width:250px;
	background:#EEE;
	border:solid 1px #CCC;
	padding:3px;
	position:absolute;
	right:0px;
	display:none;
}
.box-search-pc input{
	width:calc(100% - 30px);
	height:25px;
	background:#FFF;
	border:solid 1px #CCC;
	top:100%;
	padding:0px 4px;
}
.box-search-pc a{
	width:30px;
	height:25px;
	text-align:center;
	line-height:25px;
	color:#333;
}
.box-search-mobile{
	position:absolute;
	top:100%;
	left:0px;
	width:100%;	
	z-index:9000999;
	background:#0057b0;
	padding:3px;
	display:none;
}
.box-search-mobile a{
	width:35px;
	height:35px;
	text-align:center;
	line-height:35px;
	color:#fff;	
}
.box-search-mobile input{
	width:calc(100% - 35px);
	height:35px;
	padding:0px 5px;
}
.toppage{
	height:42px;
	background:#EEE;	
}
.box-why{
	background:#FFF;
	margin-top:-50px;
	position:relative;
	z-index:9;	
	box-shadow:0px 5px 5px #ccc;
}
.cell-cat-pro{
	background:#FFF;
	
}
.box-cat-c-pro{
	padding-top:80%; 
	position:relative;
	display:block;
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
	
}
.box-cat-c-pro .b-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}
.cell-why-1-4:hover{
	background:#eeeeee;
}
.cell-why-1-4 img, .img{
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.cell-1-4 .img{
	-webkit-filter: brightness(100);
  	filter: brightness(100);
}
.cell-why-1-4:hover img{
	-webkit-filter: grayscale(0);
  	filter: grayscale(0);
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
}
.title-why{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:22px;
	position:relative;	
	margin:0px;
	padding:0px 0px 10px 0px;
}
.title-why:after{
	width:30px;
	height:2px;
	background:#FFF;
	position:absolute;
	bottom:0px;
	left:0px;
	content:"";
}
.cell-why-text .name{
	font-size:16px;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding:5px 0px;	
}
.cell-cat-pro:hover {
	background:#1072b9;
	color:#FFF;	
	transition: all 0.15s ease-in-out;
    -webkit-perspective: 1000;
	
}
.cell-cat-pro:hover img{
	-webkit-filter: brightness(100);
  	filter: brightness(100);	
}
.cell-cat-pro .name{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	text-align:center;
	padding:5px 0px;
	color:#5c5c5c;
}
.cell-cat-pro:hover .name,.cell-cat-pro:hover .name a{
	color:#fff;
}
.cell-service-home{
	border-bottom:solid 2px #1072b9;	
	position:relative;
}
.service-name-home{
	background:url(../images/bg-name-service.png) repeat-x top;	
	min-height:145px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}
.service-name-home a
{
	color:#fff;
}
.service-name-home .text{
	position:absolute;
	padding:10px 20px;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
}
.cell-service-home .info-text{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	opacity:0;
	background:#1072b9;
	z-index:1;
	padding:20px;
	color:#fff;
	
}
.cell-service-home .info-text span{
	width:40px;
	height:30px;
	background:#cf0a11;
	text-align:center;
	line-height:30px;
	color:#FFF;
	position:absolute;
	bottom:-2px;
	right:0px;
}
.cell-service-home:hover .info-text{
	display:block;
	opacity:1;
	transition:opacity .3s;
}
.cell-service-home .info-text .name{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	position:relative;	
}
.cell-service-home .info-text .name:after{
	width:30px;
	bottom:-5px;
	left:0px;
	height:2px;
	background:#FFF;
	content:"";
	position:absolute;
}
.box-video-home{
	background:#FFF;
	padding:20px 0px;	
}
.btn-play-video{
	width:44px;
	height:53px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	background-image:url(../images/play.png);
	background-size:contain;	
	background-repeat:no-repeat;
}
.item-video-home{
	position:relative;	
}
.item-video-home:hover .btn-play-video{
	background-image:url(../images/play-hover.png);
}
.popup-video{
	position:fixed;
	z-index:999999999;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#FFF;
	box-shadow:0px 0px 10px #333;
	width:800px;
	height:515px;	
	max-width:95%;
	max-height:95%;
	display:none;
}
.popup-video .title{
	background:#1072b9;
	height:35px;
	line-height:35px;
	padding:0px 10px;
	color:#FFF;	
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
}
.popup-video .title .close{
	background:#d6161d;
	width:35px;
	height:35px;
	color:#FFF;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:0px;
	right:0px;
}
.btn-video-next,.btn-video-prev{
	width:41px;
	height:41px;
	top:45%;
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	outline:none;
}
.btn-video-prev{
	left:-55px;
	background-image:url(../images/video-prev.png);	
}
.btn-video-next{
	right:-55px;
	background-image:url(../images/video-next.png);	
}
.btn-video-next.swiper-button-disabled,.btn-video-prev.swiper-button-disabled{
	opacity:.3;	
}
.box-thitruong{
	background-image:url(../images/bg-thitruong.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	min-height:120px;	
	color:#FFF;
	padding:20px 0px;
}
.market-next, .market-prev{
	-webkit-filter: brightness(100);
  	filter: brightness(100);
	
}
.pageabout{
	margin-top:-30px;
	background:#FFF;
	min-height:400px;
	position:relative;
	z-index:2;
	box-shadow:0px 5px 5px #CCC;
	
}
.pageabout .text{
	padding:30px 0px 30px 20px;	
}
.title-about{
	color:#4d4d4d;
	font-size:30px;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;	
	margin:0px;
	padding:0px;
	position:relative;
}
.title-about:before{
	height:30px;
	width:2px;
	background:#1072b9;
	position:absolute;
	top:-30px;
	content:"";
}
.swiper-pagination-bullet{
	margin:0px 2px;
	background:#626262;	
}
.box-why-about{
	background:#1072b9;	
	color:#FFF;
}
.why-name{
	padding:5px 0px;
	color:#FFF;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;	
}
.title-other{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	position:relative;
	padding:0px;
	padding-left:10px;
	text-transform:uppercase;
	margin:0px;
}
.title-other:after{
	width:4px;
	height:15px;
	position:absolute;
	top:2px;
	left:0px;
	content:"";
	background:#1072b9;
}
.title-product-cat{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	position:relative;
	padding:0px;
	padding-left:10px;
	text-transform:uppercase;
	margin:0px;
}
.title-product-cat:after{
	width:4px;
	height:20px;
	position:absolute;
	top:5px;
	left:0px;
	content:"";
	background:#1072b9;
}
.container-cat{
	border-top:solid 1px #e0e0e0;
	border-left:solid 1px #e0e0e0;	
}
.cell-cat-1-5{
		
}
.cell-cat-1-5.border{
	border-right:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;	
	text-align:center;
	padding:25px 20px;
}
.cell-cat-1-5.border .img{
	text-align:center;	
}
.cell-cat-1-5.border .name{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:14px;	
	color:#5c5c5c;
	font-weight:normal;
	text-transform:uppercase;
}
.cell-cat-1-5.border:hover {
	background:#1072b9;
	color:#FFF;
	transition:background .4s

}
.cell-cat-1-5.border:hover .name{
	color:#FFF;	
}
.cell-cat-1-5.border:hover img{
	-webkit-filter: brightness(100);
  	filter: brightness(100);	
}
.mnuleft-title{
	border-bottom:solid 3px #1072b9;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:24px;
	margin:0px;
	padding:0px 0px 5px 0px;	
}
.mnuleft-title a{
	color:#565656;	
}
.mnuleft{
	padding:0px;
	margin:0px;	
}
.mnuleft > li{
	list-style:none;
	border-bottom:solid 1px #e2e2e2;
	padding:8px 10px 8px 10px;
}
.mnuleft > li > a > span{
	width:calc(100% - 42px) ;
	align-self:center;
}
.mnuleft > li > a{
	color:#545454;
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;	
}
.mnuleft > li > a > span:first-child{
	width:32px;
	align-self:center;
}

.left-page-product{
	border-right:solid 1px #e0e0e0;
}
.mnuleft li:hover{
	background:#1072b9;
	transition:background .2s;
}
.mnuleft > li.active{
	background:#1072b9;
}
.mnuleft > li.active a{
	color:#FFF;	
}
.mnuleft li:hover a{
	color:#FFF;	
}
.mnuleft li.active img{
	-webkit-filter: brightness(100);
  	filter: brightness(100);
}
.mnuleft li:hover img{
	-webkit-filter: brightness(100);
  	filter: brightness(100);
}
.mnuleft li ul{
	margin:0px;
	padding:0px 0px 0px 30px;
	
}
.mnuleft li ul li{
	list-style:none;
	position:relative;	
	padding-left:14px;
}
.mnuleft li ul li.active{
	font-family:Exo-B, Tahoma, Geneva, sans-serif;
	font-weight:normal;	
}
.mnuleft li ul li:before{
	font-family:FontAwesome;
	font-size:8px;
	content:"\f111";
	position:absolute;
	top:10px;
	left:0px;
	color:#FFF;
}
.mnuleft li ul li a{
	display:block;
	padding:5px 0px;	
}
.box-pro-list{
	border-right:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;	
	padding:20px;
	position:relative;
}
.box-pro-list .viewdetail{
	width:40px;
	height:40px;
	background:#1072b9;
	position:absolute;
	bottom:0px;
	right:0px;
	color:#FFF;
	text-align:center;
	line-height:40px;
	display:none;	
	opacity:0;
}
.mnuleft1 > li.active  > ul
{
	padding:0;
	margin:0;
	padding-top:5px;
}
.mnuleft1 > li.active  > ul li
{
	display:block;
	padding-top:2px;
	padding-bottom:2px;
}
.mnuleft1 li ul li::before
{
	top:11px;
}
.box-pro-list:hover{
	box-shadow:5px 5px 10px #CCC;	
	transition:box-shadow .3s;
}
.box-pro-list:hover .viewdetail{
	display:block;
	opacity:1;
	transition:opacity .3s;
}
.box-pro-list .shortinfo,.attrproduct{
	color:#5c5c5c;
	text-transform:uppercase;	
}
.thumb-slide-product{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;	
}
.phone-detail input{
	width:calc(100% - 50px);
	height:40px;	
	border:none;
	padding:0px 10px;
	background:#efefef;
	outline:none;
}
.phone-detail a{
	background:#696969;
	color:#FFF;
	width:50px;
	height:40px;	
	text-align:center;
	line-height:40px;
}
.addthis,.addthis a{
	color:#696969;	
}
.addthis a{
	margin:0px 5px;	
}
.btn-download-detail-product{
	color:#696969;	
}
.box-item-project{
	border:solid 1px #FFF;	
	padding:20px;
	text-align:center;
	font-size:15px;
}
.image-project{
	max-width:163px;
	margin:0 auto;
	text-align:center;	
}
.project-name{
	font-size:15px;
	font-weight:normal;	
}
.project-name a{
	color:#333;	
}
.box-item-project:hover{
	box-shadow:0px 0px 10px #CCC;
	background:#FFF;
}
.header1 .logo img
{
	height:60px;
	width:auto !important;
}
.header1 .nav > li > a
{
	line-height:60px;
}



.btn-fix-right
{
	
	
}
.item-btn-right
{
	background-color:#fff;
	position:fixed;
	width:215px;
	height:45px;
	-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
	margin-bottom:10px;
	color:#187dcd;
	top:30%;
	z-index:999;
	display:block;
	right:-170px;
	-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px
rgba(0,0,0,0.4);
}
.inner-item-btn-right
{
	position:relative;
}
.arr-fix
{
	position:absolute;
	width:45px;
	height:45px;
	top:0;
	right:0;
	background-image:url(../images/arr1.png);
}
.linksmo-fix
{
	float:left;
}
.linksmo-fix a
{
	display:inline-block;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.item-btn-right:nth-child(2)
{
	margin-top:60px;
}
.item-btn-right:nth-child(3)
{
	margin-top:120px;
}
.item-btn-right a
{
	display:block;
	line-height:45px;
	color:#686868;
}
.item-btn-right span
{
	width:45px;
	height:45px;
	display:block;
	margin-right:0px;
	line-height:45px;
	text-align:center;
	float:left;
}
.slogan
{
	line-height:40px;
}
.mnuleft1
{
}
.mnuleft > li {
    list-style: none;
    border-bottom: solid 1px #e2e2e2;
    padding: 15px 10px 15px 10px;
}

.item-cathome
{
	padding-top:10px;
}

.item-cathome img
{
	display:block;
	width:100%;
}
.name-item-cathome
{
	font-family: Exo-M, Tahoma, Geneva, sans-serif;
font-size: 15px;
color: #3c3c3c;
text-transform: uppercase;
text-align:center;
margin-top:15px;
}
.name-item-cathome a
{
	color: #3c3c3c;
}
.name-item-cathome a:hover
{
	color:#1072b9;
}
.intro-service
{
	margin-top:10px;
	line-height:22px;
}
.header-static
{
	position:fixed;
	width:100%;
	left:0;
	z-index:999;
	top:0
}
.partner-footer
{
	padding-top:30px;
	padding-bottom:30px;
}

/* Animation */
._ani ._ani_parent{position: relative;top: 50px;opacity: 0;transition: all 0.5s;}
._ani ._ani_parent.on{opacity: 1;top: 0;}


._ani ._ani_parent_left{position: relative;top: 50px;opacity: 0;transition: all 0.5s;}
._ani ._ani_parent_left.on{opacity: 1;top: 0;}

/* Float */
.hvr-float {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.img-hvr
{
	background-color:#000;
	overflow:hidden;
}
.item-hvr img
{
	 -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.6s;
	  transition-duration: 0.6s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  display:block;
	  width:100%;
}
.item-hvr:hover img
{
	-webkit-transform: scale(1.05);
     transform: scale(1.05);
	 opacity:0.9;
}
.news-name-home
{
	margin-top:15px;
}