@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
}

/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fader {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards; 

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
} 

	
.fader.one {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

.fader.two {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.fader.three {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fader.four {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
}



.home_logo .cls-1{fill:#fbf7ef;stroke-width:0px;}

@media screen and (max-width: 39.9375em) {
	.container, .reveal{
    font-size: 11px;
}
	
body{
    background: #fcf9f3;
}

.unscrolled{}

.scrolled{}

.mb{
    margin-bottom: 40px;
}

.smb{}

.mt{}

.pb{padding-bottom: 40px;}

.lpb{}

.pt{}

.grid-x{
    /* max-width: 100rem; */
    margin-left: auto;
    margin-right: auto;
}

a{
    color: inherit;
    outline: none;
}

a:hover, a:visited, a:focus, a:active{
    color: inherit;
    text-decoration: none;
    outline: none;
}

#top{}

.desktop_nav_wrap{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    padding: 40px 50px 30px;
    background-color: transparent;
}

.scrolled .desktop_nav_wrap{
    background-color: transparent;
    padding: 16px 40px 24px;
    top: inherit;
    bottom: 0;
}

.desktop_nav_row{}

.scrolled .desktop_nav_row{}

.logo_col{}

.desktop_logo{
    margin: 0 auto 0 0;
    opacity: 0;
    max-width: min(90%, 150px);
}

.scrolled .desktop_logo{
    opacity: 1;
}

.nav_col{}

.nav_col ul{
    list-style: none;
    font-family: "Test Founders Grotesk";
    color: #fbf7ef;
    max-width: 100%;
    line-height: 130%;
    font-weight: 400;
    padding: 0;
    text-align: right;
    text-rendering: auto;
    letter-spacing: 0.05em;
    margin: 0px auto 0px 0px;
    font-size: 1.45em;
}

.scrolled .nav_col ul{
    /* color: #162035; */
    text-align: left;
    margin-left: 0.9375rem !important;
}

.nav_col ul li{
    display: inline-block;
    margin: 0 0 0 30px;
}

.scrolled .nav_col ul li{
    margin: 0 30px 0 0px;
}

.nav_col ul li a{}

.nav_col ul li a:hover{}

.scrolled .nav_col ul li:last-child{
    position: absolute;
    right: 0;
}

.desktop_reg_li{}

.scrolled .desktop_reg_li{}

.desk_register{}

.scrolled .desk_register{}

.desk_register span {
  position: relative;
}

.desk_register span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fbf7ef;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.desk_register span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.scrolled .desk_register span::before {
    /* background-color: #162035; */
}

.mobile_topbar{
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 40px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}

.homepage .mobile_topbar{}

.scrolled .mobile_topbar{
    background: #162035;
    background-color: #162035;
    border-bottom: 1px solid #162035;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
}

.scrolled .homepage .mobile_topbar{}

.homepage .mobile_logo{}

.mobile_logo{
    width: 110px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
	.scrolled .mobile_logo{opacity: 1;} 
	
	.mobile_logo .cls-1{fill:#214b57;}


.mobile_nav_icon    {
    color: #fff !important;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 40;
    padding: 8px;
    line-height: 100%;
    background: #162035;
    border-radius: 0;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
    width: 40px;
}	
	
	.scrolled .mobile_nav_icon    {}
	
	
.hamburger{
}

.scrolled .hamburger{}

.register_fixed_row{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 99;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.scrolled .register_fixed_row{
    bottom: -1px;
    transition-delay: 10s;
}

.register_fixed_row h6{
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #162035;
}

.fixed_register{
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 120%;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 12px 20px 14px;
    border: #162035 solid;
    border-width: 1px 0px 0px;
    display: block;
    width: auto;
    font-family: "Test Founders Grotesk Medium";
    color: #162035;
    background-color: #fcf9f3;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
}

#homepage{
    background-color: #141d31;
}

.home_wrap{
    min-height: 100vh;
    padding: 50px 20px 150px;
    background-color: #182035;
    position: relative;
    z-index: 10;
}

.loaded .home_wrap{
}

.top_row_wrap{}

.top_row{}

.top_col{}

.home_logo{
    display: block;
    margin: 0 auto 20px 0;
    max-width: min(90%, 250px);
}

.loaded .home_logo{}

.middle_row_wrap{
    position: relative;
    min-height: 330px;
}

.middle_row{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
}

.middle_col{}

.hero_text_wrap{}

.hero_text_wrap h1{
    font-family: "FoundersGrotesk-Light";
    color: #fbf7ef;
    max-width: min(95%, 350px);
    line-height: 120%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.02em;
    margin: 0px auto 15px 0px;
    font-size: 1.8em;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

.ill_col{
    opacity: 1;
}

.home_ill_wrap{}

.home_ill{
    margin: 0 auto 20px;
}

.loaded .ill_col {
}

.bottom_row_wrap{}

.bottom_row{}

.bottom_col{}

.subpage_down_link{}

.subpage_down{
    display: block;
    margin: 0 auto 0 0px;
    max-width: min(90%, 30px);
}

#subpage_image_holder{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 1;
}

.image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.45);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.hero_image{}

#hero_image{
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

.subsection_wrap{
    position: relative;
    /* z-index: 20; */
}

#vision{
    padding: 0 0 0 0;
}

.subsection{
    background-color: #fcf9f3;
}

.subsection .grid-x{}

.text_intro_row, .small_copy_row, .narrow_row, .amen_row{
    max-width: min(95%, 400px);
}

.text_intro_row .cell{}

.text_intro_row h1, .copy_row h1, .text_overlay h2, .spaces_intro_row h1, .amen_row h1, .team_row h2, .enquire_title_row h1, .masterplan_title_row h1, .spaces_intro_row h1{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 350px);
    line-height: 100%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.00em;
    margin: 0px auto 10px;
    font-size: 2.5em;
    text-decoration-line: underline;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}


.text_intro_row p, .copy_row h2, .small_copy_row ul, .small_copy_row h2, .amen_row p, .team_row p, .small_copy_row h3, .small_copy_row h4, .team_row h3, .form_col h3, .masterplan_row h6{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(95%, 350px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.3em;
}

.text_intro_row1{}

.text_intro_row2{}

.text_intro_row3{}

.text_intro_row4{}

.text_intro_row5{}

.text_intro_row6{}

.text_intro_row7{}

.text_intro_row1 p{}

.text_intro_row2 p{}

.text_intro_row3 p{}

.text_intro_row4 p{}

.text_intro_row5 p{}

.text_intro_row6 p{}

.text_intro_row7 p{}

.fullWidth{
    max-width: calc(100% - 0px);
}

.fullWidth .cell{
    padding-right: 0;
    padding-left: 0;
}

.fullWidth img{}

.fade_gallery{
    line-height: 0;
}

.fade_gallery img{}

.copy_row, .team_row{
    max-width: min(90%, 95rem);
}

.copy_row .cell{}

.copy_row h1{
    font-size: 2.6em;
    margin: 20px auto 20px;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

.copy_row h1 span {
  position: relative;
}

.copy_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.copy_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.copy_row h2{
    font-size: 1.3em;
}

.ill_wrap{}

.ill{}

.ill2{
    margin: 0 auto 0;
}

.ill3{
    display: block;
    margin: 20px 0 0 auto;
    max-width: min(100%);
}

.ill4{
    max-width: min(90%, 650px);
    margin: 0 0 0 auto;
    display: block;
}

.text_overlay{
    position: absolute;
    width: 100%;
    top: 80px;
    left: 60px;
    z-index: 10;
    display: none;
}

.text_overlay h2{
    color: #162035;
    max-width: min(95%, 480px);
    font-size: 3.0em;
}

.text_overlay h2 span {
  position: relative;
}

.text_overlay h2 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.text_overlay h2 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#neighbourhood{}

.subsection{
    padding: 80px 0 0 0;
}

.aerial_row{}

.aerial_row .cell{}

.aerial_row img{}

.copy_row2{}

.copy_row2 h1{
    text-decoration-color: #162035;
    margin: 0px auto 10px;
}

.copy_row2 h2{
    max-width: min(95%, 350px);
    margin: 0 auto 30px;
}

.nested_timer_row{
    max-width: min(95%, 350px);
    margin: 0 auto;
}

.nested_timer_row1{}

.nested_timer_row2{}

.nested_timer_col{}

.nested_timer_col hr{
    margin: 0 auto 0 0;
    border-bottom: none;
    border-top: 1px solid #162035;
    width: 100%;
}

.nested_timer_col hr.started{}

.timer_text_wrap{
    margin: 20px 0 20px 0;
}

.timer_text_wrap h3{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 80%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: -0.01em;
    margin: 0px auto 0px 0;
    font-size: 4.0em;
}

.timer{
    display: inline-block;
}

.timer_text_wrap h4{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 280px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.20em;
}

.life_grid_wrap{
    padding: 0 0px 0 0;
}

.life_grid_row{}

.life_grid_row .cell, .map_row .cell{
    padding-right: 0px;
    padding-left: 0px;
}

.life_nested_row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.life_nested_row .cell{
    padding-right: 5px;
    padding-left: 5px;
}

.life_nested_row1{
    margin-bottom: 10px;
}

.life_nested_row2{}

.life_img_wrap{
    position: relative;
}

.life_img_wrap img{}

.caption{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
    position: absolute;
    left: 15px;
    bottom: 15px;
    opacity: 0;
    display: none;
}

.life_img_wrap:hover .caption{
    opacity: 1;
}

.map_row{
    padding: 0 20px 50px;
}

.map_row .cell{
    padding-right: 10px;
    /* padding-left: 0; */
}

.map_img{
    max-width: min(90%, 600px);
    margin: 0 auto 40px 0;
    display: none;
}

.map_row{}

.map_row ol{
    list-style-position: inside;
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 200px);
    text-align: left;
    text-rendering: auto;
    margin: 30px auto 0px;
    letter-spacing: 0.03em;
    line-height: 145%;
    font-size: 1.30em;
}

.map_row ol li{}

.map_row ol li ul{
    line-height: 120%;
    margin: 5px 0 10px 30px;
}

.map_row ol li ul li{
    padding-left: 6px;
}

.large_map_img{}

#spaces{
    padding: 0 0 0 0;
}

.spaces_intro_row{
    margin: 0 auto 0px;
}

.spaces_intro_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.spaces_intro_row h1, .masterplan_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0px auto 20px;
}

#KingSt{}

.text_intro_row3 {}

.text_intro_row3 h1{}

.text_intro_row3 p{}

.small_copy_row{
    padding-top: 30px;
}

.small_copy_row .cell{}

.small_copy_row h2{
    font-size: 1.80em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.small_copy_row h3{
    color: #fcf9f3;
    font-size: 1.50em;
    line-height: 120%;
    max-width: min(95%, 350px);
    margin: 0 auto 20px;
}

.small_copy_row h4{
    color: #fcf9f3;
}

.small_copy_row ul{
    font-size: 1.35em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 10px 0 0 15px;
    max-width: min(100%, 500px);
}

.small_copy_row li{
    margin-bottom: 3px;
    list-style-type: '-';
    padding-left: 8px;
}

.small_copy_row li::marker, .map_row ol li ul li::marker {
  content: '> ';
  font-size: 0.7em;
  line-height: 200%;
  vertical-align: middle;
}




#Workshops, #BuildingJ{
    background-color: #8c2520;
}

.text_intro_row4{}

.text_intro_row4 h1, .text_intro_row6 h1, .text_intro_row4 p, .text_intro_row6 p, .text_intro_row5 h1, .text_intro_row5 p{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.text_intro_row4 p{
    margin-bottom: 13px;
}

#Basement{
    background-color: #162035;
}

.text_intro_row5{}

.text_intro_row5 h1{}

.text_intro_row5 p{}

#BuildingJ{}

.narrow_row{}

.narrow_row .cell{}

.amen_row{}

.amen_row .cell{}

.amen_row h1{
    margin: 0px auto 0px 0;
    max-width: min(95%, 400px);
}

.amen_row p{
    margin: 20px auto 20px 0;
    max-width: min(100%, 600px);
}

.nested_render_wrap{
    max-width: min(100%, 400px);
    margin: 0 auto 30px;
    display: none;
}

.nested_render_wrap img{}

.render_wrap{}

.render_wrap img{}

#masterplan{
    background-color: #162035;
    position: relative;
    /* z-index: 31; */
    padding: 60px 15px 40px !important;
}

.masterplan_row{
    background-color: transparent;
    min-height: auto;
}

.masterplan_row .cell{}

.masterplan_row h6{
    text-align: center;
    max-width: 100%;
    color: magenta;
}

.masterplan_title_row{}

.masterplan_title_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.masterplan_title_row h1{
    margin: 0px auto 20px 0;
} 

#team{
    padding: 80px 0 50px;
}

.copy_row3{
    margin-bottom: 50px;
}

.copy_row3 h1{
    text-decoration-color: #162035;
    margin: 0px auto 20px 0;
}

.team_row{}

.team_row .cell{}

.tl{
    height: 40px;
}

.tl1{}

.tl2{}

.tl3{}

.tl4{}

.team_row h2{
    text-decoration-line: none;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 0px;
    text-underline-offset: 0;
    margin: 30px auto 15px 0;
    line-height: 100%;
    font-size: 2.8em;
    display: none;
}

.team_row p, .team_row h3{
    margin: 15px auto 5px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.30em;
}

.team_row h3{
    /* font-size: 1.40em; */
    margin: 0 auto 20px 0;
}

.team_row h3 a span {
  position: relative;
}

.team_row h3 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #162035;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.team_row h3 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#enquire{
    background-color: #162035;
    position: relative;
    z-index: 100;
    padding: 90px 0 150px 0;
}

