abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	outline-offset: 0;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

::selection {
	color: #fff;
	background: #36958d
}

body {
	font-family: Helvetica, "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
	font-size: 100%;
	line-height: 1rem
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

#main-footer,
body>footer {
	font-size: 14px;
	padding: 20px
}

audio:not([controls]) {
	display: none
}

p {
	margin-bottom: 1.25em
}

p:last-child {
	margin-bottom: 0
}

.list-nostyle {
	list-style: none
}

.list-inline>li {
	display: inline-block
}

.list-inline-spaced>li:not(:first-of-type) {
	margin-left: 1em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before {
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	overflow-wrap: break-word
}

.link {
	cursor: pointer
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

button,
input[type=button],
input[type=number],
input[type=reset],
input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none
}

button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
label,
select {
	cursor: pointer
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none
}

figure {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-moz-margin-before: 0;
	-moz-margin-after: 0;
	-moz-margin-start: 0;
	-moz-margin-end: 0
}

:focus,
:hover {
	outline: 0
}

img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto
}

img[class*=cover] {
	max-width: initial
}

.clearfix:after,
.clearfix:before {
	visibility: hidden;
	height: 0;
	clear: both;
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.textlink {
	cursor: pointer
}

form {
	font-size: 1em;
	font-family: inherit;
	font-weight: inherit
}

form li label {
	display: inline-block;
	text-align: left;
	padding-right: 1em
}

form header {
	margin-bottom: 10px
}

label.checkbox {
	display: inline-block
}

label.checkbox span {
	line-height: 2em
}

.subscript {
	font-size: .7em;
	padding-left: 1em
}

.formErrorContent {
	font-weight: 700;
	color: red;
	font-size: .7em
}

input,
select,
textarea {
	margin: 0;
	color: #666;
	border-radius: 2px;
	padding: 8px;
	font-size: inherit;
	font-family: inherit;
	border: none;
	outline: 0;
	width: auto;
	background: #fff;
	box-shadow: none
}

input,
textarea {
	background: rgba(255, 255, 255, .5);
	font-size: 1em;
	border-radius: 14px;
	border: 0 solid transparent
}

textarea {
	resize: vertical
}

input,
select {
	vertical-align: middle
}

textarea {
	resize: vertical;
	height: 6em;
	overflow: auto;
	vertical-align: top
}

input[type=radio] {
	border-radius: 20px;
	border: 1px solid #ddd;
	outline: 0;
	background: #fff;
	width: 16px;
	height: 16px
}

input[type=checkbox] {
	border: 1px solid #ddd;
	outline: 0;
	background: #fff;
	width: 24px;
	height: 24px
}

input[type=checkbox]+label {
	padding-top: 10px;
	display: inline-block
}

input[type=date] {
	width: 300px
}

.formReply {
	display: none;
	position: relative;
	padding: 0
}

.datePicker {
	width: auto
}

.formAlert {
	vertical-align: middle;
	color: #fc0;
	display: none;
	font-size: .8em
}

.center {
	margin: 0 auto
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-white {
	color: #fff
}

.text-nowrap {
	white-space: nowrap;
}

.bg-white {
	background-color: #fff
}

.noScroll {
	overflow: hidden
}

ol.inline,
ol.unstyled,
ul.inline,
ul.unstyled {
	margin-left: 0;
	list-style: none
}

.fixed-right {
	position: fixed;
	right: 0
}

.fixed-left {
	position: fixed;
	left: 0
}

.block {
	display: block
}

.transparent {
	opacity: 0
}

@font-face {
	font-family: FuturaBook;
	font-display: swap;
	src: local('FuturaBook'), url(../fonts/futura/FuturBQBoo.woff) format("woff"), url(../fonts/futura/FuturaBook.ttf) format("truetype")
}

@font-face {
	font-family: FuturaBold;
	font-display: swap;
	src: local('FuturaBold'), url(../fonts/futura/FuturBQBol.woff) format("woff"), url(../fonts/futura/FuturaBold.ttf) format("truetype")
}

@font-face {
	font-family: FuturaMedium;
	font-display: swap;
	src: local('FuturaMedium'), url(../fonts/futura/FuturBQMed.woff) format("woff"), url(../fonts/futura/FuturaMedium.otf) format("opentype")
}

@font-face {
	font-family: FuturaLight;
	font-display: swap;
	src: local('FuturaLight'), url(../fonts/futura/FuturBQLig.woff) format("woff"), url(../fonts/futura/FuturaLight.otf) format("opentype")
}

.btn,
button {
	font-size: 1em;
	font-weight: 700;
	padding: .6em 1.2em;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #00afa8;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 0 1px 1px #0000004a
}

.btn:active,
.btn:hover,
button:active,
button:hover {
	background-color: #009994;
	color: #fff
}

.btn>.icon,
button>.icon {
	margin-right: 10px
}

.btn-link {
	color: #00afa8;
	font-size: 24px;
	cursor: pointer;
	background: 0 0;
	box-shadow: none
}

.btn-link:active,
.btn-link:hover {
	background: 0 0;
	color: #f14f00
}

.btn-large {
	font-size: 24px
}

.btn-lg {
	font-size: 2em
}

.btn-sm {
	font-size: 1em
}

.btn-xs {
	font-size: .7em
}

.btn-orange {
	background-color: #f14f00
}

.btn-orange:active,
.btn-orange:hover {
	background-color: #00afa8
}

.btn-small {
	font-size: 14px;
	padding: .35em 1em
}

.btn.reservation {
	font-size: 1.2em;
	margin: 10px 0
}

.btn-group.gmap {
	margin-bottom: 8px
}

.btn-group>.btn {
	margin-bottom: 2px
}

.btn-text {
	background: 0 0;
	color: #00afa8;
	cursor: pointer;
}

#modal {
	display: none;
	position: relative
}

#modal>.wrapper {
	margin-top: 0;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	background: #222;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

#modal>.wrapper[data-modtype=pdf] {
	width: 100%
}

#modal>header {
	display: block;
	text-align: center;
	height: 0;
	width: 100%;
	background: #efefef;
	position: fixed;
	z-index: 999;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	top: 0
}

#modal>header>.logo {
	display: none;
	cursor: pointer
}

#modal>header>.closeBtn {
	font-size: 28px;
	color: #f5f5f5;
	right: 0;
	top: 100px;
	position: absolute;
	z-index: 101;
	cursor: pointer;
	display: inline-block;
	background-color: #4a4a4a;
	padding: .35em .5em;
	box-shadow: 10px 6px 5px 1px rgba(0, 0, 0, .35)
}

#modal>.touchMask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background: 0 0
}

#modal .houyea.share {
	text-align: right
}

#modal .module {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 100%
}

#modal .module>header img {
	margin: 10px
}

#modal .module .flex-control-nav {
	display: none
}

#modal .module img {
	background: #444;
	margin: 0 auto;
	display: block;
	padding: 2px;
	box-shadow: 0 1px 2px #000
}

#modal .module.pdf iframe {
	width: 100%
}

#modal .module.pdf .fileWrapper {
	width: 100%;
	height: 100%
}

#modal.deeplink>.wrapper {
	margin-top: 40px
}

#modal.deeplink header {
	height: 40px;
	text-align: center
}

#modal.deeplink header>.logo {
	display: inline-block;
	font-size: 1.2em;
	padding-top: .5em
}

#modal .flexslider>.slides {
	height: inherit;
	width: inherit;
	margin: 0 auto
}

.ui-houyea[class*=icon] {
	background: url(/content/img/ui_houyea_2014.png) 0 0/600px auto no-repeat;
	display: inline-block;
	cursor: pointer;
	text-indent: -9999px
}

.ui-houyea[class*=icon].disabled {
	cursor: default
}

.ui-houyea.bg444[class*=icon] {
	background-color: #444
}

.ui-houyea.bgWhite[class*=icon] {
	background-color: #fff
}

.ui-houyea.icon48 {
	background-size: 192px auto;
	height: 48px;
	width: 48px
}

.ui-houyea.icon48.facebook {
	background-position: -96px -48px
}

.ui-houyea.icon48.facebook:not(.disabled):hover {
	background-position: -48px -48px
}

.ui-houyea.icon48.googleplus {
	background-position: -96px -192px
}

.ui-houyea.icon48.googleplus:not(.disabled):hover {
	background-position: -48px -192px
}

.ui-houyea.icon48.instagram {
	background-position: -96px -240px
}

.ui-houyea.icon48.instagram:not(.disabled):hover {
	background-position: -48px -240px
}

.ui-houyea.icon48.twitter {
	background-position: -288px 0
}

.ui-houyea.icon48.twitter:not(.disabled):hover {
	background-position: -240px 0
}

.ui-houyea.icon48.youtube {
	background-position: -288px -48px
}

.ui-houyea.icon48.youtube:not(.disabled):hover {
	background-position: -240px -48px
}

