@charset "utf-8";
body {
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

a{
	color:#555;
}

a:link{
	text-decoration:none;
}

.row{
	
}

.nopadd{
	padding:0;	
}

/* header */
header{
	background-color: #f1f2f3;
}

.mobi{
	display:block !important;
}

.pc{
	display:none !important;
}

@media screen and (min-width:768px) {
   	header{
	} 
	.mobi{
		display:none !important;
	}
	.pc{
		display:block !important;
	}
}

.logo,
.logo:hover{
	padding:0;
}

.logo img{
	height:70px;
	margin-right:10px;
}

.logo p{
	color:#fff;
	margin:0;
	font-size:1.15em;
	text-transform:uppercase;
	background-color:rgba(222,9,14,1);
	padding:10px;
	font-family: 'Roboto Condensed', sans-serif;
}
.logo p span {
	display: inline-block;
	line-height: 30px;
	margin-top: 8px;
}

@media screen and (min-width:768px) {
	.dropdown .dropdown-menu{
		display:block;
		left:1px;
		right:auto;
		border-radius:0;
    	overflow: hidden;
		opacity:0;
		transition:0.5s;
		height:0;
	}

	.dropdown:hover .dropdown-menu{
		opacity:1;
		height:auto;
	}	
}

.mask{
	position:absolute !important; 
	top:0; 
	width:100%;
}

.fix{
	background: rgba(248,248,248,1);
	background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ededed', GradientType=0 );
	border:none;
	border-radius:0;
	box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
	margin:0;
}

.nav-mobipc li{
	border-right: none;
	border-left: none;
    box-shadow: none;
	margin-left:0px;
}

.nav-mobipc li a{
	font-size:1em;
	font-weight:600;
	color:#555; !important;
	text-transform:uppercase;
}

@media screen and (min-width:768px) {
	.nav-mobipc li:last-child{
		background:none;
	}
	.fix{
		background:none;
		background-color:transparent !important;
		border:none;
		border-radius:0;
		box-shadow:none;
		margin:0;
		z-index:9999;
	}

	.nav-mobipc{
	}

}

.nav-mobipc li .dropdown-menu{
	padding:0;
	margin-left:-1px;
	background-color:transparent;
	border:none;
}

.nav-mobipc li .dropdown-menu li{
	border-right: none;
	border-left: none;
    box-shadow: none;	
	margin-left:0px;
	border-bottom:1px solid #e5e5e5;
	background:none;
	background-color:rgba(255,255,255,1);
}

.nav-mobipc li .dropdown-menu li a{
	font-size:1em;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:10px;
	color:#555 !important;
	transition:0.3s;
	text-transform:none;
}

.nav-mobipc li .dropdown-menu li a:hover{
	background-color:rgba(255,255,255,1);
}

.navbar-default .navbar-nav > li > a {
  color: #777;
  transition:0.3s;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #777;
}

@media screen and (min-width:768px) {
	.navbar-default .navbar-nav > li > a {
	  color: #555;
	  transition:0.3s;
	  padding:15px 15px;
	}

	.navbar-default .navbar-nav > li > a:hover {
	  color: #555;
	}
}

.tk-gh{
	width:100%; 
	background-color:#fff;
	border-top:1px solid rgba(255,0,0,0.4);
}

.index-giohang{
	padding:0 15px;
}

.index-giohang a{
	display:block;
	background-color:#DE090E;
	color:#fff;
	text-align:center;
	height:39px;
	line-height:39px;
	font-size:1.1em;
	transition:0.3s;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.index-giohang i{
	font-size:1.8em;
	margin-right:8px;
}

.index-giohang a:hover{
	background-color:#DC3D3D;
}

@media screen and (min-width:768px) {
	.index-giohang{
		padding:0;
	}
}

.tk-gh .input-group{
	margin-top:0px;
	margin-bottom:10px;
}

.tk-gh .btn-default,
.tk-gh .btn-default:active,
.tk-gh .btn-default:focus{
	outline:none;
	box-shadow:none;
	border-color:transparent transparent #DE090E transparent;
	border-radius:0;
	background-color:#fff;
	padding:5px 6px 6px 6px;
	border-right:0;
}

.tk-gh .btn-default i{
	font-size:1.2em;
}

.tk-gh .form-control,
.tk-gh .form-control:active,
.tk-gh .form-control:focus{
	outline:none;
	box-shadow:none;
	border-color:transparent transparent #DE090E transparent;
	border-radius:0;
	border-left:none;
}

.tk-gh .thanhtoan{
	line-height:48px;
	text-align:center;
	font-size:1.2em;
}

.tk-gh .thanhtoan a{
	color:#555;
	transition:0.3s;
	margin:0 10px;
}

.tk-gh .thanhtoan a:hover{
	color:#F00;
}

.tk-gh .thanhtoan i{
	color:#F00;
}

@media screen and (min-width:768px) {
	.tk-gh .thanhtoan{
		line-height:40px;
		text-align:right;
		font-size:1.2em;
	}
	.tk-gh .input-group{
		margin-top:5px;
		margin-bottom:0;
	}
}

.slide-index {
	position: relative;
}
.slide-index .item img{
	width: 100%;
	height:auto;
	object-fit: cover;
}

@media screen and (min-width:768px) {
	.slide-index .item img{
		width: 100%;
		height:auto;
		object-fit: cover;
	}
}

.slide-index .next-slide,.slide-index .prev-slide{
	position:absolute;
	right:20px;
	top:50%;
	transform: translateY(-50%);
	margin-top:0;
	margin-left:0;
	width:35px;
	border:none;
	display:inline-block;
	font-size:2.3em;
	color:rgba(255,255,255,0.5);
	z-index:9;
	background-color:transparent;
	line-height:none;
	padding:0 0 0 5px;
	text-align:center;
	transition:0.3s;
}

.slide-index .prev-slide{
	left:20px;
}

.slide-index .next-slide:hover,.slide-index .prev-slide:hover,
.slide-index .next-slide:active,.slide-index .prev-slide:active{
	color:#fff;
	border:none;
	box-shadow:none;
	text-shadow: 1px 1px 1px rgba(55, 55, 55, 1);
}



.chuongtrinh{
	font-size:0.9em;
	margin-top:0px;
	border-bottom:1px solid #ddd;
	padding:15px 0;
}

.chuongtrinh .col-xs-2{
	font-size:4em;
	color:#666;
}

.chuongtrinh h4{
	font-size:1.3em;
}

.chuongtrinh h4 a,
.chuongtrinh h4 a:hover{
	color:#333;
}

.chuongtrinh .col-sm-4:last-child{
	border-left:1px solid #ccc;
}

.chuongtrinh .col-sm-4:first-child{
	border-right:1px solid #ccc;
}

.chuongtrinh .col-sm-4 span{
	transition:0.3s;
}

.chuongtrinh .col-sm-4:hover span{
	color:#DE090E;
}

.nhomslide{
	margin:20px 0;
}

.tieude{
	margin:0 13px 20px 13px;
	padding:9px 0;
	font-size:1.3em;
	font-weight:600;
	position:relative;
	border-bottom:2px solid #CCC;
	text-transform:uppercase;
	color:#555;
}

.tieude:before{
	background: #DE090E;
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    display: block;
    width:20%;
}

.nhomslide .customNavigation{
	margin-right:5px;
	margin-top:-4px;
}

.nhomslide .customNavigation .btn{
	border:1px solid #DE090E;
	background-color:#DE090E;
	border-radius:0;
	height:30px;
	width:30px;
	padding:0;
	border-radius:3px;
	line-height:30px;
	font-size:0.7em;
	transition:0.3s;
	color:#fff;
}

.nhomslide .customNavigation .btn:hover{
	border:1px solid #DE090E;
	background-color:#fff;
	color:#DE090E;
}

@media screen and (min-width:768px) {
	.nhomslide{
		margin:20px 0 0 0;
	}
	.nhomslide .customNavigation{
		margin-right:0;
	}
}

#owl-item .item{
	margin:0 13px;	
	position:relative;
}



.boxone:after{
  content: "";
  position: absolute;
  z-index: 999;
  left: 0%;
  right: 100%;
  bottom: 0;
  background: #DE090E;
  height: 2px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.boxone:hover:after, .boxone:focus:after, .boxone:active:after{
  left: 0;
  right: 0;
  border:none !important;
}

.boxtow:before{
  content: "";
  position: absolute;
  z-index: 999;
  top: 100%;
  bottom: 0;
  left: 0;
  background: #DE090E;
  width: 2px;
  transition-property: top, bottom;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.boxtow:hover:before, .boxtow:focus:before, .boxtow:active:before{
  top: 0;
  bottom: 0;
}

.boxtows{
	border:1px solid #ddd;
}

.boxtows:before{
  content: "";
  position: absolute;
  z-index: 999;
  left: 100%;
  right: 0%;
  top: 0;
  background: #DE090E;
  height: 2px;
  transition-property: left, right;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.boxtows:hover:before, .boxtows:focus:before, .boxtows:active:before{
  left: 0;
  right: 0;
}

.boxones:after{
  content: "";
  position: absolute;
  z-index: 999;
  top: 100%;
  bottom: 0;
  right: 0;
  background: #DE090E;
  width: 2px;
  transition-property: top, bottom;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.boxones:hover:after, .boxones:focus:after, .boxones:active:after{
  top: 0;
  bottom: 0;
}

.sanpham-img > a {
  	display: block;
}

.sanpham-img {
  	position: relative;
	overflow:hidden;
}

.sanpham-img img {
	width: 100%;
	object-fit: cover;
}

.sanpham-tt{
	padding:15px;
	text-align:center;
}

.sanpham-tt h3{
	font-size:1.3em;
	margin:10px 0 0px 0;
}

.sanpham-tt h3 a{
	color:#555;
	transition:0.3s;
}

.sanpham-tt h3 a:hover{
	color:#DE090E;
}

.gia-sanpham{
	font-size:1.3em;
	font-weight:600;
	color:#DE090E;
	margin:0 0 10px 0;
}

.btn-sanpham .btn{
	background-color:#fff;
	border-radius:20px;
	padding:8px 30px;
	border:1px solid #DE090E;
	transition:0.3s;
}

.btn-sanpham .btn:hover{
	border-color:#DE090E;
	color:#fff;
	background-color:#DE090E;
}

.btn-sanpham{
}

.phancach{
	margin:0;
}

.tabs-sp{
	margin-top:30px;
	margin-bottom:30px;
}

.tabs-sp .padd{
	padding:0 15px;
}

@media screen and (min-width:768px) {
	.tabs-sp .padd{
		padding:0 0 0 30px;
	}
	.tabs-sp .csp {
		padding:0px;
	}
}

.tabs-sp .nav-tabs {
 	border-bottom: none;
	margin-bottom:10px;
	padding:0 15px;
}

.tabs-sp .nav-tabs > li {
	float: left;
	margin-bottom: 0;
}

.tabs-sp .nav-tabs > li > a {
	margin-right: 10px;
	line-height: 1.42857143;
	border: none;
	border-radius: 0;
	border: 1px solid #555;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:8px;
	color:#333;
}

.tabs-sp .nav-tabs > li > a:hover {
	color:#333;
	background-color:#fff;
	border: 1px solid #555;
}

.tabs-sp .nav-tabs > li.active > a,
.tabs-sp .nav-tabs > li.active > a:hover,
.tabs-sp .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #DE090E;
	border: 1px solid #DE090E;
}

.tabs-sp .tab-content > .tab-pane .col-sm-3{
	margin-bottom:30px;
}

.sanpham{
	position:relative;
	margin-bottom:15px;
}

.khuyenmai{
	background-color:rgba(0,0,0,0.048);
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
}

.khuyenmai h2{
	margin:0;
	padding:20px 0;
	text-align:center;
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:bold;
	color:#DE090E;
}

.khuyenmai .km-sanpham{
	transition:0.3s;
	border:1px solid #eee;
	background-color:#fff;
	position:relative;
}

.khuyenmai .km-sanpham img {
	height: 165px;
	width: 100%;
	object-fit: cover;
}

.khuyenmai .km-sanpham:hover{
	border-color:#DE090E;
}

.khuyenmai .col-xs-6{
	padding:0 7.5px 0 7.5px;
	margin-bottom:10px;
}

.km-sanpham .ten-spkm{
	margin:5px;
	display:block;
}

.km-sanpham span{
	background-color:#DE090E;
	padding:3px 6px;
	position:absolute;
	left:0;
	color:#fff;
}

.duongdan{
	background-image:url(../images/dulieu/bg_footer.png);
	position:relative;
}

.duongdan .breadcrumb{
	background-color:transparent;
	text-align:center;
	padding:17px 0;
	font-size:1.6em;
	font-family: 'Roboto Condensed', sans-serif;
}

.duongdan .breadcrumb > li {
  display: inline-block;
}

.duongdan .breadcrumb > li a{
  color:#fff;
}

.duongdan .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #CCC;
  content: "»";
}

.duongdan .breadcrumb > .active {
  color: #fff;
}

.nhanemail{
	background-image:url(../images/dulieu/bg_footer.png);
	background-position:center;
	text-align:center;
}

.nhanemail .container{
	padding:40px 0;
}

.nhanemail .btn,
.nhanemail .btn:active,
.nhanemail .btn:focus{
	transition:0.3s;
	color:#58cc65;
	border-left:none;
	background-color:#fff;
	outline:none;
	border-color:#ccc;
  	border-radius: 0;
	padding:11px 16px;
}

.nhanemail .btn:hover{
}

.nhanemail .col-sm-5 span{
	font-weight:bold;
	font-size:1.4em;
	line-height:44px;
	color:#fff;
	text-transform:uppercase;
}

.nhanemail .form-control {
	display: block;
	width: 100%;
	height: 44px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow:none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.nhanemail .form-control:focus {
	border-color: #ccc;
	outline: 0;
	box-shadow:none;
}

.nhanemail .input-group {
	margin-bottom:15px;
}

.share{
	text-align:center;
}

.share a{
	margin-right:5px;
}

.share a i{
	border:2px solid#00F;
	height:45px;
	width:45px;
	border-radius:50%;
	line-height:43px;
	text-align:center;
	color: #fff;
	font-size:1.3em;
	border-color:#fff;
	transition: .3s ease;
}

.share a .fa-twitter {
	background-color:#2ca8d2;
}

.share a .fa-facebook {
	background-color:#305891;
	text-align:center;
}

.share a .fa-google-plus{
	background-color:#db4437;
}

.share a .fa-linkedin{
	background-color:#0077b5;
}

.share a:hover .fa{
	background-color:#fff;
	transform: scale(1.1);
}

.share a:hover .fa-twitter {
	color: #2ca8d2;
	border-color:#2ca8d2;
}

.share a:hover .fa-facebook {
	color: #305891;
	border-color:#305891;
}

.share a:hover .fa-google-plus{
	color: #db4437;
	border-color:#db4437;
}

.share a:hover .fa-linkedin{
	color: #0077b5;
	border-color:#0077b5;
}

@media screen and (min-width:768px) {
	.nhanemail .input-group {
		margin-bottom:0;
	}
}

.martop{
	margin-top:20px;
}

.linet{
	overflow: hidden;
    position: relative;
    display: block;
    margin: 30px 0;
    height: 14px;	
	color:#d44e32;
}

.linet .fa{
	font-size: 1em;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    width: 30px;
    height: 14px;
    z-index: 10;
    text-align: center;	
}

.linet:before {
    content: '｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡✯';
    position: absolute;
    left:0;
    margin-left: -10px;
    width: 50%;
	text-align:right;
}

.linet:after {
    content: '✯｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡';
    position: absolute;
    right: 0;
    margin-right: -10px;
    width: 50%;
}

/* đặt hàng */
.dathang .panel-default{
	margin:20px 0 40px 0;
}

/* giỏ hàng */
.giohangsp{
	padding:0;
	margin-top:20px;
}

@media screen and (min-width:768px) {
	.giohangsp{
		padding:0 15px;
		margin-top:0;
	}
}

.giohangsp .panel-default{
	margin:20px 0 40px 0;
	border-radius:0;
}

.giohangsp .panel-default .panel-body{
	padding:0 !important;	
}

.butxoa{
	transition:0.3s;
}

.butxoa:hover{
	color:#f03;
}

.btn-info {
	color: #fff;
	background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
    background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
}

.btn-danger {
	color: #fff;
	background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));
    background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

.btn-warning {
	color: #fff;
	background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
	background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
	background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #e38d13;
}

@media screen and (min-width:768px) {
	.giohangsp .panel-default{
		margin:0 0 40px 0;	
		border-radius:0;
	}

	.dathang .panel-default{
		margin:0 15px 40px 15px;
		border-radius:0;
	}

	.giohangsp .panel-default .panel-body{
		padding:0 10px;	
	}

}

.danhmuc-nhom{
	padding:0;
}

.danhmuc-nhom .list-group .list-group-item{
	border-radius:0;
	font-weight:bold;
	line-height: 50px;
	padding: 0 15px 0;
	text-transform: capitalize;
	font-size:1.15em;
	transition:0.3s;
	color:#777;
}

.danhmuc-nhom .list-group .list-group-item i{
	margin-right:8px;
}

.danhmuc-nhom .list-group .list-group-item:hover{
	background-color:#ff595d;
	color:#fff;
}

.danhmuc-nhom .list-group .active,
.danhmuc-nhom .list-group .active:hover{
	background: #ff595d none repeat scroll 0 0;
	border:none;
	border-bottom:3px solid #DE090E;
	padding:0 15px;
	line-height: 45px;
	font-weight:bold;
	color:#fff;
}

.danhmuc-nhom .list-group .active i{
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 17px;
	line-height: 45px;
	margin-left: -13px;
	margin-right: 15px;
	text-align: center;
	width: 42px;
}

.danhmuc-nhom .col-sm-3{
	padding:0 15px;	
}

@media screen and (min-width:768px) {
	.danhmuc-nhom .col-sm-3{
		padding:0 15px 0 0;	
	}

	.danhmuc-nhom .list-group .list-group-item{
		border-radius:0;
		font-weight:bold;
		line-height: 32px;
		padding: 0 15px 0;
		text-transform: capitalize;
		font-size:1.15em;
		transition:0.3s;
		color:#777;
	}

	.danhmuc-nhom .list-group .list-group-item i{
		margin-right:8px;
	}

	.danhmuc-nhom .list-group .list-group-item:hover{
		background-color:#ff595d;
		color:#fff;
		border-color:#ccc #ff595d #ccc #ff595d;
	}

	.danhmuc-nhom .list-group .active,
	.danhmuc-nhom .list-group .active:hover{
		background: #ff595d none repeat scroll 0 0;
		border:none;
		border-bottom:3px solid #DE090E;
		padding:0 15px;
		font-weight:bold;
		line-height: 40px;
		color:#fff;
	}

	.danhmuc-nhom .list-group .active i{
		border-right: 1px solid #fff;
		color: #fff;
		font-size: 17px;
		line-height: 35px;
		margin-left: -13px;
		margin-right: 15px;
		text-align: center;
		width: 32px;	
	}
}

@media screen and (min-width:1048px) {
	.danhmuc-nhom .list-group .list-group-item{
		border-radius:0;
		font-weight:bold;
		line-height: 43px;
		padding: 0 15px 0;
		text-transform: capitalize;
		font-size:1.15em;
		transition:0.3s;
		color:#777;
	}

	.danhmuc-nhom .list-group .list-group-item i{
		margin-right:8px;
	}

	.danhmuc-nhom .list-group .list-group-item:hover{
		background-color:#ff595d;
		color:#fff;
		border-color:#ccc #ff595d #ccc #ff595d;
	}

	.danhmuc-nhom .list-group .active,
	.danhmuc-nhom .list-group .active:hover{
		background: #ff595d none repeat scroll 0 0;
		border:none;
		border-bottom:3px solid #DE090E;
		padding:0 15px;
		font-weight:bold;
		line-height: 45px;
		color:#fff;
	}

	.danhmuc-nhom .list-group .active i{
		border-right: 1px solid #fff;
		color: #fff;
		font-size: 17px;
		line-height: 45px;
		margin-left: -13px;
		margin-right: 15px;
		text-align: center;
		width: 42px;	
	}
}



.chitietsanpham{
	position:relative;
}

.tieudecttsp{
    display: table;
    width: 100%;
    border: 7px solid #ff595d;
    padding: 4px;
}

.tieudecttsp .box{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(182, 182, 182);
    background: rgb(245, 245, 245);
    overflow: hidden;
    padding: 20px 20px 20px 35px;
}

.tieudecttsp .box h1{
	margin:0 0 5px 0;
	font-size:1.6em;
	font-weight:bold;
}

.tieudecttsp .box .gia{
	margin:0;
	font-size:1.6em;
	font-weight:bold;
	color:#C00;
}

.chitietsanpham .ctsanpham{
	margin-top:5px;
}

.chitietsanpham .ctsanpham .btn,
.chitietsanpham .ctsanpham .btn:active,
.chitietsanpham .ctsanpham .btn:focus{
	text-transform:uppercase;
	color:#ff595d;
	background-color:#fff;
	transition:0.3s;
	border-color:#ff595d !important;
	border-radius:0;
	padding:10px 20px;
	border:2px solid;
	font-weight:bold;
	margin-bottom:10px;
}

.chitietsanpham .ctsanpham hr{
	margin:20px 0;
    border-top: 1px solid #ddd;
}

.chitietsanpham .ctsanpham .btn:hover{
	border-color:#ff595d;
	color:#fff;
	background-color:#ff595d;
}

.chitietsanpham .nav-tabs > li > a{
	font-size:1.2em !important;
	border-radius:0;
	transition:0.3s;
	font-weight:bold;
	color:#555;
}

.chitietsanpham .nav-tabs > li > a:focus,
.chitietsanpham .nav-tabs > li > a:active{
	color:#ff595d;
}

.chitietsanpham .nav-tabs > li > a:hover{
	background-color:#fff;
}

.chitietsanpham .nav-tabs {
    display: block;
    float: none;
    margin: 0 auto;
    table-layout: inherit;
    border-bottom: none;
    margin-top: 20px;
}

.chitietsanpham .tab-content .tab-pane{
	border:1px solid #ddd;
	padding:10px;
}

.chitietsanpham .sanpham .thumbnail{
	border:1px solid #ddd;	
}

.chitietsanpham .sanpham .thumbnail:hover img{
	transform:scale(1.07);
}

#owl-spcungloai .item{
	margin:0 5px;
}

#sync1 .item-ct{
    background: none;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#sync1 .item-ct img{
	width:100%;	
	object-fit: cover;
	max-height:400px;
}

#sync2 .item-ct img{
	max-height:85px;
    margin: 5px 5px 5px 5px !important;
    color: #FFF;
	border:1px solid #ccc;
	padding:3px;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
}

