@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
[hidden],
template {
  display: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
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,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
}
body {
  display: -ms-flexbox;
  display: flex;
  background-color: #f0f0f0;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
a,
body,
li,
p,
ul {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #6c6c6c;
}
a:lang(zh-CN),
body:lang(zh-CN),
li:lang(zh-CN),
ul:lang(zh-CN) {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #474747;
}
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize;
}
a {
  text-decoration: none;
}
p {
  line-height: 1.7;
}
.wrapper {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 1090px) {
  .wrapper {
    width: 80%;
    max-width: 1000px;
  }
}
.page {
  margin-top: 59.94px;
}
@media only screen and (min-width: 1090px) {
  .page {
    margin-top: 0;
  }
}
.inner-page {
  padding: 59.94px 0 6em;
}
@media only screen and (min-width: 1090px) {
  .inner-page {
    padding-top: 0;
    padding-bottom: 8em;
  }
}
.page-title {
  font-size: 2.8em;
  padding: 2em 0;
  color: #474747;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-title {
    font-size: 3em;
    padding-bottom: 1.8em;
  }
}
.image-container {
  position: relative;
  background-color: #fff;
}
.image-container img {
  width: 100%;
}
img {
  display: block;
}
.inner-wrapper {
  padding: 6em 0 0;
}
.inner-wrapper img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 1090px) {
  .inner-wrapper img {
    width: 80%;
  }
}
.text-wrapper {
  padding: 5em 0;
  text-align: center;
}