.ui-houyea.icon48.houyea {
	background-position: -96px 0
}

.ui-houyea.icon48.houyea:not(.disabled):hover {
	background-position: -48px 0
}

.ui-houyea.icon48.contact {
	background-position: -96px -144px
}

.ui-houyea.icon48.contact:not(.disabled):hover {
	background-position: -48px -144px
}

.ui-houyea.icon48.location {
	background-position: -288px -96px
}

.ui-houyea.icon48.location:not(.disabled):hover {
	background-position: -240px -96px
}

.ui-houyea.icon48.reservation {
	background-position: -288px -192px
}

.ui-houyea.icon48.reservation:not(.disabled):hover {
	background-position: -240px -192px
}

.ui-houyea.icon48.weibo {
	background-position: -216px -180px
}

.ui-houyea.icon48.weibo:not(.disabled):hover {
	background-position: -180px -180px
}

.ui-houyea.icon48.newsletter {
	background-position: -288px -144px
}

.ui-houyea.icon48.newsletter:not(.disabled):hover {
	background-position: -240px -144px
}

.ui-houyea.icon48.closeBtn {
	background-position: -96px -96px
}

.ui-houyea.icon48.closeBtn:hover {
	background-position: -48px -96px
}

.ui-houyea.icon48.bgWhite.facebook {
	background-position: -96px -48px
}

.ui-houyea.icon48.bgWhite.facebook:not(.disabled):hover {
	background-position: -48px -48px
}

.ui-houyea.icon48.bgWhite.googleplus {
	background-position: -96px -192px
}

.ui-houyea.icon48.bgWhite.googleplus:not(.disabled):hover {
	background-position: -48px -192px
}

.ui-houyea.icon48.bgWhite.instagram {
	background-position: -96px -240px
}

.ui-houyea.icon48.bgWhite.instagram:not(.disabled):hover {
	background-position: -48px -240px
}

.ui-houyea.icon48.bgWhite.twitter {
	background-position: -288px 0
}

.ui-houyea.icon48.bgWhite.twitter:not(.disabled):hover {
	background-position: -240px 0
}

.ui-houyea.icon48.bgWhite.youtube {
	background-position: -288px -48px
}

.ui-houyea.icon48.bgWhite.youtube:not(.disabled):hover {
	background-position: -240px -48px
}

.ui-houyea.icon48.bgWhite.houyea {
	background-position: -96px 0
}

.ui-houyea.icon48.bgWhite.houyea:not(.disabled):hover {
	background-position: -48px 0
}

.ui-houyea.icon48.bgWhite.contact {
	background-position: -96px -144px
}

.ui-houyea.icon48.bgWhite.contact:not(.disabled):hover {
	background-position: -48px -144px
}

.ui-houyea.icon48.bgWhite.location {
	background-position: -288px -96px
}

.ui-houyea.icon48.bgWhite.location:not(.disabled):hover {
	background-position: -240px -96px
}

.ui-houyea.icon48.bgWhite.reservation {
	background-position: -288px -192px
}

.ui-houyea.icon48.bgWhite.reservation:not(.disabled):hover {
	background-position: -240px -192px
}

.ui-houyea.icon48.bgWhite.weibo {
	background-position: -216px -180px
}

.ui-houyea.icon48.bgWhite.weibo:not(.disabled):hover {
	background-position: -180px -180px
}

.ui-houyea.icon48.bgWhite.newsletter {
	background-position: -288px -144px
}

.ui-houyea.icon48.bgWhite.newsletter:not(.disabled):hover {
	background-position: -240px -144px
}

.ui-houyea.icon48.bgWhite.closeBtn {
	background-position: -96px -96px
}

.ui-houyea.icon48.bgWhite.closeBtn:not(.disabled):hover {
	background-position: -48px -96px
}

.ui-houyea.icon36 {
	background-size: 144px auto;
	height: 36px;
	width: 36px;
	background-color: #555
}

.ui-houyea.icon36.facebook {
	background-position: -72px -36px;
}

.ui-houyea.icon36.facebook:not(.disabled):hover {
	background-position: -36px -36px;
}

.ui-houyea.icon36.googleplus {
	background-position: -72px -144px
}

.ui-houyea.icon36.googleplus:not(.disabled):hover {
	background-position: -36px -144px
}

.ui-houyea.icon36.instagram {
	background-position: -72px -180px;
}

.ui-houyea.icon36.instagram:not(.disabled):hover {
	background-position: -36px -180px
}

.ui-houyea.icon36.twitter {
	background-position: -72px -214px;
}

.ui-houyea.icon36.twitter:not(.disabled):hover {
	background-position: -36px -214px;
}

.ui-houyea.icon36.youtube {
	background-position: -216px -36px
}

.ui-houyea.icon36.youtube:not(.disabled):hover {
	background-position: -180px -36px
}

.ui-houyea.icon36.houyea {
	background-position: -72px 0
}

.ui-houyea.icon36.houyea:not(.disabled):hover {
	background-position: -36px 0
}

.ui-houyea.icon36.contact {
	background-position: -72px -108px;
}

.ui-houyea.icon36.contact:not(.disabled):hover {
	background-position: -36px -108px;
}

.ui-houyea.icon36.location {
	background-position: -216px -72px;
}

.ui-houyea.icon36.location:not(.disabled):hover {
	background-position: -180px -72px;
}

.ui-houyea.icon36.reservation {
	background-position: -216px -144px;
}

.ui-houyea.icon36.reservation:not(.disabled):hover {
	background-position: -180px -144px;
}

.ui-houyea.icon36.weibo {
	background-position: -216px -180px;
}

.ui-houyea.icon36.weibo:not(.disabled):hover {
	background-position: -180px -180px
}

.ui-houyea.icon36.linkedin {
	background-position: -360px 0
}

.ui-houyea.icon36.linkedin:not(.disabled):hover {
	background-position: -324px 0
}

.ui-houyea.icon36.pinterest {
	background-position: -360px -36px
}

.ui-houyea.icon36.pinterest:not(.disabled):hover {
	background-position: -324px -36px
}

.ui-houyea.icon36.newsletter {
	background-position: -72px -324px;
}

.ui-houyea.icon36.newsletter:not(.disabled):hover {
	background-position: -180px -108px
}

.ui-houyea.icon36.closeBtn {
	background-position: -72px -72px
}

.ui-houyea.icon36.closeBtn:not(.disabled):hover {
	background-position: -36px -72px
}

.ui-houyea.icon36.blog {
	background-position: -72px -828px;
}

.ui-houyea.icon36.blog:hover {
	background-position: -36px -828px
}

.ui-houyea.icon48.houyea.orange {
	background-position: -96px 0
}

.ui-houyea.icon48.houyea.orange:not(.disabled):hover {
	background-position: 0 0
}

.ui-houyea.icon36.houyea.orange {
	background-position: -72px 0
}

.ui-houyea.icon36.houyea.orange:not(.disabled):hover {
	background-position: 0 0
}

.ui-houyea.icon36.bgWhite.facebook {
	background-position: -72px -36px
}

.ui-houyea.icon36.bgWhite.facebook:not(.disabled):hover {
	background-position: -36px -36px
}

.ui-houyea.icon36.bgWhite.googleplus {
	background-position: -72px -144px
}

.ui-houyea.icon36.bgWhite.googleplus:not(.disabled):hover {
	background-position: -108px -144px
}

.ui-houyea.icon36.bgWhite.instagram {
	background-position: -72px -180px
}

.ui-houyea.icon36.bgWhite.instagram:not(.disabled):hover {
	background-position: -108px -180px
}

.ui-houyea.icon36.bgWhite.twitter {
	background-position: -216px 0
}

.ui-houyea.icon36.bgWhite.twitter:not(.disabled):hover {
	background-position: -252px 0
}

.ui-houyea.icon36.bgWhite.youtube {
	background-position: -216px -36px
}

.ui-houyea.icon36.bgWhite.youtube:not(.disabled):hover {
	background-position: -252px -36px
}

.ui-houyea.icon36.bgWhite.houyea {
	background-position: -72px 0
}

.ui-houyea.icon36.bgWhite.houyea:not(.disabled):hover {
	background-position: -108px 0
}

.ui-houyea.icon36.bgWhite.contact {
	background-position: -72px -108px
}

.ui-houyea.icon36.bgWhite.contact:not(.disabled):hover {
	background-position: -108px -108px
}

.ui-houyea.icon36.bgWhite.location {
	background-position: -216px -72px
}

.ui-houyea.icon36.bgWhite.location:not(.disabled):hover {
	background-position: -252px -72px
}

.ui-houyea.icon36.bgWhite.reservation {
	background-position: -216px -144px
}

.ui-houyea.icon36.bgWhite.reservation:not(.disabled):hover {
	background-position: -252px -144px
}

