@font-face {
  font-family: "FSSienaWeb-ExtraLight";
  src: url('fonts/FSSienaWeb-ExtraLight.eot');
  src: url('fonts/FSSienaWeb-ExtraLight.eot') format('embedded-opentype'),
       url('fonts/FSSienaWeb-ExtraLight.woff2') format('woff2'),
  url('fonts/FSSienaWeb-ExtraLight.woff') format('woff');
}

@font-face {
  font-family: "FSSienaWeb-Light";
  src: url('fonts/FSSienaWeb-Light.eot');
  src: url('fonts/FSSienaWeb-Light.eot') format('embedded-opentype'),
       url('fonts/FSSienaWeb-Light.woff2') format('woff2'),
  url('FSSienaWeb-Light.woff') format('woff');
}

@font-face {
  font-family: "FSSienaWeb-Regular";
  src: url('fonts/FSSienaWeb-Regular.eot');
  src: url('fonts/FSSienaWeb-Regular.eot') format('embedded-opentype'),
       url('fonts/FSSienaWeb-Regular.woff2') format('woff2'),
  url('FSSienaWeb-Regular.woff') format('woff');
}


@font-face {
  font-family: "FSSienaWeb-Medium";
  src: url('fonts/FSSienaWeb-Medium.eot');
  src: url('fonts/FSSienaWeb-Medium.eot') format('embedded-opentype'),
       url('fonts/FSSienaWeb-Medium.woff2') format('woff2'),
  url('fonts/FSSienaWeb-Medium.woff') format('woff');
}


html {
  color: #000;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 28px;

        height:100%;
margin:0;
}


body {

    font-family: FSSienaWeb-Regular, sans-serif;
    background:#ffffff;
margin:0 auto;
}




sub, sup {vertical-align: baseline; position: relative; font-size: 70%;} /* 70% size of its parent element font-size which is good. */
sub {bottom: -0.6em;} /* use em becasue they adapt to parent font-size */
sup {top: -0.44em;} /* use em becasue they adapt to parent font-size */


 .space-container-top-section {min-height:100px}

.nav {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: calc(100% + 2px);
    text-align: center;
    padding: 20px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    transition: opacity 0.8s;
    will-change: opacity;
    background-color: rgba(0,0,0,0.8);
}

.nav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.is-viewing-nav .nav {
    opacity: 1;
    pointer-events: auto;
}

.hamburger {
    left: 30px;
}

.hamburger {
    position: fixed;
    top: 0;
    left: 15px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 12;
}

.hamburger__line--1 {
    margin-top: -8px;
}

.hamburger__line {
    top: 50%;
    left: 50%;
    height: 3px;
    width: 33px;
    margin-left: -13px;
    background-color: #d6b17a;
    position: absolute;
    transition: transform 0.6s, opacity 0.5s 0.1s, background-color 0.3s;
}

.hamburger__line--3 {
    margin-top: 8px;
}

.is-viewing-nav .hamburger__line--3 {
    transform: rotate(45deg);
    margin-top: -1px;
}

.is-viewing-nav .hamburger__line--2 {
    opacity: 0;
    transition: opacity 0.2s 0s;
}

