.bg-red {
  background: #E00003; }

.bg-grey {
  background: #636569; }

.bg-xlgrey {
  background: #eaeaea; }

.bg-white {
  background: white; }

.bg-black {
  background: black; }

.row.bg-xlgrey img {
  margin-bottom: -4px;
  margin-right: -15px; }

.ft-white {
  color: white; }

@font-face {
  font-family: 'fraktionsans-blackregular';
  src: url("fonts/fraktionsans-black-webfont.woff2") format("woff2"), url("fonts/fraktionsans-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-blackitalicRg';
  src: url("fonts/fraktionsans-blackitalic-webfont.woff2") format("woff2"), url("fonts/fraktionsans-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-boldregular';
  src: url("fonts/fraktionsans-bold-webfont.woff2") format("woff2"), url("fonts/fraktionsans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-bolditalicRg';
  src: url("fonts/fraktionsans-bolditalic-webfont.woff2") format("woff2"), url("fonts/fraktionsans-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-lightregular';
  src: url("fonts/fraktionsans-light-webfont.woff2") format("woff2"), url("fonts/fraktionsans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-lightitalicRg';
  src: url("fonts/fraktionsans-lightitalic-webfont.woff2") format("woff2"), url("fonts/fraktionsans-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-mediumregular';
  src: url("fonts/fraktionsans-medium-webfont.woff2") format("woff2"), url("fonts/fraktionsans-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-mediumitalicRg';
  src: url("fonts/fraktionsans-mediumitalic-webfont.woff2") format("woff2"), url("fonts/fraktionsans-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-regularregular';
  src: url("fonts/fraktionsans-regular-webfont.woff2") format("woff2"), url("fonts/fraktionsans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fraktionsans-regularitalicRg';
  src: url("fonts/fraktionsans-regularitalic-webfont.woff2") format("woff2"), url("fonts/fraktionsans-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*---------
---- VARIABLES
-----------*/
/*---------
---- TYPOGRAPHY
-----------*/

.uppercase {
  text-transform: uppercase; }

.font-label-above {
  font-family: "fraktionsans-lightregular", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 200;
  margin-bottom: 10px; }
  .font-label-above.strong {
    font-weight: 600; }

.font-upper-text {
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: "fraktionsans-lightregular", sans-serif;
  font-weight: 200; }
  @media (max-width: 767px) {
    .font-upper-text {
      font-size: 24px;
      letter-spacing: 0.5px; } }
  .font-upper-text.thin {
    font-weight: 200;
    font-family: "fraktionsans-lightregular", sans-serif; }
  .font-upper-text b, .font-upper-text.strong {
    font-family: "fraktionsans-boldregular", sans-serif; }
  .font-upper-text.label {
    font-weight: 600;
    font-size: 14px;
    font-family: "fraktionsans-boldregular", sans-serif; }
  .font-upper-text.title {
    font-family: "fraktionsans-boldregular", sans-serif; }

.font-stations {
  font-size: 12px;
  text-transform: uppercase;
  margin: 12px 0;
  font-family: "fraktionsans-boldregular", sans-serif;
  font-weight: 600; }

.min {
  font-weight: 300 !important;
  margin-bottom: 10px;
  margin-top: -14px;
  text-transform: normal;
  color: black;
  font-size: 18px;
  font-family: "brandon-grotesque", sans-serif; }

h1, h2, h3, h4 {
  font-family: "fraktionsans-boldregular", sans-serif !important; }

h5 {
  font-family: "fraktionsans-boldregular", sans-serif !important;
  font-size: 20px !important;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 40px; }

@media (max-width: 767px) {
  ul:not(.menu):not(.slick-dots) {
    margin-left: 0; } }

ul:not(.menu):not(.slick-dots) li {
  font-family: "fraktionsans-regularregular", sans-serif;
  color: #636569;
  line-height: 26px;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-bottom: 8px; }
  @media (min-width: 1800px) {
    ul:not(.menu):not(.slick-dots) li {
      font-size: 22px !important;
      line-height: 32px; } }
  @media (max-width: 767px) {
    ul:not(.menu):not(.slick-dots) li {
      font-size: 14px;
      list-style: none;
      margin-bottom: 4px; } }

p {
  font-family: "brandon-grotesque", sans-serif;
  color: black;
  line-height: 26px;
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: 200; }
  @media (max-width: 767px) {
    p {
      font-weight: 400; } }
  @media (max-width: 767px) {
    p {
      font-size: 16px;
      letter-spacing: 0.5px; } }
  p a.link {
    color: #E00003; }
    p a.link:visited {
      color: #E00003; }
  @media (max-width: 1023px) {
    p br {
      display: none; } }
  @media (min-width: 1800px) {
    p {
      font-size: 22px;
      line-height: 32px;
      letter-spacing: 0.8px; } }
  p.small {
    font-size: 12px; }
  p.strong {
    font-family: "fraktionsans-boldregular", sans-serif !important; }
  p a {
    color: black; }
  p.paragraph-override {
    font-family: "fraktionsans-lightregular", sans-serif; }
    p.paragraph-override a {
      font-family: "fraktionsans-boldregular", sans-serif;
      color: black;
      text-decoration: none;
      padding-top: 30px; }
    p.paragraph-override img {
      display: inline-block;
      margin-left: 10px;
      position: absolute;
      margin-top: 5px; }

.paragraph-override.strong {
  font-family: "fraktionsans-boldregular", sans-serif !important; }

.contacts p {
  font-size: 14px; }

.caption {
  padding: 12px 0px 0 0;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-family: "fraktionsans-boldregular", sans-serif;
  text-transform: uppercase;
  color: black; }
  @media (max-width: 767px) {
    .caption {
      margin-left: 15px;
      font-size: 12px; } }
  @media (min-width: 1800px) {
    .caption {
      font-size: 18px;
      letter-spacing: 0.8px; } }

.font-18 {
  font-size: 18px !important; }

.font-16 {
  font-size: 16px !important; }

.caption-col {
  padding: 0px 0;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-family: "fraktionsans-regularregular", sans-serif;
  color: #636569; }
  @media (min-width: 1800px) {
    .caption-col {
      font-size: 28px;
      letter-spacing: 0.8px; } }

h1, .ft-xlarge {
  font-size: 88px;
  line-height: 88px;
  font-weight: 200;
  font-family: "fraktionsans-boldregular", sans-serif; }
  h1 small, .ft-xlarge small {
    font-size: 88px;
    line-height: 88px;
    display: block; }
  @media (max-width: 1199px) {
    h1, .ft-xlarge {
      font-size: 68px;
      line-height: 68px; }
      h1 small, .ft-xlarge small {
        font-size: 68px;
        line-height: 68px; } }
  @media (max-width: 1023px) {
    h1, .ft-xlarge {
      font-size: 48px;
      line-height: 48px; }
      h1 small, .ft-xlarge small {
        font-size: 48px;
        line-height: 48px; } }
  @media (max-width: 767px) {
    h1, .ft-xlarge {
      font-size: 44px;
      line-height: 50px;
      padding: 0 15px; }
      h1 small, .ft-xlarge small {
        font-size: 44px;
        line-height: 50px; } }
  @media (min-width: 1800px) {
    h1, .ft-xlarge {
      font-size: 78px;
      line-height: 88px; }
      h1 small, .ft-xlarge small {
        font-size: 78px;
        line-height: 88px; } }
  h1 p, .ft-xlarge p {
    font-size: 88px;
    line-height: 88px;
    font-family: "fraktionsans-boldregular", sans-serif !important;
    color: white !important; }
    @media (max-width: 767px) {
      h1 p, .ft-xlarge p {
        font-size: 48px;
        line-height: 48px; } }

.h1-wrapper {
  z-index: 999999999999; }
  .h1-wrapper span {
    color: white !important;
    padding: 0 15px; }

h2 {
  font-size: 64px;
  font-weight: 200; }
  @media (max-width: 1199px) {
    h2 {
      font-size: 44px; } }
  @media (max-width: 1023px) {
    h2 {
      font-size: 34px; } }
  @media (min-width: 1800px) {
    h2 {
      font-size: 88px; } }

h3 {
  font-size: 34px;
  font-family: "fraktionsans-boldregular", sans-serif;
  font-weight: 100; }
  @media (max-width: 1199px) {
    h3 {
      font-size: 28px; } }
  @media (max-width: 1023px) {
    h3 {
      font-size: 24px; } }
  @media (min-width: 1800px) {
    h3 {
      font-size: 64px; } }

.ft-large {
  font-size: 64px;
  line-height: 80px;
  font-weight: 200;
  font-family: "fraktionsans-boldregular", sans-serif; }
  @media (max-width: 1199px) {
    .ft-large {
      font-size: 54px;
      line-height: 54px; } }
  @media (max-width: 1023px) {
    .ft-large {
      font-size: 44px;
      line-height: 44px; } }
  @media (min-width: 1800px) {
    .ft-large {
      font-size: 68px;
      line-height: 80px; } }

.ft-medium {
  font-size: 32px;
  line-height: 42px;
  font-weight: 200;
  font-family: "fraktionsans-boldregular", sans-serif; }
  @media (max-width: 1199px) {
    .ft-medium {
      font-size: 28px;
      line-height: 32px; } }
  @media (max-width: 1023px) {
    .ft-medium {
      font-size: 24px;
      line-height: 28px; } }
  @media (min-width: 1800px) {
    .ft-medium {
      font-size: 44px;
      line-height: 58px; } }

.ft-small-upper {
  font-size: 16px;
  font-weight: 200;
  font-family: "fraktionsans-regularregular", sans-serif;
  color: #636569;
  letter-spacing: 1.5px;
  text-transform: uppercase; }
  @media (min-width: 1800px) {
    .ft-small-upper {
      font-size: 32px;
      line-height: 38px; } }

.ft-font {
  font-family: "fraktionsans-regularregular", sans-serif;
  color: #636569;
  line-height: 26px;
  font-size: 16px; }
  @media (max-width: 1199px) {
    .ft-font {
      font-size: 16px;
      line-height: 24px; } }
  @media (min-width: 1800px) {
    .ft-font {
      font-size: 32px;
      line-height: 42px; } }

/*---------
---- ADDITIONAL PADDING
-----------*/
.padding-text {
  padding: 0 10%; }
  @media (max-width: 767px) {
    .padding-text {
      padding: 0 0%; } }

/*---------
---- COLOURS
-----------*/
.ft-red {
  color: #E00003; }

.ft-grey {
  color: #636569 !important; }

.ft-dgrey {
  color: #181F2F !important; }

.ft-white {
  color: #fff; }

/*---------
---- FONT WEIGHT
-----------*/
.fw-bold {
  font-weight: 900; }

.fw-medium {
  font-weight: 600; }

.fw-normal {
  font-weight: 400; }

.fw-light {
  font-weight: 200; }

/*---------
---- ALIGNS
-----------*/
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

@media (max-width: 767px) {
  .mobile-center {
    text-align: center !important; }
  img.mobile-center {
    margin: 0 auto;
    text-align: center !important; }
  .mobile-left {
    text-align: left !important; }
  .mobile-right {
    text-align: right !important; } }

.float-right {
  float: right; }

.float-left {
  float: left; }

/*---------
---- LINKS
-----------*/
a.normal-link {
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px; }

@keyframes moveBorderGradient {
  0% {
    border-image: linear-gradient(to right, #F0B994, #D9BDFF) 1; }
  50% {
    border-image: linear-gradient(to right, #D9BDFF, #F0B994) 1; }
  100% {
    border-image: linear-gradient(to right, #F0B994, #D9BDFF) 1; } }

@keyframes moveGradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInBack {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOutBack {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes bounce-4 {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(1.1, 0.9) translateY(0); }
  30% {
    transform: scale(0.9, 1.1) translateY(-20px); }
  50% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@media (max-width: 767px) {
  .caption {
    margin-left: 0; }
  .slide-full-items .caption {
    margin-left: 15px; }
  .underground {
    min-width: 100%;
    margin-top: 10px; }
  .title {
    text-align: left; }
  .mob-flex-override {
    justify-content: left !important; }
  .mob-right {
    text-align: right !important; }
    .mob-right .open-gallery, .mob-right .open-floorplan {
      float: right; }
  .mob-center {
    text-align: center; }
    .mob-center .button:after {
      margin: 0 auto; }
  .mob-order.order-1 {
    order: 1; }
  .mob-order.order-2 {
    order: 2; }
  .mob-no-pad {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .mob-m-bottom-20 {
    margin-bottom: 20px; }
  .mob-m-bottom-80 {
    margin-bottom: 80px; }
  .mob-m-top-0 {
    margin-top: 0;
    padding-top: 0 !important; }
  .mob-m-top-20 {
    margin-top: 20px !important; }
  .mob-m-top-50 {
    margin-top: 50px; } }

.bg-white-fade {
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute !important;
  z-index: 999;
  padding: 15vh 0 !important; }

.bg-fadein {
  opacity: 1 !important;
  animation: fadeIn 6s linear ease-in; }

.bg-grey {
  background: #eaeaea;
  display: none; }

/*
background-size: 400% 400%;
				animation: moveGradient 8s alternate infinite;
				*/
html {
  scroll-behavior: smooth; }

#cookie-law-info-bar {
  background: linear-gradient(270deg, #f5fdac 0%, #e3f4da 100%) !important;
  z-index: 9999999999; }

.bg-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 1s;
  display: none; }
  .bg-gradient-one {
    background: url("../img/bgs/one.png") repeat-y center center; background-size: 100%;}
    .bg-gradient-one.active {
      display: block; }
    .bg-gradient-one.fadeOut {
      animation: fadeOutBack 2s;
      opacity: 0; }
  .bg-gradient-two {
    background: url("../img/bgs/two.png") repeat-y center center; background-size: 100%;}
    .bg-gradient-two.active {
      display: block; }
    .bg-gradient-two.fadeOut {
      animation: fadeOutBack 2s;
      opacity: 0; }
    .bg-gradient-two.now {
      animation: fadeInBack 0.001s;
      display: block; }
  .bg-gradient-three {
    background: url("../img/bgs/three.png") repeat-y center center; background-size: 100%;}
    .bg-gradient-three.active {
      display: block; }
    .bg-gradient-three.fadeOut {
      animation: fadeOutBack 2s;
      opacity: 0; }
    .bg-gradient-three.now {
      animation: fadeInBack 0.001s;
      display: block; }
  .bg-gradient-four {
    background: url("../img/bgs/four.png") repeat-y center center; background-size: 100%;}
    .bg-gradient-four.active {
      display: block; }
    .bg-gradient-four.fadeOut {
      animation: fadeOutBack 2s;
      opacity: 0; }
    .bg-gradient-four.now {
      animation: fadeInBack 0.001s;
      display: block; }
  .bg-gradient-five {
    background: url("../img/bgs/five.png") repeat-y center center; background-size: 100%;}
    .bg-gradient-five.active {
      display: block; }
    .bg-gradient-five.fadeOut {
      animation: fadeOutBack 2s;
      opacity: 0; }
    .bg-gradient-five.now {
      animation: fadeInBack 0.001s;
      display: block; }

.border-gradient {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 20px;
  position: absolute;
  z-index: 999;
  border-width: 13px;
  border-style: solid;
  border-image: linear-gradient(to right, #F0B994, #D9BDFF) 1;
  animation: moveBorderGradient 8s alternate infinite; }
  @media (max-width: 767px) {
    .border-gradient {
      border-width: 5px 5px 5px 5px; z-index:1 !important; } }

.border-top-black {
  border-top: 1px solid black; }

.button-availability {
  padding-top: 20px;
  font-family: "fraktionsans-boldregular", sans-serif;
  font-weight: 100;
  font-size: 18px;
  cursor: pointer;
  transition: 1s all;
  position: relative; }
  .button-availability.active {
    font-family: "fraktionsans-boldregular", sans-serif;
    font-weight: 600; }
    .button-availability.active:after {
      opacity: 1; }
  .button-availability:hover {
    font-family: "fraktionsans-boldregular", sans-serif;
    font-weight: 600; }
    .button-availability:hover:after {
      opacity: 1; }
  .button-availability:after {
    content: '';
    margin-top: 10px;
    height: 2px;
    background: black;
    width: 80px;
    opacity: 0;
    transition: 1s all;
    display: block; }

.button a {
  text-decoration: none; }

.button .btn {
  border: 3px solid black;
  font-family: "fraktionsans-boldregular", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
  padding: 7px 30px 7px 30px;
  background-color: transparent;
  transition: 1s all;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  width: auto;
  margin-top: 36px; }
  .button .btn:hover, .button .btn.active {
    background-color: #000;
    color: white; }
  .button .btn-white {
    color: #fff;
    border: 3px solid white; }
  .button .btn--download {
    background: url("../img/icons/download.svg") left 10px center no-repeat; }
    .button .btn--download:hover {
      background: #000 url("../img/icons/download-white.svg") left 5px center no-repeat !important;
      color: white; }

.button .btn .wp-block-button__link {
  padding: 0px;
  font-size: 16px;
  background-color: transparent;
  color: black;
}
.button .btn:hover .wp-block-button__link {
  color: #fff;
}


.cli-plugin-button {
  margin: 0 10px !important; }

.cli-bar-btn_container {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center; }

.cli-plugin-button {
  border: 3px solid black;
  font-family: "fraktionsans-boldregular", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
  padding: 7px 30px 7px 30px;
  margin: 20px auto;
  background-color: transparent;
  transition: 1s all;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  width: auto; }
  .cli-plugin-button:hover, .cli-plugin-button.active {
    background-color: #000;
    color: white; }

.buttons {
  position: absolute;
  bottom: 60px;
  left: 20px;
  z-index: 99999; }
  @media (max-width: 767px) {

.wp-block-buttons.button {
  gap: 0 !important;
}

    .buttons {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 99999999999;
      margin-top: 30px;
      height: 250px; } }
  .buttons .btn {
    border: 3px solid black;
    font-family: "fraktionsans-boldregular", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    color: black;
    padding: 7px 50px 7px 50px;
    margin-bottom: 10px;
    background-color: white;
    transition: 1s all;
    cursor: pointer;
    text-align: center; }
    @media (max-width: 767px) {
      .buttons .btn {
        margin: 2%;
        width: 46%;
        float: left; } }
    .buttons .btn:hover, .buttons .btn.active {
      background-color: black;
      fill: white;
      color: white; }
    .buttons .btn--culture {
      background: #fff url("../img/icons/icon_culture.svg") left 10px center no-repeat; }
      .buttons .btn--culture:hover, .buttons .btn--culture.active {
        background: #000 url("../img/icons/icon_culture_white.svg") left 10px center no-repeat; }
    .buttons .btn--health {
      background: #fff url("../img/icons/icon_fitness.svg") left 10px center no-repeat; }
      .buttons .btn--health:hover, .buttons .btn--health.active {
        background: #000 url("../img/icons/icon_fitness_white.svg") left 10px center no-repeat; }
    .buttons .btn--retail {
      background: #fff url("../img/icons/icon_shopping.svg") left 10px center no-repeat; }
      .buttons .btn--retail:hover, .buttons .btn--retail.active {
        background: #000 url("../img/icons/icon_shopping_white.svg") left 10px center no-repeat; }
    .buttons .btn--restaurants {
      background: #fff url("../img/icons/icon_cafe.svg") left 10px center no-repeat; }
      .buttons .btn--restaurants:hover, .buttons .btn--restaurants.active {
        background: #000 url("../img/icons/icon_cafe_white.svg") left 10px center no-repeat; }
    .buttons .btn--transport {
      background: #fff url("../img/icons/icon_transport.svg") left 10px center no-repeat; }
      .buttons .btn--transport:hover, .buttons .btn--transport.active {
        background: #000 url("../img/icons/icon_transport_white.svg") left 10px center no-repeat; }

.flex-center {
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: flex; }

.flex-align-left {
  align-content: center;
  justify-content: left;
  justify-items: center;
  display: flex;
  padding: 0 0 !important; }
  .flex-align-left img {
    margin-top: 5vh; }
    @media (max-width: 767px) {
      .flex-align-left img {
        margin-top: 0; } }

.flex-top {
  align-content: center;
  justify-content: center;
  justify-items: center;
  display: flex; }

.flex-align-center {
  align-items: center;
  display: flex; }
  .flex-align-center > div {
    width: 100%; }

.flex-align-bottom {
  display: flex; }
  .flex-align-bottom p {
    align-self: flex-end; }
  .flex-align-bottom > div {
    width: 100%; }

.flex-category {
  display: flex;
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 25px;
  margin-bottom: 25px; }
  @media (max-width: 767px) {
    .flex-category {
      padding-bottom: 25px;
      padding-top: 25px; } }
  .flex-category div {
    flex: 1; }

.flex-wrap-up {
  min-height: 260px; }
  .flex-wrap-up .flex-bottom {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    display: flex; }
  .flex-wrap-up .flex-top {
    align-items: top;
    align-content: top;
    justify-content: top; }

@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

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

@media (min-width: 576px) {
  .container {
    max-width: 540px; } }

@media (min-width: 767px) {
  .container {
    max-width: 720px; } }

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

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }

@media (min-width: 1800px) {
  .container {
    max-width: 1840px; } }

.x-pad {
  padding: 0 30px; }
  .x-pad-left {
    padding: 0 0 0 30px; }
    @media (max-width: 767px) {
      .x-pad-left {
        padding: 0 0 0 0 !important; } }

@media (max-width: 767px) {
  .mobile-hide {
    display: none; } }

.desktop-hide {
  display: none; }
  @media (max-width: 767px) {
    .desktop-hide {
      display: block; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative; }
  .container-fluid > .row-fluid {
    margin-left: 0px;
    margin-right: 0px; }

.no-pad {
  padding-right: 0px !important;
  padding-left: 0px !important; }
  .no-pad-x {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: -30px; }
    @media (max-width: 767px) {
      .no-pad-x {
        padding-right: 10px !important;
        padding-left: 10px !important;
        margin-left: 0px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  @media (max-width: 767px) {
    .row {
      margin-right: 0px;
      margin-left: 0px; } }
  .row.spacer {
    height: 160px; }
    @media (max-width: 767px) {
      .row.spacer {
        height: 80px; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 767px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 767px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 767px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.hero-logo {
  max-width: 420px;
  width: 80%;
  margin: 0 auto; }

.hero-holding {
  height: 100vh;
  background: #000;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .hero-holding {
      height: 85vh;
		position: relative;
    	z-index: 0;
	  } }
  .hero-holding-full {
    height: 100%;
    padding: 0; }
    .hero-holding-full img {
      width: 100%; }
  .hero-holding .background-image {
    background-size: cover !important;
    background-position: center center !important;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh; }
    @media (max-width: 767px) {
      .hero-holding .background-image {
        height: 85vh; } }
  .hero-holding #videoHero {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.7; }
  .hero-holding .arrow-down {
    background: url(../img/icons/arrow-down.svg) no-repeat center center;
    position: absolute;
    animation-name: bounce-4;
    animation-timing-function: ease;
    width: 100%;
    height: 50px;
    bottom: 20px;
    margin-bottom: 50px;
    left: 0;
    z-index: 99999;
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite; }
  .hero-holding .button {
    max-width: 270px;
    margin: 0 auto;
    text-align: center;
    z-index: 99999999;
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .hero-holding .h1-wrapper {
    width: auto;
    text-align: center;
    margin: 0 auto;
    color: white;
    font-family: "fraktionsans-boldregular", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px; }
    .hero-holding .h1-wrapper h1 {
      text-align: center; }
    .hero-holding .h1-wrapper span {
      font-size: 20px;
      font-weight: 200;
      font-family: "fraktionsans-lightregular", sans-serif; }

.tabs li {
  display: inline-block;
  list-style: none;
  padding-right: 20px;
  cursor: pointer;
  color: black !important;
  transition: 1s all;
  font-size: 16px !important;
  letter-spacing: 1px !important; }
  @media (max-width: 767px) {
    .tabs li {
      padding: 0 7px !important;
      font-size: 14px !important; }
      .tabs li:first-child {
        padding: 0 7px 0 0 !important; } }
  .tabs li.active, .tabs li:hover {
    font-weight: 00; }
    .tabs li.active:after, .tabs li:hover:after {
      opacity: 1; }
  .tabs li:after {
    content: '';
    margin-top: 7px;
    height: 2px;
    background: black;
    width: auto;
    opacity: 0;
    transition: 1s all;
    display: block; }

.tab-content {
  display: none;
  margin-top: 40px; }
  @media (max-width: 767px) {
    .tab-content {
      margin-top: 20px; } }
  .tab-content.active {
    display: block; }

.p-top-26 {
  padding-top: 26px; }
  @media (max-width: 767px) {
    .p-top-26 {
      padding-top: 6px; } }

.p-top-25 {
  padding-top: 25px; }
  @media (max-width: 767px) {
    .p-top-25 {
      padding-bottom: 25px; } }

.p-top-20 {
  padding-top: 20px; }

.p-top-15 {
  padding-top: 15px; }

.p-top-50 {
  padding-top: 50px; }
  @media (max-width: 767px) {
    .p-top-50 {
      padding-top: 10px; } }

.p-top-86 {
  padding-top: 86px; }
  @media (max-width: 767px) {
    .p-top-86 {
      padding-top: 0px; } }

.p-top-60 {
  padding-top: 60px; }
  @media (max-width: 767px) {
    .p-top-60 {
      padding-top: 20px; } }

.p-top-100 {
  padding-top: 100px; }
  @media (max-width: 767px) {
    .p-top-100 {
      padding-top: 20px; } }

.p-top-130 {
  padding-top: 130px; }
  @media (max-width: 767px) {
    .p-top-130 {
      padding-top: 0px; } }

.p-top-150 {
  padding-top: 150px; }
  @media (max-width: 767px) {
    .p-top-150 {
      padding-top: 80px; } }

.p-top-250 {
  padding-top: 250px; }
  @media (max-width: 767px) {
    .p-top-250 {
      padding-top: 150px; } }

.p-bottom-100 {
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .p-bottom-100 {
      padding-bottom: 20px; } }

.p-bottom-150 {
  padding-bottom: 150px; }
  @media (max-width: 767px) {
    .p-bottom-150 {
      padding-bottom: 30px; } }

.p-bottom-50 {
  padding-bottom: 50px; }

.p-bottom-60 {
  padding-bottom: 60px; }
  @media (max-width: 767px) {
    .p-bottom-60 {
      padding-bottom: 0; } }

.p-bottom-25 {
  padding-bottom: 25px; }

.p-bottom-20 {
  padding-bottom: 20px; }

.p-bottom-10 {
  padding-bottom: 10px; }

.p-right-10 {
  padding-right: 10px; }

.p-all-10 {
  padding: 10px; }

.m-top-20 {
  margin-top: 20px; }

.m-top-30 {
  margin-top: 30px; }

.m-top-50 {
  margin-top: 50px; }

.m-bottom-20 {
  margin-bottom: 20px; }

.m-bottom-30 {
  margin-bottom: 30px; }

.m-bottom-50 {
  margin-bottom: 50px; }

.minus-80 {
  margin-top: -80px; }

.minus-30 {
  margin-top: -30px; }

.minus-130 {
  margin-top: -130px !important; }
  @media (max-width: 767px) {
    .minus-130 {
      margin-top: 0 !important; } }

.minus-150 {
  margin-top: -150px !important; }
  @media (max-width: 767px) {
    .minus-150 {
      margin-top: 0 !important; } }

.minus-330 {
  margin-top: -330px !important; }
  @media (max-width: 767px) {
    .minus-330 {
      margin-top: 0 !important; } }

.margin-32 {
  padding: 0 32px; }

.modal {
  height: 100vh;
  display: none;
  width: 100vw;
  position: fixed;
  z-index: 999999999999999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.99); }
  .modal.modal-gal {
    display: block;
    top: -130%;
    opacity: 0;
    transition: 0.2s all; }
    .modal.modal-gal.active {
      top: 0;
      opacity: 1; }
  .modal.darken {
    background: rgba(0, 0, 0, 0.99); }
  .modal .modal-bg {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center; }
  .modal .modal-inner {
    max-width: 90vw;
    width: auto;
    height: auto;
    max-height: 90vh;
    background: transparent;
    position: relative; }
    .modal .modal-inner.video {
      min-height: 80vh;
      min-width: 80vw; }
      .modal .modal-inner.video iframe {
        min-height: 80vh;
        min-width: 80vw; }
    .modal .modal-inner img {
      max-height: 90vh;
      max-width: 90vw;
      -webkit-box-shadow: 0px 0px 26px -9px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 26px -9px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 26px -9px rgba(0, 0, 0, 0.75); }
    @media (max-width: 1023px) {
      .modal .modal-inner {
        max-height: 90vh;
        overflow-y: scroll; } }
  .modal .close {
    height: 30px;
    width: 30px;
    right: 10px;
    bottom: 10px;
    position: fixed;
    background: url("../img/icons/close.svg") no-repeat center center; }

.no-slide .slick-dots {
  display: none;
}

.no-slide .slide-items img {
  max-width: 100%;
  max-height: 100%;
}

/* ------
-- SLICK DOTS
--------- */
.slick-dots li {
  width: 8px;
  height: 8px;
  display: inline-block;
  list-style: none;
  background: transparent;
  border: 1px solid black;
  margin-top: 0; }

@media (max-width: 1023px) {
  .slick-dots {
    display: none; } }

ul.slick-dots {
  width: 100%;
  text-align: right; }

ul.slick-dots li.slick-active {
  position: relative;
  padding: 0;
  background: black; }

.slick-dots li {
  width: 8px;
  height: 8px;
  margin-left: 10px; }

.slick-dots li button {
  border-radius: 0;
  border: 0;
  opacity: 0; }

/* ------
-- SLICK ARROWS
--------- */
.slick-prev {
  display: none;
  position: absolute;
  top: 99%;
  left: 15px;
  background: url("../img/icons/right.svg") no-repeat;
  background-size: contain;
  height: 35px;
  width: 35px;
  text-indent: -9999px;
  z-index: 999999;
  border: 0;
  cursor: pointer;
  transition: 1s all; }
  .slick-prev:hover {
    opacity: 0.5; }
  @media (max-width: 1023px) {
    .slick-prev {
      top: 110%;
      left: 40%; } }
  .slick-prev.mini {
    background: none !important;
    color: #636569;
    transition: 1s all; }
    @media (max-width: 767px) {
      .slick-prev.mini {
        top: -2px;
        left: 10%; } }

.slick-next {
  position: absolute;
  top: 99%;
  left: 65px;
  background: url("../img/icons/left.svg") no-repeat;
  background-size: contain;
  text-indent: -9999px;
  height: 35px;
  width: 35px;
  border: 0;
  cursor: pointer;
  transition: 1s all; }
  @media (max-width: 1023px) {
    .slick-next {
      top: 110%;
      left: 52%; } }
  .slick-next:hover {
    opacity: 1; }
  .slick-next.mini {
    background: none !important;
    color: #636569;
    transition: 1s all; }
    @media (max-width: 767px) {
      .slick-next.mini {
        top: -2px;
        right: 10%; } }

.gallery, .floorplan {
  width: 100%; }
  .gallery img, .floorplan img {
    margin: 0 auto; }
  .gallery .slick-dots, .floorplan .slick-dots {
    text-align: center;
    z-index: 9999999999; }
  .gallery .slick-track, .floorplan .slick-track {
    min-width: 90vw;
    min-height: 90vh; }
  .gallery img, .floorplan img {
    min-width: 50vw !important;
    min-height: 10vh !important; }
  .gallery .slick-dots .slick-active, .floorplan .slick-dots .slick-active {
    background: white !important; }
  .gallery .slick-dots li, .floorplan .slick-dots li {
    border: 1px solid white; }
  .gallery .slick-prev, .floorplan .slick-prev {
    display: block !important;
    opacity: 1;
    background: url("../img/icons/right-white.svg") no-repeat; }
  .gallery .slick-next, .floorplan .slick-next {
    display: block !important;
    opacity: 1;
    background: url("../img/icons/left-white.svg") no-repeat; }
  @media (max-width: 767px) {
    .gallery, .floorplan {
      overflow: hidden;
      height: 50vh; }
      .gallery .slick-prev, .floorplan .slick-prev {
        left: 5% !important; }
      .gallery .slick-prev, .floorplan .slick-prev {
        right: 5% !important; } }

.modal .close {
  top: 20px;
  left: 20px !important; }

.slide-items {
  text-align: left;
  margin-bottom: 30px; }
  .slide-items .slick-dots {
    margin-top: 40px;
    margin-bottom: -40px; }
    @media (max-width: 767px) {
      .slide-items .slick-dots {
        margin-bottom: 0; } }
  .slide-items img {
    max-height: 50px;
    max-width: 50px; }

.slide-full-items .slick-dots, .gallery .slick-dots, .floorplan .slick-dots {
  position: absolute;
  top: 97.4%; }
  @media (max-width: 767px) {
    .slide-full-items .slick-dots, .gallery .slick-dots, .floorplan .slick-dots {
      right: 20px;
      margin-top: -6px; } }

.slide-full-items .slick-prev, .gallery .slick-prev, .floorplan .slick-prev {
  top: 43%;
  opacity: 0;
  transition: 1s all;
  width: 31px;
  padding: 20px;
  height: 31px;
  left: -4%;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-size: 50%;
  background-position: center center; }
  @media (max-width: 767px) {
    .slide-full-items .slick-prev, .gallery .slick-prev, .floorplan .slick-prev {
      top: 75%;
      width: 20px;
      height: 20px;
      padding: 10px;
      left: 84%;
      display: block !important;
      opacity: 1 !important; } }

.slide-full-items .slick-next, .gallery .slick-next, .floorplan .slick-next {
  top: 43%;
  left: 101.5%;
  opacity: 0;
  transition: 1s all;
  width: 31px;
  height: 31px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-size: 50%;
  background-position: center center; }
  @media (max-width: 767px) {
    .slide-full-items .slick-next, .gallery .slick-next, .floorplan .slick-next {
      top: 75%;
      width: 20px;
      height: 20px;
      padding: 10px;
      left: 90%;
      display: block !important;
      opacity: 1 !important; } }

.slide-full-items:hover .slick-prev, .gallery:hover .slick-prev, .floorplan:hover .slick-prev {
  display: flex !important;
  opacity: 1; }

.slide-full-items:hover .slick-next, .gallery:hover .slick-next, .floorplan:hover .slick-next {
  display: flex !important;
  opacity: 1; }

@media (max-width: 767px) {
  .slide-full-items, .gallery, .floorplan {
    margin-bottom: 20px; } }

.wp-block-columns {
  margin-bottom: 0; }

.video-bg {
  background: url("../img/heros/video-bg.png") no-repeat center center;
  background-size: cover; 
	overflow: hidden;}

.video-bg-space {
  background: url("https://www.thekensingtonbuilding.com/wp-content/uploads/2022/07/background-the-space.jpg") no-repeat center center;
  background-size: cover; }

.video-bg video, .video-bg-space video {
  opacity: 1 !important; }

.wp-embed-aspect-16-9 {
 padding-top: 50px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.slide-items p {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: "fraktionsans-lightregular", sans-serif; }

.slide-items .font-upper-text {
  font-size: 18px;
  font-family: "fraktionsans-boldregular", sans-serif; }

@media (max-width: 767px) {
  .slide-items {
    right: 10px;
    margin-top: -6px; } }

@media (max-width: 767px) {
  .slide-items {
    margin-bottom: 10px; }
    .slide-items .slick-prev {
      top: 92%;
      left: 25px;
      height: 25px;
      width: 25px; }
    .slide-items .slick-next {
      top: 92%;
      left: 60px !important;
      height: 25px;
      width: 25px; } }

* {
  padding: 0;
  margin: 0; }

#app {
  z-index: -1;
  height: 100vh;
  width: 100vw;
  position: fixed; }

body:not(.page-template-page-history) {
  overflow-x: hidden; }

body {
  position: relative;
  transition: all 1.5s ease;
  background: #f7f7f7; 
  overflow: auto;
  -webkit-overflow-scrolling: auto
}

@media (max-width: 767px) {
  html {
    overflow-x: hidden; } }

img {
  max-width: 100%; }

.cli-plugin-button {
  margin-top: 10px; }

.cli-bar-message {
  padding: 50px; }
  @media (max-width: 767px) {
    .cli-bar-message {
      padding: 20px; } }

.cli-bar-btn_container a {
  background: transparent !important;
  color: black !important;
  margin-top: 10px !important; }

.wp-block-group__inner-container .section:last-child {
  padding: 112px 0 0 0; }
  @media (max-width: 767px) {
    .wp-block-group__inner-container .section:last-child {
      padding: 40px 0 0 0; } }

.section {
  padding: 112px 0 0 0; }
  .section:last-child {
    padding: 112px 0; }
  .section-panel {
    padding: 90px 0; }
    @media (max-width: 767px) {
      .section-panel {
        padding: 50px 0; } }
  .section.default {
    padding: 112px 0; }
    .section.default .section {
      padding: 112px 0 0 0; }
  @media (max-width: 767px) {
    .section {
      padding: 40px 0 0 0; } }

.order-1 {
  order: 2; }
  @media (max-width: 767px) {
    .order-1 {
      order: 1; } }

.order-2 {
  order: 1; }
  @media (max-width: 767px) {
    .order-2 {
      order: 2; } }

.img-holder--panel {
  width: 100%;
  height: 350px;
  position: relative;
  -webkit-filter: brightness(100%);
  transition: 1s all;
  background-size: cover !important; }
  @media (min-width: 1640px) {
    .img-holder--panel .large {
      height: 990px !important; } }
  .img-holder--panel:hover {
    -webkit-filter: brightness(50%); }
  @media (max-width: 767px) {
    .img-holder--panel {
      max-height: 250px; } }
  .img-holder--panel.smaller {
    max-height: 250px;
    background-size: cover !important; }
    @media (max-width: 767px) {
      .img-holder--panel.smaller {
        max-height: 250px; } }
    @media (min-width: 1640px) {
      .img-holder--panel.smaller {
        max-height: 450px; } }
    .img-holder--panel.smaller:hover {
      -webkit-filter: brightness(100%); }
  .img-holder--panel.larger {
    height: 590px;
    background-size: cover !important; }
    @media (max-width: 767px) {
      .img-holder--panel.larger {
        max-height: 550px;
        height: 300px; } }
    .img-holder--panel.larger:hover {
      -webkit-filter: brightness(100%); }
  .img-holder--panel.no-hover:hover {
    -webkit-filter: brightness(100%); }
  .img-holder--panel .plus-overlay {
    background: rgba(0, 0, 0, 0.4) url("../img/icons/open.svg") no-repeat center center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 1s all; }
    .img-holder--panel .plus-overlay:hover {
      opacity: 1; }
  .img-holder--panel .icon-plus {
    background: url("../img/icons/plus.jpg") no-repeat;
    width: 35px;
    height: 35px;
    background-size: cover;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 1;
    transition: 1s all; }
    .img-holder--panel .icon-plus.moved {
      bottom: 40px;
      right: 20px; }
    .img-holder--panel .icon-plus:hover {
      opacity: 0.5; }

.circles {
  text-align: center; }
  .circles .circle-yellow {
    background: yellow;
    border: 1px solid black;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin: 5px;
    display: inline-block;
    transition: .5s all;
    cursor: pointer; }
    .circles .circle-yellow:hover {
      background: grey; }
  .circles .circle-green {
    background: green;
    border: 1px solid black;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin: 5px;
    display: inline-block;
    cursor: pointer; }
    .circles .circle-green:hover {
      background: grey; }
  .circles .circle-red {
    background: red;
    border: 1px solid black;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin: 5px;
    display: inline-block;
    cursor: pointer; }
    .circles .circle-red:hover {
      background: grey; }
  .circles .circle-purple {
    background: purple;
    border: 1px solid black;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin: 5px;
    display: inline-block;
    cursor: pointer; }
    .circles .circle-purple:hover {
      background: grey; }

.tooltip {
  position: relative; }

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #C6CAD1;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-family: "fraktionsans-regularregular", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

a {
  text-decoration: none !important; }
  a .font-upper-text {
    text-decoration: none !important;
    color: black !important; }
  a p {
    text-decoration: none !important;
    color: black !important; }

.sqft, .metre {
  width: 100%; }

.metre {
  display: none; }

.availability {
  display: flex;
  width: 100%; }
  .availability .gallery-icon {
    background: url("../img/icons/gallery.svg") no-repeat center center;
    height: 25px;
    width: 25px;
    cursor: pointer;
    transition: 1s all; }
    .availability .gallery-icon:hover {
      background: url("../img/icons/gallery-white.svg") no-repeat center center; }
  .availability .floorplan-icon {
    background: url("../img/icons/floorplan.svg") no-repeat center center;
    height: 25px;
    width: 25px;
    cursor: pointer;
    transition: 1s all; }
    .availability .floorplan-icon:hover {
      background: url("../img/icons/floorplan-white.svg") no-repeat center center; }
  .availability.heading {
    column-gap: 20px; }
    .availability.heading.metre {
      display: none; }
    .availability.heading .title-header {
      flex: 1;
      border-top: 3px solid black;
      padding: 10px 0 20px 0;
      font-family: "fraktionsans-boldregular", sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      text-align: left;
      letter-spacing: 1px; }
      @media (max-width: 767px) {
        .availability.heading .title-header {
          font-size: 14px; } }
      .availability.heading .title-header span {
        font-family: "fraktionsans-lightregular", sans-serif; }
  .availability.main {
    border-top: 1px solid black;
    padding: 10px 0px;
    font-size: 14px;
    font-family: "fraktionsans-lightregular", sans-serif;
    transition: 1s all;
    gap: 20px; }
    .availability.main:first-child {
      padding: 10px 5px; }
    .availability.main.metre {
      display: none; }
    .availability.main .main-content {
      flex: 1; }
    .availability.main:hover {
      background: black;
      color: white; }
      .availability.main:hover .gallery-icon {
        background: url("../img/icons/gallery-white.svg") no-repeat center center; }
      .availability.main:hover .floorplan-icon {
        background: url("../img/icons/floorplan-white.svg") no-repeat center center; }
  .availability.total {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 0;
    font-size: 14px;
    font-family: "fraktionsans-boldregular", sans-serif;
    gap: 20px; }
    .availability.total.metre {
      display: none; }
    .availability.total .main-content {
      flex: 1; }

.line-down {
  background: url("../img/icons/line.png") no-repeat center center;
  background-size: cover;
  width: 6px;
  height: 55px;
  margin: 0 auto; }

.line-left {
  background: url("../img/icons/line.png") no-repeat center center;
  background-size: cover;
  width: 6px;
  height: 55px;
  margin: 0 auto;
  transform: rotate(45deg) !important;
  margin-right: 40px; }

.line-right {
  background: url("../img/icons/line.png") no-repeat center center;
  background-size: cover;
  width: 6px;
  height: 55px;
  margin: 0 auto;
  transform: rotate(-45deg) !important;
  margin-left: 40px; }

.map {
  width: 100vw;
  height: 80vh;
  min-height: 700px;
  background-size: cover !important;
  position: relative; }
  @media (max-width: 767px) {
    .map {
      min-height: 440px;
      max-height: 440px; } }
  .map--base {
    background: url("../img/maps/map_base.svg") center center no-repeat;
    opacity: 0; }
    @media (max-width: 767px) {
      .map--base {
        min-width: 1000px; } }
  .map--culture {
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/maps/map_culture.svg") center center no-repeat;
    display: none; }
    @media (max-width: 767px) {
      .map--culture {
        min-width: 1000px; } }
  .map--health {
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/maps/map_health.svg") center center no-repeat;
    display: none; }
    @media (max-width: 767px) {
      .map--health {
        min-width: 1000px; } }
  .map--restaurants {
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/maps/map_restaurants.svg") center center no-repeat;
    display: none; }
    @media (max-width: 767px) {
      .map--restaurants {
        min-width: 1000px; } }
  .map--retail {
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/maps/map_retail.svg") center center no-repeat;
    display: none; }
    @media (max-width: 767px) {
      .map--retail {
        min-width: 1000px; } }
  .map--transport {
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/maps/map-transport.svg") center center no-repeat;
    display: block; }
    @media (max-width: 767px) {
      .map--transport {
        min-width: 1000px; } }

.contact-image {
  max-width: 150px; }

.stations {
  text-align: left;
  padding: 10px 40px !important; }
  @media (max-width: 767px) {
    .stations {
      text-align: center !important;
      padding: 10px 25px !important; }
      .stations p {
        text-align: center !important; } }
  .stations img:first-child {
    max-width: 100px;
    margin-top: 50px; }
  @media (max-width: 767px) {
    .stations img:last-child {
      max-width: 80%; } }

.mobile-hide img {
  max-height: 50px; }

.footer {
  padding: 5px 0; }
  .footer p {
    font-size: 10px;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    .footer .mob-border-bottom {
      padding: 15px 0 15px 25px;
      border-bottom: #666 1px solid; } }
  .footer #menu-footer {
    text-align: right; }
    @media (max-width: 767px) {
      .footer #menu-footer {
        text-align: left;
        padding-left: 0px;
        padding: 10px 15px; }
        .footer #menu-footer:first-child {
          padding: 10px 15px 10px 0; } }
    .footer #menu-footer li {
      display: inline-block;
      padding-left: 30px;
      font-family: "fraktionsans-regularregular", sans-serif;
      list-style: none; }
      @media (max-width: 767px) {
        .footer #menu-footer li {
          padding: 0 10px !important; } }
      .footer #menu-footer li a {
        color: white;
        font-size: 12px;
        transition: 1s all;
        text-decoration: none; }
        .footer #menu-footer li a:hover {
          color: #E00003; }

.backto {
  background: url("../img/icons/backto.svg") no-repeat center center;
  background-size: cover;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  opacity: 0;
  transition: 1s all;
  cursor: pointer; }
  .backto.active {
    display: block;
    opacity: 1; }
    .backto.active.bottom {
      bottom: 70px; }

.menu-main-container {
  text-align: right; }
  @media (max-width: 1080px) {
    .menu-main-container {
      text-align: center;
      padding-top: 150px; } }
  .menu-main-container li {
    list-style: none;
    display: inline-block;
    margin-left: 30px;
    letter-spacing: 1px; }
    @media (max-width: 1080px) {
      .menu-main-container li {
        margin-left: 0;
        margin-top: 20px; } }
    .menu-main-container li a {
      text-decoration: none;
      color: black;
      font-size: 15px;
      font-family: "fraktionsans-regularregular", sans-serif;
      font-weight: 600;
      text-transform: uppercase; }
      @media (max-width: 1080px) {
        .menu-main-container li a {
          font-family: "fraktionsans-boldregular", sans-serif;
          font-size: 36px !important; } }
    .menu-main-container li:last-child {
      border: 3px solid black;
      padding: 10px 20px 10px 20px;
      background: transparent;
      transition: 1s all; }
      @media (max-width: 1080px) {
        .menu-main-container li:last-child {
          padding: 0px 70px 8px 70px !important;
          margin-top: 20px; }
          .menu-main-container li:last-child a {
            font-size: 16px !important;
            letter-spacing: 1px;
            font-family: "fraktionsans-boldregular", sans-serif; } }
      .menu-main-container li:last-child:hover {
        background: black;
        color: white; }
        .menu-main-container li:last-child:hover a {
          color: white; }

.header-top {
  position: absolute;
  z-index: 999999; 
}
@media (max-width: 767px) {
	.header-top{
		position: fixed;
		z-index: 999999999999999999 !important;
		min-width: 100% !important;
		height: 100px;
		padding: 40px 10px;
	
	}
	=
}

.spacer--header {
  height: 60px;
  width: 100%; }

.header-menu {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
  height: 80px;
  width: 100vw;
  display: none;
  z-index: 9999999999;
  position: fixed;
  transition: 1s all; }
  @media (max-width: 1080px) {
    .header-menu {
      background: linear-gradient(270deg, #d9bdff 0%, #f0b994 100%);
      right: -100%;
		display:block;
      transition: 0.5s all !important; }
      .header-menu.active {
        right: 0; } 
      .header-menu .mobile-hide {
        display: none;}}
  @media (max-width: 1080px) {
    .header-menu {
      height: 100vh; }
      .header-menu .menu-main-container {
        margin-top: 20px; }
        .header-menu .menu-main-container a {
          font-size: 28px !important; }
      .header-menu ul {
        margin: 0; } }
  .header-menu.active {
    display: block;
    opacity: 1; }

.menu-main-container li {
  text-align: center;
  font-size: 28px !important;
  display: inline-block;
  padding: 0 20px;
  margin-left: 0; }
  .menu-main-container li:last-child {
    padding: 0px 20px 8px 20px; }
  .menu-main-container li a {
    margin-top: 0; }
  .menu-main-container li:not(:last-child):after {
    display: block;
    content: '';
    background: black;
    height: 3px;
    margin-top: 10px;
    width: 0;
    transition: 1s all; }
  .menu-main-container li:not(:last-child):hover:after, .menu-main-container li.active:not(:last-child):after {
    width: 100%; }

.burger-menu {
  margin: 60px auto;
  float: right;
  width: 45px;
  display: block;
  transition: all 0.3s;
  cursor: pointer;
  height: 32px;
  right: 80px;
  padding: 10px;
  position: fixed; }
  @media (max-width: 1080px) {
    .burger-menu {
      right: 0px;
      margin:-10px auto 0 auto;
		
	  position:relative;
	  z-index:99999999999;} }

.burger-menu.dark .bar {
  background-color: black; }

.dark-logo {
  position: fixed; }

.burger-menu.dark {
  margin: 25px auto; }
  @media (max-width: 1080px) {
    .burger-menu.dark {
          margin: -10px auto 0 auto; } }

.burger-menu .bar {
  transition: all 0.3s;
  height: 3px;
  width: 100%;
  display: block;
  background-color: #fff;
  /* border-radius: 2px; */ }
  .burger-menu .bar.dark {
    background-color: #000; }

.burger-menu .bar:nth-of-type(2) {
  margin: 4px 0;
  max-width: 80%;
  float: right; }

.burger-menu .bar:nth-of-type(3) {
  max-width: 60%;
  float: right; }

.burger-menu--closed:hover .bar {
  width: 100%; }

.burger-menu--closed {
  transition-delay: 0.3s; }

.burger-menu--closed .bar {
  float: right; }

.burger-menu--closed .bar:nth-of-type(2) {
  width: 26px !important;
  transition: 0.1s all; }

.burger-menu--closed .bar:nth-of-type(3) {
  max-width: 80%; }

.burger-menu--closed:hover .bar:nth-of-type(2) {
  width: 100%; }

.burger-menu--closed:hover .bar:nth-of-type(3) {
  width: 100%; }

.burger-menu.dark.burger-menu--opened {
  margin: 80px auto 0;
  background: black; }
  .burger-menu.dark.burger-menu--opened .bar {
    background-color: white; }

.burger-menu--opened {
  opacity: 0;
  display: none; }
  @media (max-width: 767px) {
    .burger-menu--opened {
      display: block;
      opacity: 1; } }

.burger-menu--opened .bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 3px; }

.burger-menu--opened .bar:nth-of-type(2) {
  opacity: 0;
  height: 0;
  margin: -3px 0;
  max-width: 100%; }

.burger-menu--opened .bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 3px;
  max-width: 100%;
  margin-top: -3px; }