.ui-houyea.icon36.bgWhite.weibo {
	background-position: -216px -180px
}

.ui-houyea.icon36.bgWhite.weibo:not(.disabled):hover {
	background-position: -252px -180px
}

.ui-houyea.icon36.bgWhite.linkedin {
	background-position: -360px 0
}

.ui-houyea.icon36.bgWhite.linkedin:not(.disabled):hover {
	background-position: -324px 0
}

.ui-houyea.icon36.bgWhite.pinterest {
	background-position: -360px -36px
}

.ui-houyea.icon36.bgWhite.pinterest:not(.disabled):hover {
	background-position: -396px -36px
}

.ui-houyea.icon36.bgWhite.newsletter {
	background-position: -216px -108px
}

.ui-houyea.icon36.bgWhite.newsletter:not(.disabled):hover {
	background-position: -252px -108px
}

.ui-houyea.icon36.bgWhite.closeBtn {
	background-position: -72px -72px
}

.ui-houyea.icon36.bgWhite.closeBtn:not(.disabled):hover {
	background-position: -108px -72px
}

.ui-houyea.icon36.bgWhite.houyea.orange {
	background-position: -72px 0
}

.ui-houyea.icon36.bgWhite.houyea.orange:not(.disabled):hover {
	background-position: 0 0
}

.ui-houyea.icon30 {
	background-size: 372px auto;
	width: 30px;
	height: 30px
}

.btn.reservation>.ui-houyea.icon30 {
	background-position: -150px -120px
}

.btn.reservation>label {
	vertical-align: middle;
	line-height: 30px
}

#houyeaDock {
	left: -620px;
	/* color: #eee; */
	position: fixed;
	z-index: 200;
	opacity: 1;
	height: 100%;
	width: 600px;
    max-width: 90%;
	transition: .5s ease all
}

#houyeaDock.open {
	left: 0
}

#houyeaDock>.background {
	background: #222;
	opacity: 1;
	width: 100%;
	height: 100%
}

#houyeaDock.open>#houyeaDockNav>ul.iconList>li.ui-houyea.closeBtn {
	display: inline-block
}

#houyeaDockNav {
	display: inline-block;
	opacity: 1;
	position: absolute;
	top: 0;
	right: 18px;
	background-color: #f5f5f58a;
}

#houyeaDockNav>ul.iconList>li,
#houyeaDockNav>ul.iconList>li.ui-houyea.closeBtn,
#houyeaDockNav>ul.iconList>li.ui-houyea[class*=icon] {
	display: none
}

#houyeaDockNav>ul>li:first-child {
	border-radius: 0 4px 0 0
}

#houyeaDockNav>ul>li:last-child {
	border: none;
	border-radius: 0 0 4px
}

#houyeaDockNav .ui-houyea[class*=icon] {
	border-radius: 0;
	display: block
}

#houyeaDockNav .ui-houyea .tooltip a {
	color: #999;
	white-space: nowrap
}

#houyeaDockNav .ui-houyea:hover .tooltip {
	opacity: 1;
	visibility: visible;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out
}

#houyeaDockNav .tooltip {
	color: #ccc;
	padding: 14px;
	position: absolute;
	background: #333;
	min-width: 150px;
	height: 48px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	text-indent: 0;
	box-shadow: 1px 1px 3px #000;
	border-radius: 0 2px 2px 0;
	white-space: nowrap
}

#houyeaDockNav .ui-houyea.icon48>.tooltip {
	left: 58px;
	padding: 14px
}

#houyeaDockNav .ui-houyea.icon48:hover .tooltip {
	left: 48px
}

#houyeaDockNav .ui-houyea.icon36:hover .tooltip {
	left: 36px
}

#houyeaDockNav .ui-houyea.icon36>.tooltip {
	left: 46px;
	padding: 8px
}

#houyeaDockNav .ui-houyea:hover .tooltip {
	display: none !important
}

#houyeaDock .franchiseGroup>.franchise {
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #666
}

#houyeaDock .franchiseGroup>.franchise:last-child {
	border: none
}

#houyeaDockContentWrapper {
	display: inline-block;
	background: #f5f5f5;
	position: relative;
	opacity: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
	/* border-right: 1px solid #333; */
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

#houyeaDockContentWrapper>article {
	height: 100%;
	overflow: auto;
	padding: 20px 20px 40px
}

#houyeaDockContentWrapper ul {
	list-style-position: outside
}

#houyeaDockContentWrapper ol {
	padding-left: 6px;
	margin-top: 8px;
	margin-bottom: 40px
}

#houyeaDockContentWrapper ol li {
	margin-left: 20px;
	margin-top: 1em
}

#houyeaDockContentWrapper ol li:first-child {
	margin-top: .5em
}

#houyeaDockContentWrapper .intro,
#houyeaDockContentWrapper ol li {
	color: #999
}

#houyeaDockContentWrapper .banner {
	margin-top: 30px
}

#houyeaDock .dockTitle {
	margin-bottom: 20px
}

.houyea-ribbon {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #111
}

.ui-houyea .houyeaRibbon {
	display: none;
	padding: 20px;
	background: #1c1c1c;
	color: #bbb
}

.ui-houyea .houyeaRibbon .reservationModule {
	margin-top: 1em;
	margin-bottom: 1em;
	display: inline-block;
	line-height: 1.2em
}

.ui-houyea .houyeaRibbon .reservationModule header {
	font-size: 1.2em
}

.houyea-accounts li {
	margin-right: 4px;
	margin-bottom: 4px
}

.ui-houyea .houyea.share>ul>li {
	display: inline-block;
	margin-left: 4px
}

.ui-houyea .houyea.share>ul>li:first-child {
	margin-left: 0
}

.ui-houyea .houyeaSharebox {
	height: 0;
	min-height: 0;
	border-radius: 7px
}

.ui-houyea .houyeaSharebox.open {
	min-height: 100px
}

.ui-houyea form header {
	color: #444
}

.ui-houyea fieldset {
	padding: 5px;
	background: rgba(255, 255, 255, .5);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .1);
	margin-top: 15px;
	margin-bottom: 10px
}

.ui-houyea fieldset:disabled {
	opacity: .5;
	display: none
}

.ui-houyea fieldset:disabled input {
	color: red
}

.ui-houyea form>header>.title {
	font-size: 1.3em
}

.ui-houyea label.checkbox {
	display: inline-block
}

.ui-houyea label.checkbox span {
	line-height: 2em
}

.ui-houyea textArea label {
	vertical-align: top
}

.ui-houyea .subscript {
	font-size: .7em;
	padding-left: 1em
}

.ui-houyea .missingFieldInput {
	color: #fff;
	background: #d2d2d2
}

.ui-houyea .formErrorContent {
	font-weight: 700;
	color: red;
	font-size: .7em
}

.ui-houyea input,
.ui-houyea textarea {
	color: #555;
	background: #ddd;
	font-size: 1em;
	border-radius: 4px;
	width: inherit
}

.ui-houyea [class*=span] input,
.ui-houyea [class*=span] textarea {
	width: inherit;
	height: inherit;
	margin-top: 3px
}

.ui-houyea textarea {
	resize: vertical;
	height: 6em;
	font-family: inherit
}

.ui-houyea input,
.ui-houyea select {
	font-size: 1em;
	border-radius: 4px;
	border: 0 solid #d9d9d9;
	vertical-align: middle;
	background-origin: border-box
}

.ui-houyea input:focus,
.ui-houyea textarea:focus {
	border: 0 solid #aaa;
	color: #444
}

.ui-houyea input[type=radio] {
	border-radius: 20px;
	border: 1px solid #ddd;
	outline: 0;
	background: #fff;
	width: 16px;
	height: 16px
}

.ui-houyea input[type=checkbox] {
	border: 1px solid #ddd;
	outline: 0;
	background: #fff;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 5px
}

.ui-houyea input[type=checkbox]+label {
	padding-top: 10px;
	display: inline-block
}

.ui-houyea input[type=date] {
	width: 300px
}

.ui-houyea .ui-datepicker {
	margin: 0 auto;
	width: 100%;
	position: relative
}

.ui-houyea .datePicker {
	width: auto
}

.ui-houyea .timePicker {
	background: #fff;
	padding: 1px;
	text-align: left
}

.ui-houyea .timePicker li {
	background: #ddd;
	margin: 2px;
	padding: 10px
}

.ui-houyea .houyea-reservationModule {
	margin-top: 50px
}

.ui-houyea legend {
	color: #666
}

.ui-houyea .field {
	display: inline-block;
	position: relative;
	margin-right: 4px;
	margin-bottom: .75em;
	margin-top: .75em;
	width: 100%
}

.ui-houyea .field label {
	vertical-align: middle;
	color: #dcdcdc;
	font-size: 16px;
	margin-right: 5px;
	display: inline-block;
	margin-bottom: 4px
}

