@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans/OpenSans-Light.ttf');
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/Roboto/Roboto-Medium.ttf');
}
@font-face {
	font-family:"Roboto Regular";
	src:url("../fonts/Roboto/Roboto-Regular.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"Roboto Light";
	src:url("../fonts/Roboto/Roboto-Light.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"Roboto Light Italic";
	src:url("../fonts/Roboto/Roboto-LightItalic.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"Roboto Italic";
	src:url("../fonts/Roboto/Roboto-Italic.ttf");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Roboto Bold";
	src:url("../fonts/Roboto/Roboto-Bold.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"UTM Avo Bold";
	src:url("../fonts/utm_avo/UTM AvoBold.ttf");
	font-weight:normal;font-style:normal;
}

@font-face {
	font-family:"UVN TinTuc";
	src:url("../fonts/UVNTinTuc_R.TTF");
	font-weight:normal;font-style:normal;
}




*{margin:0; padding:0;}
.clear{clear:both;}
img {border:none; }
.slogan img{ max-width: 100%; height: auto !important }
input {outline:none;}
a {text-decoration:none;}
ol,ul{list-style:none;}

*, *:before, *:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*, *:before, *:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a{
	cursor: pointer;
}

/*.firefox *{
	font-weight: normal;
}*/

html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	line-height:1.5;
	font-family: "Roboto Light";
	font-size:16px;
	background: url(../images/bg_e.png) no-repeat fixed top center;
}


.hide{
	display: none;
}

.f_left{
	float: left;
}

.f_right{
	float: right;
}

.bg_white{
	background: #fff;
	border-radius: 10px;
}

.all_contain{
	width: 100%;
}

@media(max-width: 540px) {

	#lang{margin-right: 5px !important}
	#menu #search{width: 150px !important}
	.icon_top li {
    width: 30px !important;
    height: 30px !important;
	}
	.icon_top li img {
	    width: 30px !important;
	    height: 30px !important;
	}
	//	.avatar span{font-size: 10px !important;line-height:15px !important;	}
}
@media(max-width:360px){
	#menu #search{width: 165px !important}
	.footer {
    float: left;
    width: 100%;
    margin-bottom: 60px !important;
	}
	.product{
		padding-bottom: 0px !important;
	}
	.slogan_2{
		margin-top: 10px !important;
	}
}
@media(max-width: 768px) {
	.info{min-height: 30px !important}
	#menu #lang{
	float:right;
	margin-top:16px;
	margin-right:25px;
}
	.col-md-4{width: 50%}
    .icon_top li img{
		width: 40px ;
		height: 40px ;

	}
	.icon_top li{
		width: 40px ;
		height: 40px ;
	}
	.slogan_banner{display: none;}
	.about{width: 100% !important}
	.chuyen_muc{width: 100% !important}
	/*.slogan_2 img{display: none !important}*/
	.col-md-6{width: 100%}
	.main_contain .con_left{
		width: 100%
	}
}
@media(min-width: 768px) {
	.contact_right{padding-top: 50px;padding-left: 50px;width: 49%;float: left;}
	.contact_left{width: 49%;float: left;}


	.avatar span{line-height: 50px}
	#menu #lang{
		float:right;
		margin-top:16px;
		margin-right:25px;
	}
	.col-md-4{width: 33.33333333%}

	.contain_big {
        width: 100%;
    }
    .icon_top li img{
		width: 70px !important;
		height: 70px !important;

	}
	.icon_top li{
		width: 70px !important;
		height: 70px !important;
	}
	.slogan_2 span{font-size: 27px !important}
	.col-md-6{width: 50%;float: left;padding: 0 15px}

	.main_contain .con_left{
		width: 60%
	}
	.main_contain .con_right {
	    width: 30%;
	}
}
@media(max-width: 640px) {
	.col-md-4{width: 100%}
}
@media(max-width: 1199px){
	.con_sub {display: none;}
	#menu .chasub{
		display: none;
		height: auto;
		margin-top: 0;
		position: absolute;
		background: rgba(255,255,255,0.9);
		box-shadow: 7px 7px 5px #888888;
		width: 250px;
		top: 100%;
	}
	#menu ul{margin-top: 0 !important}
	#menu ul .con_sub ul{position: relative;padding-left: 5px;margin-top: 10px;display: none; display: table; background: rgba(255,255,255,0.5);}
	.con_sub li:hover a,.con_sub li:active a{color: #E08054}
	.con_sub li{height: 40px}
	.con_sub ul li a{padding: 10px}
	#menu ul li{position: relative;margin-left: 0 !important}
	#menu .arrow{position: absolute;right: 2px; top: 21%; color: #E08054; width: 25px;height: 25px;text-align: center; cursor: pointer;color: #E08054;text-shadow: none !important}
	.mobile-menu {display: block !important;}
	#menu > ul > li > a:hover, #menu > ul > li.active > a {
    	background: none !important;
    	color: #E08054;
	}
	#menu > ul > li > a{width: 100%}
	#menu #search input{width: 150px}
	#menu #lang img{width: auto;height: 20px}


	.contact_right img {width: 100px}
	#menu > ul > li > a, .con_sub li a{text-shadow: none !important; color: #444444 ;}

}
.img_capcha{width: 120px;height: 40px}
	.refresh_capcha{width: 16px; height: 16px;}
