/* ////////////////////////////////////////////////	*/
/* 	HEADER											*/
/* //////////////////////////////////////////////// */
.HEADER {
	box-shadow:  0 0 10px rgb(0, 0, 0);
	padding-bottom: .4rem;
	background-color: #fff;
	float: none;
	margin: 0 auto;
	width: 100%;
	/* background: url(/web/img/layout/header-bg.png) no-repeat bottom center; */
	position: fixed;
	top: 0;
	z-index: 9000;
}
.HEADER .flexnav_wrapper{
	align-self: end;
	width:100%;
}
.mobile_header {
	background: url(/web/img/layout/event_vacation_logo-s.png) center center no-repeat #333;
	background: url(/web/img/layout/event_vacation_logo-s.webp) center center no-repeat #333;
    background-size: contain;
    height: 2.2rem;
    overflow: hidden;
    position: fixed;
    top: -2.2rem;
    width: 100%;
    z-index: 1000;
}


.HEADER .logo {
    float: none;
    left: 0;
    margin-right: 65px;
    max-width: 285px;
    position: absolute;
    top: 15px;
}

.HEADER .logo img {
    width: 100%;
}

.HEADER ul{list-style-type: none ;}

.HEADER .hotline img {
    margin: 5px 0 7px 0;
}

@media only screen and (orientation: portrait) and (max-width: 768px) , only screen and (orientation: landscape) and (max-height: 600px) {
.HEADER{height: 2.5rem !important; position: relative !important; display: block !important; overflow: hidden !important;}
body{padding-top: 0 !important;}
}
/* ////////////////////////////////////////////////	*/
/* 	END HEADER										*/
/* //////////////////////////////////////////////// */