.ui-houyea .field.noLabel {
	background: 0 0
}

.ui-houyea .field.noLabel label {
	display: none
}

.ui-houyea .field .radio {
	margin-right: 10px;
	background: 0 0
}

.ui-houyea .field .radio.selected label {
	color: #00afa8
}

.ui-houyea .field .icon {
	height: 24px;
	width: 24px;
	background: url(/content/img/ui_houyea_2014.png) 0 0/600px auto no-repeat;
	z-index: 1;
	opacity: .5;
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 10px
}

.ui-houyea .field.number input {
	text-align: center;
	padding-left: 44px;
	padding-right: 10px
}

.ui-houyea .field select {
	text-align: right;
	padding-left: 60px;
	padding-right: 20px;
	min-width: 100px
}

.ui-houyea .field.number .icon {
	background-position: -384px -264px
}

.ui-houyea .field.time .icon {
	background-position: -432px -264px
}

.ui-houyea .field.calendar .icon {
	background-position: -384px -264px
}

.ui-houyea .field.guestQty .icon {
	background-position: -432px -216px
}

.ui-houyea .field li {
	display: inline-block
}

.ui-houyea .icon-minus,
.ui-houyea .icon-plus,
.ui-houyea .icon-vline {
	color: #888;
	font-size: 42px;
	width: 30px;
	height: 36px;
	font-style: normal
}

#houyea-reservationModule {
	display: block;
	overflow: auto;
	padding-right: 1px;
	background: #fff;
	border-radius: 5px
}

#houyea-reservationModule>.houyea-res-inline {
	width: 100%
}

#houyea-reservationModule>.houyea-res-inline body>header {
	display: none
}

.btn-booknow,
.btn.btn-makeReservation {
	background-color: #f14f00;
	color: #fff
}

.btn-booknow:hover,
.btn.btn-makeReservation:hover {
	background-color: #fff;
	color: #f14f00
}

.ui-houyea.reservationModule {
	max-width: 100%
}

.houyea-resModContainer {
	max-width: 100%;
	padding: 10px;
	border-radius: 7px
}

.ui-houyea.btn.btn-makeReservation.noDefault:after {
	content: ""
}

#map-direction {
	margin-top: 5px;
	padding: 10px
}

#map-direction>.btn-getdirection {
	position: absolute;
	right: 10px;
	top: 10px
}

.ui-houyea.btn-viewMap:after {
	content: "View Map"
}

.ui-icon {
	text-indent: -99999px
}

.ui-state-default {
	padding: 10px;
	margin: 1px
}

.ui-datepicker-unselectable .ui-state-default {
	background: 0 0
}

.ui-state-active,
.ui-state-hover {
	color: #fff;
	border-radius: 2px
}

.ui-state-hover {
	background: #ddd
}

.ui-state-active {
	background: #00afa8;
	color: #fff
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute
}

.ui-datepicker .ui-datepicker-prev {
	left: 4px
}

.ui-datepicker .ui-datepicker-next {
	right: 28px
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	background: #00afa8;
	color: #fff
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	height: 24px;
	width: 24px;
	background: url(/content/img/ui_houyea_2014.png) 0 0/600px auto no-repeat;
	border-radius: 10px
}

.ui-datepicker .ui-datepicker-next span {
	background-position: -480px -144px
}

.ui-datepicker .ui-datepicker-prev span {
	background-position: -504px -144px
}

.ui-datepicker .ui-datepicker-title {
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker .ui-datepicker-today {
	color: #f14f00
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: 10px 0;
	text-align: center;
	font-weight: 700;
	border: 0;
	color: #888
}

.ui-datepicker td {
	border: 0
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	text-align: center;
	text-decoration: none
}

.ui-datepicker td a:hover {
	color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker-other-month,
.ui-state-disabled {
	opacity: .5
}

.ui-datepicker {
	height: 300px;
	position: relative;
	overflow: hidden
}

.ui-datepicker.view-dayview .ui-datepicker-calendar {
	top: -300px
}

.ui-datepicker-calendar {
	transition: 1s all ease;
	overflow: hidden;
	position: absolute;
	top: 50px
}

.ui-datepicker .ui-datepicker-header {
	color: #666;
	padding: 5px 5px 10px;
	border-bottom: 1px solid #aaa;
	background: #fff;
	position: absolute;
	width: 100%;
	z-index: 1
}

.list-group-item:not(:last-of-type) {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 2px dotted #ddd
}

.list-group-item>header {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
	color: #404040;
	font-size: 24px;
	line-height: 1.1em
}

.list-group-item>.subheader {
	font-weight: 600;
	color: #404040;
	font-size: 1rem;
	line-height: 1.1em
}

.list-group-item>.list-group {
	margin-top: 10px
}

.list-group-item>.list-group>header {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
	color: #404040;
	font-size: 1rem;
	line-height: 1.1em
}

.pinMetaContent>.caption>h2 {
	margin-bottom: 5px;
	margin-top: 5px
}

#preheader {
	width: 100%;
	z-index: 1;
	display: none;
	background: #222;
	text-align: right;
	color: #666
}

body,
html {
	height: 100%;
	margin: 0;
	background: #222;
	overflow-y: scroll;
	overflow-x: hidden
}

body {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.25em;
	color: #4c4c4c;
	font-family: FuturaLight, "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: .02em
}

body>.warning {
	height: auto;
	width: 100%;
	background-color: #ff0;
	color: #333;
	display: block;
	position: absolute;
	z-index: 999;
	font-size: 12px;
	line-height: 1.1em
}

body>.warning>article {
	padding: 10px 60px 10px 10px
}

body>.warning>article>.closeBtn {
	margin-left: 30px
}

body.hideModules #houyeaDock,
body.hideModules #main,
body.hideModules #mainFooter,
body.hideModules #mainHeader {
	opacity: 0
}

.cta-phone {
	font-size: 1.5rem
}

#loader {
	position: fixed;
	font-size: 48px;
	line-height: 1em;
	display: block;
	width: 100%;
	top: 25%;
	margin: 0 auto;
	color: #fff;
	z-index: 999999;
	text-align: center
}

.chSimp {
	font-family: sans, sans-serif, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑"
}

h1,
h2,
h3,
h4,
h5 {
	font-family: FuturaMedium, Helvetica, Arial, sans, sans-serif;
	line-height: 1em;
	text-rendering: optimizelegibility;
	font-weight: 400;
	margin-bottom: .5em
}

h1 {
	font-size: 2.3em
}

h2 {
	font-size: 2.1em
}

h3 {
	font-size: 1.9em
}

h4 {
	font-size: 1.7em
}

h5 {
	font-size: 1.25em
}

h6 {
	font-size: 1.1em
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
	margin-top: 0;
	padding-top: 0
}

.subhead {
	display: block;
	font-size: 70%
}

a {
	color: #00afa8;
	text-decoration: none
}

a:active {
	color: #fff
}

.btn-text:hover,
a:hover {
	background-color: transparent;
	color: #f14f00
}

.darkTitle {
	color: #6d6d6d;
}

.lightTitle {
	color: #ccc
}

.gray {
	color: #aaa
}

.grayscale-25 {
	filter: grayscale(25%);
	-webkit-filter: grayscale(25%)
}

.grayscale-50 {
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%)
}

.brandColor1 {
	color: #00afa8
}

.brandColor2 {
	color: #006b67
}

.bg-superlight {
	background: #f5f5f5
}

.bg-light {
	background: #ebebeb
}

.bg-medium {
	background: #4d4d4d
}

.bg-dark {
	background: #222
}

.sectionHeader {
	padding-top: 5rem;
	padding-bottom: 1rem;
	padding-left: 10px;
	padding-right: 10px;
	font-family: FuturaLight, Helvetica, Arial, sans;
	position: relative;
	z-index: 1;
}

.angel {
	position: absolute;
	z-index: 99
}

.angel.center {
	left: 0;
	right: 0
}

.background {
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 0;
	/* background: url(../img/patterns/tweed.png) */
}

.background1 {
	position: fixed;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 0;
	background: rgba(0, 0, 0, .55)
}

.background2 {
	position: fixed;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	/* background: url(../img/patterns/tweed.png) */
}

.story {
	text-align: left
}

.story img {
	margin-top: 20px;
	margin-bottom: 20px
}

.subnav {
	margin-top: .5em
}

.subnav .list-item {
	background-color: #fff;
	color: #00afa8;
	list-style: none;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-family: FuturaBook, Helvetica, Arial, sans;
	padding-left: 1em;
	padding-right: 1em
}

.subnav>li.active,
.subnav>li:hover {
	background-color: #00afa8;
	color: #fff
}

ul {
	margin: 0
}

ul>header {
	margin-bottom: .5em
}

.main-section {
	width: 100%;
	height: auto;
	position: relative
}

.main-section .flexslider {
	display: none
}