.enquire_title_row{
    /* max-width: min(90rem, 900px); */
}

.enquire_title_row .cell{}

.enquire_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0 auto;
    text-align: center;
    font-size: 2.75em;
}

.enquire_title_row h1 span {
  position: relative;
}

.enquire_title_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.enquire_title_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.form_row{
    max-width: min(90rem, 1100px);
    padding: 0px 0 20px;
}

.form_col{
    position: relative;
}

.form_col h3{
    text-align: center;
    color: #fcf9f3;
    line-height: 110%;
    font-size: 1.70em;
    max-width: min(100%, 500px);
    margin: 0 auto 15px auto;
}

.last_name{}

.form_col1{}

.form_col2{}

.enquire_divider{
    clear: both;
    max-width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top: none;
    border-right: 2px solid #fcf9f3;
    border-bottom: 0;
    border-left: 0;
    margin: 0 0 0 0;
    width: 1px;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    transform-origin: left;
    display: none;
}

.form_wrap{
    max-width: min(85%, 400px);
    margin: 15px auto 25px auto;
}

.disclaimer_row{}

.disclaimer_row .cell{}

.fl{
    max-width: min(90%, 150px);
    margin: 0px auto 20px;
    display: block;
}

.fl1{}

.disclaimer_row h6{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 330px);
    text-align: center;
    text-rendering: auto;
    margin: 0 auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 0.9em;
}

.disclaimer_row h4{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 750px);
    text-align: center;
    text-rendering: auto;
    margin: 15px auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
}

.disclaimer_row h4 a span {
  position: relative;
}

.disclaimer_row h4 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fcf9f3;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.disclaimer_row h4 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}


.overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
    background-size: auto;
    background-color: #162035;
    background-color: rgba(22, 32, 53, 0.95);
    background-repeat: no-repeat;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.overlay .overlay-close {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.close-button, .overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 3px;
    right: 4px;
    border: 0px solid #fdfbf4;
    padding: 5px;
}

.close_modal, .close_menu {
    fill: #fdfbf4;
    width: 100%;
}

.close_modal .cls-1 {
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 66%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-align: center;
}

.overlay ul li a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    list-style: none;
    display: inline;
    font-family: "Test Founders Grotesk";
    color: #fdfbf4;
    max-width: min(80%, 900px);
    line-height: 145%;
    font-weight: 400;
    padding: 0;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    letter-spacing: 0.01em;
    margin: 0px auto 0px;
    font-size: 2.5em;
    text-decoration: none !important;
}

.blue_wrap, .space_blue_wrap, #masterplan{
    background-color: #162035;
    padding: 40px 0px;
}

.blue_wrap h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.blue_wrap h2{
    color: #fcf9f3;
    font-family: "FoundersGrotesk-Light";
}

.life_img_wrap1{margin-bottom: 0px;}

.fullWidth_nopad{ max-width: 100%;}

.space_blue_wrap{
    background-color: #162035;
    padding: 70px 0px 40px;
}

#KingSt, #Workshops, #Basement, #BuildingJ{
    padding: 50px 0 40px;
}

#KingSt{
    padding-top: 0;
} 

#KingSt .small_copy_row h2, #KingSt .small_copy_row ul{    color: #162035;}

.last_name{ margin-bottom: 0;}

.no_underline {
    text-decoration: none !important;
    display: inline-flex;
}


.subpage_wrap{}

#masterplan_subpage{
    min-height: 100vh;
}

.masterplan_subpage_row{}

.masterplan_subpage_row .cell{}

.small_copy_row h6{
        color: #fcf9f3;
        text-transform: none;
        font-family: "Test Founders Grotesk";
        font-weight: 400;
        padding: 0 0 0 0;
        max-width: min(100%, 700px);
        text-align: left;
        text-rendering: auto;
        margin: 10px auto 0px 0;
        letter-spacing: 0.03em;
        line-height: 125%;
        font-size: 1.35em;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-underline-offset: .2em;
        text-decoration-color: #fcf9f3;
        }

#KingSt .small_copy_row h6 {
        color: #162035;
        text-decoration-color: #162035;
    }

.small_copy_row h6 a{}

.large_link{     position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 12;
    top: 0;
    left: 0;}
	
	
#banner{
    position: absolute;
    z-index: 29;
    width: 100%;
    left: 0%;
    top: -50px;
    background-color: transparent;
    background-image: none;
    padding: 0px 0 0px;
    border-bottom: 1px solid #fff;
}
	
	.loaded #banner{top: 0px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
	
	.banner_row{}
	.banner_col{}

	.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
	width: 100%;
	background: transparent;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 30px;
	position: relative;
	cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 20%;
	height: 45px;
	line-height: 42px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 2px;
  margin: 0;
  height: 30px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 26px;
  color: #fff;
  list-style: none;
  font-family: "Test Founders Grotesk";
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.12em;
  font-size: 0.95em;
  }


.homepage .desktop_nav_wrap{
    top: 20px;
}

.homepage.scrolled .desktop_nav_wrap{
    top: inherit;
}
	
.simple-marquee-container .marquee-content-items li:after{
	content: "-";
	margin: 0 .3em;
}
	
}


@media screen and (min-width: 40em) {
	.container, .reveal{
    font-size: 12px;
}
	
body{
    background: #fcf9f3;
}

.unscrolled{}

.scrolled{}

.mb{
    margin-bottom: 70px;
}

.smb{}

.mt{}

.pb{padding-bottom: 60px;}

.lpb{}

.pt{}

.grid-x{
    /* max-width: 100rem; */
    margin-left: auto;
    margin-right: auto;
}

a{
    color: inherit;
    outline: none;
}

a:hover, a:visited, a:focus, a:active{
    color: inherit;
    text-decoration: none;
    outline: none;
}

#top{}

.desktop_nav_wrap{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    padding: 20px 20px 30px;
    background-color: transparent;
}

.scrolled .desktop_nav_wrap{
    background-color: #162035;
    padding: 14px 15px 20px;
    top: inherit;
    bottom: 0;
}

.desktop_nav_row{
    position: relative;
}

.scrolled .desktop_nav_row{}

.logo_col{}

.desktop_logo{
    margin: 0 auto 0 0;
    opacity: 0;
    max-width: min(90%, 100px);
}

.scrolled .desktop_logo{
    opacity: 1;
}

.nav_col{}

.nav_col ul{
    list-style: none;
    font-family: "Test Founders Grotesk";
    color: #fbf7ef;
    max-width: 100%;
    line-height: 130%;
    font-weight: 400;
    padding: 0;
    text-align: right;
    text-rendering: auto;
    letter-spacing: 0.025em;
    margin: 0px auto 0px 0px;
    font-size: 1.35em;
}

.scrolled .nav_col ul{
    /* color: #162035; */
    text-align: right;
    margin-left: 0.9375rem !important;
}

.nav_col ul li{
    display: inline-block;
    margin: 0 0 0 12px;
}

.scrolled .nav_col ul li{
    margin: 0 15px 0 0px;
}

.nav_col ul li a{}

.nav_col ul li a:hover{}

.scrolled .nav_col ul li:last-child{
    position: relative;
    right: 0;
    margin-right: 0;
}

	.nav_col ul li:first-child{ margin-left: 0;}
	.scrolled .nav_col ul li:first-child{ margin-left: 0;}
	
	
.desktop_reg_li{}

.scrolled .desktop_reg_li{}

.desk_register{}

.scrolled .desk_register{}

.desk_register span {
  position: relative;
}

.desk_register span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #fbf7ef;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.desk_register span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.scrolled .desk_register span::before {
    /* background-color: #162035; */
}

.mobile_topbar{
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 46px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}

.homepage .mobile_topbar{}

.scrolled .mobile_topbar{
    background: #fdfbf4;
    background-color: #fdfbf4;
    border-bottom: 1px solid #1c3f2b;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
}

.scrolled .homepage .mobile_topbar{}

.homepage .mobile_logo{}

.mobile_logo{
    width: 140px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
	.scrolled .mobile_logo{opacity: 1;} 
	
	.mobile_logo .cls-1{fill:#214b57;}


.hamburger{
}

.scrolled .hamburger{}

.register_fixed_row{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 21;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.scrolled .register_fixed_row{
    bottom: -1px;
    transition-delay: 10s;
}

.register_fixed_row h6{
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
}

.fixed_register{
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 13px 20px 14px;
    border: #1c3f2b solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #1c3f2b;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
}

#homepage{
    background-color: #141d31;
}

.home_wrap{
    min-height: 100vh;
    padding: 90px 30px 150px;
    background-color: #182035;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.loaded .home_wrap{
}

.top_row_wrap{}

.top_row{}

.top_col{}

.home_logo{
    display: block;
    margin: 0 auto 0 0;
    max-width: min(90%, 400px);
}

.loaded .home_logo{}

.middle_row_wrap{
    position: relative;
    min-height: 440px;
}

.middle_row{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
}

.middle_col{}

.hero_text_wrap{}

.hero_text_wrap h1{
    font-family: "FoundersGrotesk-Light";
    color: #fbf7ef;
    max-width: min(95%, 380px);
    line-height: 110%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.02em;
    margin: 0px auto 40px 0px;
    font-size: 1.8em;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

.ill_col{
    opacity: 1;
}

.home_ill_wrap{}

.home_ill{
    display: block;
    margin: 40px 0 0 auto;
    max-width: min(90%, 500px);
}

.loaded .ill_col {
    /* opacity: 0; */
}

.bottom_row_wrap{}

.bottom_row{}

.bottom_col{}

.subpage_down_link{}

.subpage_down{
    display: block;
    margin: 0 auto 0 0px;
    max-width: min(90%, 30px);
}

#subpage_image_holder{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 1;
}

.image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.45);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.hero_image{}

#hero_image{
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

.subsection_wrap{
    position: relative;
    /* z-index: 20; */
}

#vision{
    padding: 0 0 0 0;
}