.floorplan-spacer {
  padding-top: 5em;
}
@media only screen and (min-width: 1090px) {
  .text-wrapper {
    padding: 7em 0;
  }
}
.register-title {
  margin: 135px 0px;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-size: 48px;
  opacity: 0.35;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.title {
  font-size: 2.8em;
}
.title-alt {
  font-size: 2.8em;
}
.title-simple {
  font-size: 2.8em;
  text-align: center;
}
.title:before {
  content: "";
  display: block;
  height: 1px;
  width: 70px;
  margin: 1em auto;
  background-color: #d6d6d6;
}
.title-alt:after {
  content: "";
  display: block;
  height: 1px;
  width: 70px;
  margin: 1em auto;
  background-color: #d6d6d6;
}
@media only screen and (min-width: 768px) {
  .title {
    font-size: 3em;
  }
  .title:after {
    margin: 1.4em auto;
    width: 100px;
  }
}
.title.cap,
.title-alt.cap {
  text-transform: uppercase;
  line-height: 1.4;
}
.section-title-wrapper {
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .section-title-wrapper {
    width: 75%;
  }
}
.title-lead {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1.6em;
  font-size: 1em;
  letter-spacing: 1px;
  color: #8f8f53;
}
@media only screen and (min-width: 768px) {
  .title-lead {
    font-size: 1.2em;
    margin-bottom: 2em;
  }
}
.title-lead:lang(zh-CN) {
  font-size: 1.4em;
}
@media only screen and (min-width: 768px) {
  .title-lead:lang(zh-CN) {
    font-size: 1.6em;
  }
}
.title-lead.center {
  text-align: center;
}
.description {
  font-size: 1.4em;
}
@media only screen and (min-width: 768px) {
  .description {
    font-size: 1.8em;
  }
}
.section-hero-image {
  height: 40vh;
  background-color: grey;
}
@media only screen and (min-width: 768px) {
  .section-hero-image {
    height: 60vh;
  }
}
@media only screen and (min-width: 1090px) {
  .section-hero-image {
    height: 100vh;
    position: relative;
  }
  .section-hero-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3));
  }
}
.photo-list-grid {
  margin-bottom: 8em;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-columns: 1fr 1fr;
  grid-gap: 2em;
}
@media only screen and (min-width: 768px) {
  .photo-list-grid {
    grid-gap: 2.2em;
  }
}
@media only screen and (min-width: 1090px) {
  .photo-list-grid {
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.4em;
  }
}
.photo-block {
  background-color: #cdcdcd;
  position: relative;
  overflow: hidden;
  height: 160px;
}
@media only screen and (min-width: 768px) {
  .photo-block {
    height: 200px;
  }
}
figcaption {
  margin-top: 10px;
  text-transform: capitalize;
}
.photo-stack-wrapper {
  margin-bottom: 6em;
  display: grid;
  display: -ms-grid;
  grid-gap: 3em;
}
@media only screen and (min-width: 768px) {
  .photo-stack-wrapper {
    grid-gap: 5em;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: 1fr 1fr;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1090px) {
  .photo-stack-wrapper {
    grid-gap: 8em;
  }
}
@media only screen and (min-width: 768px) {
  .photo-stack-wrapper.bath-grid {
    grid-template-columns: 2fr 3fr;
    -ms-grid-columns: 2fr 3fr;
  }
}
.photo-stack-wrapper.kitchen-grid {
  margin-bottom: 16em;
}
@media only screen and (min-width: 768px) {
  .photo-stack-wrapper.kitchen-grid {
    grid-template-columns: repeat(8, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.youtube {
  margin: 0 auto;
  margin-bottom: 6em;
  width: 100%;
  height: 200px;
}
@media only screen and (min-width: 768px) {
  .youtube {
    margin-bottom: 8em;
    width: 600px;
    height: 338px;
  }
}
@media only screen and (min-width: 1090px) {
  .youtube {
    width: 750px;
    height: 422px;
  }
}
iframe {
  width: 100%;
  height: 100%;
}
.video-intro-wrapper {
  display: none;
}
@media only screen and (min-width: 1090px) {
  .video-intro-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
  }
}
video {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.video-1 {
  z-index: 1;
}
@media (min-aspect-ratio: 16/9) {
  .video-player {
    width: 100%;
    height: auto;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-player {
    width: auto;
    height: 100%;
  }
}
@media only screen and (min-width: 1090px) {
  #contact,
  #gallery {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 1090px) {
  #floorplan {
    margin-top: 8em;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  width: 26px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 26px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block;
}
.hamburger-inner:before {
  top: -8px;
}
.hamburger-inner:after {
  bottom: -8px;
}
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 52px;
  perspective: 52px;
}
.hamburger--3dx .hamburger-inner {
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 52px;
  perspective: 52px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 52px;
  perspective: 52px;
}
.hamburger--3dy .hamburger-inner {
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 52px;
  perspective: 52px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}
.hamburger--arrow.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(-5.2px, 0, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(-5.2px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrow.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(-5.2px, 0, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(-5.2px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrow-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(5.2px, 0, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(5.2px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrow-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(5.2px, 0, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(5.2px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowalt .hamburger-inner:before {
  transition: top 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: translate3d(-5.2px, -6.5px, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(-5.2px, -6.5px, 0) rotate(-45deg) scaleX(0.7);
  transition: top 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}
.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: translate3d(-5.2px, 6.5px, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(-5.2px, 6.5px, 0) rotate(45deg) scaleX(0.7);
  transition: bottom 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}
.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: translate3d(5.2px, -6.5px, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(5.2px, -6.5px, 0) rotate(45deg) scaleX(0.7);
  transition: top 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: translate3d(5.2px, 6.5px, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(5.2px, 6.5px, 0) rotate(-45deg) scaleX(0.7);
  transition: bottom 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner:after {
  top: -16px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner:before {
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
}
.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner:after {
  top: -16px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner:before {
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
  transform: translate3d(0, -8px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner:before {
  top: 8px;
  transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic .hamburger-inner:after {
  top: 16px;
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
  transform: translate3d(0, 8px, 0) rotate(135deg);
  transition-delay: 75ms;
}
.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
  transform: translate3d(0, -16px, 0) rotate(-270deg);
  transition-delay: 75ms;
}
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner:before {
  top: 8px;
  transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic-r .hamburger-inner:after {
  top: 16px;
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
  transform: translate3d(0, 8px, 0) rotate(-135deg);
  transition-delay: 75ms;
}
.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
  transform: translate3d(0, -16px, 0) rotate(270deg);
  transition-delay: 75ms;
}
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s ease-in 0.175s;
}
.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner:after {
  top: 8px;
  right: 0;
  transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner:before {
  left: -52px;
  top: -52px;
  -webkit-transform: translate3d(52px, 52px, 0) rotate(45deg);
  transform: translate3d(52px, 52px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}
.hamburger--emphatic.is-active .hamburger-inner:after {
  right: -52px;
  top: -52px;
  -webkit-transform: translate3d(-52px, 52px, 0) rotate(-45deg);
  transform: translate3d(-52px, 52px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner:after {
  top: 8px;
  right: 0;
  transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner:before {
  left: -52px;
  top: 52px;
  -webkit-transform: translate3d(52px, -52px, 0) rotate(-45deg);
  transform: translate3d(52px, -52px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}
.hamburger--emphatic-r.is-active .hamburger-inner:after {
  right: -52px;
  top: 52px;
  -webkit-transform: translate3d(-52px, -52px, 0) rotate(45deg);
  transform: translate3d(-52px, -52px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}
.hamburger--slider .hamburger-inner {
  top: 1px;
}
.hamburger--slider .hamburger-inner:before {
  top: 8px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner:after {
  top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner:before {
  -webkit-transform: rotate(-45deg) translate3d(-3.7142857143px, -6px, 0);
  transform: rotate(-45deg) translate3d(-3.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
  top: 1px;
}
.hamburger--slider-r .hamburger-inner:before {
  top: 8px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner:after {
  top: 16px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner:before {
  -webkit-transform: rotate(45deg) translate3d(3.7142857143px, -6px, 0);
  transform: rotate(45deg) translate3d(3.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
  transform: translate3d(0, -16px, 0) rotate(90deg);
}
.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s linear 0.13s;
}
.hamburger--spring .hamburger-inner:before {
  top: 8px;
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner:after {
  top: 16px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner:after {
  top: -16px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner:before {
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s linear 0.22s;
}
.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
}
.hamburger--stand .hamburger-inner {
  transition: background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}
.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  transition: background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.hamburger--stand-r .hamburger-inner {
  transition: background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}
.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  transition: background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s,
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
}
.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s,
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
}
.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}
.hamburger--squeeze .hamburger-inner {
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease 0.12s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 75ms ease,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slide,
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.lity-closed .lity-content,
.lity-loading .lity-content {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 1em;
  top: 1em;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}
.lity-close:active {
  right: 1em;
  top: 1em;
}
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}
.button {
  display: inline-block;
  padding: 1em;
  border-radius: 0.2em;
  background-color: #fff;
  color: #000;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .button {
    font-size: 14px;
  }
}

.logo-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.logo-container {
  border-right: 1.4px solid #6c6c6c;
  padding: 8px 16px 8px 0px;
  margin-right: 16px;
}
.logo-text {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
header {
  padding: 1em 2em;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
header,
header nav {
  position: fixed;
  background-color: #fff;
}
header nav {
  top: 0;
  left: 0;
  right: 0;
  bottom: -2em;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
header nav a {
  font-size: 1.4em;
  color: #6c6c6c;
  transition: all 0.2s ease-in-out;
}
header nav a.active {
  color: #9eac43;
}
@media only screen and (min-width: 1090px) {
  header nav {
    display: block;
    position: relative;
    height: inherit;
    background-color: transparent;
    opacity: 1;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    overflow: inherit;
    visibility: visible;
  }
  header nav a,
  header nav span {
    font-size: 1.2em;
  }
  header nav a:hover {
    color: #9eac43;
  }
}
header nav.is-open {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}
header nav ul li {
  padding: 1.3em 0;
  cursor: pointer;
}
@media only screen and (min-width: 1090px) {
  header nav ul li {
    padding: 0;
    margin-left: 2.4em;
  }
  header nav ul li a,
  header nav ul li span {
    padding: 1.6em 0;
    display: inline-block;
  }
}
@media only screen and (min-width: 1090px) {
  header {
    padding: 0 10em;
  }
}
header:lang(zh-CN) a {
  font-size: 1.3em;
}
@media only screen and (min-width: 1090px) {
  header:lang(zh-CN) a,
  header:lang(zh-CN) span {
    font-size: 1.1em;
  }
}
.mobile-register--wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 1090px) {
  .mobile-register--wrapper {
    display: none;
  }
}
.mobile-register {
  margin-right: 1.9em;
  text-transform: uppercase;
  color: #6c6c6c;
}
.mobile-register:lang(zh-CN) {
  font-size: 1.1em;
}
.mobile-register:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 1em;
  background-color: #6c6c6c;
  margin-left: 0.8em;
}
#logo {
  position: relative;
  z-index: 100;
}
#logo img {
  width: 120px;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  #logo img[src$=".svg"] {
    width: 40%;
  }
}
#nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1090px) {
  #nav {
    position: inherit;
    display: -ms-flexbox;
    display: flex;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
  }
}
#phase-controller {
  position: relative;
}
@media only screen and (min-width: 1090px) {
  #phase-controller {
    position: relative;
    margin-right: 1em;
  }
}
#phase-controller:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url(../images/icons/arrow.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: 7px;
  top: 0.7em;
}
@media only screen and (min-width: 1090px) {
  #phase-controller:after {
    top: 1.95em;
  }
}
#phase-controller.active {
  color: #9eac43;
}
#phase-controller.active:after {
  content: "";
  display: inline-block;
  position: absolute;
  background: url(../images/icons/arrow-active.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: 7px;
  top: 0.7em;
}
@media only screen and (min-width: 1090px) {
  #phase-controller.active:after {
    top: 1.95em;
  }
}
@media only screen and (min-width: 1090px) {
  #phase-controller.active:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #191919;
    bottom: -6px;
    right: 20px;
  }
}
#phases {
  position: relative;
  display: none;
  padding-top: 1em;
  left: 1em;
}
#phases li {
  padding-bottom: 2em;
  margin: 10px 0px;
}
#phases a {
  position: absolute;
  width: 120px;
}

@media only screen and (min-width: 1090px) {
  #phases {
    position: absolute;
    visibility: hidden;
    display: block;
    background-color: #fff;
    width: auto;
    opacity: 0;
    padding: 1em;
    border-radius: 3px;
    margin-top: -0.4em;
    margin-left: 3.6em;
    transition: all 0.3s ease-out;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  #phases li {
    padding-bottom: 0;
    padding: 0 1em;
    margin: 0;
  }
  #phases a {
    position: inherit;
    padding-bottom: 1.2em;
    width: auto;
  }
  #phases:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
    left: 8.2em;
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 1090px) {
  #phases:lang(zh-CN) {
    margin-left: 4em;
  }
  #phases:lang(zh-CN):after {
    left: 6.5em;
  }
}
#phases.is-open {
  opacity: 1;
  margin-top: 1em;
  visibility: visible;
}
.new {
  position: relative;
}
.new:after {
  content: "new!";
  position: absolute;
  display: inline-block;
  padding: 0.4em 0.6em;
  background-color: green;
  color: #fff;
  right: -5em;
  top: 0;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-width: 1090px) {
  .new:after {
    position: relative;
    right: -1.2em;
  }
}
.new-cn {
  position: relative;
}
.new-cn:after {
  content: "最新";
  position: absolute;
  display: inline-block;
  padding: 0.4em 0.6em;
  background-color: green;
  color: #fff;
  right: -2.2em;
  top: -4px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-width: 1090px) {
  .new-cn:after {
    position: relative;
    right: -1em;
    top: 0;
  }
}
.soldout,
.soldout-cn {
  color: #9f9f9f;
  position: relative;
}
.soldout-cn:after,
.soldout:after {
  position: absolute;
  display: inline-block;
  color: #9f9f9f;
  right: -4.1em;
  font-size: 1em;
}
@media only screen and (min-width: 1090px) {
  .soldout-cn:after,
  .soldout:after {
    position: relative;
    right: -0.6em;
  }
}
.soldout:after {
  content: "(sold out)";
}
.soldout-cn:after {
  content: "(售空)";
  right: -2.2em;
}
@media only screen and (min-width: 1090px) {
  .soldout-cn:after {
    position: relative;
    right: -0.6em;
  }
}
@media only screen and (min-width: 1090px) {
  .lang a {
    position: relative;
    top: 4px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1090px) {
  .lang:lang(zh-CN) a {
    top: 0;
  }
}
.slick-arrow {
  position: absolute;
  width: 30px;
  top: 50%;
  z-index: 1;
  display: none !important;
}
.arrow-right {
  right: 1em;
}
.arrow-left {
  left: 1em;
}
img.arrow-left.slick-arrow.slick-disabled {
  display: none !important;
}
.paging {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 0.8em;
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 50%;
}
@media only screen and (min-width: 1090px) {
  .paging {
    width: 8px;
    height: 8px;
  }
}
.slick-active .paging {
  background-color: #90ee90;
}
footer {
  display: none;
}
@media only screen and (min-width: 1090px) {
  footer {
    background-color: #000;
    display: block;
  }
  footer .wrapper {
    max-width: 80%;
  }
  .concord-logo {
    padding-top: 6em;
    margin: 0 auto;
    width: 160px;
  }
  .footerLinks {
    margin: 5em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footerLinks a {
    color: #9f9f9f;
    font-size: 1.2em;
    padding: 0 2em;
  }
  .footerLinks a:lang(zh-CN) {
    font-size: 1.1em;
  }
  .footerLinks span {
    font-size: 0.6em;
  }
  .footerLinks .cn-footer {
    font-size: 0.8em;
  }
  .copyright {
    margin-top: 6em;
    margin-bottom: 3em;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .copyright,
  .social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .social h5 {
    text-transform: capitalize;
    color: #9f9f9f;
  }
  .social a {
    padding: 0 0.4em;
    color: #9f9f9f;
  }
  .social-icons {
    margin-left: 0.8em;
  }
  .social-icons a {
    font-size: 1.4em;
  }
  .disclaimer {
    font-size: 0.6em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .disclaimer p {
    margin: 0 0.6em;
  }
  .disclaimer span {
    font-size: 0.6em;
  }
  .disclaimer #year {
    font-size: 13px;
  }
  .disclaimer a {
    color: #6c6c6c;
    text-decoration: underline;
  }
  .disclaimer,
  .footerLinks {
    color: #9f9f9f;
    text-transform: capitalize;
  }
  .footerLinks a:hover,
  .social-icons a:hover {
    color: #9eac43;
    transition: all 0.2s ease-in-out;
  }
}
#nav-secondary {
  background-color: #191919;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
#nav-secondary nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  text-align: center;
}
#nav-secondary img {
  width: 18px;
  height: 18px;
  display: block;
  margin: 0.9em auto;
}
#nav-secondary a {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  display: block;
  padding: 0.6em 0 1.5em;
}
#nav-secondary a.active {
  background-color: #9eac43;
}
@media only screen and (min-width: 1090px) {
  #nav-secondary {
    bottom: auto;
    top: 64.91px;
  }
  #nav-secondary nav {
    display: -ms-flexbox;
    display: flex;
    padding: 0 10em;
  }
  #nav-secondary img {
    display: none;
  }
  #nav-secondary a {
    padding: 1.2em 0;
    margin-right: 4em;
    font-size: 0.9em;
    transition: all 0.2s ease-in-out;
  }
  #nav-secondary a.active {
    background-color: inherit;
    color: #9eac43;
  }
  #nav-secondary a:hover {
    color: #9eac43;
  }
}
@media only screen and (min-width: 1090px) {
  #nav-secondary:lang(zh-CN) {
    top: 64.25px;
  }
}
@-webkit-keyframes a {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  to {
    opacity: 0;
    top: 29%;
  }
}
@keyframes a {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  to {
    opacity: 0;
    top: 29%;
  }
}
.scroll-btn {
  display: none;
}
@media only screen and (min-width: 1090px) {
  .scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
    z-index: 2;
  }
  .scroll-btn p {
    margin-left: -65px;
    text-transform: capitalize;
    color: #fff;
  }
}
.scroll-btn > * {
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #7f8c8d;
  color: #fff;
  font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.scroll-btn > .active,
.scroll-btn > :focus,
.scroll-btn > :hover {
  color: #fff;
}
.scroll-btn > .active,
.scroll-btn > :active,
.scroll-btn > :focus,
.scroll-btn > :hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.scroll-btn .mouse {
  position: relative;
  display: block;
  width: 35px;
  height: 55px;
  margin: 0 auto 20px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 23px;
}
.scroll-btn .mouse > * {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: a 2.5s linear infinite;
  animation: a 2.5s linear infinite;
}
#overlay {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.85);
}
#overlay .popup-alt {
  width: 85%;
  left: 50%;
  top: 54%;
  position: absolute;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

