img{ max-width: 100%; height: auto;     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;}
img:hover{ }
#cssmenu{
	display: none;
}

html {
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;

	background:#fff;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;  
	-webkit-transition: right .4s ease-in-out 0s;
	-moz-transition:    right .4s ease-in-out 0s;
	transition:         right .4s ease-in-out 0s;
}
.logobox{
	padding-top:10px;
	padding-bottom:10px;
}

#page-ngoisao{
	margin: 0 auto;
	padding: 0px;


}
#header{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	background: url(../images/bgheader.png) no-repeat left center;
	background-size: cover;


}
.intro{
	
	position:fixed;
	z-index:99999;
	top:-1px;
 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;

}
.intro .col-logo img {
    max-height: 70px;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.intro .menupx{
	margin-top:8px;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.intro .col-hot{
	padding-top:5px;
	 -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.col-logo{
	float: left;
}
.col-logo img{
	max-height: 70px;
}
.bx-wrapper{
	text-align:center;
	max-width:100% !important;
}
.bx-wrapper li{
	margin:0 auto !important;
	text-align:center
}
.bx-wrapper img{
	margin:0 auto !important
}
.col-menu{
	float: left;
}
.col-hot{
	float: left;
}
.menupx{
	float: left;
	width: 100%;
	margin-top: 18px;
}
.menupx ul{
	float: left;
	list-style: none;;
	margin: 0px;
	padding: 0px;
}
.menupx ul li{
	display: inline-block;
	position: relative;
}
.menupx ul li.home a span{
	display: none
}
.menupx ul li a{
	font-size: 15px;
	padding: 0px 12px;
	display: block;
	line-height: 50px;
	color: #444;
	text-transform: capitalize;
	font-weight: 500;
}
.menupx ul li.home a{
	padding-left: 0px
}
.menupx ul li a i{
	color: #ffc800
}
.menupx ul li a:hover{
	color: #ffc800
}
.menupx ul li ul.sub{
	position: absolute;
	left: 0px;
	top: 50px;
	z-index: 100;
	min-width: 200px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	
}
.menupx ul li:hover>ul.sub{
		visibility: visible;
	opacity: 1;
}
.menupx ul li ul.sub li{
	position: relative;
	border-bottom: 1px solid #ddd;
	width: 100%;
	clear: both;
}
.menupx ul li ul.sub li a{
	line-height: 40px;
	font-size: 14px;
		clear: both;
	display: block;
	text-decoration: none;
}
.menupx ul li ul.sub>li:hover>a{
	background: #117EBD;
	color: #fff;

}
.menupx ul li ul.sub li ul.three{
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 100;
	min-width: 200px;
	background: #fff;
	border-left: 1px solid #ddd;
	visibility: hidden;
	opacity: 0;
-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.menupx ul li ul.sub li:hover ul.three{
		visibility: visible;
	opacity: 1;
}
.menupx ul li ul.sub>li>ul.three>li:hover>a{
	background: #117EBD;
	color: #fff;

}
.hotbox-img{
	float: left;
	margin-right: 10px;
}
.hotbox-img img{
	width: 50px;
}
.col-hot{
	padding-top: 16px;
}
.hotbox ul{
	list-style: none;
}
.hotbox ul li{
	margin-bottom: 5px;
}
.hotbox ul li a{
	color: #333;
}
.hotbox ul li:first-child{

}
.hotbox ul li:last-child a{
	font-size: 17px;
	font-weight: 900;
	color: #666;
}
.hotbox ul li:last-child a strong{
	color: #BF1E2F;
	font-weight: 900;
	font-size: 20px;
}
#slider{
	float: left;
	width: 100%;
	clear: both;
	
}
#page{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 25px;
	padding-bottom: 25px;
}
.page-left{
	float: left;
	width: 20%;
}
.page-right{
	float: right;
	width: 78.5%;
}
.wiget{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	
}
.wiget-title{
	float: left;
	width: 100%;
	clear: both;
	
	border-top-left-radius: 10px;

	border-bottom: 1px solid #ddd;
		background: rgb(6,118,184);
	background: linear-gradient(66deg, #ff7a00 0%, #ffbb00 100%);
	padding: 9px 15px;

}
.wiget-title span{
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.wiget-title img{
	float: left;
	margin-right: 8px;
}
.wiget-content{
	float: left;
	width: 100%;
	clear: both;
	border: 2px solid #ffc800;
	border-bottom-right-radius: 10px;
	padding: 10px;
	border-top:0px !important;
	margin-top: -1px;
	border-right: 2px solid #ffc800;
}
.wiget-content ul.mex{
	float: left;
	width: 100%;
	clear: both;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.wiget-content ul.mex li{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
}
.wiget-content ul.mex li a{
	color: #333;
	float: left;
	width: 100%;
	clear: both;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:0px;
	padding-right: 10px;
	text-decoration: none;
	border-bottom: 1px solid #dedede
}
.wiget-content ul.mex>li:hover>a{
	color: #44A2DB
}
.wiget-content ul.mex li ul{
	position: absolute;
	left: 100%;
	top: 0px;
	padding: 0px;
	margin:0px;
	list-style: none;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	min-width: 200px;
	background: #fff;
	border:1px solid #ddd;
	background: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.wiget-content ul.mex li ul li a{
	padding-left: 12px;
}
.wiget-content ul.mex li ul li:hover>a{
	color: #44A2DB
}
.wiget-content ul.mex li:hover ul{
	visibility: visible;
	opacity: 1;
}

.wiget-support{
background: rgb(221,221,221);
background: linear-gradient(66deg, rgba(221,221,221,1) 0%, rgba(246,246,246,1) 100%);
border: 1px solid #ddd;
}
.wiget-support .wiget-title span{
	font-size: 15px;
	color: #fff;
}
.wiget-hotline{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 8px;
	padding-bottom: 15px;

	border-bottom: 1px solid #dedede
}
.wiget-hotline img{
	float: left;
	margin-right: 6px;
	width: 45px;
}
.wiget-hotline p{
	margin-bottom: 5px;
}
.wiget-hotline a{
	font-weight: 800;
	color: #BF1E2F;
	font-size: 20px;
}
.wiget-user{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd
}
.wiget-user img{
	float: left;
	margin-right: 6px;
	margin-top: 6px;
}
.wiget-user p{
	margin-bottom: 0px;
}
.wiget-user a{
	font-weight: 600;
	color: #BF1E2F;
	font-size: 17px;
}
.block{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}
.block-title{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	background: #f6f6f6;
		border-bottom: 2px solid #ff9e00;
    overflow: hidden;
}
.block-title h2{
	padding: 8px 25px 8px 15px;
	color: #fff;
	font-weight: 700;
	float: left;
	margin: 0px !important;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	background: #ff9e00;
	border-top-left-radius: 6px;

	z-index: 10;


}
.block-title h2:after{
	content: "";
	position: absolute;
	
right: -68px;
    width: 68px;
    height: 38px;
	background: url(../images/name2_after.png) no-repeat top left;
	display: block;
	top: 0px;
	z-index: -1;
 

}

.block-title a {
    float: right;
    margin-right: 0px;
    margin-top: 2px;
	color: #333;
	padding: 7px 10px;
	background: #eaeaea;
	border-radius: 5px;
}
.itemsp{
	float: left;
}
.itemspx4{
	width: 24%;
	margin-right: 1.3333333%;
	margin-bottom: 20px;
}
.itemspbox{
	float: left;
	width: 100%;
	clear: both;
	background: #fff;
	padding: 10px;
	border-top:2px solid #f3f3f3;
	border-left:2px solid #f3f3f3;
	border-right:4px solid #f3f3f3;
	border-bottom:4px solid #f3f3f3;
}
.itemsp-img{
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	overflow: hidden;
transition: all 0.5s ease 0s;
border-bottom:2px solid #f3f3f3;
}
.itemsp-img img{
	margin: 0 auto

}

.itemsp-img:hover img {
    transform: scale(1.05);
}
.itemsp-text{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 12px;
}
.itemsp-name{
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	margin-bottom: 10px;
}
.itemsp-name h3{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.itemsp-name h3 a{
	color: #333;
	font-weight: 600;
}
.itemsp-price{
	float: left;
	width: 100%;
	clear: both;text-align: center;
}
.itemsp-price p{
	margin-bottom: 0px;
}
.itemsp-price span{
	color: #BF1E2F;
	font-weight: 600;
}
.sp-list{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
}
.sp-list .owl-nav .owl-prev{
	float: left;
	position: absolute;
	top: 36%;
	left: 0px;
	background: none !important;
	outline: none;
	border: none !important
}
.sp-list .owl-nav .owl-next{
	float: left;
	position: absolute;
	top: 36%;
	right: 0px;
	background: none !important;
	outline: none;
	border: none !important
}
.sp-list .owl-nav .owl-prev img{
	 transform: rotate(180deg);
}
#video{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f4f4f4
}
.col-video{
	float: left;
}
.video-title{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd;
	position: relative;
}
.video-title:after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: -1px;
	height: 2px;
	width: 80px;
	display: block;
	background: #ff9e00;
	z-index: 10;
}
.video-title span{
	float: left;
	font-size: 22px;
	font-weight: 900;
	text-transform: uppercase;
}
.video-left{
	width: 20%;
	float: left;
}
.video-left a{
	margin-bottom: 15px;
	float: left;
	width: 100%;
	display: block;
}
.video-left img{
	max-height: 117px
}
.video-right{
	float: right;
	width: 78%;
}
.video-right a{
	float: left;
	width: 100%;
	display: block;
}
.video-right a img{
	width: 100%;
}
#footer{
	float: left;
	width: 100%;
	clear:both;
}
.footer-top{
	float: left;
	padding-top: 40px;
	padding-bottom: 25px;
	width: 100%;
	background: #ff7a00
}
.colf1{
	float: left;
}
.footer-title{
	float: left;
	width: 100%;
    margin-bottom: 20px;
    padding-bottom: 15px;
	position: relative;
}
.bx-wrapper{
	margin-bottom: 0px !important
}
.footer-title:after{
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 80px;
	height: 2px;
	background: #ddd;
	display: block;
	z-index: 10;
	content: ""
}
.footer-title h2{
	margin: 0px;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}
.footer-info{
	float: left;
	width: 100%;
	clear: both;
}
.footer-info .design{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 15px;
	margin-top: 8px;
	
}
.footer-info .design{
	color: #ddd
}
.footer-info .design a{
	color: #fff;
}
.footer-info ul{
	float: left;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.footer-info ul li{
	float: left;
	width: 100%;
	clear: both;
}
.footer-info ul li a{
	color: #f4f4f4;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.footer-social{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 5px;
}
.footer-social p{
	color: #fff
}
.footer-social ul{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	clear: both;
}
.footer-social ul li{
	float: left;
	display: inline-block;
}
.footer-social ul li a{
	float: left;
	margin-right: 10px;
	color: #fff;
}
.footer-social ul li a i{
	font-size: 16px;
}
.footer-bottom{
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 15px;
	padding-top: 15px;
    background: #046caa;

}
.footer-bottom span{
	color: #b4b4b4
}
.footer-bottom a{
	color: #fff
}
.page-title{
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 20px;
	padding-top: 20px;
    background: rgb(6,118,184);
        background: linear-gradient(66deg, #ff7a00 0%, #ffbb00 100%);
   
}
.page-title .pull-left ul{
	list-style: none;
	margin-bottom: 0px;
	    padding-left: 12px;
}
.page-title .pull-left ul li{
	display: inline-block;
	margin-right: 12px;
	color: #fff;
}
.page-title .pull-left ul li a{
	color: #fff;
}
.sidebar-page-container{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}
#main{
		float: left;
	width: 100%;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}
.detail-left{
	float: left;
	width: 43%;
}
.detail-right{
	float: right;
	width: 55%;
}
.product-pic{
	float: left;
	width: 100%;
	
}
.product-pic .zoom-wrap{
	border: 1px solid #ddd
}
.detail-right .project-info{
	float: left;
	width: 100%;
}
.detail-right .project-info .sec-title{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.detail-right .project-info .sec-title h1{
	margin: 0px;
	padding: 0px;
	font-size: 28px;
	font-weight: 700;
}
.project-info-list{
	float: left;
	width: 100%;
	clear: both;
	padding: 0px;
	margin:0px;
	list-style: none;
	margin-top: 15px;
}
.hinhcon{
	float: left;
}
.project-info-list li{
	float: left;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd

}
.project-info-list li strong{
	color: #0978BA
}
.project-info-list li i{
	color: #0978BA
}
.tomtat{
	float: left;
	width: 100%;
	clear: both;
	
}
.sharefb{
	float: left;
	width: 100%;
	clear: both;
}
.icon-holder{
	float: left;
	margin-right: 10px
}
.detail-price{
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	font-size: 16px;
}
.detail-price strong{
	color: #BF1E2F
}
.project-description{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 15px;
}
.project-description{
	float: left;
	width: 100%;
	clear: both;
}
.project-description .sec-title h2{
	font-size: 24px;
	margin-top:0px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd
}
.zoom-hinhcon {
	float: left;
	width: 100%;
	clear: both;
	margin-top: 5px;
}
.phantrang{
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
}
.news-block{
	float: left;
	margin-bottom: 20px;
}
.news-block .lower-box h3{
	margin-top: 7px;
	font-size: 17px;
	color: #222;
	height: 36px;
	overflow: hidden;
}
.news-block .lower-box h3 a{
	color: #0877B9;
	font-weight: 500;
}
.news-block .lower-box h3:hover a{
	color:#222
}
.news-block .lower-box .theme-btn.read-more{
	font-size: 14px;
	color: #333
}
#contact-form input{
	width: 100%;
	padding: 8px;
	margin-bottom: 12px;
	float: left;
}
#contact-form .cnoidung{
	width: 100%;
	padding: 8px;
	margin-bottom: 12px;
	float: left;
	min-height: 100px
}
#contact-form .thm-btn{
background:#0A79BA;
padding: 10px 25px;
outline: none;
border: 0px;
color: #fff;
font-weight: 800;
}
.mapx iframe{
	height: 320px !important
}
.chat-zalo {
    background: #0573ff;
    border-radius: 99px;
    padding: 10px 15px;
    color: white;
    display: block;
    margin-bottom: 6px;
    position: fixed;
    bottom: 60px;
    right: 0px;
    z-index: 99999;
    border-bottom-right-radius:0px;
    border-top-right-radius:0px;
    outline: none !important;
    border:none !important;
}
.chat-zalo.mesx {
	 bottom: 110px;
	 background:#fff !important;
	 padding:0px !important;
	  border-radius: 99px;
}
.chat-zalo.mesx img{
	width:45px
}
.chat-zalo a {
    font-size: 15px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
}
.call-now .btn-call-now p {
    color: #fff;
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
	    float: right;
}
.call-now .btn-call-now strong {
    display: block;
    font-size: 18px;
}
.call-now {
    right: 0;
    z-index: 99999;
    bottom: 5px;
    height: 50px;
    min-width: 200px;
    position: fixed;
    background-color: #c51230;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 1px 2px rgba(0,0,0,.8);
  
}
.call-now .btn-call-now i {
    position: absolute;
    color: #c51230;
    background-color: #fff;
    font-size: 35px;
    left: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #c51230;
}