.subsection{
    background-color: #fcf9f3;
}

.subsection .grid-x{}

.text_intro_row, .small_copy_row, .narrow_row, .amen_row{
    max-width: min(95%, 55rem);
}

.text_intro_row .cell{}

.text_intro_row h1, .copy_row h1, .text_overlay h2, .spaces_intro_row h1, .amen_row h1, .team_row h2, .enquire_title_row h1, .masterplan_title_row h1, .spaces_intro_row h1{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 100%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.00em;
    margin: 0px auto 0px 0;
    font-size: 2.1em;
    text-decoration-line: underline;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}


.text_intro_row p, .copy_row h2, .small_copy_row ul, .small_copy_row h2, .amen_row p, .team_row p, .small_copy_row h3, .small_copy_row h4, .team_row h3, .form_col h3, .masterplan_row h6{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 400px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.25em;
}

.text_intro_row1{}

.text_intro_row2{}

.text_intro_row3{}

.text_intro_row4{}

.text_intro_row5{}

.text_intro_row6{}

.text_intro_row7{}

.text_intro_row1 p{}

.text_intro_row2 p{}

.text_intro_row3 p{}

.text_intro_row4 p{}

.text_intro_row5 p{}

.text_intro_row6 p{}

.text_intro_row7 p{}

.fullWidth{
    max-width: calc(100% - 30px);
}

.fullWidth .cell{
    padding-right: 0;
    padding-left: 0;
}

.fullWidth img{}

.fade_gallery{
    line-height: 0;
}

.fade_gallery img{}

.copy_row, .team_row{
    max-width: min(95%, 95rem);
}

.copy_row .cell{}

.copy_row h1{
    font-size: 2.0em;
    margin: 0px auto 30px 0;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

.copy_row h1 span {
  position: relative;
}

.copy_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.copy_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.copy_row h2{
    font-size: 1.25em;
}

.ill_wrap{}

.ill{}

.ill2{
    margin: 0 auto 40px;
}

.ill3{
    display: block;
    margin: 50px 0 0 auto;
    max-width: min(100%);
}

.ill4{
    max-width: min(90%, 350px);
    margin: 0 0 0 auto;
    display: block;
}

.text_overlay{
    position: absolute;
    width: 100%;
    top: 30px;
    left: 30px;
    z-index: 10;
}

.text_overlay h2{
    color: #162035;
    max-width: min(95%, 320px);
    font-size: 1.8em;
}

.text_overlay h2 span {
  position: relative;
}

.text_overlay h2 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.text_overlay h2 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#neighbourhood{}

.subsection{
    padding: 60px 0 0 0;
}

.aerial_row{}

.aerial_row .cell{}

.aerial_row img{}

.copy_row2{}

.copy_row2 h1{
    text-decoration-color: #162035;
    margin: 0px auto 15px 0;
}

.copy_row2 h2{
    max-width: min(100%, 450px);
    margin: 0 0 30px 0;
}

.nested_timer_row{}

.nested_timer_row1{}

.nested_timer_row2{}

.nested_timer_col{}

.nested_timer_col hr{
    margin: 0 auto 0 0;
    border-bottom: none;
    border-top: 1px solid #162035;
    width: 90%;
}

.nested_timer_col hr.started{}

.timer_text_wrap{
    margin: 20px 0 25px 0;
}

.timer_text_wrap h3{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 80%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: -0.01em;
    margin: 0px auto 0px 0;
    font-size: 3.0em;
}

.timer{
    display: inline-block;
}

.timer_text_wrap h4{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 280px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
}

.life_grid_wrap{
    padding: 0 15px 0 5px;
}

.life_grid_row{}

.life_grid_row .cell, .map_row .cell{
    padding-right: 0px;
    padding-left: 5px;
}

.life_nested_row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.life_nested_row .cell{
    padding-right: 5px;
    padding-left: 5px;
}

.life_nested_row1{
    margin-bottom: 10px;
}

.life_nested_row2{}

.life_img_wrap{
    position: relative;
}

.life_img_wrap img{}

.caption{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
    position: absolute;
    left: 15px;
    bottom: 15px;
    opacity: 0;
}

.life_img_wrap:hover .caption{
    opacity: 1;
}

.map_row{
    padding: 0 20px 50px;
}

.map_row .cell{
    padding-right: 10px;
    /* padding-left: 0; */
}

.map_img{
    max-width: min(90%, 600px);
    margin: 0 auto 40px 0;
    display: none;
}

.map_row{}

.map_row ol{
    list-style-position: inside;
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 10px;
    letter-spacing: 0.03em;
    line-height: 145%;
    font-size: 1.10em;
}

.map_row ol li{}

.map_row ol li ul{
    line-height: 120%;
    margin: 5px 0 10px 30px;
}

.map_row ol li ul li{
    padding-left: 6px;
}

.large_map_img{}

#spaces{
    padding-top: 0;
}

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

.spaces_intro_row .cell{
    /* padding-right: 0; */
    /* padding-left: 0; */
}

.spaces_intro_row h1, .masterplan_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0px auto 20px 0;
}

#KingSt{}

.text_intro_row3 {}

.text_intro_row3 h1{}

.text_intro_row3 p{}

.small_copy_row{
    padding-top: 30px;
}

.small_copy_row .cell{}

.small_copy_row h2{
    font-size: 1.80em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.small_copy_row h3{
    color: #fcf9f3;
    font-size: 1.40em;
    line-height: 120%;
    max-width: min(100%, 550px);
}

.small_copy_row h4{
    color: #fcf9f3;
}

.small_copy_row ul{
    font-size: 1.15em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 10px 0 0 15px;
    max-width: min(100%, 500px);
}

.small_copy_row li{
    margin-bottom: 5px;
    list-style-type: '-';
    padding-left: 5px;
}

.small_copy_row li::marker, .map_row ol li ul li::marker {
  content: '> ';
  font-size: 0.7em;
  line-height: 200%;
  vertical-align: middle;
}




#Workshops, #BuildingJ{
    background-color: #8c2520;
}

.text_intro_row4{}

.text_intro_row4 h1, .text_intro_row6 h1, .text_intro_row4 p, .text_intro_row6 p, .text_intro_row5 h1, .text_intro_row5 p{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.text_intro_row4 p{
    margin-bottom: -13px;
}

#Basement{
    background-color: #162035;
}

.text_intro_row5{}

.text_intro_row5 h1{}

.text_intro_row5 p{}

#BuildingJ{}

.narrow_row{}

.narrow_row .cell{}

.amen_row{}

.amen_row .cell{}

.amen_row h1{
    margin: 0px auto 0px 0;
    max-width: min(95%, 200px);
}

.amen_row p{
    margin: 20px auto 20px 0;
    max-width: min(100%, 600px);
}

.nested_render_wrap{
    max-width: min(90%, 600px);
}

.nested_render_wrap img{}

.render_wrap{}

.render_wrap img{}

#masterplan{
    background-color: #162035;
    position: relative;
    /* z-index: 31; */
}

.masterplan_row{
    background-color: transparent;
}

.masterplan_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.masterplan_row h6{
    text-align: center;
    max-width: 100%;
    color: magenta;
}

.masterplan_title_row{}

.masterplan_title_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.masterplan_title_row h1{
    margin: 0px auto 40px 0;
} 

#team{
    padding: 100px 0 50px;
}

.copy_row3{
    margin-bottom: 10px;
}

.copy_row3 h1{
    text-decoration-color: #162035;
}

.team_row{}

.team_row .cell{}

.tl{
    height: 50px;
}

.tl1{}

.tl2{}

.tl3{}

.tl4{}

.team_row h2{
    text-decoration-line: none;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 0px;
    text-underline-offset: 0;
    margin: 30px auto 15px 0;
    line-height: 100%;
    font-size: 2.8em;
    display: none;
}

.team_row p, .team_row h3{
    margin: 25px auto 5px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.30em;
}

.team_row h3{
    /* font-size: 1.40em; */
    margin: 0 auto 40px 0;
}

.team_row h3 a span {
  position: relative;
}

.team_row h3 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #162035;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.team_row h3 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#enquire{
    background-color: #162035;
    position: relative;
    z-index: 31;
    padding: 70px 0 150px 0;
}

.enquire_title_row{
    /* max-width: min(90rem, 900px); */
}

.enquire_title_row .cell{}

.enquire_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0 auto;
    text-align: center;
    font-size: 2.7em;
}

.enquire_title_row h1 span {
  position: relative;
}

.enquire_title_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.enquire_title_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.form_row{
    max-width: min(90rem, 1100px);
    padding: 50px 0 70px;
}

.form_col{
    position: relative;
}

.form_col h3{
    text-align: center;
    color: #fcf9f3;
    line-height: 115%;
    font-size: 1.60em;
    max-width: min(100%, 500px);
    margin: 0 0 25px auto;
}

.last_name{}

.form_col1{}

.form_col2{}

.enquire_divider{
    clear: both;
    max-width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top: none;
    border-right: 2px solid #fcf9f3;
    border-bottom: 0;
    border-left: 0;
    margin: 0 0 0 0;
    width: 1px;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    transform-origin: left;
}

.form_wrap{
    max-width: min(85%, 400px);
    margin: 25px auto 25px auto;
}

.disclaimer_row{}

.disclaimer_row .cell{}

.fl{
    max-width: min(90%, 180px);
    margin: 0px auto 30px;
    display: block;
}

.fl1{}

.disclaimer_row h6{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(85%, 550px);
    text-align: center;
    text-rendering: auto;
    margin: 0 auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 0.9em;
}

.disclaimer_row h4{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 750px);
    text-align: center;
    text-rendering: auto;
    margin: 15px auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
}

.disclaimer_row h4 a span {
  position: relative;
}

.disclaimer_row h4 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fcf9f3;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.disclaimer_row h4 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}


.overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
    background-size: auto;
    background-color: #1c3f2b;
    background-color: rgba(28, 63, 43, 0.95);
    background-repeat: no-repeat;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.overlay .overlay-close {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.close-button, .overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #fdfbf4;
    padding: 5px;
}

.close_modal, .close_menu {
    fill: #fdfbf4;
    width: 100%;
}

.close_modal .cls-1 {
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 70%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-align: center;
}

.overlay ul li a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    list-style: none;
    display: inline;
    font-family: "Self Modern";
    color: #fdfbf4;
    max-width: min(80%, 900px);
    line-height: 145%;
    font-weight: 400;
    padding: 0;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    letter-spacing: 0.03em;
    margin: 0px auto 0px;
    font-size: 2.5em;
    text-decoration: none !important;
}

.blue_wrap, .space_blue_wrap, #masterplan{
    background-color: #162035;
    padding: 60px 15px 80px;
}

.blue_wrap h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    max-width: min(95%, 480px);
}

.blue_wrap h2{
    color: #fcf9f3;
    font-family: "FoundersGrotesk-Light";
    max-width: min(100%, 600px);
}

.life_img_wrap1{margin-bottom: 0px;}

.fullWidth_nopad{ max-width: 100%;}

.space_blue_wrap{
    background-color: #162035;
}

#KingSt, #Workshops, #Basement, #BuildingJ{
    padding: 50px 0 60px;
}