.main-section>.content {
	opacity: 1
}

.main-section:first-of-type .sectionHeader {
	padding-top: 0
}

.main-section:first-child {
	border-top: none;
	padding-bottom: 0;
	display: block
}

.main-section.fixed-top {
	z-index: 4
}

.subsection {
	padding-top: 1rem;
	padding-bottom: 50px;
	overflow: hidden
}

.subsection.fullscreen {
	padding: 0;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0
}

#experience .subsection.fullscreen {
	position: relative;
	z-index: 0
}

.ui_arg {
	background: url(../img/ui/ui_arg@2x.png) 0 0/400px auto no-repeat
}

.arrow,
.btn.close {
	height: 25px;
	width: 25px
}

.printer.icon {
	background-position: -100px -125px
}

.closeBtn {
	padding: 0;
	color: #666;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif
}

.transparent {
	opacity: 0
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden !important
}

.retryForm {
	cursor: pointer
}

#main {
	position: relative;
	display: block;
	padding-top: 0;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	transition: opacity .4s ease
}

#main>.scrollBuffer {
	background: 0 0
}

#mainFooter {
	font-size: 14px;
	padding: 10px;
	text-align: center;
	background-color: rgba(0, 0, 0, .25)
}

#isMobile {
	visibility: visible
}

#connect {
	line-height: 1.2em;
	padding-bottom: 50px;
	color: #cfcfcf;
	min-height: 150px;
	width: 100%;
	background: #3b3b3b;
	display: block;
	border-top: 1px inset #000
}

#connect>header {
	padding-top: 50px
}

#connect section {
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px dotted #555
}

#connect section:first-of-type {
	padding-top: 0
}

#connect section:last-child {
	border: none
}

#connect .contactInfo>.content {
	padding: 0 20px
}

#connect>.content {
	padding: 0
}

#connect ul.meta {
	display: none;
	text-align: right;
	padding: 10px 30px;
	font-size: .5em;
	background: #333
}

#connect ul.meta>li {
	margin-left: 2em;
	display: inline-block
}

#connect ul.meta a {
	color: #f14f00 !important
}

#outletList {
	list-style: none;
	width: 100%;
	color: #999;
	max-width: 960px
}

#aboutUs {
	border-top: 1px solid #444;
}

.about-us--outlet-list {
	padding-top: 30px;
	padding-bottom: 30px
}

#outletList header {
	background: 0 0;
	font-size: 1.5em;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #00afa8
}

#outletList img {
	max-width: 140px
}

#outletList>.row {
	margin-top: 40px;
	border-bottom: 1px dotted;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px
}

#outletList>.row>h1 {
	font-size: 2em;
	text-transform: uppercase
}

#outletList>.row.open>li {
	display: inline-block
}

#outletList>.row:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

#outletList>.row:last-child {
	border-bottom: none
}

#preheader {
	background: #222;
	text-align: right;
	color: #666;
	font-size: .8em
}

#preheader>ul {
	padding: 1em 2em
}

.sectionTitle {
	font-size: 2em;
	font-family: FuturaLight, Helvetica, Arial, sans;
	font-weight: 100;
	letter-spacing: .1em;
	text-align: center
}

.collapse.open {
	height: auto
}

.plax {
	position: absolute
}

#waypointMap {
	background: rgba(0, 255, 0, .3)
}

#experience {
	border-bottom: 1px #333 solid
}

#experience .slides .slides-container img {
	opacity: .25
}

.headerLogo {
	position: absolute;
	z-index: 99;
	width: 250px;
	max-width: 55%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto
}

.logo-sm {
	width: 200px;
	height: auto
}

.logo-med {
	width: 250px;
	height: auto
}

.logo-lg {
	width: 400px;
	height: auto
}

#experience .downArrow {
	position: absolute;
	z-index: 5;
	bottom: 10px;
	font-family: FontAwesome;
	font-size: 22px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	color: #fff
}

#eventHosting .meta>h1,
#experience .meta>h1 {
	font-size: 2em
}

#eventHosting .meta>h2,
#experience .meta>h2 {
	font-size: 1.1em
}

#menu .pin {
	position: relative;
	background: #ddd;
	color: red
}

#menu .pin h1 {
	font-size: 2.5em
}

.card {
	background: #424242;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.card>label {
	color: #dbdbdb
}


.menu-item {
	padding-top: 2em;
	padding-bottom: 2em
}

.menu-item:hover {
	background: #4e4e4e;
	cursor: pointer;
}

.menu-item label {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.2em;
	display: inline-block
}

#media .thumbnails li {
	text-align: center
}

#findUs {
	width: 100%;
	height: 100%;
	border-top: 0 solid #ddd;
	border-bottom: 0 solid #ddd;
	background: #eee;
	position: relative;
	display: block
}

#findUs>.content {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	right: 0
}

#findUs .sectionTitle {
	border-radius: 4px;
	display: inline-block
}

#map-canvas {
	max-width: 100%;
	border: 10px solid #fff;
	box-shadow: 0 0 1px;
	height: 300px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px
}

#map-canvas .mask {
	background-color: rgba(255, 0, 0, .16);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1
}

.btn-mapLink {
	position: absolute;
	bottom: -3px;
	left: 5px;
	font-size: 14px;
	z-index: 2
}

.map {
	position: relative
}

.map nav {
	font-family: arial;
	font-weight: 400;
	font-size: 12px;
	z-index: 1;
	position: absolute;
	top: 6px;
	right: 99px
}

.map nav .btn {
	border-radius: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	color: #666;
	padding: .1em .5em;
	background: #fff
}

.map nav .btn:hover {
	background: #ddd;
	color: #333
}

.map .infoWindow {
	height: 200px;
	overflow: scroll;
	width: 300px
}

#reservation {
	background: #f5f5f5;
	display: block
}

#eventHosting .sectionTitle {
	padding-bottom: 0
}

#floorPlanSlider .slide {
	background: rgba(0, 0, 0, .05);
	padding: 12px;
	max-height: 500px
}

#floorPlanSlider .slide>img {
	margin-top: 0;
	border-radius: 7px
}

#eventHosting_floorPlan {
	min-height: 500px
}

.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
	outline: 0
}

.flexslider>.flex-control-nav,
.flexslider>.flex-direction-nav,
.flexslider>.slides {
	margin: 0;
	padding: 0;
	list-style: none
}

.flexslider {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow-y: hidden;
	max-height: none;
	margin: 0 auto
}

.fullscreen>.flexslider {
	width: 100%;
	height: 100%;
	max-width: 100%
}

#modal .flexslider+.meta {
	font-size: 16px;
	padding-left: 12px;
	padding-right: 12px
}

.flexslider+.meta {
	display: block;
	position: absolute;
	color: #eee;
	text-align: center;
	font-size: 20px;
	line-height: 1.1em;
	z-index: 20;
	bottom: 0;
	padding: 10px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

.flexslider+.meta-overlay {
	position: absolute;
	bottom: 40px
}

.flexslider+.meta h1 {
	font-size: 2.5em
}

.flexslider>.flex-control-nav {
	display: block
}

.flexslider>.slides {
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0
}

.flexslider>.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.flexslider>.slides>.slide {
	position: relative;
	height: inherit;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.flexslider>.slides>.slide>img {
	display: block;
	margin: 0 auto
}

.flexslider .flex-pauseplay span {
	text-transform: capitalize
}

.no-js .slides>.slide:first-child {
	display: block
}

.flex-viewport {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	max-height: 300px
}

.flexslider .carousel li {
	margin-right: 5px
}

.fullscreen .flex-direction-nav {
	bottom: 50vh
}

.flex-direction-nav {
	display: block;
	opacity: 1;
	position: absolute;
	bottom: 50%;
	width: 100%
}

.flex-direction-nav a {
	position: absolute;
	z-index: 10;
	bottom: 5px;
	font-family: FontAwesome;
	font-size: 32px;
	color: rgba(255, 255, 255, .55);
	padding: 0 1px
}

.flexslider:hover .flex-direction-nav a {
	color: rgb(255, 255, 255);
	text-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

.flex-direction-nav a.flex-prev {
	left: .5em;
}

.flex-direction-nav a.flex-next {
	right: 1em;
}

.flex-direction-nav a.flex-prev:after {
	content: '\f0A8'
}

.flex-direction-nav a.flex-next:after {
	content: '\f0A9'
}

.flex-direction-nav .flex-disabled {
	cursor: default
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	z-index: 10;
	bottom: 0
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block
}

.flex-control-paging li a {
	background: rgba(255, 255, 255, .2);
	width: 12px;
	height: 12px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
	background: #ccc;
	background: rgba(255, 255, 255, .5)
}

.flex-control-paging li a.flex-active {
	background: #a5a5a5;
	cursor: default
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}

.flex-control-thumbs li {
	width: 10%;
	float: left;
	margin: 0
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer
}

.flex-control-thumbs img:hover {
	opacity: 1
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default
}

.flexslider>.slides>.slide>.caption {
	display: inline-block;
	position: absolute;
	z-index: 1;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	padding: .5em 1em;
	max-width: 500px;
	opacity: 0;
	left: 80px
}

#gallery .pin .pinMeta .captionContent h3 {
	font-size: 1.5em
}

#event {
	background: #ddd
}

#event .pin>.content,
#media .pin>.content {
	color: #696969;
	background: #fff
}