@media(min-width: 992px) {
	.contain_big {
        width: 970px;
    }
    .icon_top li img{
		width: 100px !important;
		height: 100px !important;

	}
	.icon_top li{
		width: 100px !important;
		height: 100px !important;
	}

}


@media(min-width: 1200px) {
	#menu > ul > li > a, .con_sub li a{
	color: #fff;
}
	.contact_right img {width: 100px}
	.contain_big {
        width: 1070px;
    }
    .icon_top li img{
		width: 147px !important;
		height: 147px !important;

	}
	.icon_top li{
		width: 147px !important;
		height: 147px !important;
	}
	#menu > ul > li{display: inline-block;}
	.con_sub{display: none}
	.hard_sub:hover .con_sub{
		top: 100%;
		opacity: 1;
		display: block;
		z-index: 999;
	}
    #menu > ul > li > a{padding: 5px !important;margin-left: 0 !important}
    .arrow{display: none;}
	.hard_sub .con_sub{
		min-width: 200px;
		position: absolute;
		top: 200%;
		left: 0;

		border-top: 2px solid #e45f22;
		padding-top: 5px;
		background: rgba(0,0,0,0.8);
		font-family: "Roboto Light";
		transition: all 0.5s;
		-webkit-transition: all 0.5s;

		opacity: 0;

	}
	.img_capcha{width: 35%}
	.refresh_capcha{width: 5%}
	.contac_left,.contact_right{
		float: left;
		width: 49%;
		text-align: left;
	}

	.con_sub {
		*position: relative;
		background: #e45f22;

	}
	.con_sub:after {
		bottom: 100%;
		left: 20%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(228, 95, 34, 0);
		border-bottom-color: #e45f22;
		border-width: 5px;
		margin-left: -5px;
	}



	.hard_sub .con_sub ul li{
		padding: 5px 10px;
		position: relative;
		border-bottom: 1px solid #000;
	}

	.hard_sub .con_sub ul li:last-child{
		*border-bottom: 1px solid rgba(0,0,0,0);
	}

	.hard_sub .con_sub ul li a{
		width: 100%;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		padding: 9px 0 7px 0px;
		white-space: nowrap;
	}


	.hard_sub .con_sub ul li:hover > .border_left,
	.hard_sub .con_sub li.act > .border_left{
		opacity: 1;
	}
	.main_contain .con_left{
		width: 60%
	}
}



.feature li img{width: 5% !important}



