@charset "UTF-8";
/*
=======================================================
HEADER
=======================================================
*/
.luxbar-menu-material-cyan, .luxbar-menu-material-cyan .dropdown ul {
    background-color: #fff;
    color: #fff;
    background: #f7f1df;
}
.luxbar-fixed{
	box-shadow:none;
}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
	height:196px;
}
.luxbar-header{
	padding-left: 30px;
	width: 100%;
}
.headerCatch{
	font-size:14px;
	color:#666666;
	letter-spacing: 0;
}
.dropdown > ul{
	overflow:hidden;
}
.luxbar-brand{
	font-size:16px;
	padding: 10px 0 0;
}
.luxbar-brand span{
	font-size:16px;
}
.headerAdd{
	font-size:12px;
	color:#434343;
	text-align:right;
}
.headerTel{
	font-size:24px;
	color:#434343;
	font-weight:bold;
}
.headerTelIcon{
	width:26px;
	display: inline-block;
    vertical-align: middle;
}
.headerContactBtn{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	width:103px;
	height:21px;
	background:url(../img/btn_bg1.png)no-repeat center center;
	border:none;
	vertical-align: middle;
}
.luxbar-item {
/* 	width: calc(100% / 7); */
	width: 14.2%;
    text-align: center;
    position: relative;
}
.luxbar-item img{
	display:inline-block;
}

.luxbar-item a {
	padding: 8px 24px 18px 24px;
	display: block;
}
.headerLinkName{
	display:block;
	text-align:center;
	color:#434343;
	font-size:13px;
	font-weight:bold;
}
.luxbar-menu-material-cyan .active{

}
.luxbar-menu-material-cyan .luxbar-item .headerLinkName{
	transition:0.2s;
}
.luxbar-menu-material-cyan .luxbar-item:hover .headerLinkName{
	color:#ff9a2e;
}

.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
	display: block;
	height: 3px;
	width: 26px;
	transition: 0.6s ease;
}




@media screen and (min-width: 768px){
	.luxbar-navigation {
	    flex-flow: row;
	    justify-content: flex-end;
	    width: 1170px;
	    margin: auto;
	    flex-wrap: wrap;
	}
}

@media screen and (max-width: 1199px) {
	.luxbar-navigation {
		width:96%;
	}
	.luxbar-item{
/* 		width:calc(96% / 7); */
		width:13.7%;
	}
}
@media screen and (max-width: 991px) {
	.luxbar-item a {
		padding: 8px 0px 8px 0px;
	}
}
@media screen and (max-width: 767px) {
	.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
		height:50px;
		min-height: 50px;
	}
	.headerAdd{
		display:none;
	}
	.luxbar-brand span{
		display:none;
	}
	.luxbar-item{
		width:100%;
	}
	.luxbar-brand{
		padding:5px 0 0;
	}
	.luxbar-brand img{
		height:40px;
	}
}


body.topHead{
	padding-top:0;
}
.topHead header{
	display:none;
}
