.is-viewing-nav .hamburger__line--1 {
    transform: rotate(-45deg);
    margin-top: -1px;
}


  .full__film__wrapper {
  position: relative;
  max-width:1280px;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin:0 auto;
}
.full__film__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.page-content {
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.hero-viewport-container-spacer {
    height: 100vh;
    pointer-events: none;
}

.logo-container, .nav__logo {
    width: 120px;
    margin: 0 auto;
    display: inline-block;
}

.logo-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.hero-viewport-container {
    position: fixed;
    z-index: -1;
}

.col-black {background:black; color:#ffffff; padding:100px}
.col-white {background:#ffffff; color:black; padding:100px}

.color-black .hamburger__line--1, .color-black .hamburger__line--2, .color-black .hamburger__line--3 {
        background-color: #d6b17a;
      }

.color-white .hamburger__line--1, .color-white .hamburger__line--2, .color-white .hamburger__line--3 {
        background-color: #ffffff;
      }


      .color-pink .hamburger__line--1, .color-pink .hamburger__line--2, .color-pink .hamburger__line--3 {
        background-color: pink;
      }

.is-viewing-nav .hamburger__line, .is-intersecting .hamburger__line {
    background-color: #FFFFFF;
}

.parallax-container {
    min-height: 100vh;
    width: 100%;
    padding-bottom:20px;
}

.fifty-split-image-left {
    padding: 0px;
    background: #d6b17a;
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fifty-split-image-right {
    padding: 0px;
    background: #d6b17a;
    padding-top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.image-wrapper-left {
    flex: 0 0 50%;
    overflow: hidden;
    height: 100%;
}

.image-wrapper-right {
    flex: 0 0 50%;
    overflow: hidden;
    height: 100%;
}

.hero-image--inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
}

.hero-image--inner img {
    width: 100%;
    height: auto;
    display: block;
}

.text-wrapper-right {
    flex: 0 0 50%;
}

.text-wrapper-left {
    flex: 0 0 50%;
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.aligner-item {
    padding: 0 20%;
    text-align: center;
}

header {
    background: url("https://7oldparklane.com/images/black-header-bg.jpg");
    background-repeat: repeat-x;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    min-height:100px;
}
.header-container {
    margin: 0 auto;
    max-width: 1280px;
    text-align: center;
    position: relative;
}

.aligner h1 {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    font-weight: 100;
    font-size: 50px;
    line-height: 52px;
}

.aligner-item p {
    text-align: center;
    color: #fff;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 28px;
    margin:20px 0;
}





#nav h3 {
    padding: 0;
    margin: 10px 0;
    display: inline-block;
    font-weight: 100;
    font-size: 2.5em;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    text-transform: uppercase;
}

#nav a {
   color: #d6b17a;
}

#nav a:hover {
   color: #fff;
}



section {
    padding: 20px 0 20px 0px;
    background: #ffffff;
}


.square-container-wrapper {
    position: relative;
      padding-bottom: 28.13%;
    display: block;
    max-width: 1280px;
    margin: 0 auto;
}




section.offset__images {
    padding: 25px 0 0px;
}




.image-bg-left {
    background-size: cover;
    display: block;
    position: unset;
    padding: 0 0 56.25% 0;
}

.image-bg-left {
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

.stack-bg-right {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    text-align: center;
}

.image-bg-left img, .image-bg-right img {
 width:100%;
}


.image-bg-right {
    background-size: cover;
    position: unset;
    display: block;
    padding: 0 0 28.13% 0;
}

.vertical-centered-right {
    width: 80%;
    margin: 0 10%;
}




.vertical-centered-left {
    width: 70%;
    margin: 0 10%;
}

.image-bg-right {
    width: 54%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-bottom: 0;
}

.stack-bg-left {
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    text-align: center;
}


.top-minus-50 {
    margin-top: -90px!important;
}

.square-container p {

    padding: 0 25px;
    color:#fff;
    line-height:24px;
}


.section__header {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.section__header h2 {
    color: #000;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    font-size: 50px;
    line-height: 52px;
    letter-spacing: 5px;
    font-weight: normal;
    margin:25px 0;
}

.stack-bg-top {
    color: #000;
    text-align: center;
    display: block;
    padding: 20px 0 20px 0;
    margin-top: 0px;
    position: relative;
}

.stack-bg-top h2 {
    padding: 0 25%;
}

.stack-bg-top p {
    padding: 25px 27%;
       color: #000000;
    font-size: 20px;
    line-height:24px;
}

.container-slider {
  position: relative;
  width:100%;
  max-width: 1280px;
  height: 750px;
  border: 0px solid #ffffff;
  margin:0 auto;
  overflow:hidden;
}

.container-slider .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 1280px 100%;
}


.stack-bg-right p {
    color: #000;
    font-size: 20px;
    line-height: 28px;
      margin:12px 0;
}

.stack-bg-left p {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    margin:12px 0;
}



@media only screen and (max-width: 1440px) {
.container-slider {
  position: relative;
  width:100%;
  max-width: 1100px;
  height: 650px;
  border: 0px solid #ffffff;
  margin:0 auto;
  overflow:hidden;
}
.container-slider .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 1100px 100%;
}


}


.container-slider .background-img {
  background-image: url("https://7oldparklane.com/images/floor-on.jpg");
}
.container-slider .foreground-img {
  background-image: url("https://7oldparklane.com/images/floor-off.jpg");
  width: 50%;
}


.container-slider .background-img-accomm {
  background-image: url("https://7oldparklane.com/images/floor-on-bottom.jpg");
}
.container-slider .foreground-img-accomm {
  background-image: url("https://7oldparklane.com/images/floor-off-bottom.jpg");
  width: 50%;
}



.container-slider .slider {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0.1);
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-slider .slider:hover {
  background: rgba(242, 242, 242, 0.1);
}
.container-slider .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 3px;
  height: 826px;
  background: #ffffff;
  cursor: pointer;
}
.container-slider .slider::-moz-range-thumb {
  width: 6px;
  height: 826px;
  background: #ffffff;
  cursor: pointer;
}
.container-slider .slider-button  {
  pointer-events: none;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  left: calc(50% - 27px);
  top: calc(50% - 27px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-slider .slider-button:after {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #d6b17a;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
.container-slider .slider-button:before {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #d6b17a;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}




.bike__hero {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.bike__hero img {
    width: 30%;
}

.section__header.white h2 {
    color: #ffffff;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    font-size: 50px;
    line-height: 52px;
}

.iframe_black_wrapper {
    background-color: #000000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.iframe-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}



#slide-1 {
    background-image: url('https://7oldparklane.com/images/slideshow-1.jpg');
    background-size: cover;

}
#slide-2 {
    background-image: url('https://7oldparklane.com/images/slideshow-2.jpg');
       background-size: cover;
}
#slide-3 {
    background-image: url('https://7oldparklane.com/images/slideshow-3.jpg');
       background-size: cover;
}

#slide-4 {
    background-image: url('https://7oldparklane.com/images/slideshow-4.jpg');
       background-size: cover;
}

#slide-5 {
    background-image: url('https://7oldparklane.com/images/location-slide-1.jpg');
       background-size: cover;
}

#slide-6 {
    background-image: url('https://7oldparklane.com/images/location-slide-2.jpg');
       background-size: cover;
}

#slide-7 {
    background-image: url('https://7oldparklane.com/images/location-slide-3.jpg');
       background-size: cover;
}

