@charset "utf-8";
/* CSS Document*/
.home-pronav{
	margin:15px -1px 30px; padding:0; list-style-type:none;	
}
.home-pronav li{
	float:left; width:10%;
	border:1px solid #DDD; border-left-color:transparent;
}
.home-pronav li:first-child{
	border-left:1px solid #DDD; 
}
.home-pronav li a{
	display:block; background:#FFF;
	padding:5px 10px 12px;
	text-align:center;
	font-size:12px; font-weight:400; line-height:16px;
	text-transform:capitalize;
	color:#000
}
.home-pronav li img{
	display:block; width:100%;
}
.home-pronav li a b{
	clear:both;
	height:32px; overflow:hidden; display:block;
	font-weight:500;
}
.home-pronav li a:hover{
	position:relative;
	color:var( --color-red); text-decoration:none;
	box-shadow:0 0 10px #999;
}
/**************/
.home-pro{
	margin-top:0px;	
}
/*************/
.page-home .productall{
	margin-bottom:30px;	
}
.page-home .prohide_6 #products-container .box:nth-child( 6),
#prodetail-other #products-container.col_5 .box:nth-child( 6){
	display:none;	
}
/*************/
.row-flex{
	display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin-right: -15px;margin-left: -15px;
}
.productall .row-flex .title-page,
.productall .row-flex .title-nav{
	position: relative;width: 100%;
	padding-right: 15px;padding-left: 15px;
	-ms-flex-preferred-size: 0;flex-basis: 0;
	-ms-flex-positive: 1;flex-grow: 1;
	max-width: 100%;
}
.productall .row-flex .title-nav{
	margin:0; list-style-type:none;
	padding-left:80px;
	text-align:right;
}
.productall .row-flex .title-nav li{
	display:inline-block;
	padding-left:15px; padding-right:15px;
	line-height:1; text-transform:capitalize;
	font-size:13px; font-weight:500;
}
.productall .row-flex .title-nav li a{
	color:#000;
}
.productall .row-flex .title-nav li a:hover{
	color:var( --color-red); text-decoration:none;
}
/*************/
.owl-theme .owl-nav{
	margin:0 !important;	
}
.owl-nav .owl-prev,
.owl-nav .owl-next{
	background:none;  text-align:center;
	height:36px; width:36px; overflow:hidden;
	padding:0 !important; margin:0 !important;
	line-height:36px;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;
}
.owl-nav .fa{
	line-height:34px;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover{
	background:#e72c3f;
	border-color:#FFF; color:#FFF;
}
.owl-nav .owl-prev,
.owl-nav .owl-next{
	border-color:#999; color:#000;
}
.owl-dots .owl-dot span{
	background-color:#FFF;
}
.owl-dots .owl-dot.active span{
	background-color:var( --color-main);
}
/************
***********
************/
.pageabout-main .about-item{
	margin-bottom:30px;	
}
.pageabout-main .about-item:nth-child( 2n){
	padding:50px 0;
	background:#f3f3f3;
}
/************
***********
************/

#google-map{
	display:block;
}
#google_maps{
	width:100%; display:block; height:63vh;
}
/*********************/
#google-map,
.page-contact .contact-info .item{
	margin-top:0px;
}
.page-contact .contact-info .about-title{
	margin-bottom:30px;
}
.page-contact .contact-info address,
.page-contact .contact-info p{
	font-size:13px; line-height:20px;
	margin-bottom:30px;
	min-height:42px;
}
.page-contact .contact-info address{
	line-height:21px; padding-top:3px;
	margin-top:15px !important;
}
.page-contact .contact-info [class^=icon]{
	position:relative; padding-left:65px;
	margin-top:12px;
}
.page-contact .contact-info [class^=icon]::before{
	position:absolute; left:0; top:5px;
	width:50px; height:100%; color:var( --color-main);
	
	display: inline-block;
	font: normal normal normal 35px/1 FontAwesome;
	text-align:center;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.page-contact .contact-info p.icon-hotline::before{
	content: "\f10b";
	font-size:39px;
}
.page-contact .contact-info p.icon-phone::before{
	content: "\f095";
	font-size:39px;
}
.page-contact .contact-info p.icon-fax::before{
	content: "\f1ac";
}
.page-contact .contact-info p.icon-email::before{
	content: "\f003";
}
.page-contact .contact-info .icon-address::before{
	content: "\f041";
}
.page-contact .contact-info .icon-viewmap::before{
	content: "\f276";
}
.page-contact .contact-info [class^=icon] b{
	display:block; clear:both;
	font-size:13px; line-height:18px;
	font-weight:bold; text-transform:capitalize;
}
.page-contact .contact-info a{
	color:inherit;
}
.page-contact .contact-info a:hover{
	color:#ec2027;
}
.page-contact .contact-info .icon-viewmap{
	margin-top:5px;
	color:#ec2027; padding-top:10px;
	font-weight:300; font-size:12px;
}
/*********************/
.page-contact .fcontact .form-group{
	margin-bottom:25px;	
}
.page-contact .fcontact .form-control{
	font-size:13px;
}
.page-contact .fcontact label{
	font-weight:500; padding-right:0; padding-top:0;
	font-size:13px; color:#000; text-transform:capitalize;
}
.page-contact .fcontact .btn{
	background:var( --color-main); color:#FFF; border:none;
	padding:10px 30px; text-transform:uppercase;
	font-weight:500; font-size:15px; 
}
.page-contact .fcontact .btn:hover{
	background:var( --color-red);
}
.page-contact .fcontact .text-danger{
	color:#ec2027;	
}
/********
*******
********/
.page-contact .fcontact .alert{
	background:var( --color-main);
	padding:30px;
	color:#FFF;
}
.page-contact .fcontact .alert .about-title{
	color:#FFF;
	margin-bottom:15px;
}
.page-contact .fcontact .alert p:last-child{
	margin-bottom:0;
}
/********/
body.page-tuvan #footer{
	margin-top:0;	
}
#modal_register_daily{
	padding:50px 0 30px; margin-top:30px;
	background:var( --color-main); color:#FFF;
}
#modal_register_daily .about-title{
	color:#FFF;
}
#modal_register_daily .form-dailyreg{
}
#modal_register_daily .form-dailyreg .form-group{
	margin-bottom:10px;
}
#modal_register_daily .form-dailyreg label{
	font-size:14px; font-weight:500;
}
#modal_register_daily .form-dailyreg button{
	background-color:#FFF; border-color:#FFF;
	margin-top:15px;	padding:12px 30px;
	font-size:15px; font-weight:bold; text-transform:uppercase;
	color:var( --color-main);
}
#modal_register_daily .form-dailyreg button:hover{
	background-color:var( --color-red); border-color:var( --color-red);
	color:#FFF;
}
#modal_register_daily .form-dailyreg .error{
	display:block; margin-top:3px; line-height:20px;
	font-size:13px; color:#BF0404
}
#modal_register_daily .form-dailyreg .reponse_mess,
#modal_register_daily .form-dailyreg.res_success .form-group,
#modal_register_daily .form-dailyreg.res_success .modal-footer{
	display:none;
}
#modal_register_daily .res_success .modal-body{
	background:#dff0d8;	
}
body.page-tuvan .alert{
	background:var( --color-main);
	color:#FFF;
	margin-bottom:50px;
}
#modal_register_daily .dcontent p{
	margin-bottom:3px;
}
/***********************/
#chinhsach-list{
	margin-top:30px;	
}
#chinhsach-list .item{
	margin-bottom:30px;	
}
#chinhsach-list .item:nth-child( 3n + 1){
	clear:both;
}
#chinhsach-list .item .box{
	display:block;
	box-shadow:0 0 15px #DDD;
}
#chinhsach-list .item a{
	color:inherit; text-transform:none;
}
#chinhsach-list .item a:hover{
	text-decoration:none; color:var( --color-red);
}
#chinhsach-list .item img{
	display:block; width:100%;
}
#chinhsach-list .item .des{
	display:block; background:#f9f9f9;
	padding:30px 30px 15px;
}
#chinhsach-list .item .des .text{
	height:145px; overflow:hidden;
}
#chinhsach-list .item .des .title{
	margin:0 0 10px; padding:0;
	font-size:21px; line-height:28px;
	font-weight:bold;
}
#chinhsach-list .item .des .readmore{
	margin-top:20px;	
}
#chinhsach-list .item .des .readmore a{
	display:inline-block;
	padding:8px 25px 7px;
	font-size:12px; line-height:20px; font-weight:500; text-transform:uppercase;
	background:var( --color-main); color:#FFF;
	text-decoration:none;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#chinhsach-list .item .des .readmore a:hover{
	background:var( --color-red);
}
/***********
***********
*************/
.left-nav{
	background:#FFF;
	display:block;
	margin:0px; overflow:hidden;
}
.left-nav .nav-title{
	background:#f4f4f4;	display: block;
	margin: 0 0 2px;	padding:10px 10px 9px;
	font-size: 13px;	line-height: 20px;	font-weight:500;
	text-transform: uppercase;
	border-left: 3px solid var( --color-main);
	color:#000;
}
.left-nav .nav-title a{
	color:inherit;
}
.left-nav .nav-title a:hover{
	text-decoration:none; color:var( --color-red);
}
.left-nav ul{
	margin:0; padding:0 0px 0 10px; list-style-type:none;
}
.left-nav ul li{
	margin:0 0 0px; padding:7px 0 7px; list-style-type:none;
	border-bottom:1px dashed #DDD;
	display:block; width:100%; float:left;
	font-weight:400; font-size:13px; text-transform:capitalize;
	line-height:20px;
}
.left-nav ul li:last-child,
.left-nav ul.list-thread li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
.left-nav ul li a{
	display:block; width:100%; float:left;
	color:inherit; text-decoration:none;
}
.left-nav ul li img{
	float:left; width:32%;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.left-nav ul li .title{
	float:left; width:68%;
	padding:0 0 0 15px;	margin:0;
	font-size:13px; font-weight:500; line-height:18px;
}
.left-nav ul li a:hover{
	color:var( --color-main);
}
.left-nav ul li.selected a{
	color:var( --color-red);
}
/*************/
.left-nav.selected .nav-title{
	border-color:var( --color-red);
	color:var( --color-red);
}
/************/
.left-nav ul.list-thread li{
	margin-bottom:20px; padding-bottom:20px;
}
.left-nav ul.thread-latest li .title{
	
}
/************/
.left-nav ul.list-product li{
	margin-bottom:20px; padding-bottom:20px;
}
.left-nav ul.list-product li .pro-img{
	position:relative;
	float:left; width:30%;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.left-nav ul.list-product li .pro-img .percent{
	position:absolute; left:0; top:5px; z-index:1;
	display:inline-block;	padding:3px 5px;
	background:#f00; color:#FFF;
	font-weight:bold; font-size:12px; line-height:1;
}
.left-nav ul.list-product li .pro-img img{
	width:100%;
}
.left-nav ul.list-product li .des{
	float:left; width:70%;
	padding-left:15px;
}
.left-nav ul.list-product li .des h3{
	padding:0;	margin:0;
	font-size:13px; font-weight:500; line-height:18px;
}
.left-nav ul.list-product li .des .pro-price{
	color:#F00;
	font-size:13px;
}
.left-nav ul.list-product li .des .pro-price s{
	display:none;
}
/*************************/
.news-search{
	margin-bottom:30px;	
}
.news-search label{
	position:relative;
	display:block; margin:0 0 20px; padding:0 0 5px;
	font-size:15px; line-height:20px; font-weight:normal;
	text-transform:uppercase;
	color:var( --color-main);
	border-bottom:2px solid var( --color-main);
}
.news-search > div{
	position:relative;
}
.news-search input{
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	border:none;
	background:#f2f2f2; color:#000;
	height:38px; line-height:38px;
	font-size:13px;
}
.news-search button{
	position:absolute; right:0; top:0; bottom:0;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	background:var( --color-main); color:#FFF;
	width:55px; text-align:center;
	font-size:17px; line-height:20px;
}
.main-container .news-search{
	display:none;	
}
.main-container .news-search label{
	color:var( --color-main);
	border-color:var( --color-main);
}
.main-container .news-search label::before{
	background:var( --color-main);
}
/***********
***********
*************/
.owl-theme .owl-nav{
	margin:0 !important;	
}
/*************/
#owl_home{
	margin-bottom:30px;	
}
#owl_home .owl-nav .owl-prev,
#owl_home .owl-nav .owl-next{
	background:none;  text-align:center; font-size:23px; line-height:36px;
	height:36px; width:36px; padding:0;
	border-radius:50%; color:#fff;
	border:1px solid rgba(255, 255, 255, 0.3);
	overflow:hidden;
	position:absolute; top:50%; margin-top:-18px;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;
}
#owl_home .owl-nav .fa{
	line-height:34px;
}
#owl_home .owl-nav .owl-prev:hover,
#owl_home .owl-nav .owl-next:hover{
	background:#9e0b0f;
	border-color:#9e0b0f; color:#FFF;
}
#owl_home .owl-nav .owl-prev{
	left:2.5%;	
}
#owl_home .owl-nav .owl-next{
	right:2.5%;	
}
/*********/
#owl_home .owl-item a{
	color:#FFF; text-decoration:none;
}
#owl_home .owl-item .item{
	position:relative; display:block; width:100%;
}
#owl_home .owl-item .item .caption{
	position:absolute; left:50px; top:50%; z-index:2;
	display:block; width:60%;
	font-size:23px; line-height:32px; font-weight:bold;
}
#owl_home .owl-item .item a{
	position:relative; display:block;	
}
/*
#owl_home .owl-item .item a::before{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%; content:""; display:block;
	background:rgba(0, 0, 0, 0.2);
}
*/
#owl_home .owl-item .item .caption .title{
	margin:0 0 20px; padding:0 0 20px; position:relative;
	font-size:51px; font-weight:900; line-height:50px;
	text-transform:uppercase;
}
#owl_home .owl-item .item .caption .title::before{
	position:absolute; left:0; bottom:0;
	content:""; display:block; height:2px; width:45px;
	background:#FFF;
}
/*********/
#owl_home .owl-dots{
	position:absolute; left:0; bottom:10px; z-index:2;
	margin:0; width:100%;
}
#owl_home .owl-dots .owl-dot span,
#olw_projectimg .owl-dots .owl-dot span{
	width:25px; height:6px; margin:0 7px;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	background:#FFF;
}
#owl_home .owl-dots .owl-dot.active  span,
#olw_projectimg .owl-dots .owl-dot.active  span{
	background:var( --color-main);
}
/****************************/
#home-banner{
	margin-left:-10px; margin-right:-10px;
	margin-bottom:30px; margin-top:10px;	
}
#home-banner .item{
	padding-left:10px; padding-right:10px;	
}
#home-banner .item a{
	display:block; overflow:hidden;
	transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;
}
#home-banner img{
	display:block; width:100%;
}
/****************************/
.home-news{
	background:#FFF;
	padding-top:35px; padding-bottom:50px;	
}
.home-news .img{
	display:block;	padding:0px; overflow:hidden;
}
.home-news a{
	display:block;
}
.home-news .img span{
	display:block;	padding:0px; overflow:hidden;
	background-position:center center; background-repeat:no-repeat;
	background-size:cover;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.home-news .img img.trans{
	display:block; width:100%;
}
/****/
.home-news .news-box a{
	display:block; float:left; width:100%;
	color:inherit;
}
.home-news .news-box .des{
	display:block; margin-top:15px;	padding:0;
	font-size:14px; line-height:25px;
}
.home-news .news-box .des .news-time{
	float:left; width:70px;
	border:2px solid var( --color-main_2);
	padding:15px 3px; 
	font-size:21px; font-weight:bold; line-height:1;
	text-transform:uppercase;	text-align:center;
	color:var( --color-main_2);
}
.home-news .news-box .des .news-time b{
	clear:both; display:block; margin-top:10px;
	font-weight:normal;
	font-size:14px;
}
.home-news .news-box .des .text{
	margin-left:85px;
}
.home-news .news-box .des .title{
	margin:0 0 5px; padding:0;
	font-size:17px; text-transform:uppercase;
	font-weight:bold; line-height:26px;
}
.home-news a:hover{
	text-decoration:none;	
}
.home-news .news-box .item:hover h3{
	color:var( --color-red);
}
.home-news .news-box .item:hover .img span{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
/***********/
.home-news .news-list a{
	color:inherit; text-decoration:none;
}
.home-news .news-list a:hover .title{
	color:var( --color-red);
}
.home-news .news-list .item{
	display:block; width:100%; float:left;
	margin-bottom:20px; padding-bottom:20px;
	border-bottom:1px solid #CCC;
}
.home-news .news-list .item:last-child{
	margin-bottom:0; padding-bottom:0;
	border-bottom:none;
}
.home-news .news-list .img{
	float:left; width:28%;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.home-news .news-list .img img{
	display:block; width:100%;
}
.home-news .news-list .des{
	float:left; width:72%;
	padding-left:15px;
}
.home-news .news-list .des .title{
	margin:0; padding:0;
	font-size:15px; font-weight:bold; line-height:25px;
}
/*****************
*********************/
#newslist .item{
	position:relative;
	background:#FFF; margin-bottom:30px;
	line-height:28px; font-size:15px;
	float:left; width:100%; display:block;
	border:1px solid #EEE;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);
}
#newslist .item .img{
	position:absolute; left:0; top:0; height:100%;
	float:left; width:32%;  overflow:hidden;
}
#newslist .item .img a{
	position:relative; width:100%; height:100%;
	display:block;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#newslist .item .img img{
	display:none;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#newslist .item:hover .img a{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}

#newslist .item .des{
	float:left; width:68%; margin-left:32%;
	padding:20px 20px 15px; min-height:135px;
	font-size:14px; color:#000;
	line-height:25px;
}
#newslist .item .des h3{
	margin:0 0 8px; padding:0;
	font-size:18px; font-weight:700; line-height:26px;
	color:#000
}
#newslist .item a{
	color:inherit; text-decoration:none;
	display:block; overflow:hidden;
}
#newslist .item a:hover{
	color:var( --color-red);
}
#newslist .item:hover .img img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
#newslist .item:nth-child( 3n + 1){
	clear:both;
}
#newslist .readmore{
	margin:15px 0 0px;
	text-transform:capitalize; font-size:14px;
}
#newslist .readmore a{
	display:inline-block;
	position:relative; padding:5px 20px 6px 15px;
	background:var( --color-main);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	font-size:12px; line-height:20px; font-weight:600;
	color:#FFF;
}
#newslist .readmore a::after{
	position:absolute; right:10px; top:8px;
	display:block; width:20px; height:100%;
	text-align:right; 
	content: "\f105";
	font: bold normal normal 15px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#newslist .readmore a:hover{
	padding-right:25px; color:#045195;
		background:var( --color-hover); color:#FFF;
}
/*********/
.other .title-page{
	font-size:19px; padding-bottom:7px;
}
#news-other{
	margin-left:-10px; margin-right:-10px;	
}
#news-other .item{
	margin-bottom:20px;
	padding-left:10px; padding-right:10px;
}
#news-other .item a{
	display:block;
	background:var( --color-main_3);
	box-shadow:5px 5px 1px rgba(161, 93, 45, 0.27);
	-moz-box-shadow:5px 5px 1px rgba(161, 93, 45, 0.27);
	-webkit-box-shadow:5px 5px 1px rgba(161, 93, 45, 0.27);
}
#news-other .item:nth-child( 3n + 1){
	clear:both;
}
#news-other .item .img{
	position:relative; overflow:hidden;
	display:block; width:100%;
}
#news-other .item .img img{
	display:block; width:100%;
}
#news-other .item .img .bg {
	position:relative; width:100%; height:100%;
	display:block;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#news-other .item .img .serimg{
	display:none;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#news-other .item:hover .img .bg{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