#sync2 .item-ct h1{
  font-size: 18px;
}

#sync2 .synced .item-ct img{
	padding:3px;
	border:1px solid #ff595d;
}

.chitiet-slide .next-chitiet,.chitiet-slide .prev-chitiet{
	position:absolute;
	right:5px;
	top:35%;
	margin-top:0;
	margin-left:0;
	width:30px;
	height:30px;
	border:1px solid rgba(0,0,0,0.6);
	display:inline-block;
	background-color:rgba(255,255,255,0.6);
	font-size:1.3em;
	color:rgba(0,0,0,0.6);
	z-index:9;
	border-radius:50%;
	line-height:30px;
	padding:0;
	text-align:center;
	transition:0.3s;
}

.chitiet-slide .prev-chitiet{
	z-index:9;
	left:5px;
}

.chitiet-slide .next-chitiet:hover,.chitiet-slide .prev-chitiet:hover{
	background-color:#ff595d !important;
	border-color:#ff595d !important;
	color:#fff !important;
}

.chitietnoidung{
	margin:0;
}

.chitietnoidung .tieude-nd{
	margin:0 0 15px 0;
	background-color:transparent;
}

.chitietnoidung .tieude-nd h1{
	margin:0 0 6px 0;
	font-size:1.8em;
}

.chitietnoidung .tieude-nd .dangboi{
	color:#999;
}