#KingSt{
    padding-top: 0;
} 

#KingSt .small_copy_row h2, #KingSt .small_copy_row ul{    color: #162035;}

.last_name{ margin-bottom: 0;}

.no_underline {
    text-decoration: none !important;
    display: inline-flex;
}


.subpage_wrap{}

#masterplan_subpage{
    min-height: 100vh;
}

.masterplan_subpage_row{}

.masterplan_subpage_row .cell{}

.small_copy_row h6{
        color: #fcf9f3;
        text-transform: none;
        font-family: "Test Founders Grotesk";
        font-weight: 400;
        padding: 0 0 0 0;
        max-width: min(100%, 700px);
        text-align: left;
        text-rendering: auto;
        margin: 10px auto 0px 0;
        letter-spacing: 0.03em;
        line-height: 125%;
        font-size: 1.15em;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-underline-offset: .2em;
        text-decoration-color: #fcf9f3;
        }

#KingSt .small_copy_row h6 {
        color: #162035;
        text-decoration-color: #162035;
    }

.small_copy_row h6 a{}

.large_link{     position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 12;
    top: 0;
    left: 0;}
	

#banner{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0%;
    top: -50px;
    background-color: transparent;
    background-image: none;
    padding: 0px 0 0px;
    border-bottom: 1px solid #fff;
}
	
	.loaded #banner{top: 0px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;transition-delay: 2s;}
	
	.banner_row{
    max-width: 100%;
}
	.banner_col{}

	.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
	width: 100%;
	background: transparent;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 35px;
	position: relative;
	cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 20%;
	height: 45px;
	line-height: 42px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 2px;
  margin: 0;
  height: 35px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 30px;
  color: #fff;
  list-style: none;
  font-family: "Test Founders Grotesk";
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.12em;
  font-size: 0.90em;
  }


.homepage .desktop_nav_wrap{
    top: 25px;
}

.homepage.scrolled .desktop_nav_wrap{
    top: inherit;
}
	
.simple-marquee-container .marquee-content-items li:after{
	content: "-";
	margin: 0 .5em;
}
	
}


@media screen and (min-width: 64em) {
	.container, .reveal{
    font-size: 13px;
}
	
body{
    background: #fcf9f3;
}

.unscrolled{}

.scrolled{}

.mb{
    margin-bottom: 80px;
}

.smb{}

.mt{}

.pb{padding-bottom: 60px;}

.lpb{}

.pt{}

.grid-x{
    /* max-width: 100rem; */
    margin-left: auto;
    margin-right: auto;
}

a{
    color: inherit;
    outline: none;
}

a:hover, a:visited, a:focus, a:active{
    color: inherit;
    text-decoration: none;
    outline: none;
}

#top{}

.desktop_nav_wrap{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    padding: 25px 25px 30px;
    background-color: transparent;
}

.scrolled .desktop_nav_wrap{
    background-color: #162035;
    padding: 12px 20px 20px;
    top: inherit;
    bottom: 0;
}

.desktop_nav_row{}

.scrolled .desktop_nav_row{}

.logo_col{}

.desktop_logo{
    margin: 0 auto 0 0;
    opacity: 0;
    max-width: min(90%, 100px);
}

.scrolled .desktop_logo{
    opacity: 1;
}

.nav_col{}

.nav_col ul{
    list-style: none;
    font-family: "Test Founders Grotesk";
    color: #fbf7ef;
    max-width: 100%;
    line-height: 130%;
    font-weight: 400;
    padding: 0;
    text-align: right;
    text-rendering: auto;
    letter-spacing: 0.03em;
    margin: 0px auto 0px 0px;
    font-size: 1.25em;
}

.scrolled .nav_col ul{
    /* color: #162035; */
    text-align: left;
    margin-left: 0.9375rem !important;
}

.nav_col ul li{
    display: inline-block;
    margin: 0 0 0 15px;
}

.scrolled .nav_col ul li{
    margin: 0 25px 0 0px;
}

.nav_col ul li a{}

.nav_col ul li a:hover{}

.scrolled .nav_col ul li:last-child{
    position: absolute;
    right: 0;
    margin-right: 0;
}
	
	.nav_col ul li:first-child{ margin-left: 0;}
	.scrolled .nav_col ul li:first-child{ margin-left: 0;}

.desktop_reg_li{}

.scrolled .desktop_reg_li{}

.desk_register{}

.scrolled .desk_register{}

.desk_register span {
  position: relative;
}

.desk_register span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #fbf7ef;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.desk_register span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.scrolled .desk_register span::before {
    /* background-color: #162035; */
}

.mobile_topbar{
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 46px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}

.homepage .mobile_topbar{}

.scrolled .mobile_topbar{
    background: #fdfbf4;
    background-color: #fdfbf4;
    border-bottom: 1px solid #1c3f2b;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
}

.scrolled .homepage .mobile_topbar{}

.homepage .mobile_logo{}

.mobile_logo{
    width: 140px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
	.scrolled .mobile_logo{opacity: 1;} 
	
	.mobile_logo .cls-1{fill:#214b57;}


.hamburger{
}

.scrolled .hamburger{}

.register_fixed_row{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 21;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.scrolled .register_fixed_row{
    bottom: -1px;
    transition-delay: 10s;
}

.register_fixed_row h6{
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
}

.fixed_register{
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 13px 20px 14px;
    border: #1c3f2b solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #1c3f2b;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
}

#homepage{
    background-color: #141d31;
}

.home_wrap{
    min-height: 100vh;
    padding: 60px 30px 40px;
    background-color: #182035;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.loaded .home_wrap{
}

.top_row_wrap{}

.top_row{}

.top_col{}

.home_logo{
    display: block;
    margin: 0 auto 0 0;
    max-width: min(90%, 400px);
}

.loaded .home_logo{}

.middle_row_wrap{
    position: relative;
    min-height: 180px;
}

.middle_row{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
}

.middle_col{}

.hero_text_wrap{}

.hero_text_wrap h1{
    font-family: "FoundersGrotesk-Light";
    color: #fbf7ef;
    max-width: min(95%, 450px);
    line-height: 110%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.02em;
    margin: 0px auto 40px 40px;
    font-size: 1.9em;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

.ill_col{
    opacity: 1;
}

.home_ill_wrap{}

.home_ill{
    display: block;
    margin: -10vh 0 0 auto;
    max-width: 100%;
}

.loaded .ill_col {
    /* opacity: 0; */
}

.bottom_row_wrap{}

.bottom_row{}

.bottom_col{}

.subpage_down_link{}

.subpage_down{
    display: block;
    margin: 0 auto 0 40px;
    max-width: min(90%, 32px);
}

#subpage_image_holder{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 1;
}

.image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.hero_image{}

#hero_image{
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

.subsection_wrap{
    position: relative;
    /* z-index: 20; */
}

#vision{
    padding: 0 0 0 0;
}

.subsection{
    background-color: #fcf9f3;
}

.subsection .grid-x{}

.text_intro_row, .small_copy_row, .narrow_row, .amen_row{
    max-width: min(65rem, 95%);
}

.text_intro_row .cell{}

.text_intro_row h1, .copy_row h1, .text_overlay h2, .spaces_intro_row h1, .amen_row h1, .team_row h2, .enquire_title_row h1, .masterplan_title_row h1, .spaces_intro_row h1{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 380px);
    line-height: 100%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.00em;
    margin: 0px auto 0px 0;
    font-size: 2.6em;
    text-decoration-line: underline;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}


.text_intro_row p, .copy_row h2, .small_copy_row ul, .small_copy_row h2, .amen_row p, .team_row p, .small_copy_row h3, .small_copy_row h4, .team_row h3, .form_col h3, .masterplan_row h6{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(90%, 450px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.30em;
}

.text_intro_row1{}

.text_intro_row2{}

.text_intro_row3{}

.text_intro_row4{}

.text_intro_row5{}

.text_intro_row6{}

.text_intro_row7{}

.text_intro_row1 p{}

.text_intro_row2 p{}

.text_intro_row3 p{}

.text_intro_row4 p{}

.text_intro_row5 p{}

.text_intro_row6 p{}

.text_intro_row7 p{}

.fullWidth{
    max-width: calc(100% - 40px);
}

.fullWidth .cell{
    padding-right: 0;
    padding-left: 0;
}

.fullWidth img{}

.fade_gallery{
    line-height: 0;
}

.fade_gallery img{}

.copy_row, .team_row{
    max-width: min(95%, 64rem);
}

.copy_row .cell{}

.copy_row h1{
    font-size: 2.4em;
    margin: 0px auto 30px 0;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

.copy_row h1 span {
  position: relative;
}

.copy_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.copy_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.copy_row h2{
    font-size: 1.20em;
}

.ill_wrap{}

.ill{}

.ill2{
    margin: 95px 0 0 0;
}

.ill3{
    display: block;
    margin: 50px 0 0 auto;
    max-width: min(90%);
}

.ill4{
    max-width: min(90%, 400px);
    margin: 0 0 0 auto;
    display: block;
}

.text_overlay{
    position: absolute;
    width: 100%;
    top: 50px;
    left: 30px;
    z-index: 10;
}

.text_overlay h2{
    color: #162035;
    max-width: min(95%, 320px);
    font-size: 2.2em;
}

.text_overlay h2 span {
  position: relative;
}

.text_overlay h2 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.text_overlay h2 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#neighbourhood{}

.subsection{
    padding: 60px 0 0 0;
}

.aerial_row{}

.aerial_row .cell{}

.aerial_row img{}

.copy_row2{}

.copy_row2 h1{
    text-decoration-color: #162035;
    margin: 0px auto 30px 0;
}

.copy_row2 h2{
    max-width: min(100%, 340px);
}

.nested_timer_row{}

.nested_timer_row1{}

.nested_timer_row2{}

.nested_timer_col{}

.nested_timer_col hr{
    margin: 0 auto 0 0;
    border-bottom: none;
    border-top: 1px solid #162035;
    width: 94%;
}

.nested_timer_col hr.started{}

.timer_text_wrap{
    margin: 20px 0 30px 0;
}

.timer_text_wrap h3{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 80%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: -0.01em;
    margin: 0px auto 0px 0;
    font-size: 3.2em;
}

.timer{
    display: inline-block;
}

.timer_text_wrap h4{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(92%, 280px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 0.92em;
}

.life_grid_wrap{
    padding: 0 10px 0 15px;
}

.life_grid_row{}

.life_grid_row .cell, .map_row .cell{
    padding-right: 10px;
    padding-left: 0px;
}

.life_nested_row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.life_nested_row .cell{
    padding-right: 10px;
    padding-left: 10px;
}

.life_nested_row1{
    margin-bottom: 20px;
}

.life_nested_row2{}

.life_img_wrap{
    position: relative;
}

.life_img_wrap img{}

.caption{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
    position: absolute;
    left: 15px;
    bottom: 12px;
    opacity: 0;
}

.life_img_wrap:hover .caption{
    opacity: 1;
}

.map_row{
    padding: 0 20px;
}

.map_row .cell{
    padding-right: 10px;
    /* padding-left: 0; */
}

.map_img{
    max-width: min(90%, 600px);
    margin: 0 auto 20px 0;
    display: block;
}

.map_row{}

.map_row ol{
    list-style-position: inside;
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 10px;
    letter-spacing: 0.03em;
    line-height: 145%;
    font-size: 1.20em;
}

.map_row ol li{}

.map_row ol li ul{
    line-height: 120%;
    margin: 5px 0 10px 30px;
}

.map_row ol li ul li{
    padding-left: 6px;
}

.large_map_img{}

#spaces{}

.spaces_intro_row{
    margin: 0 auto 10px;
    max-width: 100%;
}

.spaces_intro_row .cell{
    /* padding-right: 0; */
    /* padding-left: 0; */
}

.spaces_intro_row h1, .masterplan_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0px auto 20px 0;
}

#KingSt{}

.text_intro_row3 {}

.text_intro_row3 h1{}

.text_intro_row3 p{}

.small_copy_row{
    padding-top: 30px;
}

.small_copy_row .cell{}

.small_copy_row h2{
    font-size: 1.80em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.small_copy_row h3{
    color: #fcf9f3;
    font-size: 1.60em;
    line-height: 120%;
    max-width: min(100%, 550px);
}

.small_copy_row h4{
    color: #fcf9f3;
}

.small_copy_row ul{
    font-size: 1.20em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 10px 0 0 15px;
    max-width: min(100%, 350px);
}

.small_copy_row li{
    margin-bottom: 5px;
    list-style-type: '-';
    padding-left: 8px;
}

.small_copy_row li::marker, .map_row ol li ul li::marker {
  content: '> ';
  font-size: 0.7em;
  line-height: 200%;
  vertical-align: middle;
}




#Workshops, #BuildingJ{
    background-color: #8c2520;
}

.text_intro_row4{}

.text_intro_row4 h1, .text_intro_row6 h1, .text_intro_row4 p, .text_intro_row6 p, .text_intro_row5 h1, .text_intro_row5 p{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.text_intro_row4 p{
    margin-bottom: 13px;
}

#Basement{
    background-color: #162035;
}

.text_intro_row5{}

.text_intro_row5 h1{}

.text_intro_row5 p{}

#BuildingJ{}

.narrow_row{}

.narrow_row .cell{}

.amen_row{}

.amen_row .cell{}

.amen_row h1{
    margin: 0px auto 0px 0;
    max-width: min(95%, 300px);
}

.amen_row p{
    margin: 20px auto 50px 0;
    max-width: min(100%, 380px);
}

.nested_render_wrap{
    max-width: min(90%, 450px);
}

.nested_render_wrap img{}

.render_wrap{}

.render_wrap img{}

#masterplan{
    background-color: #162035;
    position: relative;
    /* z-index: 31; */
}

.masterplan_row{
    background-color: transparent;
    min-height: auto;
}

.masterplan_row .cell{}

.masterplan_row h6{
    text-align: center;
    max-width: 100%;
    color: magenta;
}

.masterplan_title_row{}

.masterplan_title_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.masterplan_title_row h1{
    margin: 0px auto 40px 0;
} 

#team{
    padding: 50px 0 100px;
}