#news-other .item .des{
	display:block; margin-top:5px;
	line-height:24px; padding:15px 15px ;
}
#news-other .item .des .text{
	height:170px; overflow:hidden;
}
#news-other .item .des h3{
	margin:0 0 8px; padding:0;
	font-size:16px; font-weight:700; line-height:23px;
}
#news-other .item a{
	color:inherit; text-decoration:none;
}
#news-other .item a:hover{
	text-decoration:none;
}
#news-other .item a:hover .title{
	color:var( --color-red);
}
/****************
***********
*************/
/*************
*************
*************/
.dproduct-info{

}
#detail-info{
	float:left; width:70%;
	/*background:#f2f2f2;*/	
}
#product-detail-container .title-page{
	padding-bottom:0; margin-bottom:15px;
	text-transform:none;
	border:none;
}
#product-detail-container .title-page::before{
	display:none;
}
.detail-info-quote{
	font-size:14px; margin:0 0 10px; color:#222;
	padding: 0 0px ; line-height:24px; font-weight:normal;
	text-align:justify;
}
.detail-info-group p{
	margin-bottom:6px;
}
.detail-info-group p a{
	color:inherit;
}
.detail-info-group p a:hover{
	color:var( --color-red); text-decoration:none;
}
.title-detail-other{
	display:inline-block;
	font-weight:normal; font-size:17px; margin:15px 0 0; padding:5px 0;
	text-transform:uppercase; color:#e72c3f; font-weight:normal;
	font-family:'Roboto Condensed', sans-serif;
	
}
.title-detail-info a{
	color:#000;
}
.title-detail-price{
	margin:0 0; padding:7px 0px; width:70%; font-size:16px; line-height:24px;
	color:#e72c3f;
	/*
	background:url(../img/bg-title-right.png) no-repeat right top #e72c3f;	
	*/
	text-transform:uppercase;
	font-weight:bold;
}
.title-detail-price span{
	text-transform:none; font-weight:normal; font-size:13px; font-style:italic;
}
.title-detail-price div.clearfix{
	display:inline-block; float:left;	
}
.title-detail-price .price-number{
	padding:4px 10px 0 ;
}
/************/
.quote-detail-pro{
	margin:10px 0 0 ; padding:0 5px 0px 10px; font-size:14px; color:#222; line-height:22px;
}
.title-detail-price s{
	margin-left:10px; font-weight:normal; color:#777; font-size:13px;
}
.detail-info-group{
	font-size:13px; color:#222;	background:#FFF;
	padding:0 20px 0 20px;
}
.detail-info-group span.col-xs-4,
#product-detail-container  form label{
	font-weight:bold; padding-right:10px; padding-left:0px;
	width:20%;
}
#product-detail-container  form label{
	line-height:18px;
}
#product-detail-container  form .qty{
	padding-left:0;
}
.detail-info-group p span.col-xs-8,
#product-detail-container  form div.col-sm-8{
	width:80%;
	font-weight:500;
	line-height:18px;
}
.detail-info-group p.price{
	color:#F00;
}
.detail-info-group p.price_marbot{
	margin-bottom:0;
}
.detail-info-group p.price .col-xs-8{
	font-size:17px;
}
.detail-info-group p.price .col-xs-8 s{
	font-size:92%; color:#000;
	font-weight:normal;
	margin-left:10px;
}
.detail-info-group .stock_in{
	color:#0C0; text-transform:uppercase;
}
.detail-info-group .stock_out{
	color:#F00; text-transform:uppercase;
}
.detail-info-group .stock_in .fa,
.detail-info-group .stock_out .fa{
	margin-right:5px;
}
/*************/
#product-detail-container  form{
	width:100%; margin-top:15px; margin-bottom:5px;
	float:left; width:100%; clear:both; display:block;
	padding-top:15px;
	border-top:1px solid #DDD;
}
#product-detail-container  form .form-group{
	margin-bottom:20px; display:block;
	float:left; width:100%; clear:both;
}
#product-detail-container  form .qty input{
	position:relative;
	height:38px; line-height:38px; overflow:hidden;
	text-transform:capitalize; font-size:14px; font-weight:bold;
}
#product-detail-container  form label{
	padding-left:0; padding-right:10px;
	line-height:38px;	font-weight:bold;
}
#product-detail-container  form .qty input{
	width:100%; font-weight:bold;
	color:var( --color-main);
}
/******/
#product-detail-container  form button,
#product-detail-container  form .qty input{
	border:1px solid var( --color-main);
	height:46px; line-height:46px;	
}
#product-detail-container  form .fbutton{
}
#product-detail-container  form button{
	background:#FFF;
	display:inline-block;
	padding:0px 25px; text-align:center;
	text-transform:uppercase; font-size:15px;
	color:var( --color-main); font-weight:bold;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#product-detail-container  form button::before{
	background:var( --color-main);
}
#product-detail-container  form button .fa{
	font-size:17px; margin-right:3px;
}
#product-detail-container  form button:hover,
#product-detail-container  form button:active,
#product-detail-container  form button:focus{
	color:#FFF; z-index:9; position:relative;
}
/****************/
/***********/
#detail-info #button-share {
    border:none; background:#f6f6f6;
    clear: both;
    margin-left: 0;    margin-top: 0; margin-bottom:0;
	padding:15px;  
	text-align:left;
}
#button-share a:first-child .share-item{
	margin-left:0;
}
#button-share a:first-child .share-item i{
}
.zoomWindowContainer .zoomWindow{
	border:1px solid #CCC !important;
}
/***********/
.pdetail-linkclient-group{
	/*margin-top:50px;*/	text-align:left; 
}
.pdetail-linkclient-group > a{
	color:#222; text-transform:capitalize;
	display:block; padding:0; margin-bottom:3px;
	font-weight:bold; font-size:13px;
}
.pdetail-linkclient-group > a:hover{
	color:#e72c3f;
}
.pdetail-linkclient-group > a i{
	margin-right:5px; font-size:15px;
}
/**************/
.pdetail-linkclient-group .pdetail-box-contact{
	border:3px solid var( --color-main); display:block;
	padding:2px; margin-top:20px; text-align:center;
	background:#FFF;
}