.nhomnoidung{
	background-color:#fff;
}

.nhomnoidung .col-sm-6{
	margin-bottom:15px;
	padding:0 15px;
}

.nhomnoidung .col-sm-6 img{
	width: 100%;
  	object-fit: cover;
	max-height:230px;
}

.nhomnoidung h2{
	margin:8px 0;
	padding:0;
	font-size:1.4em;
}

.nhomnoidung p{
	margin:5px 0;
}



.tintuccapnhat{
	background-color:#fff;
	padding:0;
	margin-bottom:20px;
}

.tintuccapnhat h2{
	font-size:1.3em;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:3px;
	font-weight:bold;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

.tintuccapnhat .col-xs-4{
	padding:0;
}

.tintuccapnhat .col-xs-4 img{
	width: 100%;
  	object-fit: cover;
	max-height:75px;
}

.tintuccapnhat .row{
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.tintuccapnhat .row:last-child{
	border-bottom:none;
}

.tintuccapnhat .col-xs-7{
	padding:0 0 0 5px;
}

.tintuccapnhat .col-xs-7 a{
	font-size:1.1em;
}

.quangcao{
	padding:0;
	background-color:#fff;	
}

.quangcao img{
	margin-bottom:10px;
}

.footer-div{
	background-image:url(../images/dulieu/bg_footer.png);
    color: #d1d1d1;
	padding:30px 0;
}

.footer-div .container{
	padding:0;
}

.footer-div .timkiemnhieu .btn{
	border-radius:0;
	margin:0 5px 10px 0;
	background-color:transparent;
	color:#CCC;
	font-size:0.95em;
	border-color:#ccc;
	transition:0.3s;
}

.footer-div .timkiemnhieu .btn:hover{
	background-color:#58cc65;
	color:#fff;
	border-color:#58cc65;
}

.footer-div h2{
	margin:20px 0 20px 0;
	font-size:1.3em;
	color:#fff;
	text-transform:uppercase;
}

@media screen and (min-width:768px) {
	.footer-div h2{
		margin:0 0 20px 0;
		font-size:1.2em;
		color:#fff;
		text-transform:uppercase;
	}
}

.footer-div .baiviet ul{
	list-style:square;
	margin:0 0 0 15px;
	padding:0;
}

.footer-div .baiviet ul li:last-child{
	border-bottom:none;
}

.footer-div .baiviet ul li a{
	color:#ddd;
	font-size:1em;
	display:block;
	padding:8px 0;
}

.footer-div .baiviet ul li:first-child a{
	padding-top:0;
}

.footer-div .baiviet ul li a:hover{
}

.footer-div .lienhe .btn{
	background-color:#58cc65;
	border-color:#58cc65;
	padding:6px 30px;
}

/* Footer */
footer {
    background: #252525;
    padding: 10px 0;
	text-align:center;
	color:#999;
}

/* lên đầu trang */
.lendautrang{
	position: fixed;
	top: 92%; 
	right: 15px; 
	display: none; 
	z-index:99999;
	height:40px;
	width:40px;
	cursor:pointer;
	opacity:0.7;
	color: #666;
	font-size:20px;
	text-align:center;
	line-height:40px;
	border:1px solid #666;
	transition:0.3s;
}

.lendautrang:hover{
	opacity:1;
	color: #000;
	border:1px solid #000;
}
/* kết thúc  lên đầu trang */

/*news*/
.news {
	padding-top: 25px;
	padding-bottom: 25px;
}
.news h2 {
	text-align: center;
	border-top: 1px solid #a00;
	color: #a00;
	padding-top: 8px;
	margin-top: 30px;
}
.news img {
	width: 100%;
}
.news h3 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

@media screen and (max-width:767px) {

	.csp .col-sm-4 {
		padding:0px;
	}
	.csp .nav-tabs {
		margin-top: 20px;
		padding:0px;
		margin-bottom: 0px;
	}
	.tabs-sp .nav-tabs > li > a {
		padding:3px;
	}
}