.mobile-header {
	display: none;
	justify-content: space-between;
	width: 100%;
	z-index: 99;
	background: #fff;
	border-bottom: 1px solid #DBDBDB;
	padding: 12px 0;
	align-items: center;
	position: fixed;
	top: 0;
}

.mobile-header .logo {
	display: flex;
    align-items: center;
}

.mobile-header .logo img {
	width: 44px;
	border-radius: 50%;
}

.mobile-header .logo span {
	font-size: 18px;
	font-weight: 600;
	font-family: Nunito Sans;
	margin-left: 16px;
	color: #62AAB1;
}

.mobile-header .left {
	cursor: pointer;
}

div#menu {
	position: fixed;
	z-index: 91;
	top: 0;
	left: 0;
	width: 295px;
	height: 100%;
	min-height: 530px;
	text-transform: uppercase;
	background: #fff;
	text-align: center
}

div#menu a.top {
	position: relative;
	top: 20px;
	height: 7px;
	padding: 1px 0 0 16px;
	margin: 25px 0;
	background: url(../images/arrows-top-home.png) 0 0 no-repeat;
	font: 400 .9em 'Proxima N W01 Reg';
	text-transform: uppercase;
	cursor: pointer
}

div#menu a.top:hover {
	background-position: 0 -24px;
	color: #fff
}

div#menu span.close {
	display: block;
	position: absolute;
	top: 28px;
	right: 25px;
	color: #6b6b69;
	font: 400 .9em 'Proxima N W01 Reg';
	text-transform: uppercase;
	cursor: pointer;
	text-align: right
}

div#menu span.close:hover {
	color: #fff
}

div#menu span.close.on {
	right: 37px;
	width: 20px;
	height: 14px;
	background: url(../images/sl-submenu-open.png) 7px 5px no-repeat
}

.chny div#menu a.top {
	background-position: 0 -12px;
	color: #b6b6b6
}

.chny div#menu a.top:hover {
	background-position: 0 0;
	color: #878787
}

.chny div#menu span.close,
.chny div#menu span.close:active {
	color: #b6b6b6
}

.chny div#menu span.close:hover {
	color: #949292
}

div#menu header {
	position: relative;
	top: 20%
}

div#menu header h1 {
	position: relative;
	width: 295px;
	height: 53px;
	background: url(../images/be%20happy.png) center 0 no-repeat
}

div#menu header h1 a {
	display: block;
	width: inherit;
	height: inherit
}

div#menu header nav ul li a {
	height: 22px;
	font: 400 1.2em helvetica;
	line-height: 22px;
	color: #b6b6b6
}

div#menu header nav ul li ul li a {
	font: 400 .7em helvetica;
	line-height: 22px;
}

div#menu header nav ul li a:hover,
div#menu header nav ul li a.on {
	color: #949292
}

div#menu header nav ul.house {
	width: 96px;
	text-align: center;
	margin: 20px auto 0;
	padding: 25px 0 0
}

div#menu header nav ul.house li a {
	display: block;
	width: 96px;
	height: 46px;
	background: url(../images/be%20happy.png) 0 0 no-repeat
}

div#menu header nav ul.house li a:hover {
	opacity: .6
}

.ch div#menu {
	background: #231f20
}

.ch div#menu header h1 {
	height: 61px;
	background: url(../img/logo-ch.png) center top no-repeat
}

div#menu header nav {
	position: relative;
	width: 295px;
	margin-top: 50px;
	text-align: center
}

.ch div#menu header nav ul {
	background-image: url(../images/line-grey-ch.png)
}

.ch div#menu header nav ul li a {
	color: #7d7d7d
}

.ch div#menu header nav ul li a:hover,
.ch div#menu header nav ul li a.on {
	color: #fff
}

.ch div#menu header nav ul.house li a {
	background-position: 0 0
}

div#menu footer {
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 100%
}

div#menu footer ul:nth-child(1) {
	margin-bottom: 5px
}

div#menu footer ul {
	text-align: center
}

div#menu footer ul li {
	display: inline;
	margin: 0 2px
}

div#menu footer ul li.lng {
	display: inline;
	margin: 0 3px
}

div#menu footer ul li a {
	font: 400 .8em 'Proxima N W01 Reg';
	color: #b6b6b6
}

div#menu footer ul li a:hover {
	color: #949292
}

div#menu footer #footer_menu {
	width: 102px;
	margin: 0 auto;
	overflow: hidden
}

div#menu footer #footer_menu ul {
	width: 300px;
	margin: 0 auto;
	padding-top: 10px
}

div#menu footer #footer_menu ul li {
	float: left
}

div#menu footer ul.social {
	top: 30px;
	left: 2px;
	width: 210px;
	margin: 0 auto;
}

.ch div#menu footer ul li a {
	color: #7d7d7d
}

div#menu header nav ul.nav-menu {
	margin-top: 0;
	padding-top: 0;
	background: none
}

div#menu header nav ul.nav-menu li {
	font-size: 8px
}

.links {
	padding: 16px;
}

.links .btn.link {
	border-radius: 4px;
	border: 1px solid #62AAB1;
	padding: 16px;
	display: block;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
}

.nav-menu-Be, .nav-menu-Look, .nav-menu-Live, .nav-menu-Get {
	display: none
}

.nav-menu-Be.active, .nav-menu-Look.active, .nav-menu-Live.active, .nav-menu-Get.active {
	display: block;
	color: #a4e1e7;
}

@media (max-width: 820px) {
	.mobile-header {
		display: flex;
	}

	div#menu a.top {
		display: none;
	}

	div#menu header {
		top: 0;
	}

	div#menu {
		top: 69px;
		text-align: left;
		left: -295px !important;
		transition: all .3s;
	}

	div#menu.active {
		z-index: 100;
		left: 0 !important;
	}

	div#menu header nav {
		margin-top: 0;
		text-align: left;
		width: unset !important;
		padding: 30px;
	}

	div#menu header nav.menu-toggle>ul>li {
		margin-bottom: 20px;
	}

	.nav-menu-Be,
	.nav-menu-Look,
	.nav-menu-Live,
	.nav-menu-Get {
		padding-left: 18px !important;
		border-bottom: 1px solid #CCC;
	}

	.nav-menu-Be li,
	.nav-menu-Look li,
	.nav-menu-Live li,
	.nav-menu-Get li {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div#menu header nav ul li a {
		height: 22px;
		font: 600 16px Nunito Sans;
		line-height: 22px;
		color: #b6b6b6
	}

	div#menu header nav ul li ul li a {
		font: 600 12px Nunito Sans;
		line-height: 22px;
	}
	div#menu footer {
		bottom: 90px;
	}
	div#menu footer ul.social {
		margin: 0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 21),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	div#menu span.close.on {
		background-size: 9px 7px;
		background-image: url(../img/sl-submenu-open@2x.png)
	}

	div#menu header h1 {
		background-size: 233px 24px;
		background-image: url(../img/logo-ch-ny@2x.png)
	}

	.ch div#menu header h1 {
		background-size: 136px 61px;
		background-image: url(../img/logo-ch@2x.png)
	}

	div#menu header nav ul.house li a {
		background-size: 95px 87px;
		background-image: url(../img/logo-thehouse@2x.png)
	}
}

@media only screen and (max-width: 1150px) {
	.ch div#menu {
		width: 280px
	}

	.ch div#menu header h1 {
		width: 280px
	}

	.ch div#menu header nav {
		width: 280px
	}

	.chny div#menu {
		width: 295px
	}

	.chny div#menu header h1 {
		width: 295px
	}

	.chny div#menu header nav {
		width: 295px
	}
}