.pdetail-linkclient-group .pdetail-box-contact .main{
	display:block;
	padding:50px 15px 15px; position:relative;
}
.pdetail-linkclient-group .pdetail-box-contact .main p:last-child{
	margin-bottom:0;
}
.pdetail-linkclient-group .pdetail-box-contact .main .title{
	color:#e72c3f; text-transform:capitalize; font-size:12px; margin-bottom:3px;
	display:block;
}
.pdetail-linkclient-group .pdetail-box-contact > div p a{
	color:inherit;	
}
.pdetail-linkclient-group .pdetail-box-contact > div p a . fa{
	font-size:19px;
	margin:0 10px;
}
.pdetail-linkclient-group .pdetail-box-contact > div p:last-child{
	margin-bottom:0;
}
.pdetail-linkclient-group .pdetail-box-contact .main .title{
	margin:0px; padding:0; color:#ec1e25;
	font-weight:bold; font-size:14px; text-transform:uppercase;
	position:absolute; left:0%; top:-33px; width:100%; text-align:center;
	display:block;
}
.pdetail-linkclient-group .pdetail-box-contact .main .title .box{
	position:relative; z-index:9;
	display:inline-block;
	border:3px solid var( --color-main);
	padding:5px 10px 12px; max-width:80%; min-width:90px; 
	text-align:center;
	font-size:11px; text-transform:uppercase;
}
.pdetail-linkclient-group .pdetail-box-contact  .main .title .box .text{
	position:relative; z-index:9;
}
.pdetail-linkclient-group .pdetail-box-contact  .main .title .box .text-title{
	position:absolute; left:50%; bottom:-15px; z-index:9;
	margin:5px auto 0;
	background:#FFF; padding:6px 5px; width:60px;
	margin-left:-30px;
	display:inline-block; 
	line-height:1; color:#000;
}
.pdetail-linkclient-group .pdetail-box-contact  .main .title .box:before{
	background:#FFF; width:100%; height:50%;
	position:absolute; left:0; bottom:0; z-index:1;
	content:""; display:block; 
}
.pdetail-linkclient-group .pdetail-box-contact  .main .title .box:after{
	background:#FFF; width:100%; height:50%;
	position:absolute; left:0; top:0; z-index:1;
	content:""; display:block; 
}
.pdetail-linkclient-group .pdetail-box-contact .button{
	margin-bottom:20px; padding-bottom:10px;
	border-bottom:1px solid #DDD;
}
.pdetail-linkclient-group .pdetail-box-contact .button a,
.pdetail-linkclient-group .pdetail-box-contact .button button{
	display:block; clear:both; width:100%; overflow:hidden;
	margin-bottom:15px;
	padding:11px 10px; text-align:center;
	font-size:15px; text-transform:capitalize;
	font-weight:500;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.pdetail-linkclient-group .pdetail-box-contact .button a{
	background:var( --color-main); color:#FFF; line-height:1;
	position:relative; font-weight:bold;
}
.pdetail-linkclient-group .pdetail-box-contact .button a span{
	display:inline-block; text-align:left;
	padding-left:40px;
	position:relative;
}
.pdetail-linkclient-group .pdetail-box-contact .button a span::before{
	position:absolute; left:0px; top:0px;
	display:block; width:30px; height:100%;
	text-align:right; 
	 content: "\f10b";
	font: bold normal normal 37px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pdetail-linkclient-group .pdetail-box-contact .button a b{
	display:block; clear:both; font-weight:400;
	margin-bottom:5px; font-size:14px;
}
.pdetail-linkclient-group .pdetail-box-contact .button button{
	border:2px solid #DDD; background:#FFF;
}
.pdetail-linkclient-group .pdetail-box-contact .button a::before,
.pdetail-linkclient-group .pdetail-box-contact .button button::before{
	background:var( --color-red); color:#FFF;
}
.pdetail-linkclient-group .pdetail-box-contact .button a:hover,
.pdetail-linkclient-group .pdetail-box-contact .button button:hover{
	border-color:var( --color-red);
	color:#FFF;
}
/***********/
.pdetail-linkclient-group .pdetail-box-contact .main p{
	background:#EEE; padding:4px 5px;
	margin:0 0 10px; display:block; font-weight:500; text-transform:capitalize;
    overflow: hidden;    text-overflow: ellipsis;
    text-transform: none;    white-space: nowrap;
	font-size:13px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}

.pdetail-linkclient-group .pdetail-box-contact ul{
	margin:0; padding:0; list-style-type:none;	
}
.pdetail-linkclient-group .pdetail-box-contact ul li{
	display:block; clear:both; margin-bottom:5px;
	line-height:22px; font-size:14px;
}
.pdetail-linkclient-group .pdetail-box-contact ul li .fa{
	margin-right:5px; font-size:7px; 
}
.pdetail-linkclient-group .pdetail-box-contact ul li a{
	color:#000;
}
.pdetail-linkclient-group .pdetail-box-contact ul li a:hover{
	color:var( --color-red); text-decoration:none;
}
/*********/

#btn-add-cart{
	background:url(../img/add-to-cart.png) no-repeat 20px center #e72c3f; border:none; cursor:pointer;
	padding:13px 25px 10px 75px; color:#FFF; text-transform:uppercase;	font-size:14px; 
}
.btn_hdmh{
	background:url(../img/icn_huongdanmuahang.png) no-repeat 0px 7px ; border:none; cursor:pointer; margin-left:3px;
	padding:13px 15px 10px 50px; color:#000; text-transform:capitalize;	font-size:13px;
}
#btn-add-cart:hover{
	color:#000
}
#detail-img #button-share{
	text-align:left; margin-left:5px; margin-top:0; border:none; text-align:center;
}
/*************/
.pdetail-left{
	float:left; width:79%; padding-right:20px;
}
.pdetail-right{
	float:left; width:21%;	
}
/*************/
#product-detail-content .nav-tabs{
	border-color:#e72c3f
}
#product-detail-content .nav-tabs > li a{
	font-weight:bold; padding:0px 0px 0px 35px; border:none;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	font-size:13px;
}
#product-detail-content .nav-tabs > li a span{
	padding:6px 35px 6px 0px; float:left;
}
#product-detail-content .nav-tabs > li.active a{
	border:none; background:url(../img/bg-tab-active.png) no-repeat left bottom;	
	color:#FFF; float:left;
}
#product-detail-content .nav-tabs > li.active a span{
	background:url(../img/bg-tab-active.png) no-repeat right bottom;	
}
#product-detail-content .nav-tabs > li a:hover{
	color:#fe4214; border:none; 
}
#product-detail-content .nav-tabs > li.active a:hover{
	color:#FFF;
}
#product-detail-content  .tab-content{
	padding-top:16px;	
}
/**************/
#detail-img{
	float:left; width:30%;	 position:relative; overflow:hidden;
	border-top:none;
}
#detail-img .percent{
	position:absolute; right:2px; top:10px; z-index:5;
	display:inline-block;
	padding:10px 15px;
	background:var( --color-main); color:#FFF;
	font-weight:500; font-size:15px; line-height:1;
	font-weight:bold;
}