.copy_row3{
    margin-bottom: 40px;
}

.copy_row3 h1{
    text-decoration-color: #162035;
}

.team_row{}

.team_row .cell{}

.tl{
    height: 50px;
}

.tl1{}

.tl2{}

.tl3{}

.tl4{}

.team_row h2{
    text-decoration-line: none;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 0px;
    text-underline-offset: 0;
    margin: 30px auto 15px 0;
    line-height: 100%;
    font-size: 2.8em;
    display: none;
}

.team_row p, .team_row h3{
    max-width: min(100%, 450px);
    margin: 25px auto 10px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.10em;
}

.team_row h3{
    /* font-size: 1.40em; */
    margin: 0 auto 0;
}

.team_row h3 a span {
  position: relative;
}

.team_row h3 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #162035;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.team_row h3 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#enquire{
    background-color: #162035;
    position: relative;
    z-index: 31;
    padding: 70px 0 150px 0;
}

.enquire_title_row{
    /* max-width: min(90rem, 900px); */
}

.enquire_title_row .cell{}

.enquire_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0 auto;
    text-align: center;
    font-size: 2.9em;
}

.enquire_title_row h1 span {
  position: relative;
}

.enquire_title_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.enquire_title_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.form_row{
    max-width: min(90rem, 1100px);
    padding: 50px 0 70px;
}

.form_col{
    position: relative;
}

.form_col h3{
    text-align: center;
    color: #fcf9f3;
    line-height: 115%;
    font-size: 1.60em;
    max-width: min(100%, 500px);
    margin: 0 0 25px auto;
}

.last_name{}

.form_col1{}

.form_col2{}

.enquire_divider{
    clear: both;
    max-width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top: none;
    border-right: 2px solid #fcf9f3;
    border-bottom: 0;
    border-left: 0;
    margin: 0 0 0 0;
    width: 1px;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    transform-origin: left;
}

.form_wrap{
    max-width: min(85%, 400px);
    margin: 25px auto 25px auto;
}

.disclaimer_row{}

.disclaimer_row .cell{}

.fl{
    max-width: min(90%, 200px);
    margin: 0px auto 30px;
    display: block;
}

.fl1{}

.disclaimer_row h6{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 650px);
    text-align: center;
    text-rendering: auto;
    margin: 0 auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 0.9em;
}

.disclaimer_row h4{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 750px);
    text-align: center;
    text-rendering: auto;
    margin: 15px auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
}

.disclaimer_row h4 a span {
  position: relative;
}

.disclaimer_row h4 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fcf9f3;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.disclaimer_row h4 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}


.overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
    background-size: auto;
    background-color: #1c3f2b;
    background-color: rgba(28, 63, 43, 0.95);
    background-repeat: no-repeat;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.overlay .overlay-close {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.close-button, .overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #fdfbf4;
    padding: 5px;
}

.close_modal, .close_menu {
    fill: #fdfbf4;
    width: 100%;
}

.close_modal .cls-1 {
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 70%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-align: center;
}

.overlay ul li a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    list-style: none;
    display: inline;
    font-family: "Self Modern";
    color: #fdfbf4;
    max-width: min(80%, 900px);
    line-height: 145%;
    font-weight: 400;
    padding: 0;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    letter-spacing: 0.03em;
    margin: 0px auto 0px;
    font-size: 2.5em;
    text-decoration: none !important;
}

.blue_wrap, .space_blue_wrap, #masterplan{
    background-color: #162035;
    padding: 70px 40px 70px;
}

.blue_wrap h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    max-width: min(95%, 380px);
}

.blue_wrap h2{
    color: #fcf9f3;
    font-family: "FoundersGrotesk-Light";
    max-width: min(100%, 400px);
}

.life_img_wrap1{    margin-bottom: 120px;}

.fullWidth_nopad{ max-width: 100%;}

.space_blue_wrap{
    background-color: #162035;
}

#KingSt, #Workshops, #Basement, #BuildingJ{
    padding: 50px 0 50px;
}

#KingSt{
    padding-top: 0;
} 

#KingSt .small_copy_row h2, #KingSt .small_copy_row ul{    color: #162035;}

.last_name{ margin-bottom: 0;}

.no_underline {
    text-decoration: none !important;
    display: inline-flex;
}


.subpage_wrap{}

#masterplan_subpage{
    min-height: 100vh;
}

.masterplan_subpage_row{}

.masterplan_subpage_row .cell{}

.small_copy_row h6{
        color: #fcf9f3;
        text-transform: none;
        font-family: "Test Founders Grotesk";
        font-weight: 400;
        padding: 0 0 0 0;
        max-width: min(100%, 700px);
        text-align: left;
        text-rendering: auto;
        margin: 10px auto 0px 0;
        letter-spacing: 0.03em;
        line-height: 125%;
        font-size: 1.20em;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-underline-offset: .2em;
        text-decoration-color: #fcf9f3;
        }

#KingSt .small_copy_row h6 {
        color: #162035;
        text-decoration-color: #162035;
    }

.small_copy_row h6 a{}

.large_link{     position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 12;
    top: 0;
    left: 0;}
	
	
#banner{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0%;
    top: -50px;
    background-color: transparent;
    background-image: none;
    padding: 0px 0 2px;
    border-bottom: 1px solid #fff;
}
	
	.loaded #banner{top: 0px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;transition-delay: 2s;}
	
	.banner_row{
    max-width: 100%;
}
	.banner_col{}

	.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
	width: 100%;
	background: transparent;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 35px;
	position: relative;
	cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 20%;
	height: 45px;
	line-height: 42px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 2px;
  margin: 0;
  height: 35px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 32px;
  color: #fff;
  list-style: none;
  font-family: "Test Founders Grotesk";
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.12em;
  font-size: 0.90em;
  }


.homepage .desktop_nav_wrap{
    top: 25px;
}

.homepage.scrolled .desktop_nav_wrap{
    top: inherit;
}
	
.simple-marquee-container .marquee-content-items li:after{
	content: "-";
	margin: 0 .5em;
}
	
	
}