#slide-8 {
    background-image: url('https://7oldparklane.com/images/location-slide-4.jpg');
       background-size: cover;
}

#slide-9 {
    background-image: url('https://7oldparklane.com/images/location-slide-5.jpg');
       background-size: cover;
}

#slide-10 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-1.jpg');
       background-size: cover;
}

#slide-11 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-2.jpg');
       background-size: cover;
}

#slide-12 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-3.jpg');
       background-size: cover;
}

#slide-13 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-4.jpg');
       background-size: cover;
}

#slide-14 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-5.jpg');
       background-size: cover;
}

#slide-15 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-6.jpg');
       background-size: cover;
}

#slide-16 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-7.jpg');
       background-size: cover;
}

#slide-17 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-8.jpg');
       background-size: cover;
}

#slide-18 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-9.jpg');
       background-size: cover;
}


#slide-20 {
    background-image: url('https://7oldparklane.com/images/location-slide-6.jpg');
       background-size: cover;
}

#slide-21 {
    background-image: url('https://7oldparklane.com/images/location-slide-7.jpg');
       background-size: cover;
}


#slide-22 {
    background-image: url('https://7oldparklane.com/images/location-slide-8.jpg');
       background-size: cover;
}

#slide-23 {
    background-image: url('https://7oldparklane.com/images/location-slide-9.jpg');
       background-size: cover;
}

#slide-24 {
    background-image: url('https://7oldparklane.com/images/location-slide-10.jpg');
       background-size: cover;
}

#slide-25 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-10.jpg');
       background-size: cover;
}


#slide-26 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-11.jpg');
       background-size: cover;
}

#slide-27 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-12.jpg');
       background-size: cover;
}

#slide-28 {
    background-image: url('https://7oldparklane.com/images/building-slideshow-13.jpg');
       background-size: cover;
}

#gallery__wrapper {
    padding: 25px 0 65px;
}