/*********************/
#detail-img.no-img{
	
}
#detail-img.no-img img{
	display:block; width:100%;
}
/*********/
#detail-img .img-thumbs{
	width:95px; margin-right:10px; 
	padding-bottom:40px;
}
#detail-img .img-thumbs .thumb{
	margin-bottom:15px;
	background:#FFF; padding:2px;

	border:1px solid #FFF; cursor:pointer;
	border-color:#FFF;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
/*********/
#detail-img .slider-for{
	display:block; overflow:hidden;
	cursor:grab;
}
#detail-img .slider-for img{
	display:block; overflow:hidden;
	width:100%;
    max-height: 100%;
    max-width: 100%;
}
#detail-img .slider-nav{
	width:100%; margin-top:5px; 
	padding:0 40px 0px 40px;
}
#detail-img .slider-nav .slick-list{
	height:100% !important;
}
#detail-img .slider-nav .slick-slide{
	border:none;	
	outline:none;
}
#detail-img .slider-nav .slick-slide .img-nav{
	margin-right:6px; outline:none;
	background:#FFF; padding:0px;
	border:1px solid #DDD; cursor:pointer;
	/*opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5;*/
}
#detail-img .slider-nav .slick-current{
	border-color:#FFF;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
#detail-img .slider-nav .slick-slide.slick-current .img-nav{
	border-color:#ec1e25;
}