@media screen and (min-width: 90em) {
	.container, .reveal{
    font-size: 14px;
}
	
body{
    background: #fcf9f3;
}

.unscrolled{}

.scrolled{}

.mb{
    margin-bottom: 100px;
}

.smb{}

.mt{}

.pb{padding-bottom: 80px;}

.lpb{}

.pt{}

.grid-x{
    /* max-width: 100rem; */
    margin-left: auto;
    margin-right: auto;
}

a{
    color: inherit;
    outline: none;
}

a:hover, a:visited, a:focus, a:active{
    color: inherit;
    text-decoration: none;
    outline: none;
}

#top{}

.desktop_nav_wrap{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    padding: 35px 40px 30px;
    background-color: transparent;
}

.scrolled .desktop_nav_wrap{
    background-color: #162035;
    padding: 15px 40px 20px;
    top: inherit;
    bottom: 0;
}

.desktop_nav_row{}

.scrolled .desktop_nav_row{}

.logo_col{}

.desktop_logo{
    margin: 0 auto 0 0;
    opacity: 0;
    max-width: min(90%, 140px);
}

.scrolled .desktop_logo{
    opacity: 1;
}

.nav_col{}

.nav_col ul{
    list-style: none;
    font-family: "Test Founders Grotesk";
    color: #fbf7ef;
    max-width: 100%;
    line-height: 130%;
    font-weight: 400;
    padding: 0;
    text-align: right;
    text-rendering: auto;
    letter-spacing: 0.05em;
    margin: 0px auto 0px 0px;
    font-size: 1.45em;
}

.scrolled .nav_col ul{
    /* color: #162035; */
    text-align: left;
    margin-left: 0.9375rem !important;
}

.nav_col ul li{
    display: inline-block;
    margin: 0 0 0 20px;
}

.scrolled .nav_col ul li{
    margin: 0 30px 0 0px;
}

.nav_col ul li a{}

.nav_col ul li a:hover{}

.scrolled .nav_col ul li:last-child{
    position: absolute;
    right: 0;
}
	.nav_col ul li:first-child{ margin-left: 0;}
	.scrolled .nav_col ul li:first-child{ margin-left: 0;}

.desktop_reg_li{}

.scrolled .desktop_reg_li{}

.desk_register{}

.scrolled .desk_register{}

.desk_register span {
  position: relative;
}

.desk_register span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fbf7ef;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.desk_register span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.scrolled .desk_register span::before {
    /* background-color: #162035; */
}

.mobile_topbar{
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 46px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}

.homepage .mobile_topbar{}

.scrolled .mobile_topbar{
    background: #fdfbf4;
    background-color: #fdfbf4;
    border-bottom: 1px solid #1c3f2b;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
}

.scrolled .homepage .mobile_topbar{}

.homepage .mobile_logo{}

.mobile_logo{
    width: 140px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
	.scrolled .mobile_logo{opacity: 1;} 
	
	.mobile_logo .cls-1{fill:#214b57;}


.hamburger{
}

.scrolled .hamburger{}

.register_fixed_row{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 21;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.scrolled .register_fixed_row{
    bottom: -1px;
    transition-delay: 10s;
}

.register_fixed_row h6{
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
}

.fixed_register{
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 13px 20px 14px;
    border: #1c3f2b solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #1c3f2b;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
}

#homepage{
    background-color: #141d31;
}

.home_wrap{
    min-height: 100vh;
    padding: 90px 40px 50px;
    background-color: #182035;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.loaded .home_wrap{
}

.top_row_wrap{}

.top_row{}

.top_col{}

.home_logo{
    display: block;
    margin: 0 auto 0 0;
    max-width: min(90%, 580px);
}

.loaded .home_logo{}

.middle_row_wrap{
    position: relative;
    min-height: 270px;
}

.middle_row{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
}

.middle_col{}

.hero_text_wrap{}

.hero_text_wrap h1{
    font-family: "FoundersGrotesk-Light";
    color: #fbf7ef;
    max-width: min(95%, 540px);
    line-height: 115%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.02em;
    margin: 0px auto 40px 60px;
    font-size: 2.3em;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
}

.ill_col{
    opacity: 1;
}

.home_ill_wrap{}

.home_ill{
    margin: -10vh 0 0 auto;
}

.loaded .ill_col {
    /* opacity: 0; */
}

.bottom_row_wrap{}

.bottom_row{}

.bottom_col{}

.subpage_down_link{}

.subpage_down{
    display: block;
    margin: 0 auto 0 60px;
    max-width: min(90%, 40px);
}

#subpage_image_holder{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 1;
}

.image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.hero_image{}

#hero_image{
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

.subsection_wrap{
    position: relative;
    /* z-index: 20; */
}

#vision{
    padding: 0 0 0 0;
}

.subsection{
    background-color: #fcf9f3;
}

.subsection .grid-x{}

.text_intro_row, .small_copy_row, .narrow_row, .amen_row{
    max-width: 80rem;
}

.text_intro_row .cell{}

.text_intro_row h1, .copy_row h1, .text_overlay h2, .spaces_intro_row h1, .amen_row h1, .team_row h2, .enquire_title_row h1, .masterplan_title_row h1, .spaces_intro_row h1{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 100%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.00em;
    margin: 0px auto 0px 0;
    font-size: 3.4em;
    text-decoration-line: underline;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
}


.text_intro_row p, .copy_row h2, .small_copy_row ul, .small_copy_row h2, .amen_row p, .team_row p, .small_copy_row h3, .small_copy_row h4, .team_row h3, .form_col h3, .masterplan_row h6{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 600px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.70em;
}

.text_intro_row1{}

.text_intro_row2{}

.text_intro_row3{}

.text_intro_row4{}

.text_intro_row5{}

.text_intro_row6{}

.text_intro_row7{}

.text_intro_row1 p{}

.text_intro_row2 p{}

.text_intro_row3 p{}

.text_intro_row4 p{}

.text_intro_row5 p{}

.text_intro_row6 p{}

.text_intro_row7 p{}

.fullWidth{
    max-width: calc(100% - 80px);
}

.fullWidth .cell{
    padding-right: 0;
    padding-left: 0;
}

.fullWidth img{}

.fade_gallery{
    line-height: 0;
}

.fade_gallery img{}

.copy_row, .team_row{
    max-width: min(90%, 95rem);
}

.copy_row .cell{}

.copy_row h1{
    font-size: 2.8em;
    margin: 0px auto 30px 0;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
}

.copy_row h1 span {
  position: relative;
}

.copy_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.copy_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.copy_row h2{
    font-size: 1.45em;
}

.ill_wrap{}

.ill{}

.ill2{
    margin: 110px 0 0 0;
}

.ill3{
    display: block;
    margin: 50px 0 0 auto;
    max-width: min(90%);
}

.ill4{
    max-width: min(90%, 500px);
    margin: 0 0 0 auto;
    display: block;
}

.text_overlay{
    position: absolute;
    width: 100%;
    top: 80px;
    left: 60px;
    z-index: 10;
}

.text_overlay h2{
    color: #162035;
    max-width: min(95%, 480px);
    font-size: 2.7em;
}

.text_overlay h2 span {
  position: relative;
}

.text_overlay h2 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.text_overlay h2 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#neighbourhood{}

.subsection{
    padding: 100px 0 0 0;
}

.aerial_row{}

.aerial_row .cell{}

.aerial_row img{}

.copy_row2{}

.copy_row2 h1{
    text-decoration-color: #162035;
    margin: 0px auto 32px 0;
    max-width: min(95%, 480px);
}

.copy_row2 h2{
    max-width: min(100%, 400px);
}

.nested_timer_row{}

.nested_timer_row1{}

.nested_timer_row2{}

.nested_timer_col{}

.nested_timer_col hr{
    margin: 0 auto 0 0;
    border-bottom: none;
    border-top: 2px solid #162035;
    width: 92%;
}

.nested_timer_col hr.started{}

.timer_text_wrap{
    margin: 30px 0 40px 0;
}

.timer_text_wrap h3{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 80%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: -0.01em;
    margin: 0px auto 0px 0;
    font-size: 3.9em;
}

.timer{
    display: inline-block;
}

.timer_text_wrap h4{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(90%, 280px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.15em;
}

.life_grid_wrap{
    padding: 0 30px 0 30px;
}

.life_grid_row{}

.life_grid_row .cell, .map_row .cell{
    padding-right: 10px;
    padding-left: 0px;
}

.life_nested_row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.life_nested_row .cell{
    padding-right: 10px;
    padding-left: 10px;
}

.life_nested_row1{
    margin-bottom: 20px;
}

.life_nested_row2{}

.life_img_wrap{
    position: relative;
}

.life_img_wrap img{}

.caption{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
    position: absolute;
    left: 15px;
    bottom: 15px;
    opacity: 0;
}

.life_img_wrap:hover .caption{
    opacity: 1;
}

.map_row{
    padding: 0 30px 0 40px;
}

.map_row .cell{
    padding-right: 10px;
    /* padding-left: 0; */
}

.map_img{
    max-width: min(90%, 600px);
    margin: 0 auto 40px 0;
}

.map_row{}

.map_row ol{
    list-style-position: inside;
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 10px;
    letter-spacing: 0.03em;
    line-height: 145%;
    font-size: 1.30em;
}

.map_row ol li{}

.map_row ol li ul{
    line-height: 120%;
    margin: 5px 0 10px 30px;
}

.map_row ol li ul li{
    padding-left: 6px;
}

.large_map_img{}

#spaces{}

.spaces_intro_row{
    margin: 0 auto 30px;
    max-width: 100%;
}

.spaces_intro_row .cell{
    /* padding-right: 0; */
    /* padding-left: 0; */
}

.spaces_intro_row h1, .masterplan_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0px auto 20px 0;
}

#KingSt{}

.text_intro_row3 {}

.text_intro_row3 h1{}

.text_intro_row3 p{}

.small_copy_row{
    padding-top: 50px;
}

.small_copy_row .cell{}

.small_copy_row h2{
    font-size: 1.80em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.small_copy_row h3{
    color: #fcf9f3;
    font-size: 1.80em;
    line-height: 120%;
    max-width: min(100%, 500px);
}

.small_copy_row h4{
    color: #fcf9f3;
}

.small_copy_row ul{
    font-size: 1.35em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 10px 0 0 15px;
    max-width: min(100%, 500px);
}

.small_copy_row li{
    margin-bottom: 5px;
    list-style-type: '-';
    padding-left: 8px;
}

.small_copy_row li::marker, .map_row ol li ul li::marker {
  content: '> ';
  font-size: 0.7em;
  line-height: 200%;
  vertical-align: middle;
}




#Workshops, #BuildingJ{
    background-color: #8c2520;
}

.text_intro_row4{}

.text_intro_row4 h1, .text_intro_row6 h1, .text_intro_row4 p, .text_intro_row6 p, .text_intro_row5 h1, .text_intro_row5 p{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.text_intro_row4 p{
    margin-bottom: 13px;
}

#Basement{
    background-color: #162035;
}

.text_intro_row5{}

.text_intro_row5 h1{}

.text_intro_row5 p{}

#BuildingJ{}

.narrow_row{}

.narrow_row .cell{}

.amen_row{}

.amen_row .cell{}

.amen_row h1{
    margin: 0px auto 0px 0;
    max-width: min(95%, 400px);
}

.amen_row p{
    margin: 20px auto 60px 0;
    max-width: min(100%, 500px);
}

.nested_render_wrap{
    max-width: min(85%, 600px);
}

.nested_render_wrap img{}

.render_wrap{}

.render_wrap img{}

#masterplan{
    background-color: #162035;
    position: relative;
    /* z-index: 31; */
}

.masterplan_row{
    background-color: transparent;
    min-height: auto;
}

.masterplan_row .cell{}

.masterplan_row h6{
    text-align: center;
    max-width: 100%;
    color: magenta;
}

.masterplan_title_row{}

.masterplan_title_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.masterplan_title_row h1{
    margin: 0px auto 40px 0;
} 

#team{
    padding: 100px 0 150px;
}

.copy_row3{
    margin-bottom: 50px;
}

.copy_row3 h1{
    text-decoration-color: #162035;
}

.team_row{}

.team_row .cell{}

.tl{
    height: 60px;
}

.tl1{}

.tl2{}

.tl3{}

.tl4{}

.team_row h2{
    text-decoration-line: none;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 0px;
    text-underline-offset: 0;
    margin: 30px auto 15px 0;
    line-height: 100%;
    font-size: 2.8em;
    display: none;
}

.team_row p, .team_row h3{
    margin: 25px auto 10px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.30em;
}

.team_row h3{
    /* font-size: 1.40em; */
    margin: 0 auto 0;
}

.team_row h3 a span {
  position: relative;
}

.team_row h3 a span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #162035;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.team_row h3 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#enquire{
    background-color: #162035;
    position: relative;
    z-index: 31;
    padding: 110px 0 150px 0;
}

.enquire_title_row{
    /* max-width: min(90rem, 900px); */
}

.enquire_title_row .cell{}

.enquire_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0 auto;
    text-align: center;
}

.enquire_title_row h1 span {
  position: relative;
}

.enquire_title_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.enquire_title_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.form_row{
    max-width: min(90rem, 1100px);
    padding: 50px 0 70px;
}

.form_col{
    position: relative;
}

.form_col h3{
    text-align: center;
    color: #fcf9f3;
    line-height: 115%;
    font-size: 1.60em;
    max-width: min(100%, 500px);
    margin: 0 0 25px auto;
}

.last_name{}

.form_col1{}

.form_col2{}

.enquire_divider{
    clear: both;
    max-width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top: none;
    border-right: 2px solid #fcf9f3;
    border-bottom: 0;
    border-left: 0;
    margin: 0 0 0 0;
    width: 1px;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    transform-origin: left;
}

.form_wrap{
    max-width: min(85%, 400px);
    margin: 25px auto 25px auto;
}

.disclaimer_row{}

.disclaimer_row .cell{}

.fl{
    max-width: min(90%, 220px);
    margin: 0px auto 30px;
    display: block;
}

.fl1{}

.disclaimer_row h6{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: center;
    text-rendering: auto;
    margin: 0 auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 0.9em;
}

.disclaimer_row h4{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 750px);
    text-align: center;
    text-rendering: auto;
    margin: 15px auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
}

.disclaimer_row h4 a span {
  position: relative;
}

.disclaimer_row h4 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fcf9f3;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.disclaimer_row h4 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}


.overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
    background-size: auto;
    background-color: #1c3f2b;
    background-color: rgba(28, 63, 43, 0.95);
    background-repeat: no-repeat;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.overlay .overlay-close {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.close-button, .overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #fdfbf4;
    padding: 5px;
}

.close_modal, .close_menu {
    fill: #fdfbf4;
    width: 100%;
}

.close_modal .cls-1 {
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 70%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-align: center;
}

.overlay ul li a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    list-style: none;
    display: inline;
    font-family: "Self Modern";
    color: #fdfbf4;
    max-width: min(80%, 900px);
    line-height: 145%;
    font-weight: 400;
    padding: 0;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    letter-spacing: 0.03em;
    margin: 0px auto 0px;
    font-size: 2.5em;
    text-decoration: none !important;
}

.blue_wrap, .space_blue_wrap, #masterplan{
    background-color: #162035;
    padding: 100px 100px;
}

.blue_wrap h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    max-width: min(95%, 480px);
}

.blue_wrap h2{
    color: #fcf9f3;
    font-family: "FoundersGrotesk-Light";
    max-width: min(100%, 600px);
}

.life_img_wrap1{    margin-bottom: 120px;}

.fullWidth_nopad{ max-width: 100%;}

.space_blue_wrap{
    background-color: #162035;
}

#KingSt, #Workshops, #Basement, #BuildingJ{
    padding: 80px 0 80px;
}

#KingSt{
    padding-top: 0;
} 

#KingSt .small_copy_row h2, #KingSt .small_copy_row ul{    color: #162035;}

.last_name{ margin-bottom: 0;}

.no_underline {
    text-decoration: none !important;
    display: inline-flex;
}


.subpage_wrap{}

#masterplan_subpage{
    min-height: 100vh;
}

.masterplan_subpage_row{}

.masterplan_subpage_row .cell{}

.small_copy_row h6{
        color: #fcf9f3;
        text-transform: none;
        font-family: "Test Founders Grotesk";
        font-weight: 400;
        padding: 0 0 0 0;
        max-width: min(100%, 700px);
        text-align: left;
        text-rendering: auto;
        margin: 10px auto 0px 0;
        letter-spacing: 0.03em;
        line-height: 125%;
        font-size: 1.35em;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-underline-offset: .2em;
        text-decoration-color: #fcf9f3;
        }

#KingSt .small_copy_row h6 {
        color: #162035;
        text-decoration-color: #162035;
    }

.small_copy_row h6 a{}

.large_link{     position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 12;
    top: 0;
    left: 0;}
	
		
#banner{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0%;
    top: -50px;
    background-color: transparent;
    background-image: none;
    padding: 0px 0 4px;
    border-bottom: 1px solid #fff;
}
	
	.loaded #banner{top: 0px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;transition-delay: 2s;}
	
	.banner_row{
    max-width: 100%;
}
	.banner_col{}

	.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
	width: 100%;
	background: transparent;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 35px;
	position: relative;
	cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 20%;
	height: 45px;
	line-height: 42px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 2px;
  margin: 0;
  height: 35px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 32px;
  color: #fff;
  list-style: none;
  font-family: "Test Founders Grotesk";
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.12em;
  font-size: 0.90em;
  }


.homepage .desktop_nav_wrap{
    top: 20px;
}

.homepage.scrolled .desktop_nav_wrap{
    top: inherit;
}
	
.simple-marquee-container .marquee-content-items li:after{
	content: "-";
	margin: 0 .5em;
}
	
	
}


@media screen and (min-width: 120em) {
	.container, .reveal{
    font-size: 16px;
}
	
body{
    background: #fcf9f3;
}

.unscrolled{}

.scrolled{}

.mb{
    margin-bottom: 150px;
}

.smb{}

.mt{}

.pb{ padding-bottom: 100px;}

.lpb{}

.pt{}

.grid-x{
    /* max-width: 100rem; */
    margin-left: auto;
    margin-right: auto;
}

a{
    color: inherit;
    outline: none;
}

a:hover, a:visited, a:focus, a:active{
    color: inherit;
    text-decoration: none;
    outline: none;
}

#top{}

.desktop_nav_wrap{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    padding: 40px 50px 30px;
    background-color: transparent;
}

.scrolled .desktop_nav_wrap{
    background-color: #162035;
    padding: 16px 40px 24px;
    top: inherit;
    bottom: 0;
}

.desktop_nav_row{}

.scrolled .desktop_nav_row{}

.logo_col{}

.desktop_logo{
    margin: 0 auto 0 0;
    opacity: 0;
    max-width: min(90%, 150px);
}

.scrolled .desktop_logo{
    opacity: 1;
}

.nav_col{}

.nav_col ul{
    list-style: none;
    font-family: "Test Founders Grotesk";
    color: #fbf7ef;
    max-width: 100%;
    line-height: 130%;
    font-weight: 400;
    padding: 0;
    text-align: right;
    text-rendering: auto;
    letter-spacing: 0.05em;
    margin: 0px auto 0px 0px;
    font-size: 1.45em;
}

.scrolled .nav_col ul{
    /* color: #162035; */
    text-align: left;
    margin-left: 0.9375rem !important;
}

.nav_col ul li{
    display: inline-block;
    margin: 0 0 0 30px;
}

.scrolled .nav_col ul li{
    margin: 0 35px 0 0px;
}

.nav_col ul li a{}

.nav_col ul li a:hover{}

.scrolled .nav_col ul li:last-child{
    position: absolute;
    right: 0;
}

	.nav_col ul li:first-child{ margin-left: 0;}
	.scrolled .nav_col ul li:first-child{ margin-left: 0;}
	
	
.desktop_reg_li{}

.scrolled .desktop_reg_li{}

.desk_register{}

.scrolled .desk_register{}

.desk_register span {
  position: relative;
}

.desk_register span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fbf7ef;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.desk_register span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.scrolled .desk_register span::before {
    /* background-color: #162035; */
}

.mobile_topbar{
    background: transparent;
    position: fixed;
    z-index: 97;
    top: 0;
    width: 100%;
    height: 46px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}

.homepage .mobile_topbar{}

.scrolled .mobile_topbar{
    background: #fdfbf4;
    background-color: #fdfbf4;
    border-bottom: 1px solid #1c3f2b;
    z-index: 97;
    padding-left: 0;
    padding-right: 0;
}

.scrolled .homepage .mobile_topbar{}

.homepage .mobile_logo{}

.mobile_logo{
    width: 140px;
    margin: 0px 0 0 15px;
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
	.scrolled .mobile_logo{opacity: 1;} 
	
	.mobile_logo .cls-1{fill:#214b57;}


.hamburger{
}

.scrolled .hamburger{}

.register_fixed_row{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -65px;
    z-index: 21;
    max-width: inherit;
    background: transparent;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.scrolled .register_fixed_row{
    bottom: -1px;
    transition-delay: 10s;
}

.register_fixed_row h6{
    text-align: center;
    font-size: 1em;
    margin: 0 auto 0;
    color: #fff;
}

.fixed_register{
    text-align: center;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 13px 20px 14px;
    border: #1c3f2b solid;
    border-width: 1px 1px 0px;
    display: inline-block;
    width: auto;
    background: #1c3f2b;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
}

#homepage{
    background-color: #141d31;
}

.home_wrap{
    min-height: 100vh;
    padding: 110px 50px 60px;
    background-color: #182035;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.loaded .home_wrap{
}

.top_row_wrap{}

.top_row{}

.top_col{}

.home_logo{
    display: block;
    margin: 0 auto 0 0;
    max-width: min(90%, 650px);
}

.loaded .home_logo{}

.middle_row_wrap{
    position: relative;
    min-height: 350px;
}

.middle_row{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
}

.middle_col{}

.hero_text_wrap{}

.hero_text_wrap h1{
    font-family: "FoundersGrotesk-Light";
    color: #fbf7ef;
    max-width: min(95%, 680px);
    line-height: 120%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.02em;
    margin: 0px auto 40px 60px;
    font-size: 2.4em;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
}

.ill_col{
    opacity: 1;
}

.home_ill_wrap{
    position: relative;
}

.home_ill{
    max-height: 100%;
    margin: -10vh 0 0 auto;
}

.loaded .ill_col {
    /* opacity: 0; */
}

.bottom_row_wrap{}

.bottom_row{}

.bottom_col{}

.subpage_down_link{}

.subpage_down{
    display: block;
    margin: 0 auto 0 60px;
    max-width: min(90%, 50px);
}

#subpage_image_holder{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    z-index: 1;
}

.image_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.hero_image{}

#hero_image{
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

.subsection_wrap{
    position: relative;
    /* z-index: 20; */
}

#vision{
    padding: 0 0 0 0;
}

.subsection{
    background-color: #fcf9f3;
}

.subsection .grid-x{}

.text_intro_row, .small_copy_row, .narrow_row, .amen_row{
    max-width: 85rem;
}

.text_intro_row .cell{}

.text_intro_row h1, .copy_row h1, .text_overlay h2, .spaces_intro_row h1, .amen_row h1, .team_row h2, .enquire_title_row h1, .masterplan_title_row h1, .spaces_intro_row h1{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 100%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: 0.00em;
    margin: 0px auto 0px 0;
    font-size: 3.4em;
    text-decoration-line: underline;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
}


.text_intro_row p, .copy_row h2, .small_copy_row ul, .small_copy_row h2, .amen_row p, .team_row p, .small_copy_row h3, .small_copy_row h4, .team_row h3, .form_col h3, .masterplan_row h6{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.70em;
}

.text_intro_row1{}

.text_intro_row2{}

.text_intro_row3{}

.text_intro_row4{}

.text_intro_row5{}

.text_intro_row6{}

.text_intro_row7{}

.text_intro_row1 p{}

.text_intro_row2 p{}

.text_intro_row3 p{}

.text_intro_row4 p{}

.text_intro_row5 p{}

.text_intro_row6 p{}

.text_intro_row7 p{}

.fullWidth{
    max-width: calc(100% - 80px);
}

.fullWidth .cell{
    padding-right: 0;
    padding-left: 0;
}

.fullWidth img{}

.fade_gallery{
    line-height: 0;
}

.fade_gallery img{}

.copy_row, .team_row{
    max-width: min(90%, 95rem);
}

.copy_row .cell{}

.copy_row h1{
    font-size: 3.0em;
    margin: 0px auto 50px 0;
    text-decoration-line: underline;
    text-decoration-color: #fbf7ef;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
}

.copy_row h1 span {
  position: relative;
}

.copy_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.copy_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.copy_row h2{
    font-size: 1.45em;
}

.ill_wrap{}

.ill{}

.ill2{
    margin: 145px 0 0 0;
}

.ill3{
    display: block;
    margin: 50px 0 0 auto;
    max-width: min(90%);
}

.ill4{
    max-width: min(90%, 650px);
    margin: 0 0 0 auto;
    display: block;
}

.text_overlay{
    position: absolute;
    width: 100%;
    top: 80px;
    left: 60px;
    z-index: 10;
}

.text_overlay h2{
    color: #162035;
    max-width: min(95%, 480px);
    font-size: 3.0em;
}

.text_overlay h2 span {
  position: relative;
}

.text_overlay h2 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.text_overlay h2 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#neighbourhood{}

.subsection{
    padding: 110px 0 0 0;
}

.aerial_row{}

.aerial_row .cell{}

.aerial_row img{}

.copy_row2{}

.copy_row2 h1{
    text-decoration-color: #162035;
    margin: 0px auto 62px 0;
}

.copy_row2 h2{
    max-width: min(100%, 450px);
}

.nested_timer_row{}

.nested_timer_row1{}

.nested_timer_row2{}

.nested_timer_col{}

.nested_timer_col hr{
    margin: 0 auto 0 0;
    border-bottom: none;
    border-top: 2px solid #162035;
    width: 90%;
}

.nested_timer_col hr.started{}

.timer_text_wrap{
    margin: 30px 0 40px 0;
}

.timer_text_wrap h3{
    font-family: "FoundersGrotesk-Light";
    color: #162035;
    max-width: min(95%, 680px);
    line-height: 80%;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-rendering: auto;
    letter-spacing: -0.01em;
    margin: 0px auto 0px 0;
    font-size: 4.0em;
}

.timer{
    display: inline-block;
}

.timer_text_wrap h4{
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 280px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.20em;
}

.life_grid_wrap{
    padding: 0 20px 0 0;
}

.life_grid_row{}

.life_grid_row .cell, .map_row .cell{
    padding-right: 20px;
    padding-left: 20px;
}

.life_nested_row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.life_nested_row .cell{
    padding-right: 20px;
    padding-left: 20px;
}

.life_nested_row1{
    margin-bottom: 44px;
}

.life_nested_row2{}

.life_img_wrap{
    position: relative;
}

.life_img_wrap img{}

.caption{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
    position: absolute;
    left: 15px;
    bottom: 15px;
    opacity: 0;
}

.life_img_wrap:hover .caption{
    opacity: 1;
}

.map_row{
    padding: 0 20px;
}

.map_row .cell{
    padding-right: 10px;
    /* padding-left: 0; */
}

.map_img{
    max-width: min(90%, 600px);
    margin: 0 auto 40px 0;
}

.map_row{}

.map_row ol{
    list-style-position: inside;
    color: #162035;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 700px);
    text-align: left;
    text-rendering: auto;
    margin: 0 auto 0px 10px;
    letter-spacing: 0.03em;
    line-height: 145%;
    font-size: 1.30em;
}

.map_row ol li{}

.map_row ol li ul{
    line-height: 120%;
    margin: 5px 0 10px 30px;
}

.map_row ol li ul li{
    padding-left: 6px;
}

.large_map_img{}

#spaces{}

.spaces_intro_row{
    margin: 0 auto 50px;
    max-width: 100%;
}

.spaces_intro_row .cell{}

.spaces_intro_row h1, .masterplan_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0px auto 20px 0;
}