#event .pin .pinMeta>.pinMetaContent>.socialMeta {
	border-top: 2px solid #eee;
	padding-top: 4px
}

#mainWrapper {
	position: absolute;
	width: 100%;
	top: 0;
	opacity: 1;
	left: 0;
	z-index: 99;
	box-shadow: none
}

#mainWrapper.modOpen>#mainHeader>.background {
	display: none
}

#mainHeader {
	position: fixed;
	z-index: 100;
	display: block;
	color: #fff;
	left: -240px;
	top: 0;
	bottom: 0;
	width: 240px
}

#mainHeader,
#mainWrapper {
	transition: left .5s cubic-bezier(.65, .05, .07, .98)
}

#mainHeader>.nav {
	position: absolute;
	width: 240px;
	left: 0;
	opacity: 1;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 10px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 40px;
	color: #fff;
	background: #252525;
	border-right: 1px #3a3a3a solid
}

#mainHeader>.nav .subnav {
	display: none
}

#mainHeader>.nav .current {
	background: #383838;
	color: #fff;
	border-radius: 5px
}

#mainHeader>.nav>.navList {
	margin-top: 0
}

.nav--main__list-item {
	margin-left: 0;
	list-style: none;
	display: block;
	color: #aaa;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	text-align: left;
	border-radius: 0;
	width: 100%;
	font-size: 1.2rem;
	padding: .25em .5em
}

.nav--main__list-item:last-of-type {
	border-bottom: none
}

.nav--main__list-item.active,
.nav--main__list-item:active,
.nav--main__list-item:hover {
	color: #fff
}

.navToggle,
.navToggle:active,
.navToggle:focus,
.navToggle:hover,
.navToggle:visited {
	font-size: 1rem;
	z-index: 999;
	left: 240px;
	color: #fff;
	display: block;
	border-radius: 0;
	padding: .5em .75em;
	opacity: 1;
	position: absolute;
	background: #252525;
	box-shadow: 1px 0 1px rgba(0, 0, 0, .8);
	margin-top: 0
}

.navToggle:after {
	content: "";
	margin-left: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1rem;
	vertical-align: middle
}

.modOpen {
	background: #222;
	box-shadow: 0 2px 0 #000
}

.modOpen>.scrollBuffer {
	display: none
}

.modOpen>.nav {
	background: initial
}

.modOpen>.navToggle {
	display: none
}

.modOpen>.closeBtn {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 5px;
	z-index: 999999
}

.modOpen.closeable>.nav>.closeBtn {
	display: inline-block
}

#mainHeader+#mainWrapper #main {
	position: fixed;
	padding-top: 0
}

#sectionWrap {
	position: relative
}

#eventHosting nav>ul>li {
	display: inline-block;
	margin-right: 2em;
	padding: .5em;
	border-radius: 7px
}

#eventHosting nav>ul>li:last-child {
	margin-right: 0
}

#eventHosting nav>ul>li:hover {
	text-decoration: underline
}

#findUs-modal {
	margin-top: 20px;
	overflow-y: hidden;
	height: 36px;
	max-width: 100%;
	z-index: 99;
	background: #fff;
	right: 0;
	left: 0;
	top: 180px;
	color: #888;
	font-size: 12px;
	line-height: 1.2em;
	transition: .25s all ease-out;
	-webkit-transition: .25s all ease-out
}

#findUs-modal h1 {
	font-size: 3em;
	color: #00cec6
}

#findUs-modal h2 {
	color: #bbb;
	margin-top: 1.5em
}

#findUs-modal h3 {
	color: #666;
	margin-top: 1em
}

#findUs-modal img.direction {
	top: 60px;
	right: 20px;
	position: absolute
}

#findUs-modal>header {
	border-bottom: 1px solid #aaa;
	display: block;
	height: 36px;
	position: relative
}

#findUs-modal>header>.logo {
	padding: 4px
}

#findUs-modal>header>.title {
	font-size: 1.8em;
	padding: .5em
}

#findUs-modal>header>.search {
	background-color: #eee;
	width: 85%;
	height: 28px;
	margin-left: 4px;
	margin-top: 4px
}

#findUs-modal>header>.closeBtn {
	position: absolute;
	right: 0
}

#findUs-modal.open {
	left: 0
}

#findUs-modal>.sectionWrapper>section {
	padding: 30px 35px 30px 20px
}

#findUs-modal>.sectionWrapper>section:first-of-type {
	padding-top: 10px
}

#findUs-overlay {
	overflow-y: scroll;
	width: 400px;
	height: 100%;
	max-width: 100%;
	position: fixed;
	z-index: 101;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
	right: -400px;
	margin: auto;
	top: 0;
	bottom: 0;
	color: #888;
	transition: .25s all ease-out;
	-webkit-transition: .25s all ease-out
}

#findUs-overlay.open {
	right: 0
}

#findUs-overlay>header {
	border-bottom: 1px solid #aaa;
	display: block;
	height: 40px;
	position: relative
}

#findUs-overlay>header>.logo {
	padding: 4px
}

#findUs-overlay>header>.title {
	font-size: 2em;
	padding: 15px 35px 30px 20px
}

#findUs-overlay>header>.closeBtn {
	position: absolute;
	right: 0
}

#findUs-overlay>.search {
	height: 60px;
	border-bottom: 1px solid #ccc;
	width: 90%;
	margin: auto
}

#findUs-overlay>.sectionWrapper>section {
	padding: 30px 35px 30px 20px
}

#findUs-overlay>.sectionWrapper>section:first-of-type {
	padding-top: 10px
}

#findUs-overlay img.direction {
	top: 60px;
	right: 20px;
	position: absolute
}

#findUs-enquiry {
	background: #eee;
	padding-top: 20px;
	padding-bottom: 20px
}

#findUs-directions ul {
	list-style: none
}

.module.multipage>.content>.pages .page {
	overflow: hidden;
	margin-top: 10px
}

.module.multipage>.content>.pages .page:first-child {
	margin-top: 0
}

.viewMore {
	text-align: center;
	width: 100%;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 40px;
	font-size: 1.2em;
	display: none
}

#interstitial {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99999
}

#interstitial .logo-arg {
	width: 400px;
	max-width: 90%;
	padding-top: 40px;
	padding-bottom: 20px
}

#interstitial .logo-arg>img {
	height: auto;
	width: 100%
}

#interstitial>.background {
	background-image: url(../content/experience/experience-aqua-hk-experience-002-x3.jpg);
	background-position: 0 0;
	background-size: cover;
	position: fixed;
	opacity: .4
}

#interstitial>.content {
	width: 100%;
	max-width: 100%;
	margin-top: 40px
}

#interstitial>.content>.content {
	margin-top: 20px
}

#interstitial #outletList {
	padding-bottom: 0
}

#interstitial #outletList>ul>header {
	padding: 20px 0;
	margin-bottom: 2px
}

#interstitial #outletList>ul>header:after,
#interstitial #outletList>ul>header:before {
	content: ""
}

#outletDescription {
	font-size: 1.3rem;
	line-height: 1.2em;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	color: #fff
}

.outletName {
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.2em
}

.nav li.highlight {
	background-color: #006763
}

form li label {
	display: none
}

.fit-to-width {
	width: 100%;
	height: auto;
	margin: 0 auto
}

.fit-to-height {
	width: auto;
	height: 100%;
	margin: 0 auto
}

#scrollBuffer {
	position: absolute;
	top: 0;
	z-index: -2;
	width: 100%;
	display: none
}

#fileViewer {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

#fileViewer>header {
	height: 35px;
	border-bottom: 1px solid #bbb
}

#fileViewer .file-wrapper {
	width: 100%;
	height: 100%
}

.livesitelink {
	cursor: pointer;
	padding: 8px
}

.openNav>#mainWrapper {
	overflow: hidden
}

.openNav>#mainHeader {
	left: 0
}

.openModal {
	cursor: pointer
}

nav li {
	display: inline-block
}

.franchiseGroup>.franchise {
	margin-bottom: 10px;
	border-bottom: 1px dotted;
	padding-bottom: 10px
}
.franchiseGroup>.franchise:last-of-type {
	border-bottom: none
}

#map-directions {
	padding-left: 10px
}

tr {
	border-bottom: 1px solid #ccc
}