#overlay .popup-alt img {
  height: 58px;
  width: 205px;
  margin: 25px 0;
}

#overlay .popup-alt h2,
#overlay .popup-alt a {
  color: white;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "canada-type-gibson";
  letter-spacing: 1px;
  line-height: 25px;
}

#overlay .popup-alt h2:first-of-type {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 0;
}

#overlay .popup-alt h2:last-of-type {
  border-top: 1px solid #fff;
  padding-top: 15px;
  margin-bottom: 50px;
}

#overlay .popup-alt a {
  text-decoration: underline;
}

#overlay .button {
  border-radius: 26px;
  font-family: "canada-type-gibson";
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  color: #4d9399;
  padding: 15px 40px;
  transition: 300ms ease;
}

#overlay .button:hover {
  background-color: #f1f1f1;
}

#overlay .button--alt {
  background-color: transparent;
  color: #afb869;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 45px;
  font-weight: 100;
  padding: 15px 20px;
}

#overlay .button--alt:hover {
  opacity: 0.7;
  background-color: transparent;
}

.popup-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.outer {
  background: #fff;
  position: relative;
  display: block;
  max-width: 360px;
  height: 80%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 2px;
}
.close-btn {
  position: absolute;
  color: #fff;
  top: -30px;
  right: 0;
  font-size: 1.6em;
  cursor: pointer;
  z-index: 9999;
}
.close-btn:before {
  content: "CLOSE";
  margin-right: 8px;
  font-size: 16px;
  position: relative;
}
.popup {
  background: url(../../images/popup/popup.jpg) no-repeat top;
  background-size: cover;
  height: 100%;
}
.popup-img-container {
  position: relative;
}
.popup-img {
  width: 100%;
}
.popup-content {
  padding: 0.3em 1em;
  text-align: center;
}
.butterfly {
  width: 40%;
  margin: 0 auto;
}
.butterfly img {
  width: 100%;
}
.popup-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 18px;
}
.popup-desc {
  text-transform: none;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  margin: 1em 0;
}
.popup-desc .bold {
  font-weight: 700;
}
.btn-popup {
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.3);
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 1.2em 2.2em;
}
.condition {
  font-size: 14px;
  text-transform: none;
  color: #fff;
  margin: 1em 0;
}
@media only screen and (min-width: 769px) {
  .outer {
    height: 560px;
    max-width: 550px;
  }
  .popup-content {
    padding: 1em 2em;
  }
  .butterfly {
    width: 180px;
  }
  .popup-title {
    font-size: 1.6em;
  }
  .popup-desc {
    margin: 1.4em 0;
  }
  .btn-popup {
    font-size: 14px;
  }
  .condition {
    margin: 1.6em 0;
  }
}
@media only screen and (min-width: 986px) {
  .outer {
    height: 580px;
    max-width: 700px;
  }
  .popup-content {
    padding: 1.6em 5em;
  }
  .popup-title {
    font-size: 2em;
  }
}
#hero {
  padding-top: 59.94px;
}
#hero,
#hero .slick-list,
#hero .slick-track {
  height: 100%;
}
#hero .slick-disabled {
  display: none;
  pointer-events: none;
}
#hero .slick-dots {
  position: absolute;
  margin-left: 5%;
  bottom: 0.6em;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}