#KingSt{}

.text_intro_row3 {}

.text_intro_row3 h1{}

.text_intro_row3 p{}

.small_copy_row{
    padding-top: 50px;
}

.small_copy_row .cell{}

.small_copy_row h2{
    font-size: 1.80em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.small_copy_row h3{
    color: #fcf9f3;
    font-size: 1.80em;
    line-height: 120%;
    max-width: min(100%, 550px);
}

.small_copy_row h4{
    color: #fcf9f3;
}

.small_copy_row ul{
    font-size: 1.35em;
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 10px 0 0 15px;
    max-width: min(100%, 500px);
}

.small_copy_row li{
    margin-bottom: 5px;
    list-style-type: '-';
    padding-left: 8px;
}

.small_copy_row li::marker, .map_row ol li ul li::marker {
  content: '> ';
  font-size: 0.7em;
  line-height: 200%;
  vertical-align: middle;
}




#Workshops, #BuildingJ{
    background-color: #8c2520;
}

.text_intro_row4{}

.text_intro_row4 h1, .text_intro_row6 h1, .text_intro_row4 p, .text_intro_row6 p, .text_intro_row5 h1, .text_intro_row5 p{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
}

.text_intro_row4 p{
    margin-bottom: 13px;
}

#Basement{
    background-color: #162035;
}

.text_intro_row5{}

.text_intro_row5 h1{}

.text_intro_row5 p{}

#BuildingJ{}

.narrow_row{}

.narrow_row .cell{}

.amen_row{}

.amen_row .cell{}

.amen_row h1{
    margin: 0px auto 0px 0;
    max-width: min(95%, 400px);
}

.amen_row p{
    margin: 20px auto 80px 0;
    max-width: min(100%, 600px);
}

.nested_render_wrap{
    max-width: min(100%, 600px);
}

.nested_render_wrap img{}

.render_wrap{}

.render_wrap img{}

#masterplan{
    background-color: #162035;
    position: relative;
    /* z-index: 31; */
}

.masterplan_row{
    background-color: transparent;
    min-height: auto;
}

.masterplan_row .cell{}

.masterplan_row h6{
    text-align: center;
    max-width: 100%;
    color: magenta;
}

.masterplan_title_row{}

.masterplan_title_row .cell{
    padding-right: 0;
    padding-left: 0;
}

.masterplan_title_row h1{
    margin: 0px auto 40px 0;
} 

#team{
    padding: 100px 0 150px;
}

.copy_row3{
    margin-bottom: 50px;
}

.copy_row3 h1{
    text-decoration-color: #162035;
}

.team_row{}

.team_row .cell{}

.tl{
    height: 60px;
}

.tl1{}

.tl2{}

.tl3{}

.tl4{}

.team_row h2{
    text-decoration-line: none;
    text-decoration-color: #162035;
    text-decoration-style: solid;
    text-decoration-thickness: 0px;
    text-underline-offset: 0;
    margin: 30px auto 15px 0;
    line-height: 100%;
    font-size: 2.8em;
    display: none;
}

.team_row p, .team_row h3{
    margin: 25px auto 10px 0;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.30em;
}

.team_row h3{
    /* font-size: 1.40em; */
    margin: 0 auto 0;
}

.team_row h3 a span {
  position: relative;
}

.team_row h3 a span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #162035;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.team_row h3 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

#enquire{
    background-color: #162035;
    position: relative;
    z-index: 31;
    padding: 110px 0 150px 0;
}

.enquire_title_row{
    /* max-width: min(90rem, 900px); */
}

.enquire_title_row .cell{}

.enquire_title_row h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    margin: 0 auto;
    text-align: center;
}

.enquire_title_row h1 span {
  position: relative;
}

.enquire_title_row h1 span::before {
  content: '';
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3cefff;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.3s ease-in-out;
}

.enquire_title_row h1 span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.form_row{
    max-width: min(90rem, 1100px);
    padding: 50px 0 70px;
}

.form_col{
    position: relative;
}

.form_col h3{
    text-align: center;
    color: #fcf9f3;
    line-height: 115%;
    font-size: 1.70em;
    max-width: min(100%, 500px);
    margin: 0 0 25px auto;
}

.last_name{}

.form_col1{}

.form_col2{}

.enquire_divider{
    clear: both;
    max-width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top: none;
    border-right: 2px solid #fcf9f3;
    border-bottom: 0;
    border-left: 0;
    margin: 0 0 0 0;
    width: 1px;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    transform-origin: left;
}

.form_wrap{
    max-width: min(85%, 400px);
    margin: 25px auto 25px auto;
}

.disclaimer_row{}

.disclaimer_row .cell{}

.fl{
    max-width: min(90%, 220px);
    margin: 0px auto 30px;
    display: block;
}

.fl1{}

.disclaimer_row h6{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 800px);
    text-align: center;
    text-rendering: auto;
    margin: 0 auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 0.9em;
}

.disclaimer_row h4{
    color: #fcf9f3;
    text-transform: none;
    font-family: "Test Founders Grotesk";
    font-weight: 400;
    padding: 0 0 0 0;
    max-width: min(100%, 750px);
    text-align: center;
    text-rendering: auto;
    margin: 15px auto 0px;
    letter-spacing: 0.03em;
    line-height: 125%;
    font-size: 1.0em;
}

.disclaimer_row h4 a span {
  position: relative;
}

.disclaimer_row h4 a span::before {
  content: '';
  position: absolute;
  height: 1px;
  bottom: -2px;
  left: 0;
  right: 0;
  background-color: #fcf9f3;
  transform-origin: bottom left;
  transform: scaleX(1);
  transition: transform 0.75s ease-in-out;
}

.disclaimer_row h4 a span:hover::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}


.overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: inherit;
    background-size: auto;
    background-color: #1c3f2b;
    background-color: rgba(28, 63, 43, 0.95);
    background-repeat: no-repeat;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.overlay .overlay-close {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.close-button, .overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #fdfbf4;
    padding: 5px;
}

.close_modal, .close_menu {
    fill: #fdfbf4;
    width: 100%;
}

.close_modal .cls-1 {
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 70%;
    font-size: inherit;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
    text-align: center;
}

.overlay ul li a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    list-style: none;
    display: inline;
    font-family: "Self Modern";
    color: #fdfbf4;
    max-width: min(80%, 900px);
    line-height: 145%;
    font-weight: 400;
    padding: 0;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    letter-spacing: 0.03em;
    margin: 0px auto 0px;
    font-size: 2.5em;
    text-decoration: none !important;
}

.blue_wrap, .space_blue_wrap, #masterplan{
    background-color: #162035;
    padding: 130px 100px;
}

.blue_wrap h1{
    color: #fcf9f3;
    text-decoration-color: #fcf9f3;
    max-width: min(95%, 480px);
}
 
.blue_wrap h2{
    color: #fcf9f3;
    font-family: "FoundersGrotesk-Light";
    max-width: min(100%, 600px);
}

.life_img_wrap1{    margin-bottom: 120px;}

.fullWidth_nopad{ max-width: 100%;}

.space_blue_wrap{
    background-color: #162035;
}

#KingSt, #Workshops, #Basement, #BuildingJ{
    padding: 100px 0 100px;
}

#KingSt{
    padding-top: 0;
} 

#KingSt .small_copy_row h2, #KingSt .small_copy_row ul{    color: #162035;}

.last_name{ margin-bottom: 0;}

.no_underline {
    text-decoration: none !important;
    display: inline-flex;
}


.subpage_wrap{}

#masterplan_subpage{
    min-height: 100vh;
}

.masterplan_subpage_row{}

.masterplan_subpage_row .cell{}

.small_copy_row h6{
        color: #fcf9f3;
        text-transform: none;
        font-family: "Test Founders Grotesk";
        font-weight: 400;
        padding: 0 0 0 0;
        max-width: min(100%, 700px);
        text-align: left;
        text-rendering: auto;
        margin: 10px auto 0px 0;
        letter-spacing: 0.03em;
        line-height: 125%;
        font-size: 1.35em;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-underline-offset: .2em;
        text-decoration-color: #fcf9f3;
        }

#KingSt .small_copy_row h6 {
        color: #162035;
        text-decoration-color: #162035;
    }

.small_copy_row h6 a{}

.large_link{     position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 12;
    top: 0;
    left: 0;}
	
	
	
#banner{
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0%;
    top: -50px;
    background-color: transparent;
    background-image: none;
    padding: 0px 0 6px;
    border-bottom: 1px solid #fff;
}
	
	.loaded #banner{top: 0px;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;transition-delay: 2s;}
	
	.banner_row{
    max-width: 100%;
}
	.banner_col{}

	.simple-marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.simple-marquee-container {
	width: 100%;
	background: transparent;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 35px;
	position: relative;
	cursor: pointer;
}

.simple-marquee-container .marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 20%;
	height: 45px;
	line-height: 42px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 2px;
  margin: 0;
  height: 35px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 35px;
  color: #fff;
  list-style: none;
  font-family: "Test Founders Grotesk";
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.12em;
  font-size: 0.90em;
  }


.homepage .desktop_nav_wrap{
    top: 20px;
}

.homepage.scrolled .desktop_nav_wrap{
    top: inherit;
}
	
.simple-marquee-container .marquee-content-items li:after{
	content: "-";
	margin: 0 .5em;
}

	
}