.gallery, .location-gallery {
    background: transparent;
}
.gallery-cell, .location-gallery-cell {
    width: 60%;
    background-size:contain;

  margin-right:140px;
  border-radius: 0px;
  counter-increment: carousel-cell;
}
.flickity-prev-next-button {
    color: #ccc;
    border: 2px solid #ccc;
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.flickity-prev-next-button:hover {
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: transparent;
}

    .gallery-cell, .location-gallery-cell {
        padding-bottom: 33.75%; /* 16:9 */
    }
    .flickity-prev-next-button {
        width: 40px;
        height: 40px;
    }

.before-after-wrapper {width:100%; background:#ffffff}

footer {
    background: url(https://7oldparklane.com/images/black-header-bg.jpg);
    background-repeat: repeat-x;
    background-size: 100% 100%;
    color: #ddd;
    padding: 30px 0 30px;
    text-align: center;
}

footer a {
    color: #ddd;
    text-decoration: none;
}

@media only screen and (min-width: 667px) {
footer .container br {
    display: none;
}

}

.spacer__large {
    min-height: 100px;

}

.spacer__medium {
    min-height: 30px;

}


.spacer__large__white {
    min-height: 100px;
     background:#ffffff;
}

.spacer__medium__white {
    min-height: 30px;
     background:#ffffff;
}


.spacer__large__black {
    min-height: 100px;
     background:#000000;
}






.spacer__medium__special {min-height:30px; }

p.spacer__small {
    min-height: 20px;
    margin: 0px;

}

.grid-5-by-5 {
    padding-top: 30px;
    display: flex;
    width: 100%;
    max-width: 1280px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;

}

#modal_img_A .main__images__thumb, #modal_img_B .main__images__thumb, #modal_img_C .main__images__thumb, #modal_img_D .main__images__thumb {
    width: 100%;
}

.item-1 {
    flex: 0 0 50%;

}

.item-2 {
    flex: 0 0 50%;

}

.item-3 {
    flex: 0 0 47%;
    
}

.item-4 {
    flex: 0 0 53%;
    margin-top: -60px;

}

.item-2-inner, .item-3-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

}

.item-2-inner div, .item-3-inner div {
    width: 300px;
    height: 300px;
    font-size: 20px;
    text-align: center;
}




/* Location Map Styles */


.main__map__wrapper {background:#d6b17a; width:100%; }

.main__map__wrapper .full-width-column { max-width:1280px;margin:0 auto}

.m-brochure-row {
    background-color: #ffffff;
    position: relative;
    min-height: 500px;
}
.m-brochure-row--has-map {
    overflow: hidden;
}
.m-brochure-row--no-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.m-brochure-row--double {
    max-height: 100%; }

.m-brochure-row__column-plans {
    max-width: 100%;
    text-align: left; }

.m-brochure-row__column--spec-page {
    box-sizing: border-box;
    padding: 50px; }

.m-brochure-row__column--spec-page p {
    font-size: 14px;
    line-height: 22px; }

@media only screen and (min-width: 750px) and (min-height: 650px) {
    .m-brochure-row__image-tube-map {
    padding-top: 26.457766%;
    padding-bottom: 26.457766%; } }

@media only screen and (min-width: 750px) and (min-height: 650px) {
    .m-brochure-row__image-location-map {
    padding-top: 31.675749%;
    padding-bottom: 31.675749%; } }

@media only screen and (max-width: 600px) {
    .horizontal-spacer-100 {
    height: 0px; } }

@media only screen and (max-width: 600px) {
    .horizontal-spacer-140 {
    height: 20px; } }

@media only screen and (min-width: 750px) and (min-height: 650px) {
    .m-brochure-row__column--sticky {
    max-height: calc(100vh - 110px);
    position: sticky;
    top: 110px; } }

.m-brochure-row__column--text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 300px; }
.m-brochure-row__column--text > * {
    width: 100%;
    margin-top: auto;
    padding: 20px 0px;
    text-align: center; }

.m-brochure-row__red-asterisk {
    color: #ee242d;
}

.red-asterisk:before {
    content: '*';
    display: inline-block;
    vertical-align: middle;
    color: #ee242d;
    font-size: 22px;
 }

.m-brochure-row__expand-map {
    display: none; }

@media only screen and (min-width: 800px) {
    .two-column--indented {
    margin-top: -12%;
    }
}
    
@media only screen and (min-width: 750px) {
    
    .m-brochure-row__expand-map {
    display: block;
    height: 43px;
    line-height: 28px;
    width: 60px;
    position: absolute;
    top: 47%;
    right: 0px;
    color: #ee242d;
    cursor: pointer; } }
.m-brochure-row__expand-map .m-brochure-row__expand-map__button {
    cursor: pointer;
    float: right;
    width: 23px;
    height: 28px;
    background-image: url('/assets/images/red-button-arrow.png');
    background-repeat: no-repeat; }
.m-brochure-row__expand-map:hover .m-brochure-row__expand-map__button {
    background-image: url('/assets/images/red-button-arrow-over.png'); }

.map-white {
    background: rgba(255, 255, 255, 0.8);
    z-index: 0; }


.m-brochure-row__map {
    display: block;
}
.m-brochure-row__map__svg {
    overflow: hidden;
    height: auto;
    display: block;
    width: 100%;
}

@media only screen and (min-width: 750px) {
    .m-brochure-row__map__list {
        display: block;
        box-sizing: border-box;
        padding: 20px 20px;
        /*position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 80%;
       */
        background-color: rgba(255, 255, 255, 0.84);
    }
}

.m-brochure-row__map__list__title {
    color: red;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    cursor: pointer;
    border-bottom: 1px solid #e2dfdf;
}
.m-brochure-row__map__list__title:after {
    content: '+';
    font-size: 1em;
    margin-left: 5px;
}
.m-brochure-row__map__list__title.is-active:after {
    content: '-';
    font-size: 1em;
    margin-left: 5px;
}
.m-brochure-row__map__list__title__calltoaction {
    font-size: 10px;
    color: black;
    display: inline; }

.m-brochure-row__map__list__group {
    display: none;
}

.m-brochure-row__map__list__group--first {
    display: block; }

.m-brochure-row__map__list__button {
    cursor: pointer;
}
.m-brochure-row__map__list__button:hover, .m-brochure-row__map__list__button.is-hover, .m-brochure-row__map__list__button.is-active {
    color: #ee242d;
}

.m-brochure-row__map__circle.is-active {
    animation: flash linear 2.7s infinite;
    -webkit-animation: flash linear 2.7s infinite;
    stroke: #f00;
    stroke-width: 25px;
    stroke-opacity: 0.4; 



}


@keyframes flash {
    50%, from, to {
    opacity: 1; }

    25%, 75% {
    opacity: 0; } }

.m-brochure-row__map__circle__occupier {
    cursor: pointer;
    fill: #2f307c;
    r: 12; }

.m-brochure-row__map__circle__restaurant {
    cursor: pointer;
    fill: #b66218;
    r: 12; }


    .m-brochure-row__map__circle__hotel {
    cursor: pointer;
    fill: #bc1b20;
    r: 12; }


    .m-brochure-row__map__circle__culture {
    cursor: pointer;
    fill: #000000;
    r: 12; }


    .m-brochure-row__map__circle__retail {
    cursor: pointer;
    fill: #14887d;
    r: 12; }



.m-brochure-row__map__circle__occupier.is-active {
    animation: flash linear 2.7s infinite;
    -webkit-animation: flash linear 2.7s infinite;
    stroke: #2f307c;
    stroke-width: 15px;
    stroke-opacity: 0.4; 

}


.m-brochure-row__map__circle__restaurant.is-active {
    animation: flash linear 2.7s infinite;
    -webkit-animation: flash linear 2.7s infinite;
    stroke: #b66218;
    stroke-width: 15px;
    stroke-opacity: 0.4; 

}

.m-brochure-row__map__circle__hotel.is-active {
    animation: flash linear 2.7s infinite;
    -webkit-animation: flash linear 2.7s infinite;
    stroke: #bc1b20;
    stroke-width: 15px;
    stroke-opacity: 0.4; 

}

.m-brochure-row__map__circle__culture.is-active {
    animation: flash linear 2.7s infinite;
    -webkit-animation: flash linear 2.7s infinite;
    stroke: #000000;
    stroke-width: 15px;
    stroke-opacity: 0.4; 

}

.m-brochure-row__map__circle__retail.is-active {
    animation: flash linear 2.7s infinite;
    -webkit-animation: flash linear 2.7s infinite;
    stroke: #14887d;
    stroke-width: 15px;
    stroke-opacity: 0.4; 

}





.m-brochure-row__map__close {
    position: absolute;
    top: 30px;
    left: 30px;
    background-color: #ffffff;
    cursor: pointer;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column; }
@media only screen and (max-width: 750px), (max-height: 650px) {
    .m-brochure-row__map__close {
    display: none; } }
.m-brochure-row__map__close > div {
    width: 40%;
    height: 1px;
    margin: 0 auto;
    background-color: #f00;
    transform: rotate(45deg); }
.m-brochure-row__map__close > div + div {
    transform: rotate(-45deg) translateY(-1px); }

.m-brochure-row__map__add {
    position: absolute;
    top: 15%;
    left: 10%;
    background-color: red;
    cursor: pointer;
    display: none; }

.m-brochure-row__map__save {
    position: absolute;
    top: 20%;
    left: 10%;
    background-color: red;
    cursor: pointer;
    display: none; }



.l-amenities--container {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    font-style: normal;
}
.l-amenities--left {
    flex-grow: 1;
    flex-shrink: 1;
}
.l-amenities--left img {
    display: block;
    width: 100%;
}
.l-amenities--right {
    flex: 0 0 300px;

}
.acordion-amenities {
    margin: 0px 20px;
    border-bottom: 1px solid #fff;
}
.amenities-row {
    border-top: 1px solid #fff;
    padding: 5px 0;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.amenities-row:after {
    content: '+';
    font-size: 30px;
}

.amenities-row.is-toggled:after {
    content: '-';
}

.amenities-row:hover {
    color: black;
}
.amenities-detail {
    display: none;
}

.amenities-detail li:before {
    
    display: inline-block;
    width: 1.7em; /* Also needed for space (tweak if needed) */
    margin-left: -1.7em;
}


.amenities-detail ul {
    counter-reset: items;
    margin: 0 0 1em 0em;
    padding: 0;
    list-style-position: inside;
    font-weight: 400;
    font-style: normal;
}
.amenities-detail li {
    display: block;
    counter-increment: items;
    line-height: 110%;
    padding-bottom: 8px;
    color: #fff;
    cursor: pointer;
    font-size:14px;
}
.amenities-detail li:hover {
    color: black;
}

.amenities-detail.restaurants li:before {
    color: #669EC5;
}
.amenities-detail.coffee li:before {
    color: #E68952;
}
.amenities-detail.hotels li:before {
    color: #70B683;
}
.amenities-detail.occupiers li:before {
    color: #777877;
}


.amenity-visible {
    display: block;
}

.occupiers-header-col {color:#2f307c}
.restuarant-header-col {color:#b66218}
.hotel-header-col {color:#bc1b20}
.culture-header-col {color:#000000}
.retail-header-col {color:#14887d}



.transport__circle__map {
    width: 100%;
}



.walk__times__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    font-size: 14px;
}

section.transport {width:100%; background:#ffffff}


.transport__wrapper {display:flex; flex-wrap:wrap; justify-content: space-between; width:100%; max-width:1280px; margin:0 auto}
.transport__inner__left {flex:0 0 70%; }
.transport__inner__right {flex:0 0 30%; margin-top: auto; }

.transport__circle__map {width:100%}

.walk__times__wrapper {display:flex; flex-wrap:wrap; justify-content: space-between; width:60%;  margin:0 auto; padding:30% 0% 10% 30%; font-size:14px;}

.walk__times__wide {flex:0 0 100%; }

.walk__times__left {flex:0 0 80%; }
.walk__times__right {flex:0 0 20%; text-align:right}


.team__full {
    width: calc(100% - 80px);
    padding: 40px 40px;
 
}

.team__outer__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}


.team__left__inner__wide p {margin:20px 0;}


.section__header__team {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    max-width: 1280px;
}

.section__header__team h2 {
    color: #000;
    font-family: FSSienaWeb-ExtraLight, sans-serif;
    font-size: 50px;
    line-height: 52px;
    letter-spacing: 5px;
    font-weight: normal;
    margin:20px 0;

}

.team__left__inner {
    flex: 0 0 24%;
       padding-right:60px;
}

.team__left__inner p, .team__right__inner p {margin:20px 0;}

.team__right__inner {
    flex: 0 0 24%;
    padding-right:60px;
}

.team__right__inner .bluebrook-logo {padding-top:25px}

.misrep__outer {
    width: 86%;
}

p.small {
    font-size: 10px;
    line-height: 14px;
}



/* Accommodation Styles */


.accommodation-wrapper-outer {max-width:1270px; margin:0 auto}
#accommodation { background-image: url("https://7oldparklane.com/images/main-bg-marble.png");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.split__plan {max-width:800px; padding:50px; text-align: center; margin:0 auto}
.split__plan img {width:100%}


.iframe-wrapper {max-width:1280px;margin:0 auto}

.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
font-family: FSSienaWeb-ExtraLight, sans-serif;
  border-bottom:1px solid #a8a5a5;
}

.active, .accordion:hover {
  background-color: #ab8d64;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: #ffffff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.specification_outer_content_section {display:flex; width:100%; flex-wrap: wrap; justify-content: space-between}

.north__symbol__outer {flex:0 0 100% }
.north__symbol { font-size:11px; color:#ffffff; padding:30px; line-height:15px;}


.specification-content p {font-size:16px; line-height:24px; margin:20px 0;}

.floor__plans__demise { background:#d6b17a;; color:#fff; }
.single__space__plan {width:100%; max-width: 600px; margin:0 auto;}
.single__space__plan img {width:100%;}

.space__plan__data {width:100%;max-width:300px;display:flex; flex-wrap:wrap; justify-content: space-between; margin:0 auto}
.space__plan__left {flex:0 0 80%;}
.space__plan__right {flex:0 0 20%;text-align:right}

.space__plan__left p, .space__plan__right p {font-size:18px; line-height:24px; margin:20px 0;}

.accomm-top {padding-top:60px}


.accommodation-3-column {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    padding-top: 10px;
    margin-bottom: 0px;
}
.accommodation-column-left {
    display: block;
    margin-bottom: 20px;
    margin:0 auto;
    border-left:1px solid #000000;
     border-top:1px solid #000000;
      border-bottom:1px solid #000000;
          border-right:1px solid #000000;
                background:#fff;
}

.accommodation-column-right {
    display: block;
    margin-bottom: 20px;
    margin:0 auto;
    border-right:1px solid #000000;
         border-top:1px solid #000000;
      border-bottom:1px solid #000000;
      background:#fff;
}

.accommodation-column-left, .accommodation-column-right {
    flex: 0 1 50%;
}



.accommodation-column-left a, .accommodation-column-right a {
    display: block;
    padding: 10px;

    text-align: center;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 2px;
    color: #000;
}
.accommodation-column-left a:hover, .accommodation-column-right a:hover {
    background-color: #d6b17a;
    color:#fff;
}

.active.accommodation-column-left a:hover, .active.accommodation-column-right a:hover {
    background-color: #d6b17a;
    color:#fff;
}

.
@media only screen and (min-width: 768px) {
    .accommodation-3-column {
        display: flex;
        flex-wrap: nowrap;
        align-content: space-between;
        padding-top:10px;
        margin-bottom:0px;
    }
    .accommodation-column-left, .accommodation-column-right {
        flex: 0 1 50%;
    }
}


.section-column-container {
    display: flex;
    align-items: stretch;
    cursor: pointer;
}


.section-column-norollover {
    display: flex;
    align-items: stretch;
    color:#b2b2b2
}

.section-column-container:hover {
  background:#ab8d64;
}


.section-column-container:hover .text-position {
    color: #ffffff;
}
.section-column-container.highlight .text-position {
    color: #ffffff;
}

.section-column-container.highlight .level-item {
    background-color: #ab8d64;
}
.column-image {
    display: none;
}
@media only screen and (min-width: 768px) {
    .column-image {
        display: unset;
        flex: 4 1 50%;
    }
}
.column-image img {
    width: 100%;
}
.column-table {
    flex: 1 1 12%;
    position: relative;
    min-height: 40px;
}
.column-spacer {
    flex: 1 1 2%;
}
.column-table-double {
    flex: 1 1 24%;
    position: relative;
}
.table-header {
    padding-left: 20px;
    padding-right: 20px;
}
.text-position {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #b2b2b2;
    padding-left: 20px;
    padding-right: 20px;
}
.total-position {
    position: absolute;
    top: 25px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.border-below {
    border-bottom: 1px solid #7f7f7f;
}
.first-piece {

}
.end-piece {
  
}
.floor h3 {
    color: #ffffff;
    font-size: 20px;
    padding: 0 25px;
    letter-spacing: 2px;
    margin:20px 0;
}
.floor p {
    font-size: 18px;
    padding: 0 25px;
}
.floor-visible {
    display: block!important;
}

.plan-bg {
    background-color: #d7b079;
    display: none;
}
.plan-columns {
    display: block;
}
.plan-column-left {
    display: block;
    padding-top: 1px;
    padding-bottom: 10px;
}
.plan-column-right {
    display: block;
    text-align:center;
}
.plan-column-right img {
    width: 70%;
    padding:20px 0 10px 0;

}
@media only screen and (min-width: 768px) {
    .plan-columns {
        display: flex; flex-wrap:wrap;
    }
    .plan-column-left {
        flex: 0 0 30%;
    }
    .plan-column-right {
        flex: 70%;
    }
    .plan-column-right img {

    }
}

.specification-inner {padding:30px; border-right:1px solid #000; border-left:1px solid #000; background:#d6b17a}

.specification-inner h1 {font-size:24px; color:#fff; margin:20px 0;}

.specification-content {
    flex: 0 0 50%;
    color:#000;
}
.specification-column {
    display: block;
}


.specification-column h4 {text-decoration:underline; font-weight:600;}

.specification-column strong {font-weight:600;}

.space-team {min-height:27px;}

.plan-column-left p {font-size:80%;}

@media only screen and (min-width: 768px) {
   
    .specification-column {
        box-sizing: border-box;
        flex: 0 0 50%;
        padding-right: 25px;
    }
}

#specification-tab {
    display: none;
}

#specification-tab {background: #ffffff}


#image2-tab {
    display: none;
}

#image3-tab {
    display: none;
}

.centered-text {
    text-align: center;
    padding: 20px 0 0 0;
}
@media only screen and (min-width: 768px) {
    .centered-text {
        padding: 20px 18% 0 18%;
    }
}

/* Privacy and cookies Styles */

.terms__full {width:100%; background:#ffffff; }

.terms__full p {line-height:24px; margin:20px 0;}

.terms__outer__wrapper {width:100%; max-width: 1280px;margin:0 auto}

.section__header__terms h2 {text-transform:uppercase; font-size:40px; padding-top:60px; margin:20px 0;}

h2.privacy__header {text-transform:uppercase; color:#d6b17a; font-size:27px;}


.terms__table__wrapper{border:1px solid lightgrey; }
.terms__table__wrapper td {border-bottom:1px solid lightgrey; padding:5px 10px; line-height:24px;}

@media only screen and (max-width: 1280px) {
.terms__outer__wrapper {width:calc(100% - 60px); padding:0px 30px}
    }


.caption {
    background: #f5f2e2;
    margin: 0;
    padding: 5px 15px;
    text-align: left;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: -1px;
    opacity: 0.6;
}

.special__light__color .section__header {margin:20px 0;}

section.special__light__color {
    padding: 25px 0 35px;
    background: #d6b17a;
}

section.special__light__color .section__header p {
    color: #ffffff;
}

p.section__header__sub__title {
    font-size: 22px;
    padding-top: 0;
    margin-top: 0px;
}

p.section__header__sub__title span {
    font-size: 20px;
    padding-top: 0;
    margin-top: 10px;
}

.intro__text__container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
}

.intro__text__container p {
    font-size: 20px;
    line-height: 20px;
     margin:20px 0;
}


/* icons Styles */

.icons__outer__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.icons__box {
    flex: 0 0 23%;
    text-align: center;
}

.icons {
    width: 95px;
    height: 95px;
}

.icons__box p {
    color: #ffffff;
    margin:20px 0; line-height:24px;
}


.toggle-headings {padding:25px; color:white}

.onoffswitch {
    position: relative;
    display: inline-block;
    width: 67px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top:7px;
    padding-left:10px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #545454;
    border-radius: 13px;

}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
    text-align: left;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 22px;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #000;
    color: #fff;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #000;
    color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 3.5px;
    background: #d6b17a;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 41px;
    border: 2px solid #545454;
    border-radius: 13px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

#sustain__well__tech {background:#d6b17a; width:100%}

.wellness_text__outer {text-align:center; width:100%; max-width:1280px; margin:0 auto;}

.wellness_text { color:#ffffff;
display: inline-block; text-align: center; line-height:24px;

}


.location__grid__wrapper {width:100%; background:#ffffff;}

/* home Styles */
#black__tab__threesixty {
    background: black;
}

.threesixty-wrapper-outer {
    max-width: 1280px;
    margin: 0 auto;
}


.accommodation-3-column {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    padding-top: 10px;
    margin-bottom: 0px;
}

.viewport-container-film-area {
    height: 100vh;
    pointer-events: none;

}


.fixed-hero{
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
   z-index: -2;
}



.fixed-hero .hero-image-picture {
    z-index: -1;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    opacity: 1;
    position: fixed;
}


.fixed-hero iframe {
    box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
   
}

.video__full__width {width:100%; background:white;}

.page-logo-home {position: fixed;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
z-index:-1;
  }

  .page-logo-home img {width:118px; z-index:-5;}

  .home header {display:none;}



@media only screen and (max-width: 1024px) {
.square-container-wrapper {

    padding-bottom: 35.13%;

}

.video__full__width {padding-top:30px;}


.parallax-container {
    min-height: 60vh;
}



}


@media only screen and (min-width: 667px) {
footer .container br {display:none}
}


@media only screen and (max-width: 666px) {
#nav h3 {
  
    font-size: 2em;

}

.viewport-container-film-area {
    height: 100vh;
}

.fixed-hero .hero-image-picture {
 
    height: 100vh;

}

.page-logo-home {
    top: 50%;
    left: 50%;
transform: translate(-50%, -50%); 

}

.image-bg-left {width: 100%;}


.stack-bg-top {padding: 0px 0 0px 0;}


.image-wrapper-left {
    flex: 0 0 100%;
    overflow: hidden;
    height: 100%;
    padding-top:0px;

}

.image-wrapper-right {
    flex: 0 0 100%;
    overflow: hidden;
    height: 100%;

}
.text-wrapper-right {
    flex: 0 0 100%;
}



.text-wrapper-left {
    flex: 0 0 100%;
}

.misrep__outer {
    width: 100%;
}

.aligner-item {width:calc(100% - 40px); padding:0px 20px;}


.space__plan__data {padding-bottom:30px; padding-top:20px}

.single__space__plan img {
    width: 90%;
}

.square-container-wrapper {
    margin-right: 20px;
    margin-left: 20px;
}


.stack-bg-top h2 {
    padding: 30px 0px 0 0px;
}

.section__header.white h2 {
    padding: 30px 0px 0 0px;
    font-size:40px;
    line-height: 42px;
}

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

.section__header {padding-bottom:0px}

.section__header h2 {font-size: 40px;
    line-height: 42px;
    margin:0 auto;
    padding:30px 20px 0 20px;
  }

  .icons__box {
    flex: 0 0 48%;
    text-align: center;
}

.icons__outer__wrapper {
  padding:30px 0 0px 0px;
    width:100%;
}

.spacer__xlarge {
    min-height: 0px;
}

.icons__box br {display:none;}

.parallax-container[style] {
  height: 260px!important;
}

.specification-content {
    flex: 0 0 100%;
}

.container-slider {
    height: 230px;
   
}

.container-slider .img {
 
    background-size: 100vw 100%;
}

#menu-icon-container {
    top: 20px;
    right: 10px;
    
    
}

.header-container {
    margin: 0 20px 0 20px;
}


.team__left__inner {
    flex: 0 0 100%;
}

.team__right__inner {
    flex: 0 0 100%;
}
.hero-video {height:100%}
.aligner {display:block}
.aligner h1 {margin-top:20px; padding-bottom:0px; margin-bottom:0}
.fifty-split-image-left .video-wrapper {width: 100%; }
.fifty-split-image-right .video-wrapper {width: 100%; margin-bottom:20px}
.fifty-split-image-left-home .video-wrapper {width: 100%;margin-bottom:20px}



.hero-image {    background-size: contain;}

section {
    padding: 0px 0px 0px 0px;
}
.spacer__medium {
    min-height: 20px;
}



.stack-bg-right, .stack-bg-left {
    color: #939292;
    text-align: center;
    position: unset;
    display: block;
   padding: 0px 0 0px 0;
   margin: 0px 0 0px 0;
}



header {    min-height: 100px;}

.threesixty-wrapper-outer {width:calc(100% - 40px); padding: 0px 20px;}

.dash-footer-two {display:none}

.image-bg-right {padding: 0 0 66.25% 0; margin-bottom: 20px;}

.image-bg-left {
  
    padding: 0 0 66.25% 0;
}

section.offset__images {
    padding: 25px 0px 5px 0px;
}



.vertical-centered-right, .vertical-centered-left {width: 100%;margin: 0 0%;}

.square-container-wrapper {padding-bottom:10%;}
.offset__images .square-container-wrapper {padding-bottom:0%;}

section.full__film {
    padding-bottom: 30px;
}

.hero-image {

    background-position: top center;
}

#menu-container h3 {font-size: 2.2em;}

.fifty-split-image-left {

    padding-top: 0px;
}

p.spacer__small {min-height: 0px;}

.bike__hero img {width: 60%; padding-bottom: 20px}


.the-building .square-container-wrapper.concierge  {padding-bottom: 27%;
 
}

.the-building .square-container-wrapper.entrance  {padding-bottom: 7%;
 
}


.container-slider .slider {overflow:hidden}

.iframe_black_wrapper {display:none}

.transport__inner__left {flex: 0 0 90%; padding:5%}
.transport__inner__right {
    flex: 0 0 100%;
}

.walk__times__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    font-size: 14px;
}

.grid-5-by-5    {width: 100%;
    padding: 20px 0px;
}

.item-1 {
    flex: 0 0 100%;
}

.item-2 {
    flex: 0 0 100%;
}

.item-3 {
    flex: 0 0 100%;
}

.item-4 {
    flex: 0 0 100%;
    margin-top: 0px;
}

.item-2-inner div {width:calc(100% - 40px);
    height: 160px; padding:20px}

.item-3-inner div {width:calc(100% - 40px);
    height: 120px; padding:20px}

    .location .fifty-split-image-left .video-wrapper {padding-top:100px; padding-bottom:30px}

    .l-amenities--right {flex: 0 0 100%;}
    .l-amenities--left {flex: 0 0 100%;}


.acordion-amenities {padding-top:20px}



.the-team .hero-image {
    background-position: top 100px center; margin-bottom:40px;
}

.accommodation .spacer__large {
    min-height: 0px;
}



#sustain__well__tech {width:calc(100% - 40px); padding:20px}

.split__plan {

    padding: 0px;
}

.intro__text__container {width:calc(100% - 40px); padding:20px}

.caption {display:none}



.plan-column-right img {width: 90%;
    padding: 10px 0 10px 0;
}

.spacer__large__white.spacer-one {
    min-height: 30px;
     background:#ffffff;
}

.spacer__large__black.spacer-two {
    min-height: 30px;
     background:#000000;
}

.spacer__large__white.spacer-three {
    min-height: 30px;
     background:#ffffff;
}

.accommodation-3-column {

    flex-wrap: wrap;

}
.accommodation-column-left, .accommodation-column-right {
    flex: 0 1 100%;
}




.image-bg-left {
    width: 100%;
    position:relative;
 
}

.image-bg-right {
    width: 100%;
    position:relative;
  
}
.parallax-container {
    min-height: 20vh;

}
}

.content__wrapper {background:#ffffff}