@media only screen and (min-width: 1090px) {
  #hero {
    padding-top: 66px;
  }
}
.hero-slider {
  height: calc(100% - 59.94px);
  position: fixed;
  top: 59.94px;
  width: 100%;
}
.slide {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  position: relative;
  z-index: 1;
}
.slide.animated {
  -webkit-transform: scale3d(1.07, 1.07, 1.07);
  transform: scale3d(1.07, 1.07, 1.07);
  position: relative;
  transition: all 9s ease;
  z-index: -10;
}
.slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.7));
  z-index: 1;
}
.title-slider {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.title-wrapper {
  display: none;
}
.title-wrapper .slick-slide {
  height: auto;
}
.title-wrapper.slick-initialized {
  display: block;
}
.hero-title,
.lead,
.swipe {
  padding: 0 5%;
  color: #fff;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
.lead {
  font-size: 1.2em;
}
@media only screen and (min-width: 1090px) {
  .lead {
    font-size: 2em;
  }
}
.hero-title {
  font-weight: 400;
  margin-bottom: 2.2em;
  font-size: 1rem;
  line-height: 1.2;
}
.hero-title span {
  color: #90ee90;
  font-weight: 700;
  font-size: 2.2rem;
  display: block;
}
@media only screen and (min-width: 768px) {
  .hero-title {
    font-size: 1.5rem;
    margin-bottom: 1.4em;
  }
  .hero-title span {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1090px) {
  .hero-title {
    font-size: 2rem;
    margin-bottom: 1.2em;
  }
  .hero-title span {
    font-size: 4rem;
  }
}
.hero-title:lang(zh-CN) {
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
.hero-title:lang(zh-CN) span {
  display: inline-block;
  margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
  .hero-title:lang(zh-CN) {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1090px) {
  .hero-title:lang(zh-CN) {
    font-size: 4rem;
  }
}
.swipe {
  display: inline-block;
  font-size: 15px;
  margin-left: 5%;
  padding: 0 0 1.4em;
}
.swipe:before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: 0.5em 0;
  background-color: hsla(0, 0%, 100%, 0.5);
}
.swipe:after {
  content: "";
  display: inline-block;
  position: relative;
  background: url(../images/icons/arrow-right.png) no-repeat;
  background-size: contain;
  margin-left: 0.6em;
  top: 7px;
  width: 18px;
  height: 18px;
}
.slider-1 {
  background: url(../images/hero/mobile-landing.jpg) no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media only screen and (min-width: 768px) {
  .slider-1 {
    background: url(../images/hero/landing.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
  }
}
.slider-2 {
  background: url(../images/hero/2.jpg) no-repeat;
  background-size: cover;
  background-position: bottom;
}
.slider-3 {
  background: url(../images/hero/3.jpg) no-repeat;
  background-size: cover;
  background-position: 80%;
}
.slider-4 {
  background: url(../images/hero/4.jpg) no-repeat;
  background-size: cover;
  background-position: 60% bottom;
}
.slider-5 {
  background: url(../images/hero/5.jpg) no-repeat;
  background-size: cover;
  background-position: top;
}
.slider-6 {
  background: url(../images/hero/6.jpg) no-repeat;
  background-size: cover;
  background-position: 60%;
}
.slider-7 {
  background: url(../images/hero/7.jpg) no-repeat;
  background-size: cover;
  background-position: bottom;
}
.slider-8 {
  background: url(../images/hero/8.jpg) no-repeat;
  background-size: cover;
  background-position: 45%;
}
.slider-9 {
  background: url(../images/hero/1.jpg) no-repeat;
  background-size: cover;
  background-position: 80%;
}
.masterplan-1 {
  background: url(../images/hero/8.jpg) no-repeat bottom;
  background-size: cover;
  display: block;
}
@media only screen and (min-width: 1090px) {
  .masterplan-1 {
    display: none;
  }
}
.masterplan-photo-1 {
  background: url(../images/asset/slide-1-1.jpg) no-repeat 100% 100%;
  background-size: cover;
}
.masterplan-photo-2 {
  background: url(../images/asset/shopping.jpg) no-repeat bottom;
  background-size: cover;
}
.masterplan-photo-3 {
  background: url(../images/asset/slide-1-2.jpg) no-repeat bottom;
  background-size: cover;
}
.masterplan-photo-4 {
  background: url(../images/asset/park.jpg) no-repeat bottom;
  background-size: cover;
}
.masterplan-photo-5 {
  background: url(../images/asset/ea.jpg) no-repeat 100% 100%;
  background-size: cover;
}
.masterplan-photo-6 {
  background: url(../images/asset/slide-1-4.jpg) no-repeat 100% 100%;
  background-size: cover;
}
.masterplan-photo-7 {
  background: url(../images/asset/slide-2-2.jpg) no-repeat bottom;
  background-size: cover;
}
.masterplan-photo-8 {
  background: url(../images/asset/sfu.jpg) no-repeat bottom;
  background-size: cover;
}
.transitmap img {
  width: 100%;
  margin-bottom: -2px;
}
#masterplan-section-2 {
  background-color: #e4ecdc;
  padding: 0 0 4em;
}
@media only screen and (min-width: 1090px) {
  #masterplan-section-2 {
    padding: 0 0 12em;
  }
}
.grid-sitemap {
  display: -ms-grid;
  display: grid;
}
@media only screen and (min-width: 1090px) {
  .grid-sitemap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }
}
.sitemap-container {
  position: relative;
}
@media only screen and (min-width: 1090px) {
  .sitemap-container {
    margin-right: 6em;
  }
}
.sitemap-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.sitemap-item.active {
  opacity: 1;
}
.sitemap-item img,
.sitemap img {
  width: 100%;
}
.marker-selector {
  margin: 1em 0 0;
}
.marker-selector span {
  display: inline-block;
  margin-left: 2.5em;
  line-height: 1.5;
}
@media only screen and (min-width: 1090px) {
  .marker-selector {
    width: 60%;
  }
}
.marker-desc {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2em;
  letter-spacing: 1px;
  color: #8f8f53;
  margin: 2em 0;
}
@media only screen and (min-width: 1090px) {
  .marker-desc {
    font-size: 1.4em;
  }
}
.marker {
  text-transform: capitalize;
  font-size: 1.4em;
  color: #9f9f9f;
  margin: 1em 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.marker:hover {
  color: #6c6c6c;
}
.marker:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 2em;
  margin-right: 16px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .marker {
    font-size: 1.6em;
  }
}
.marker.active {
  color: #6c6c6c;
  text-decoration: underline;
}
.marker-1.active:before {
  background-color: #eafd72;
}
.marker-2.active:before {
  background-color: #35bfdd;
}
.marker-3.active:before {
  background-color: #9f9f9f;
}
.marker-4.active:before {
  background-color: #fe8d3b;
}
.marker-5.active:before {
  background-color: #14fc6b;
}
#transit {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  figure:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  figure:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  figure:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  figure:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  figure:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  figure:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  figure:nth-child(7) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  figure:nth-child(8) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
}
@media only screen and (min-width: 1090px) {
  figure:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  figure:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  figure:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  figure:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  figure:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  figure:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  figure:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  figure:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
}
#map {
  width: 100%;
  height: 320px;
  background-color: grey;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1090px) {
  #map {
    height: 400px;
  }
}
.contact {
  margin: 4em 0;
}
.contact h2 {
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 1em;
}
.contact p,
.contact span {
  font-size: 1.2em;
}
.contact span {
  text-transform: capitalize;
  margin-bottom: 0.6em;
}
@media only screen and (min-width: 1090px) {
  .contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5em;
  }
  .contact .company-summary {
    width: 30%;
  }
}
.other-pc,
.view-map {
  color: #9eac43;
  text-transform: capitalize;
  text-decoration: underline;
  font-size: 1.2em;
}
.company-summary,
.office-hr,
.pc-location {
  margin-top: 3em;
}
#qr,
.pc-location {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
#qr {
  margin-top: 3em;
}
#qr .social-icons {
  margin-left: 0;
  margin-bottom: 1em;
}
#qr .social-icons a {
  margin-right: 0.6em;
  font-size: 1.6em;
  color: inherit;
}
#qr .social-icons a:hover {
  color: #9eac43;
}
#qr img {
  width: 190px;
}
#qr span {
  margin-top: 0.8em;
  font-size: 1em;
}
#qr a {
  margin-right: 0.4em;
  color: #2dc100;
}
.alert {
  color: red;
}
#contact .title {
  color: #9eac43;
  text-transform: capitalize;
  padding: 1.6em 0 0.4em;
}
@media only screen and (min-width: 768px) {
  #contact .title {
    padding: 0 0 0.4em;
  }
}
#pc .title {
  padding-top: 0.6em;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  #pc .title {
    padding-top: 0;
  }
}
.hours .title {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .social {
    padding-top: 3em;
  }
}
.social .title {
  text-align: left;
}
#contact span {
  display: block;
  text-transform: capitalize;
  line-height: 1.5;
}
#contact .grid {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 1090px) {
  #contact .grid {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
