
#Header-HeaderTop, #Header-HeaderBottom, #Header-Slide, #Header-Category{
	width:100%;
	float:left;
}
#Header-HeaderTop{
	padding:5px 0px;
	background-image: url('../image/bannerHeader.jpg');
	/* background-size: 100% 100%; */
	background-position: center;
	height: 145px;
	background-repeat: no-repeat;
}
.logo{
	width: 180px;
}
.logo img{
	width:100%;
}
.rightHeader{
	float:right;
	width:38%;
}
.cartHeader{
	position:relative;
	padding-right:15px;
}
.cartHeader span{
	position:absolute;
	line-height:20px;
	width:20px;
	border-radius:50%;
	background-color:#861f22;
	color:#fff;
	font-size:15px;
	right:-10px;
	top:0px;
	text-align:center;
}
.centerHeader{
	float:left;
	width:40%;
	padding-left:10px;
	font-size:17px;
	font-weight:bold;
	text-align:right;
	margin-top:5px;
}
.callHeader{
	float:right;
	font-style:italic;
	color:#09c;
	font-size:15px;
	font-weight:normal;
}
.callHeader span{
	//color:#861f22;
	color: #fff;
	font-size:16px;
	font-weight:bold;
}
.rightTopHeader{
	float:right;
	width:100%;
	margin-top:10px;
}
.rightTopHeader li{
	margin-right:20px;
	float:right;
}
.rightTopHeader li:first-child{
	margin-right:0px;
}
.rightTopHeader li a{
	font-size:15px;
	color:#fff;
}
.rightTopHeader li a:hover{
	text-decoration:underline;
}

#Header-HeaderBottom{
	background-color:#bfa16b;	
	float:left;
	width:100%;
}
.mainMenu li {
    padding:0 10px;
}
.mainMenu li a{
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	line-height:45px;
	position:relative;
	padding:0px 15px;
	color:#fff;
	font-weight:bold;
}
.mainMenu li a span{
	position:absolute;
	width:100%;
	top:-3px;
	height:3px;
	left:0px;
	transition:all 0.3s;
	//background-color:#fff;
}
.mainMenu li a:hover span{
	background-color: #fff;
	transition:all 0.3s;
	top:0px;
}
.search{
	float:right;
	height:31px;
	margin:7px 0px;
	background-color:#fff;
	border-radius:5px;
	padding:0px 10px;
	width:250px;
}
.txtSearch{
	float:left;
	width:80%;
	border:none;
	outline:none;
	line-height:29px;
	font-size:13px;
	font-style:italic;
	color:#666;
	background-color:transparent;
}
.btnSearch{
	float:left;
	padding-top: 5px;
	outline:none;
	border:none;
	color:#000;
	font-size:20px;
	line-height:29px;
	background-color:transparent;
	cursor:pointer;
}
.btnSearch i{
	width:100%;
	text-align:center;
}
/** Slide **/
#Header-Slide{
	padding-top:50px;
	background-image:url(../image/header-bg.jpg);
}
.coverSlide, .listSlide{
	float:left;
	width:100%;
}
.leftIMGSlide{
	width:50%;
}
.rightSlide{
	float:right;
	width:45%;
}
.titleSlide{
	font-weight:400;
	color:#fff;
	width:100%;
	font-size:40px;
}
.subSlide{
	width:100%;
	color:#454545;
	text-transform:uppercase;
	font-size:25px;
	font-weight:normal;
	margin-top:-20px;
}
.contentSlide{
	width:90%;
	line-height:1.5;
	color:#666;
	font-size:13px;
	margin:30px 10% 30px 0%;
}
.priceSlide{
	width:100%;
	color:#fff;
	font-size:3em;
	font-weight:300;
}
.priceSlide span{
	color:#000;
	font-weight:400;
}
.linkSlide{
	background-color:#fff;
	color:#000;
	text-transform:uppercase;
	padding:10px 17px;
	border-radius:4px;
	font-size:16px;
	margin-top:30px;
	-webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
}
.linkSlide:hover{
	color:#fff;
	background-color:#F5D052;
}
/** Category **/
.listCategory{
	margin:10px 0px;
	width:29%;
	margin-right:2%;
	float:left;
	background-color:#FC3;
	padding:40px 1.5% 20px 1.5%;
}
.listCategory:last-child{
	margin-right:0%;
}
.listCategory1{
	background-color:#1B8DB4;
}
.icon1{
	color:#1B8DB4;
	background-color:#fff;
}
.listCategory2{
	background-color:#EBEBEB;
}
.icon2{
	color:#000;
	background-color:#fff;
}
.listCategory3{
	background-color:#C2C2C3;
}
.icon3{
	color:#C2C2C3;
	background-color:#fff;
}
.iconCategory{
	width:100%;
	text-align:center;
	float:left;
	margin-bottom:25px;
}
.iconCategory i{
	float:none;
	font-size:40px;
	padding:25px;
	border-radius:50%;
}
.nameCategory{
	width:100%;
	font-weight:300;
	font-size:4.5em;
	text-transform:capitalize;
	line-height:1.1;
	text-align:center;
}
.nameCategory span{
	font-size:0.5em;
	margin-top:10px;
	float:left;
	text-align:center;
	width:100%;
	text-transform:uppercase;
	font-weight:400;
}
.name1{
	color:#fff;
}
.name2, .name3{
	color:#000;
}
.name1 span, .name3 span{
	color:rgba(255, 255, 255, 0.5)
}
.name2 span{
	color:rgba(66, 73, 85, 0.5);
}

.row5{
	margin-left: -5px;
	margin-right: -5px;
}

.row10{
	margin-left: -10px;
	margin-right: -10px;
}



.menu-mobile{
	display: none;
	position: absolute;
	top: 10px;
	right: 0;
}

#menu-push-right{
	cursor: pointer;
}

#menu-push-right>img{
	height: 45px;
}

.c-menu__items{
	width: 100%;
}

.c-menu__item{
	width: 100%;
	position: relative;
}

.c-menu__item>a{
	border-top: 1px solid #6c6c6c;
	border-bottom: 1px solid #454545;
	padding: 10px 38px 10px 15px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	width: 100%;
}

.c-menu__item>a:hover{
	background-color: #626262;
}

.dropdown-icon{
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	right: 0;
	cursor: pointer;
}

.dropdown-icon i{
	color: #fff;
	line-height: 40px;
	float: none;
}

.sub-menu-mobile{
	padding-left: 20px;
	width: 100%;
	display: none;
}