.mobile-menu:hover{
	color: black;
	background: #fff;
}
.mobile-menu i{padding-top: 18px}
.mobile-menu{cursor: pointer;
    position: absolute;
    background: black;
    color: #fff;
    top: 12%;
    left: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    display: none;
        transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.contain_big{
	margin: auto;
	position: relative;
	overflow: hidden;
}

.contain{

	margin: auto;
	padding: 1px 0;
}

.addthis_toolbox{
	font-family:arial;
}

.contain_body{
	*width: 100%;
	*min-height: 400px;
	padding: 0 32px;
	font-family: arial;
}

.main_contain{

	margin: auto;
	*overflow: hidden;
	font-family: "Roboto Light";
	font-size: 14px;
}

/* .main_contain .title{
	float: left;
	width: 100%;
	font-family: "Roboto Light";
	font-size: 24px;
	margin-top: 20px;
	font-weight: normal;
	margin-bottom: 10px;
} */

.main_contain .title a{
	color: #444;
	font-size:15px;
}

.main_contain .title a:hover{
	color: #c91911;
}



.con_body{
	padding: 10px;
	line-height: 1.6;
}

.main_contain .con_left .con_body{
	padding-left: 0;
}

.view_more{
	float: right;
	margin-right: 30px;
	background: url(../images/icon/arrow_right.png) no-repeat 90% 10px #da251d;
	font-size: 12px;
	color: #fff;
	padding: 3px 25px 3px 15px;
}

/* =-============== */
.banner{
	position: relative;
}

.slogan_banner{
	position: absolute;
	bottom: 30px;
	right: 0px;
	top:65%;
	font-family: "Roboto Regular";
	text-transform: uppercase;
	color: #fe8713;
	font-size: 28px;
	font-weight: bold;
	margin-top: 15px;
	text-shadow: 2px 2px 5px #bd9577;
}

.icon_top{
	position: absolute;
	top: 16px;
	right: 10px;
}

.icon_top li img{
	border-radius: 50%;
}

.icon_top li{
	float: left;
	border-radius: 50%;
	margin-left: 15px;
	position: relative;
	display: table-cell;
}

.icon_top li:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari and Chrome */
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.icon_top li:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* Effect 9 */
.icon_top li {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.icon_top li:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
/* Effect 9a */
.icon_top li:hover:after
{
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 1;
}

.icon_top li:hover {
	box-shadow: 0 0 0 8px #f06323;
	color: #fff;
}

/* ===============
	slider
================= */
.slider{
	margin-top: 20px;
}

/* ===============
	slogan
================= */
.slogan{
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 25px;
}

.slogan h1{
	font-family: "Roboto Bold";
	font-size: 30px;
	text-transform: uppercase;
	color:#f06323;
}

.slogan h5{
	font-family: "Roboto Light";
	font-size: 18px;
	font-weight: normal;
}

.slogan_2{
	margin-top: 50px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding: 15px 0;
	border-top: 3px solid #cacaca;
	border-bottom: 3px solid #cacaca;
}

.slogan_2 img{
	float: left;
	margin-right: 20px;
}

.slogan_2 h1{
	margin-top: 17px;
	float: left;
	font-size: 27.5px;
	text-transform: uppercase;
	font-family:"Roboto Bold";
	color: #f06323;
}

/*.firefox .slogan_2 h1{
	font-size: 26.5px;
}*/

h2.title{
	text-transform: uppercase;
	font-family: "UVN TinTuc";
	font-weight: normal;
	font-size: 17px;
	color: #000;

	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

.con_right h2.title{
	margin-top: 0px;
	margin-bottom: 0px;
}

h2.title .title_small{
	font-size: 15px;
}


.firefox h2.title{
	font-family:"Roboto Regular";
}
/* ===============
	about
================= */

.about h2{
	margin: 15px 0 10px 0;
	font-family: "UVN TinTuc";
	font-weight: normal;
	color: #f06323;
	font-size: 20px;
	text-transform: uppercase;
}

.firefox .about h2{
	font-family:"Roboto Regular";
}

.about{
	width: 100%;
	padding-right: 15px;
}

.about .content{
	text-align:justify;
	/*font-family: "Roboto Light";*/
	font-family: "Arial";
}

.about .content p{
	margin-bottom: 10px;
}

.about .content strong,
.about .content b{
	font-family: "Roboto Bold";
}

.firefox .about .content strong,
.firefox .about .content b{
	font-weight: normal;
}
.col-sm-3{width: 33.333333%;float: left;position: relative;}
.chuyen_muc .col-sm-3 .titleinfo{position: absolute;bottom: 0;color: #fff;background: rgba(255, 102, 0,0.5);}
/* ===============
	chuyen_muc
================= */
.banner img{max-width: 100%; height: auto !important}
@media (max-width: 1024px){
	.chuyen_muc .item img{width: 100%; height:150px}
}
@media (max-width: 640px){
	.chuyen_muc .item img{width: 100%; height:150px}
}
@media(max-width: 480px){
	.chuyen_muc .col-sm-3:first-child{width: 100% !important}
	.chuyen_muc .col-sm-3{width: 50% !important;margin-top: 15px}
	.chuyen_muc .item img{width: 100%; height:auto}
}
.chuyen_muc .item{width: 100%}


.chuyen_muc{
	width: 100%;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e2e2e2;
}

.chuyen_muc .bigImg{
	border: 3px solid #000;
}

.chuyen_muc ul{
	float: left;
	width: 100%;
}

.chuyen_muc ul li{
	float: left;
	margin-top: 10px;
	position: relative;
	width: 48%;
}

.chuyen_muc ul li:last-child{
	float:right;
}


.chuyen_muc ul li p{
	padding: 10px;
	background: rgba(0,0,0, 0.4);
	color: #fff;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	font-family: "Roboto Bold";
	font-size: 13px;
	text-transform: uppercase;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


/* ======================================
				Sản phẩm
====================================== */
.btn_next,
.btn_pre{
	position: absolute;
	top: 33%;
	z-index: 999;
	cursor: pointer;
}

.btn_next{
	right: -10px;
	width: 18px;
	height: 60px;
	background: url(../images/icon/arrow.png) no-repeat top left;
}

.btn_pre{
	left: -10px;
	width: 18px;
	height: 60px;
	background: url(../images/icon/arrow.png) no-repeat bottom left;
}

.product{
	margin-top: 40px;
	/*float: left;*/
	position: relative;
	padding-bottom: 40px;
	width: 100%;
	clear:both;
}

.about-info{position: relative; min-height: 125px;max-height: 125px;overflow: hidden;}
.about-info p:last-child{padding-bottom: 20px !important}
.view_detail{padding: 5px 10px;background:#f06323;color: #fff ; position: absolute;bottom: 0;right: 5px}
.wrap {
	padding-right: 15px;
	padding-left: 15px;
}
.avatar{position: relative;width: 100%;overflow: hidden;}
.avatar img{
	width: 100%;
    max-height: 230px;
	position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}
.avatar a{width: 100%;float: left; display: block}
.avatar .info{position: absolute;bottom: 0;width: 100%;background: #f06323;text-align: center;min-height: 50px}
.avatar span{text-align: center;color: #fff;text-transform: uppercase;font-size: 14px; vertical-align: middle;position: absolute;left: 0;bottom: 0;background: #f06323;width: 100%;}

.avatar:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.product .title{
	font-family: "Roboto Bold";

	color: #f06323;
	text-transform: uppercase;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}

.product .title h2{
	float: left;
	font-size:20px;
	margin-bottom: -14px;
	background: #fff;
	padding-right: 20px;
	font-family: "UVN TinTuc";
	font-weight: normal;
}

.firefox .product .title h2{
	font-family: "Roboto Regular";
}
.tbl_order tr th{text-align: left;width: 15%}
.tbl_order td{width: 80%}
/*
.product ul{
	float: left;
	background:#FFF;
	padding: 0px;
}
.product ul li{

	width:299px;
	height: 435px;
	float:left;
	margin: 0 18px;
	position:relative;

}

.product ul li.last{
	margin-right: 0px;
}

.product ul li .bigImg{
	position: relative;
}

.product ul li .bigImg p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f06323;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-family: "UVN TinTuc";
	font-weight: normal;
	text-transform: uppercase;
}

.firefox .product ul li .bigImg p{
	font-family: "Roboto Regular";
}

.product li img{
	height: 258px;
    width: 100%;
}

.product li a.detail
{
	position:absolute;
	bottom:0px;
	right:10px;
	color:#333333;
	font-size:15px;
	font-family: 'opensansRegular';
	border:1px solid #e4e4e4;
	padding:3px 10px;
	display:block;
}

.product li a.detail:hover
{
	background:#2e8c01;
	color:#FFF;
}

.product li a.title{
	font-size:14px;
	font-family: 'Roboto Regular';
	color:#171717;
	margin-top:10px;
	display:block;

}

.product li a.title:hover
{
	color:#F00;
}

.product li .mota{
	font-family: 'Roboto Regular';
	*width: 100%;
	padding: 10px 5px;
	text-align:center;
}
.product li .mota img{ display:none !important}
.product li .mota p{
	color:#414141;
	font-size: 14px;
}

.product li .mota .view_detail{
	margin-top: 20px;
	font-family: 'Roboto light';
	font-size: 14px;

	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
	background-color: #fc8853;
	border: 0;
	color: #fff;
	*text-transform: uppercase;
	text-shadow: 0 1px 0px rgba(0,0,0,0.1);
	*width: 120px;
	padding: 7px 15px;
	box-shadow: inset 0 -25px 20px #f06323;
}

.product li .mota .view_detail:hover{
	background: #f06323;
}


/* ===================================
				doi tac
================================= */
.doitac{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.doitac ul{
	float: left;
	width: 100%;
}

.doitac ul li{
	float: left;
	width: 103px;
	height: 70px;
	margin: 0 11px;
}

.doitac ul li img{
	width: 100%;
	height: 100%;
	border: 1px solid #e5e5e5;
}

.doitac ul li:hover img{
	border: 1px solid #f06323;
}


/* ===================================
				footer
================================= */
.title_footer{
	float:left;
	width: 100%;
	margin: 40px 0;
	background: url('../images/bg_title_footer.jpg');
	background-size: cover;
	padding:15px 13px;
}

.title_footer .left_title{
	float: left;
	color: #ffffff;
	font-size: 15px;
	font-family: RobotoMedium;
	text-transform: uppercase;
}
.title_footer .right_title{
	float: right;
	font-family: OpenSansSemibold;
	color: #f06323;
	font-size: 18px;
}

@media (max-width: 1024px){
	.title_footer .right_title{
		float: left;
	}
}
.col-md-4 h3 span{
	font-size: 17.15px;
	font-family: Roboto Bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block;
}
.col-md-4 .footer_bof{
	font-size: 14px;
	font-family: Roboto Light;
	color: #d6d6d6;
}
.footer{

	margin: auto;
	/* *background: #c91911; */
	background: url('../images/bg_footer.png') repeat;
	overflow: hidden;
	font-family:"Roboto Light";
	font-size: 14px;
	color: #fff;
	*margin-top: 40px;
	position: relative;
}

.footer_body{
	padding: 10px;
}

.fo_col_left{
	float: left;
	width: 710px;
}

.footer .right{
	float: right;
	width: 280px;
}

.footer strong{
	font-family:"Roboto Bold";
	text-transform: uppercase;
}

.fo_col_left table tr td{
	vertical-align: initial;
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
}

.bottom_fo{
	float: left;
	width: 100%;
	min-height: 50px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: url('../images/bg_footer_bottom.png') repeat;
	text-align: center;

	padding: 15px 0;
}

.bottom_fo h3{
	font-family: "Arial";
	font-weight: normal;
	color: #d5d5d5;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 50px;
}

.bottom_fo h3 a{
	text-transform: initial;
}

.footer table tr td{
	vertical-align: text-top;
	padding: 5px 10px;
}

.footer .contain{
	//padding: 20px 0;
}

.con_social p{
	color: #585858;
	font-size: 12px;
	text-align: center;
}

.con_social{
	position: fixed;
	top: 46%;
	left: 7.5%;
	width: 45px;
	background: #d7d7d7;
	box-shadow: 2px 3px 10px rgba(0,0,0,0.5);
	border: 2px solid #898989;
	*border-left: 0px;
}
.con_social i{
	width: 32px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	color:#FFF;
	font-size:20px;
}
.con_social .fa-facebook{ background:#3f67a9}
.con_social .fa-youtube{ background:#c8312a}
.con_social .fa-google-plus{ background:#dd4b39}
.con_social .fa-twitter{ background:#2daae1}
.con_social_bg{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
	height: 100%;
	border: 1px solid #fff;
	border-left: 0px;
}

.con_social ul{
	float: left;
	position: relative;
	z-index: 99;
	padding: 5px 3px;
}

.con_social ul li{
	float: left;
	margin-left: 2px ;
	margin-bottom: 3px;
}

.con_social ul li:first-child{
	margin-top: 3px;
}

.con_social ul li img{
	float: left;
}
.content_body{ float:left; width:100%; font-family:arial; }
.owl-buttons{position: absolute; width: 100%;top: 50%; /*display: none;*/ }
.sanphamnoibat:hover .owl-buttons{display: block;}
.owl-buttons .owl-prev{left: 0;}
.owl-buttons .owl-next{right: 0;}
.owl-prev,.owl-next{padding: 10px;font-size: 20px;color:#fff;position: absolute;background: rgba(0,0,0,0.5);}
.owl-prev:hover,.owl-next:hover {background: rgba(0,0,0,0.3); color: red;}
.content_tab{width: 100%}

.sanpham .prohot,.prohot .item{position: relative;}

.sanpham .prohot .info,.sanpham .prohot .img{width: 100%}
.sanpham .item{
	width: 100%;
	float: left;
    padding-right: 15px;
    padding-left: 15px;
    }
.sanpham .prohot .info{
	position: absolute;
    background: #f06323;
    line-height: 50px;
    text-align: center;
    bottom: 0;
}
.con_about .content  img{
	/*width: 100% !important;*/
	height: auto !important;
}
.infofix {
    background: #ff6600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
}
.imgfix img {
    width: 100%;
}
.titlefix {
    background: #ff6600;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: roboto;
    font-size: 20px;
    display: none
}
.infofix a {
    color: #fff;
}

.se-pre-con{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/Preloader_7.gif') center no-repeat #fff;
}




@media(max-width: 1025px){
	.titlefix{
		display: block;
	}
	.about{
		display: none;
	}
}
@media(max-width: 768px){
	.titlefix h3 {
    font-size: 13px;
	}
}


/*Btn call*/
.btn-call {
  position: fixed;
  bottom: 2%;
  left: 13%;
  z-index: 99;
  }
  .btn-call span {
    display: block;
    font-size: 18px;
    width: 46px;
    height: 46px;
    margin: auto;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #ed1d24;
    position: relative; }
    .btn-call span:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 50%;
      border: solid 1px rgba(237, 29, 36, 0.6);
      -webkit-animation-name: zoomin;
      animation-name: zoomin;
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .btn-call span:after {
      content: '';
      position: absolute;
      top: -10px;
      left: -10px;
      right: -10px;
      bottom: -10px;
      border-radius: 50%;
      background: rgba(237, 29, 36, 0.6);
      z-index: -1;
      -webkit-animation-name: zoomout;
      animation-name: zoomout;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-direction: alternate;
      animation-direction: alternate; }
    .btn-call span i {
      -webkit-animation-name: lac;
      animation-name: lac;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
  .btn-call strong {
    color: #fff;
    background: rgba(237, 29, 36, 0.8);
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    border-radius: 5px;
    position: absolute;
    left: 100%;
    margin-left: 5px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 18px;
    line-height: 37px;
    top: 50%;
    margin-top: -18px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .btn-call strong:before {
      content: '';
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-right: 8px solid rgba(237, 29, 36, 0.8);
      border-bottom: 6px solid transparent;
      position: absolute;
      left: -8px;
      top: 50%;
      margin-top: -6px; }

@media all and (max-width: 991px) {
  .btn-call {
    top: auto;
    left: 30px;
    bottom: 11%;
    }
    .btn-call strong {
      display: none; } }

@keyframes lac {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg); }
  20% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg); }
  30% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg); }
  40% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg); }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes lac {
  0% {
    -webkit-transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(-25deg); }
  20% {
    -webkit-transform: rotate(25deg); }
  30% {
    -webkit-transform: rotate(-25deg); }
  40% {
    -webkit-transform: rotate(25deg); }
  50% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

    @keyframes zoomin {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    opacity: .1; } }

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2.2);
    opacity: .1; } }

@keyframes zoomout {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .3; } }

@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.1);
    opacity: .3; } }
/*Btn call*/