.respakContainer {
	text-align: center;
	margin-top: 6px;
	background: 0 0;
	margin-left: auto;
	margin-right: auto
}

.houyeaByline {
	font-size: 10px;
	margin: 0 auto;
	text-align: right;
	padding: 5px 20px 0;
	color: #aaa;
	cursor: pointer
}

.houyeaByline:hover {
	text-decoration: underline
}

[contenteditable]:hover:not(:focus) {
	outline: #ccc dotted 1px
}

[contenteditable]:focus {
	outline: #444 dotted 1px
}

#experience .headerLogo {
	top: 50%;
	transform: translateY(-60%)
}

.grid-cell {
	padding: 15px
}

#connect section {
	margin-bottom: 40px
}

.dropdown,
.dropup {
	position: relative;
	display: inline-block
}

.dropdown-toggle {
	margin-bottom: 0;
}

.dropdown-toggle:after {
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: .5em;
    content: "";
    border-top: .5em solid;
    border-right: .5em solid #0000;
    border-bottom: 0;
    border-left: .5em solid #0000;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 100%;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #292b2c;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15)
}

.dropdown.open .dropdown-menu {
	display: inline-block
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 3px 1.5rem;
	clear: both;
	font-weight: 400;
	color: #292b2c;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border: 0;
	cursor: pointer
}

.dropdown-item:hover {
	background: #eee
}

.booking-container {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px
}

.booking-module .title {
	display: block;
	margin-bottom: .75em
}

.booking-form {
	display: none;
	margin-top: 30px
}

.booking-form:nth-of-type(2) {
	display: block
}

.btn.booking-btn, .btn-booking {
	font-size: 1.75em;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

label {
	vertical-align: middle
}

[class*=fixed] {
	position: fixed !important
}

.fixed-tl {
	position: fixed !important;
	top: 0;
	bottom: initial;
	left: 0;
	right: initial
}

.fixed-tr {
	position: fixed !important;
	top: 0;
	bottom: initial;
	left: initial;
	right: 0
}

.fixed-bl {
	position: fixed !important;
	top: initial;
	bottom: 0;
	left: 0;
	right: initial
}

.fixed-br {
	position: fixed !important;
	top: initial;
	bottom: 0;
	left: initial;
	right: 0
}

.fixed-right {
	position: fixed !important;
	right: 0
}

.fixed-left {
	position: fixed !important;
	left: 0
}

.fixed-bottom {
	position: fixed !important;
	bottom: 0
}

.fixed-top {
	position: fixed !important;
	top: 0
}

.container,
.container-fluid {
	width: 100%;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto
}

.fullscreen {
	max-width: none;
	max-height: none;
	height: initial
}

.fullscreen,
[class*=span].fullscreen {
	width: 100%
}

.row {
	display: block;
	margin-bottom: 15px;
	margin-right: 0;
	margin-left: 0
}

.row:after,
.row:before {
	display: table;
	content: ""
}

.row:after {
	clear: both
}

.row:last-child {
	margin-bottom: 0
}

[class*=span] {
	display: inline-block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px
}

[class*=offset] {
	display: inline-block;
	margin-left: 0
}

[class*=span].hide {
	display: none
}

.container.fullscreen,
.fullscreen {
	width: 100vw;
	height: 100vh;
	padding-left: 0;
	padding-right: 0
}

.pinboard {
	margin: 0 auto;
	width: 100%;
	max-height: inherit;
	overflow: inherit
}

.pin {
	width: 80px;
	color: #ccc;
	position: absolute;
	display: inline-block;
	text-align: left;
	border-radius: 2px;
	overflow: hidden;
	max-width: 100%
}

.pin>.content>.touch {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	background: rgba(255, 255, 255, 0)
}

.pinImage {
	opacity: 1;
	width: 100%;
	height: 100%;
	transition: all .3s cubic-bezier(.23, 1, .32, 1);
	-webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
	cursor: zoom-in
}

.pinImage>img {
	width: 100%;
	height: auto;
	transition: 1s ease opacity;
	opacity: 0
}

.pinMeta {
	border-radius: 0;
	width: 100%;
	padding: 20px 15px
}

.pinMeta .title {
	font-weight: 700
}

.pinMetaContent {
	font-size: .9rem;
	text-align: left;
	line-height: inherit
}

.pinMeta-overlay .pinMeta {
	opacity: 0;
	position: absolute;
	bottom: 0;
	width: calc(100% - 10px);
	background: #000000b6;
	box-shadow: none;
	border-top: none;
	transition: .3s all ease
}

.pinMeta-overlay:hover .pinMeta {
	opacity: 1
}

.pinMeta-overlay .pinMetaContent {
	transition: .3s all ease;
	transform: translateY(60%)
}

.pinMeta-overlay:hover .pinMetaContent {
	transform: translateY(0)
}

.dmn-container {
	display: none;
	margin: 5px auto 50px;
	width: 320px;
	max-width: 100%;
	font-family: FuturaMedium, Helvetica, Arial, sans, sans-serif;
	font-size: 1rem;
	line-height: 1em
}

.dmn-container * {
	font-family: inherit !important
}

.dmn-container-content .title {
	display: block;
	margin-bottom: .75em;
	border-bottom: 1px solid #ddd;
	padding-top: .25em;
	padding-bottom: .5em
}

.dmn-container-content {
	padding: 20px 10px !important;
	box-shadow: 0 1px 2px #0000002e;
	background: #fff;
	border-radius: 7px
}

.dmn-form {
	visibility: hidden;
	background-color: transparent !important;
	border: none !important;
	width: 100% !important;
	box-shadow: none !important;
	box-sizing: inherit !important;
	padding: 0 15px !important;
	color: inherit !important
}

.dmn-form h1 {
	margin-top: 0;
	text-transform: capitalize !important;
	font-weight: 700 !important;
	margin-bottom: 1em !important;
	display: none
}

.dmn-type-container {
	display: none !important
}

.dmn-form input {
	width: 100% !important;
	text-align: left;
	border-radius: 4px !important;
	box-sizing: inherit !important;
	box-shadow: none !important
}

.dmn-form label {
	font-size: .8rem !important;
	font-weight: 700 !important;
	padding-left: 4px;
	text-align: left;
	margin-bottom: 2px !important
}

.dmn-form .popover,
.dmn-form .popover table,
.dmn-form select {
	width: 100% !important
}

.dmn-form .datepicker.popover {
	padding: 15px 10px 20px 10px !important
}

.dmn-form button.submit {
	background: #00afa8 !important;
	background-image: none;
	border: none;
	border-radius: 2px;
	font-size: 1rem;
	font-weight: 700;
	padding: .6em 1.2em;
	margin-bottom: 2px;
	text-align: center;
	display: inline-block;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	width: 100% !important;
	transition: all .3s ease !important;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.dmn-form button.submit:hover {
	background-position: inherit !important;
	box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.dmn-form .btn:hover {
	text-decoration: none
}

.dmn-form input:disabled {
	background: 0 0 !important;
	border: none !important;
	box-shadow: none !important
}

.dmn-form .btn:focus {
	outline: 0 !important;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.dmn-form .powered-by {
	margin-top: 10px !important;
	margin-bottom: 5px !important;
	width: 120px !important;
	display: inline-block !important
}

.partner-form-modal {
	max-width: 100%;
	position: fixed;
	display: block;
	bottom: auto;
	top: 5% !important;
	left: 5% !important;
	z-index: 2050;
	overflow: auto;
	width: 90% !important;
	height: 90% !important;
	margin-left: 0 !important;
	background: 0 0 !important;
	background-color: #fff !important;
	border-radius: 7px !important;
	border: none !important;
	box-shadow: none !important;
	overflow-y: hidden !important;
	padding: 4px
}

#dmn-frame {
	width: calc(100% - 1px);
	height: 100%
}

.partner-form-modal .modal-header {
	padding: 9px 15px !important;
	border-bottom: 1px solid #bdbdbd !important
}

.partner-form-modal .btn.close {
	height: auto;
	width: auto;
	opacity: 1 !important;
	box-shadow: none;
	color: #797979 !important
}

.partner-form-modal .btn.close:hover {
	background: 0 0 !important;
	color: #3e3e3e !important;
	opacity: 1 !important
}

.partner-form-modal+.modal-backdrop {
	background-color: #9e9e9e !important
}

.partner-form-modal .top-border {
	display: none !important;
	background-color: #000 !important;
	height: 0 !important;
	margin-bottom: 10px !important
}

.main-footer--content {
	display: block
}

.main-footer .policy-links::before {
	content: ""
}

.devmode,
.ui-houyea .field.devmode {
	display: none
}

body.devmode {
	display: initial
}

body.devmode .devmode,
body.devmode .ui-houyea .field.devmode {
	display: block
}

body.devmode .devmode-hidden {
	display: none
}

body.devmode .slides {
	transition: filter .5s ease
}

.div-placeholder {
	border: none;
}
.div-placeholder:after {
	content: "";
}

@media (min-width:120px) {
	.pinboard .pin[class*=span] {
		width: 120px
	}
}

@media (min-width:160px) {
	.pinboard .pin[class*=span] {
		width: 160px
	}
}

@media (min-width:240px) {
	.pinboard .pin[class*=span] {
		width: 240px
	}

	.main-section {
		display: block
	}

	.main-section .flexslider {
		display: block
	}
}

@media (min-width:320px) {
	.container {
		width: 320px
	}

	.pinboard .pin[class*=span] {
		width: 320px
	}
}

@media (min-width:480px) {
	.container {
		width: 480px
	}

	.row {
		margin-right: -15px;
		margin-left: -15px
	}

	[class*=span] {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px
	}

	.grid-tight [class*=span],
	.pinboard [class*=span] {
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 10px
	}

	.span1,
	.span2,
	.span3 {
		width: calc((4/12)*100% - 4px)
	}

	.span4,
	.span5,
	.span6 {
		width: calc((6/12)*100% - 4px)
	}

	[class*=offset] {
		margin-left: 0
	}

	.pinboard .pin.span2,
	.pinboard .pin.span3,
	.pinboard .pin.span4,
	.pinboard .pin.span5,
	.pinboard .pin.span6 {
		width: calc(480px/2)
	}

	.pinboard .pin.span10,
	.pinboard .pin.span11,
	.pinboard .pin.span12,
	.pinboard .pin.span7,
	.pinboard .pin.span8,
	.pinboard .pin.span9 {
		width: calc(480px/1)
	}

	.fa-bars:before {
		font-size: 1em
	}

	.navToggle::after {
		content: "menu";
		margin-left: 8px
	}

	#map-canvas .mask {
		display: none
	}

	.sectionTitle {
		font-size: 3em
	}

	.main-section .flexslider>.slides>.slide {
		padding: 0
	}

	#interstitial>.background {
		background-image: url(../content/experience/experience-aqua-hk-experience-002-x3.jpg)
	}

	#connect .span4 {
		width: 100%
	}

	/* #map-directions .franchiseGroup {
		margin-left: -20px
	}

	#map-directions .franchiseGroup>.franchise {
		border: none;
		border-right: 1px solid #aaa;
		padding-left: 20px
	} */

	.formReply {
		padding: 0 1em
	}
}