#contact .map {
  position: relative;
  height: 35vh;
}
@media only screen and (min-width: 1090px) {
  #contact .map {
    width: 50%;
    height: 100vh;
  }
}
@media only screen and (min-width: 1090px) {
  .pc-info {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .pc-info .main-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .pc-info .pc-c {
    width: 45%;
  }
}
.social-icons {
  padding-top: 0.5rem;
}
.social-icons a {
  margin-right: 1em;
  font-size: 1.2em;
}
#contact .hyperlink {
  display: block;
  margin: 1em 0;
  text-decoration: underline;
  color: #e79a6e;
}
.qr {
  width: 180px;
  margin: 1rem 0;
}
.wechat {
  color: #2cc100;
  margin-right: 0.4em;
}
@media only screen and (min-width: 768px) {
  .pc-alt {
    padding: 4em 0;
  }
}
@media only screen and (min-width: 1090px) {
  .pcs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.mini-container {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .mini-container {
    width: 80%;
  }
}
@media only screen and (min-width: 1090px) {
  .mini-container {
    width: 100%;
  }
}
.mini-container h2 {
  text-align: left;
}
.pc-container {
  margin: 1em 0 2em;
}
@media only screen and (min-width: 1090px) {
  .pc-container {
    margin: 1em 0;
  }
}
.pc-container h3 {
  font-size: 1.2em;
  font-weight: 700;
}
.link {
  text-transform: lowercase;
  text-decoration: underline;
  color: blue;
}
@media only screen and (min-width: 1090px) {
  .social-contact {
    margin-top: 1em;
  }
}
.gallery-stack {
  margin-bottom: 2em;
}
@media only screen and (min-width: 1090px) {
  .gallery-stack {
    margin-bottom: 6em;
  }
}
.grid {
  display: -ms-grid;
  display: grid;
}
@media only screen and (min-width: 768px) {
  .grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media only screen and (min-width: 1090px) {
  .grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
.gallery-stack h2 {
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: 700;
  text-transform: capitalize;
}
.gallery {
  margin: 1em 0 2em;
}
@media only screen and (min-width: 768px) {
  .gallery:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .gallery:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .gallery:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .gallery:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .gallery:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .gallery:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .gallery:nth-child(7) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
@media only screen and (min-width: 1090px) {
  .gallery:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .gallery:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .gallery:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .gallery:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .gallery:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .gallery:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .gallery:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
.overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.overlay img,
.overlay span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.overlay span {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  opacity: 0;
}
.overlay span,
.thumbnail {
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.thumbnail {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.gallery-item {
  overflow: hidden;
  position: relative;
  display: block;
}
@media only screen and (min-width: 1090px) {
  .gallery-item:hover .thumbnail {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    display: block;
  }
  .gallery-item:hover .overlay {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .gallery-item:hover span {
    opacity: 1;
  }
}
.caption {
  display: inline-block;
  padding: 0.6em 0;
  text-transform: capitalize;
}
@media only screen and (min-width: 1090px) {
  .caption {
    display: none;
  }
}
.overview-1 {
  background: url(../images/hero/9.jpg) no-repeat bottom;
  background-size: cover;
}
@media only screen and (min-width: 1367px) {
  .overview-1 {
    background-attachment: fixed;
  }
}

.overview-2 {
  position: relative;
}
.overview-2 img {
  width: 100%;
}
.overview-building {
  margin-bottom: 8em;
}
.point {
  position: absolute;
  color: #fff;
  padding: 0.3em 0.5em;
  background-color: #8f8f53;
  border: 1px solid #fff;
  border-radius: 2em;
  font-size: 0.8em;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .point {
    padding: 0.8em 1em;
    font-weight: 700;
    border: 2px solid #fff;
  }
}
@media only screen and (min-width: 1090px) {
  .point {
    font-size: 1.1em;
    box-shadow: 0 0 10px 1px #474747;
  }
  .point:after {
    font-weight: 400;
    position: absolute;
    display: block;
    background-color: #000;
    color: #fff;
    width: 250px;
    padding: 1em;
    margin-top: 1.8em;
    border-radius: 4px;
    left: -115px;
    line-height: 1.5;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
  .point:hover:after {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }
}
.point-1 {
  left: 56.5%;
  top: 43%;
}
@media only screen and (min-width: 1090px) {
  .point-1:after {
    content: "Double floor-to-ceiling corner sliding doors for a seamless transition between the indoors & outdoors (in select suites)";
  }
}
@media only screen and (min-width: 1090px) {
  .point-1:lang(zh-CN):after {
    content: "落地玻璃移门系统，将室内外空间巧妙地融为一体";
  }
}
.point-2 {
  right: 16%;
  bottom: 16%;
}
@media only screen and (min-width: 1090px) {
  .point-2:after {
    content: "Porcelain tiled balcony floors";
  }
}
@media only screen and (min-width: 1090px) {
  .point-2:lang(zh-CN):after {
    content: "瓷砖露台地面";
  }
}
.point-3 {
  right: 13%;
  top: 2%;
}
@media only screen and (min-width: 1090px) {
  .point-3:after {
    content: "Sleek balcony soffit panel system";
  }
}
@media only screen and (min-width: 1090px) {
  .point-3:lang(zh-CN):after {
    content: "美观的露台天花板";
  }
}
.point-4 {
  left: 36%;
  top: 8%;
}
@media only screen and (min-width: 1090px) {
  .point-4:after {
    content: "Inset radiant ceiling heaters for all-season enjoyment";
  }
}
@media only screen and (min-width: 1090px) {
  .point-4:lang(zh-CN):after {
    content: "天花内嵌式暖炉，全年户外舒适享受";
  }
}
.point-5 {
  right: 35%;
  top: 4%;
}
@media only screen and (min-width: 1090px) {
  .point-5:after {
    content: "Luminous LED ambient lighting";
  }
}
@media only screen and (min-width: 1090px) {
  .point-5:lang(zh-CN):after {
    content: "LED露台照明系统";
  }
}
.feature-list {
  margin-top: -2px;
  display: grid;
  display: -ms-grid;
  grid-gap: 2em;
  padding: 3em 1.4em;
  background-color: #fff;
}
@media only screen and (min-width: 1090px) {
  .feature-list {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: 1fr 1fr;
    grid-column-gap: 6em;
    padding: 6em 10em;
  }
}
.feature {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0.4em 0;
}
.feature p {
  line-height: 1.4;
}
.feature span {
  display: block;
  font-size: 0.8em;
  margin: 0.6em 0;
}
.feature span:before {
  content: "- ";
}
.feature:first-child {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.feature:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.feature:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.feature:nth-child(4) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.feature:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.feature:nth-child(6) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.feature:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.feature:nth-child(8) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
@media only screen and (min-width: 1090px) {
  .feature:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .feature:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .feature:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .feature:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .feature:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .feature:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .feature:nth-child(7) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .feature:nth-child(8) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
}
.feature-number {
  color: #fff;
  font-weight: 700;
  padding: 0.6em 0.8em;
  background-color: #8f8f53;
  border-radius: 100%;
  margin-right: 1em;
}
@media only screen and (min-width: 1090px) {
  .feature-number {
    padding: 1em 1.2em;
    margin-right: 1.2em;
  }
}
.building-grid {
  display: grid;
  display: -ms-grid;
}
@media only screen and (min-width: 1090px) {
  .building-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 6em;
  }
}
.building img {
  display: block;
  width: 100%;
}
.building-desc {
  padding: 3em 0;
}
@media only screen and (min-width: 1090px) {
  .grid-align-right {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
    grid-row: 2;
  }
}
@media only screen and (min-width: 1090px) {
  .grid-align-left {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 2;
  }
}
.amenity-1 {
  background: url(../images/asset/outdoor.jpg) no-repeat bottom;
  background-size: cover;
}
@media only screen and (min-width: 1090px) {
  .amenity-1 {
    background-attachment: fixed;
  }
}
.amenity-2 {
  background: url(../images/hero/10.jpg) no-repeat bottom;
  background-size: cover;
}
.amenity-3 {
  background: url(../images/asset/lobby.jpg) no-repeat bottom;
  background-size: cover;
}
.amenity-4 {
  background: url(../images/asset/ev.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-1 {
  background: url(../images/asset/girl.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-2 {
  background: url(../images/asset/pingpong2.jpg) no-repeat 80% bottom;
  background-size: cover;
}
.photo-3 {
  background: url(../images/asset/kid.jpg) no-repeat 0 100%;
  background-size: cover;
}
.photo-4 {
  background: url(../images/asset/dog.jpg) no-repeat 30% bottom;
  background-size: cover;
}
.photo-5 {
  background: url(../images/hero/4.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-6 {
  background: url(../images/asset/music.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-7 {
  background: url(../images/asset/gym.jpg) no-repeat 0 100%;
  background-size: cover;
}
.photo-8 {
  background: url(../images/asset/groom.jpg) no-repeat 100% 100%;
  background-size: cover;
}
.photo-9 {
  background: url(../images/asset/book.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-10 {
  background: url(../images/asset/pool.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-11 {
  background: url(../images/asset/yoga.jpg) no-repeat 0 100%;
  background-size: cover;
}
.photo-12 {
  background: url(../images/hero/5.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-13 {
  background: url(../images/asset/car.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-14 {
  background: url(../images/asset/elevator.jpg) no-repeat 50%;
  background-size: cover;
}
.photo-15 {
  background: url(../images/asset/shower.jpg) no-repeat bottom;
  background-size: cover;
}
.photo-16 {
  background: url(../images/asset/pingpong.jpg) no-repeat bottom;
  background-size: cover;
}
.p3-point-1 {
  left: 40%;
  top: 10%;
}
@media only screen and (min-width: 1090px) {
  .p3-point-1:after {
    content: "Pet Grooming Room";
  }
}
.p3-point-2 {
  left: 48.5%;
  top: 18%;
}
@media only screen and (min-width: 1090px) {
  .p3-point-2:after {
    content: "Elevators to Central Lobby and Parkade Levels";
  }
}
.p3-point-3 {
  right: 16%;
  top: 46%;
}
@media only screen and (min-width: 1090px) {
  .p3-point-3:after {
    content: "Outdoor Leisure Park";
  }
}
.p2-point-1 {
  left: 44.5%;
  bottom: 16%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-1:after {
    content: "Central Lobby";
  }
}
.p2-point-2 {
  right: 44%;
  bottom: 20%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-2:after {
    content: "Mail Room";
  }
}
.p2-point-2-2 {
  left: 36.5%;
  bottom: 20%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-2-2:after {
    content: "Mail Room";
  }
}
.p2-point-3 {
  left: 44.5%;
  bottom: 3%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-3:after {
    content: "Elevators to Amenities and Parkade Levels";
  }
}
.p2-point-4 {
  left: 29.4%;
  bottom: 16%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-4:after {
    content: "Games and Sports Lounge";
  }
}
.p2-point-5 {
  right: 38%;
  bottom: 16%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-5:after {
    content: "Entertainment Lounge";
  }
}
.p2-point-6 {
  left: 20%;
  bottom: 45%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-6:after {
    content: "Elevators to Hillside East Building C";
  }
}
.p2-point-7 {
  right: 26%;
  bottom: 45%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-7:after {
    content: "Elevators to Hillside East Building D";
  }
}
.p2-point-8 {
  left: 12%;
  bottom: 3%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-8:after {
    content: "Outdoor Terrace";
  }
}
.p2-point-8-2 {
  right: 21%;
  bottom: 8%;
}
@media only screen and (min-width: 1090px) {
  .p2-point-8-2:after {
    content: "Outdoor Terrace";
  }
}
.p1-point-1 {
  left: 15%;
  bottom: 20%;
}
@media only screen and (min-width: 1090px) {
  .p1-point-1:after {
    content: "Media/Music Room with Karaoke Equipment";
  }
}
.p1-point-2 {
  left: 22.5%;
  bottom: 22%;
}
@media only screen and (min-width: 1090px) {
  .p1-point-2:after {
    content: "Study Room";
  }
}
.p1-point-3 {
  left: 32%;
  bottom: 26%;
}
@media only screen and (min-width: 1090px) {
  .p1-point-3:after {
    content: "Multi-purpose Yoga and Ping Pong Room";
  }
}
.p1-point-4 {
  left: 48.5%;
  bottom: 28%;
}
@media only screen and (min-width: 1090px) {
  .p1-point-4:after {
    content: "3 Shuttle Elevators to Central Lobby and Parkade Levels";
  }
}
.p1-point-5 {
  right: 32%;
  bottom: 29%;
}
@media only screen and (min-width: 1090px) {
  .p1-point-5:after {
    content: "Fitness Centre";
  }
}
@media only screen and (min-width: 1090px) {
  .p3-point-1:lang(zh-CN):after {
    content: "宠物清洗室";
  }
}
@media only screen and (min-width: 1090px) {
  .p3-point-2:lang(zh-CN):after {
    content: "高速电梯从大堂直达停车楼层";
  }
}
@media only screen and (min-width: 1090px) {
  .p3-point-3:lang(zh-CN):after {
    content: "小区休闲公园";
  }
}
@media only screen and (min-width: 1090px) {
  .p1-point-1:lang(zh-CN):after {
    content: "配有卡拉OK设备的多媒体音乐室";
  }
}
@media only screen and (min-width: 1090px) {
  .p1-point-2:lang(zh-CN):after {
    content: "学习室";
  }
}
@media only screen and (min-width: 1090px) {
  .p1-point-3:lang(zh-CN):after {
    content: "多功能瑜伽和乒乓球室";
  }
}
@media only screen and (min-width: 1090px) {
  .p1-point-4:lang(zh-CN):after {
    content: "通往大堂及停车楼层电梯";
  }
}
@media only screen and (min-width: 1090px) {
  .p1-point-5:lang(zh-CN):after {
    content: "健身中心";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-1:lang(zh-CN):after {
    content: "中心大堂";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-2-2:lang(zh-CN):after,
  .p2-point-2:lang(zh-CN):after {
    content: "邮箱室";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-3:lang(zh-CN):after {
    content: "通往设施及停车楼层电梯";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-4:lang(zh-CN):after {
    content: "游戏室和运动休闲区";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-5:lang(zh-CN):after {
    content: "娱乐大厅";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-6:lang(zh-CN):after {
    content: "通往Hillside East C座电梯";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-7:lang(zh-CN):after {
    content: "通往Hillside East D座电梯";
  }
}
@media only screen and (min-width: 1090px) {
  .p2-point-8-2:lang(zh-CN):after,
  .p2-point-8:lang(zh-CN):after {
    content: "户外休憩平台";
  }
}
.feature-wrapper {
  background-color: #fff;
}
.level-name {
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 1.1em;
  padding: 2em 0 0;
}
@media only screen and (min-width: 768px) {
  .level-name {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1090px) {
  .level-name {
    font-size: 1.6em;
  }
}
.all-plans {
  text-align: center;
  display: block;
  margin: 1em 0;
  font-size: 1.1em;
  font-style: italic;
  text-decoration: underline;
}
.all-plans:before {
  content: "";
  display: inline-block;
  position: relative;
  bottom: -5px;
  background: url(../images/icons/pdf.png) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-right: 4px;
}
@media only screen and (min-width: 1090px) {
  .all-plans {
    font-size: 1.2em;
  }
}
.note {
  display: block;
  padding: 1em 0;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  #floorplan-wrapper {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1090px) {
  #floorplan-wrapper {
    max-width: 750px;
  }
}
.floorplan {
  background-color: #fff;
  padding: 4em 0 0;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 3em;
}
.floorplan-title {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1.4em;
}
@media only screen and (min-width: 768px) {
  .floorplan-title {
    font-size: 3em;
  }
}
.plan-wrapper {
  height: auto;
  overflow: hidden;
  padding: 0 10% 10%;
}
.plan-wrapper img {
  width: 100%;
  height: auto;
}
.specs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em;
  border-top: 1px solid #e8e8e8;
}
@media only screen and (min-width: 768px) {
  .specs {
    max-width: 100%;
    margin: 0 auto;
  }
}
.divider {
  height: 70px;
  width: 1px;
  background-color: #e8e8e8;
}
.spec-name span {
  text-transform: uppercase;
  display: block;
  padding: 1em 0;
  font-weight: 700;
  color: #9eac43;
}
@media only screen and (min-width: 768px) {
  .spec-name span {
    font-size: 1.2em;
  }
}
.spec-number span {
  display: block;
  padding: 1em 0;
  font-weight: 700;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .spec-number span {
    font-size: 1.2em;
  }
}
.interior-1 {
  background: url(../images/interior/living.jpg) no-repeat bottom;
  background-size: cover;
}
@media only screen and (min-width: 1090px) {
  .interior-1 {
    background-attachment: fixed;
  }
}
.interior-2 {
  background: url(../images/interior/bed.jpg) no-repeat 0 100%;
  background-size: cover;
}
.bath-1 {
  background: url(../images/interior/bath-0.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .bath-1 {
    grid-column: 2;
    grid-row: 1/3;
    -ms-grid-column: 2;
    -ms-grid-row: 1/3;
    height: 600px;
  }
}
.bath-2 {
  background: url(../images/interior/bath2.jpg) no-repeat 0 100%;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .bath-2 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
}
.bath-3 {
  background: url(../images/interior/bath3.jpg) no-repeat 100% 100%;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .bath-3 {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
}
.bath-4 {
  background: url(../images/interior/bathroom-1.gif) no-repeat 100% 100%;
  background-size: cover;
  height: 220px;
}
@media only screen and (min-width: 768px) {
  .bath-4 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
}
.bath-5 {
  background: url(../images/interior/bathroom-2.gif) no-repeat 100% 100%;
  background-size: cover;
  height: 220px;
}
@media only screen and (min-width: 768px) {
  .bath-5 {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
}
.gif {
  display: none;
}
@media only screen and (min-width: 1090px) {
  .gif {
    display: grid;
    display: -ms-grid;
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: 1fr 1fr;
    grid-gap: 2em;
    position: relative;
    margin-top: -6em;
  }
}
.kitchen-1 {
  background: url(../images/interior/kitchen.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .kitchen-1 {
    -ms-grid-column: 5/9;
    -ms-grid-row: 2;
    grid-column: 5/9;
    grid-row: 2;
    height: 600px;
  }
}
.kitchen-2 {
  background: url(../images/interior/kitchen2.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .kitchen-2 {
    grid-column: 1/9;
    -ms-grid-row: 1;
    grid-row: 1;
    height: 600px;
  }
}
.kitchen-3 {
  background: url(../images/interior/kitchen3.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .kitchen-3 {
    grid-column: 1/5;
    -ms-grid-row: 2;
    grid-row: 2;
    height: 360px;
  }
}
.kitchen-gif {
  display: none;
}
@media only screen and (min-width: 1090px) {
  .kitchen-gif {
    grid-column: 2/5;
    -ms-grid-row: 3;
    grid-row: 3;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
  }
}
.kitchen-4 {
  background: url(../images/interior/kitchen-1.gif) no-repeat bottom;
  background-size: cover;
  height: 210px;
}
.kitchen-6 {
  background: url(../images/interior/kitchen-2.gif) no-repeat bottom;
  background-size: cover;
  height: 210px;
}
.kitchen-5 {
  background: url(../images/interior/kitchen5.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .kitchen-5 {
    grid-column: 5/8;
    -ms-grid-row: 3;
    grid-row: 3;
    height: 430px;
  }
}
.bed-1 {
  background: url(../images/interior/bedroom.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .bed-1 {
    grid-column: 1/3;
    -ms-grid-row: 1;
    grid-row: 1;
    height: 500px;
  }
}
.bed-2 {
  background: url(../images/interior/bedroom2.jpg) no-repeat bottom;
  background-size: cover;
  height: 400px;
}
@media only screen and (min-width: 768px) {
  .bed-2 {
    grid-column: 2/3;
    -ms-grid-row: 2;
    grid-row: 2;
    height: 600px;
  }
}
.bed-3 {
  background: url(../images/asset/washer.jpg) no-repeat bottom;
  background-size: cover;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .bed-3 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    height: 440px;
  }
}
.smart-1 {
  background: url(../images/asset/geo.jpg) no-repeat bottom;
  background-size: cover;
  width: 100%;
  height: 400px;
}
@media only screen and (min-width: 768px) {
  .smart-1 {
    height: 500px;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
}
.smart-2 {
  background: url(../images/asset/smoothie.jpg) no-repeat bottom;
  background-size: cover;
  width: 100%;
  height: 320px;
}
@media only screen and (min-width: 768px) {
  .smart-2 {
    height: 380px;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
}
#view {
  position: fixed;
  top: 59.94px;
  bottom: 68.55px;
  width: 100%;
}
#view a h1,
#view a h2 {
  color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1090px) {
  #view {
    position: relative;
    top: inherit;
    bottom: inherit;
    margin-top: 103.97px;
    height: calc(100vh - 103.97px);
  }
}
.view-bg,
.view-content.active,
.view-controller {
  position: relative;
  height: 100%;
}
.view-bg:before {
  content: "";
  background: url(../../images/view/viewbg.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.view-controller {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
}
.view-controller,
.view-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.view-link {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in-out;
}
.view-link:first-child,
.view-link:nth-child(2) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.7);
}
.view-link:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.view-content {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.view-content.active {
  opacity: 1;
}
.back-btn {
  position: absolute;
  padding: 1em 1.2em;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  display: inline-block;
  margin-top: 2em;
  margin-left: 2em;
  font-size: 1.1em;
  color: #fff;
}
.back-btn:hover {
  background-color: #000;
  transition: all 0.3s ease-in-out;
}
.pano {
  height: 100%;
}
.pano-1 {
  background: url(../images/view/15.jpg);
  background-size: cover;
}
.pano-2 {
  background: url(../images/view/36.jpg);
  background-size: cover;
}
.pano-3 {
  background: url(../images/view/54.jpg);
  background-size: cover;
}
.promo-background-color {
  background-color: #fbfbfb;
}
.promo-image-container {
  overflow: hidden;
}
.promo-image {
  background: url(../images/promo/bear.jpg) no-repeat 50%;
  background-size: cover;
  height: 65vh;
  position: relative;
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  cursor: pointer;
}
.promo-image:after {
  content: "";
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.promo-image:before {
  content: "";
  position: absolute;
  background: url(../images/icons/play-button.png) no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (min-width: 1090px) {
  .promo-image {
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
  }
}
.border-bottom,
.border-top {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: #fbfbfb;
  background: url(../images/promo/border.png) 0;
  background-size: contain;
  z-index: 100;
}
.border-top {
  top: 0;
}
.border-bottom {
  bottom: calc(100% - 65vh);
}
@media only screen and (min-width: 1090px) {
  .border-bottom {
    bottom: 0;
  }
}
.sign {
  position: absolute;
  background: url(../images/promo/sign.png) no-repeat 50%;
  background-size: contain;
  display: none;
  bottom: 20px;
  left: 6em;
  width: 220px;
  height: 190px;
  z-index: 1;
}
@media only screen and (min-width: 1090px) {
  .sign {
    display: block;
  }
}
.ted {
  background: url(../images/promo/ted.png) no-repeat;
  background-size: cover;
  position: relative;
  width: 150px;
  height: 170px;
  margin: 5em auto 0;
}
.ted:after {
  content: "";
  position: absolute;
  background: url(../images/promo/bubble.svg) no-repeat;
  background-size: cover;
  width: 100px;
  height: 65px;
  left: 110px;
  top: -20px;
}
@media only screen and (min-width: 768px) {
  .ted {
    width: 200px;
    height: 230px;
    margin: 8em auto 0;
  }
  .ted:after {
    width: 140px;
    height: 90px;
    left: 160px;
    top: -20px;
  }
}
@media only screen and (min-width: 1090px) {
  .ted {
    width: 280px;
    height: 320px;
    margin: 14em auto 0;
  }
  .ted:after {
    width: 220px;
    height: 140px;
    left: 220px;
    top: -50px;
  }
}
#promo h1 {
  font-family: Abril Fatface, cursive;
  font-size: 2rem;
  text-align: center;
}
#promo h1 span {
  font-size: 4rem;
  color: #d0021b;
}
@media only screen and (min-width: 1090px) {
  #promo h1 {
    font-size: 48px;
  }
  #promo h1 span {
    font-size: 96px;
  }
}
.promo-title {
  margin-top: 0.5em;
  line-height: 1.3;
}
#promo .sub-title {
  text-align: center;
  font-size: 1rem;
  margin: 1em 0;
  color: #6c6c6c;
  font-style: italic;
}
@media only screen and (min-width: 1090px) {
  #promo .sub-title {
    font-size: 24px;
  }
}
.rule {
  display: -ms-flexbox;
  display: flex;
  margin: 1.6em 0;
}
.promo-content {
  margin: 5em 0;
}
.promo-content h2 {
  font-size: 1rem;
  font-weight: 700;
}
.promo-content a,
.promo-content p {
  font-size: 14px;
  color: #6c6c6c;
}
.promo-content a {
  color: #d0021b;
  text-decoration: underline;
}
.promo-content span {
  display: block;
  margin: 1em 0 0;
  font-style: italic;
}
.promo-content span:nth-child(4) {
  color: #9f9f9f;
}
@media only screen and (min-width: 768px) {
  .promo-content {
    padding: 2em 8em;
  }
  .promo-content h2 {
    font-size: 18px;
  }
  .promo-content a,
  .promo-content p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1090px) {
  .promo-content {
    padding: 4em 12em;
  }
  .promo-content h2 {
    font-size: 22px;
  }
  .promo-content a,
  .promo-content p {
    font-size: 20px;
  }
}
.hl {
  font-weight: 700;
  color: #474747;
}
.terms {
  margin-top: 4em;
}
.condition {
  line-height: 1.5;
}
.promo-footer .logo {
  display: block;
  width: 160px;
  margin: 0 auto;
}
.promo-footer .logo img {
  width: 100%;
}
.promo-footer .footerLinks {
  margin: 3em 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.promo-footer .footerLinks a {
  color: #6c6c6c;
  padding: 0;
  margin: 0 0.4em;
}
@media only screen and (min-width: 1090px) {
  .promo-footer .logo {
    width: 200px;
  }
  .promo-footer .footerLinks {
    margin: 4em 0;
  }
  .promo-footer .footerLinks a {
    margin: 0 1em;
  }
  .promo-footer .footerLinks a:hover {
    color: #9eac43;
  }
}
.footer-graphic img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .footer-graphic img:first-child {
    display: none;
  }
}
.footer-graphic img:nth-child(2) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .footer-graphic img:nth-child(2) {
    display: block;
  }
}
/*# sourceMappingURL=main.css.map */