/****/
#detail-img .slider-nav .slick-prev,
#detail-img .slider-nav .slick-next{
	display:inline-block; width:28px; height:28px; overflow:hidden;
	border:1px solid #999; text-align:center;
	background-color:#FFF;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	position:absolute; left:0; top:50%; margin-top:-13px;
	text-indent:1000px; cursor:pointer;
	color:#000;
}
#detail-img .slider-nav .slick-next{
	right:0; left:auto;
}
#detail-img .slider-nav .slick-prev::before,
#detail-img .slider-nav .slick-next::before {
	position:absolute; left:0; top:0;
	width:100%; height:100%; text-indent:0;
	display:block;
	font:bold 13px/26px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#detail-img .slider-nav .slick-prev::before{
	content: "\f104";
}
#detail-img .slider-nav .slick-next::before{
	content: "\f105";
}
#detail-img .slider-nav .slick-prev:hover,
#detail-img .slider-nav .slick-next:hover{
	border-color:#e8252c;
}
#detail-img .slider-nav .slick-prev:hover::before,
#detail-img .slider-nav .slick-next:hover::before{
	color:#e8252c;
}
/******************/
.box-img{
	position:relative; display:block; width:100%;
	outline:none;
}
#detail-img .slider-for .box-img,
#img-main .box-img{
	border:1px solid #DDD;
}
.box-img img.trans{
	display:block; width:100%;
}
.box-img img.proimg{
	max-height: 100%;    max-width: 100%; 
    width: auto;    height: auto;
    position: absolute;     top:0; bottom:0; left:0; right:0;  
    margin: auto;
}
/******************/
#prodetail-tab{
	margin-top:30px; margin-bottom:30px;	
}
#prodetail-tab .title-page,
#prodetail-other .title-page{
	margin-bottom:20px; padding-bottom:7px;
	font-size:17px; color:var( --color-main); text-transform:uppercase;
	border-bottom:2px solid var( --color-main);
}
#prodetail-tab .title-page::before,
#prodetail-other .title-page::before{
	display:inline-block;
	background:var( --color-main);
}
#prodetail-other .title-page.red::before{
	background:var( --color-red);
}
#prodetail-other .title-page span{
	color:var( --color-main);
}
#prodetail-other .title-page.red span{
	color:var( --color-red);
}
/****************/
form#prodetail-content-addtocart{
	border:none; padding:0;
	margin:30px 0;
}
form#prodetail-content-addtocart button{
	background:var( --color-main); color:#FFF;
}
form#prodetail-content-addtocart button::before{
	background-color:var( --color-red);
}
form#prodetail-content-addtocart button:hover{
	border-color:var( --color-red);
}
/*************
**************
**********/
.page-checkuser{
	background:#f2f2f2; 
}
.page-checkuser #bg-main,
.page-checkuser #footer{
	margin-bottom:0; margin-top:0;
}
.page-checkuser #box-checkuser .box{
	padding-bottom:50px; padding-top:50px
}
.page-checkuser #box-checkuser .box-login{
	background:#FFF;
}
.page-checkuser #box-checkuser .box-login::after{
	position:absolute; left:96%; top:0;
	width:100%; height:100%;
	content:""; display:block;
	background:#FFF;
}
.page-checkuser #box-checkuser .title-page{
	font-size:27px; line-height:32px; padding-bottom:7px;
}
#box-checkuser{
	position:relative; 
}
#box-checkuser > .col-xs-12{
	position:static;
}
#box-checkuser .box-item{
	position:relative;
	padding-bottom:30px; padding-top:0px;
}
#box-checkuser .box-item::before{
	background:#f2f2f2; position:absolute;
	right:100%; top:0; width:1000px; height:100%;
	content:""; display:block; float:left;
}
#box-checkuser .box-item .dcontent{
	margin-bottom:15px;
	font-size:14px; line-height:24px;
}
#box-checkuser .box-item a.btn{
	margin:0 10px 0 0;
}
#box-checkuser .box-item a.btn:last-child{
	margin:0;
}
/****************/
.page-checkuser #box-checkuser .box-login  label{
	font-size:13px !important;
}
.page-checkuser #box-checkuser .box-login .form-control{
	font-size:13px;
}
.page-checkuser #box-checkuser .box-login .form_singin{
	margin-bottom:15px;
}
.page-checkuser #box-checkuser .box-login  a{
	color:#000; text-decoration:none;
	font-size:14px;
}
.page-checkuser #box-checkuser .box-login a:hover{
	color: var( --color-red)
}
/********************/
.voucher-box{
	color:#000;	
}
.voucher-box .title{
	font-weight:bold; text-transform:uppercase;
	margin-bottom:10px;
}
.voucher-box .fvoucher{
	display:block; position:relative;
}
.voucher-box .fvoucher input{
	padding-right:100px;
	font-size:13px;
}
.voucher-box .fvoucher button{
	position:absolute; right:0; top:0; bottom:0;
	background:var( --color-main); border:none;
	width:90px; text-transform:uppercase;
	font-size:13px; color:#FFF;
}
/**********************/
#payment-group .active .panel-heading{
	background:var( --color-main); color:#FFF;
}
#payment-group .panel-title{
	font-size:14px; cursor:pointer;
}
/*
#payment-group .panel-title input[type=radio]{
	opacity:0; -moz-opacity:0; -webkit-opacity:0;
	position:absolute; left:0; top:0;
}
#payment-group .dcontent p:last-child{
	margin-bottom:0;
}
*/