@media (min-width:768px) {
	.container {
		width: 768px
	}

	.span1 {
		width: calc((1/12)*100% - 4px)
	}

	.span2 {
		width: calc((2/12)*100% - 4px)
	}

	.span3 {
		width: calc((3/12)*100% - 4px)
	}

	#connect .span4,
	.span4 {
		width: calc((4/12)*100% - 4px)
	}

	.span5 {
		width: calc((5/12)*100% - 4px)
	}

	.span6 {
		width: calc((6/12)*100% - 4px)
	}

	.span7 {
		width: calc((7/12)*100% - 4px)
	}

	.span8 {
		width: calc((8/12)*100% - 4px)
	}

	.span9 {
		width: calc((9/12)*100% - 4px)
	}

	.span10 {
		width: calc((10/12)*100% - 4px)
	}

	.span11 {
		width: calc((11/12)*100% - 4px)
	}

	.span12 {
		width: calc((12/12)*100% - 4px)
	}

	.offset1 {
		margin-left: calc((1/12)*100%)
	}

	.offset2 {
		margin-left: calc((2/12)*100%)
	}

	.offset3 {
		margin-left: calc((3/12)*100%)
	}

	.offset4 {
		margin-left: calc((4/12)*100%)
	}

	.offset5 {
		margin-left: calc((5/12)*100%)
	}

	.offset6 {
		margin-left: calc((6/12)*100%)
	}

	.offset7 {
		margin-left: calc((7/12)*100%)
	}

	.offset8 {
		margin-left: calc((8/12)*100%)
	}

	.offset9 {
		margin-left: calc((9/12)*100%)
	}

	.offset10 {
		margin-left: calc((10/12)*100%)
	}

	.offset11 {
		margin-left: calc((11/12)*100%)
	}

	.offset12 {
		margin-left: calc((12/12)*100%)
	}

	.pinboard .pin.span1,
	.pinboard .pin.span2 {
		width: calc(768px/(12/2))
	}

	.pinboard .pin.span3 {
		width: calc(768px/(12/3))
	}

	.pinboard .pin.span4 {
		width: calc(768px/(12/4))
	}

	.pinboard .pin.span5,
	.pinboard .pin.span6 {
		width: calc(768px/(12/6))
	}

	.pinboard .pin.span10,
	.pinboard .pin.span11,
	.pinboard .pin.span12,
	.pinboard .pin.span7,
	.pinboard .pin.span8,
	.pinboard .pin.span9 {
		width: calc(768px/(12/12))
	}

	#connect {
		text-align: left
	}

	#connect section {
		border-bottom: none;
		padding-top: 0
	}

	/* #houyeaDock {
		left: -320px
	} */

	#houyeaDock.open #houyeaDockNav .ui-houyea.closeBtn {
		display: block
	}

	.flexslider>.flex-direction-nav {
		display: block
	}

	.flexslider>.flex-control-nav {
		display: none
	}

	.livesitelink {
		padding: 20px
	}

	#isMobile {
		visibility: hidden
	}

	#mainHeader {
		background: 0 0;
		position: relative
	}

	#main {
		padding-top: 0
	}

	.main-section:first-of-type .flexslider+.meta,
	.main-section:first-of-type .flexslider>.flex-direction-nav {
		display: block;
		opacity: 1
	}

	#mainHeader.fixed-top+#mainWrapper #main {
		padding-top: 0;
		position: relative
	}

	#mainHeader:not(.fixed-top)+#mainWrapper {
		padding-top: 0
	}

	#mainHeader.fixed-top {
		height: auto !important
	}

	#connect section {
		border: none;
		padding-bottom: 0;
		padding-top: 0;
		margin-bottom: 30px
	}

	.main-section.hasSubnav>header {
		position: absolute
	}

	.logoShade {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: linear-gradient(rgba(0, 0, 0, .8), transparent);
		height: 100%;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		transition: 1s ease all
	}

	#outletList header {
		background: 0 0;
		font-size: 1.5em;
		margin-bottom: 0;
		text-transform: uppercase;
		color: #00afa8
	}

	#outletList>ul>li {
		display: inline-block
	}

	#interstitial>.background {
		background-image: url(../content/experience/experience-aqua-hk-experience-002-x3.jpg)
	}

	#interstitial .livesitelink {
		padding: 20px
	}

	#eventHosting_floorPlan {
		min-height: 800px
	}

	#experience .headerLogo {
		max-width: 100%
	}

	.navList.collapse {
		background: 0 0
	}

	.main-footer .policy-links::before {
		content: "Aqua Group "
	}

	.list-inline-spaced>li:not(:first-of-type) {
		margin-left: 3em
	}
}

@media (min-width:960px) {
	.container {
		width: 960px
	}

	.pinboard .pin.span1,
	.pinboard .pin.span2 {
		width: calc(960px/(12/2))
	}

	.pinboard .pin.span3 {
		width: calc(960px/(12/3))
	}

	.pinboard .pin.span4 {
		width: calc(960px/(12/4))
	}

	.pinboard .pin.span5,
	.pinboard .pin.span6 {
		width: calc(960px/(12/6))
	}

	.pinboard .pin.span10,
	.pinboard .pin.span11,
	.pinboard .pin.span12,
	.pinboard .pin.span7,
	.pinboard .pin.span8,
	.pinboard .pin.span9 {
		width: calc(960px/(12/12))
	}
}

@media (min-width:1024px) {
	.container {
		width: 1024px
	}

	.pinboard .pin.span1 {
		width: calc(1024px/(12/1))
	}

	.pinboard .pin.span2 {
		width: calc(1024px/(12/2))
	}

	.pinboard .pin.span3 {
		width: calc(1024px/(12/3))
	}

	.pinboard .pin.span4 {
		width: calc(1024px/(12/4))
	}

	.pinboard .pin.span5 {
		width: calc(1024px/(12/5))
	}

	.pinboard .pin.span6 {
		width: calc(1024px/(12/6))
	}

	.pinboard .pin.span7 {
		width: calc(1024px/(12/7))
	}

	.pinboard .pin.span8 {
		width: calc(1024px/(12/8))
	}

	.pinboard .pin.span9 {
		width: calc(1024px/(12/9))
	}

	.pinboard .pin.span10 {
		width: calc(1024px/(12/10))
	}

	.pinboard .pin.span11 {
		width: calc(1024px/(12/11))
	}

	.pinboard .pin.span12 {
		width: calc(1024px/(12/12))
	}
}

@media (min-height:680px) {
	#map-canvas {
		height: 450px
	}
}