@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
}
html { overflow-y: scroll; }
/* 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; } }

.fade-in {
  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;
}

	
.fade-in.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.fade-in.two {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay:2s;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




@media only screen {
    
        #myModal3 {
    background: transparent;
    max-width: 100vw;
    padding: 100px 0;
    width: 100%;
}

#myModal3 .close-reveal-modal {
    color: #fff !important;
    cursor: pointer;
    font-size: 2.5rem;
    line-height: 1;
    position: fixed;
    top: 0.625rem;
    right: 1.375rem;
}
   
    .living_room{
    background-image: url("../img/pent2.jpg") !important;
    background-position: center bottom;
    }
    
      .st0{ fill:#fff;}
    
    .split_mobile{ display: block !important;}
    .split_desktop{ display: none !important;}
    
    
/* global */

body{}

.body_wrap{
    /* overflow-x: hidden; */
    padding-bottom: 100px;
}

.modal-open {
    overflow: hidden !important;
    opacity: 0.2;
    display: block;
}

.row{
    max-width: 82.5rem;
}

.row .row{
    margin: 0 auto;
}

section{min-height: inherit;}

a, a:hover, a:focus, a:visited, a:active{ border:none; outline: none; color: inherit;}

		

.register_desk{text-decoration: underline;color: #fff !important;}



/* preload screen */

.unloaded {/* overflow: hidden; */position: fixed;background: transparent;min-height: 100vh;min-width: 100vw;width: 100%;}

.loaded {/* overflow: visible; */position: relative;background: #111;}

#preloader{
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto !important;
    width: 100vw;
    z-index: 9999;
    min-height: auto;
    background: #635d56;
    padding: 0 0 0 0;
    overflow: visible;
    height: 100vh;
    border: 0;
    opacity: 1;
    min-width: 100vw;
}



.loaded #preloader{opacity: 0;}

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

.pattern_bg{
    height: 100%;
    background: rgba(0,0,0,0.05);
    background-image: url('../img/contour.svg');
    background-size: cover;
}

.preload_logo_row {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.logo_holder {
    display: block;
    height: 100vh;
    text-align: center;
    max-width: 100vw;
    min-width: 100vw;
    padding-bottom: 0vh;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.preload_logo{
    width: 250px;
    height: 56px;
    margin: 0 auto 30px;
    z-index: 9999;
    margin: 0 auto 50px;
    z-index: 9999;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.address {
    bottom: 100px;
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    left: 0;
}


.address h3 {
      color: #eee;
      margin: 0 auto 0px;
      font-weight: 400;
      letter-spacing: 0.08em;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      line-height: 150%;
      font-family: "MaisonNeue-Mono";
      font-size: 11px;
}


/* fixed nav bars */

.cls-1{fill: #fff;}

section#nav {
    position: fixed;
    top: -120px;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 20px 0 20px;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#nav {top: 0;}

section#footer {
    position: fixed;
    bottom:-120px;
    left: 0;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 10px 0 20px;
    -webkit-transition: bottom 1.5s ease-out;
    -moz-transition: bottom 1.5s ease-out;
    -o-transition: bottom 1.5s ease-out;
    transition: bottom 1.5s ease-out;
    transition-delay: 3s;
}

.loaded section#footer {bottom: 0;}

.hero_logo {
    max-width: 140px;
    margin: 0 auto;
    display: block;
}

.fixed_nav .row {
    max-width: 95%;
    margin: 0 auto;
    overflow: hidden;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

svg#scroll {
    width: 0.9375rem;
    cursor: pointer;
    display: block;
    fill: #615B52;
    margin: 0px 0 0 0;
    float: right;
}

.fixed_nav p {
    font-family: "MaisonNeue-Mono";
    margin: 0 0;
    font-size: 14px;
    padding: 5px 0 0;
}

/* carousels */ 

.fullWidth {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    table-layout: inherit;
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
}


.fullWidth{ max-width: inherit;}

.pdf_row .columns{
    padding-left: 0;
    padding-right: 0;
}

.carousel_holder{
    display: block;
    vertical-align: middle;
    height: auto;
    text-align: center;
    max-width: inherit;
    width: 100%;
    }



.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 100%;
  height: calc(100vh - 350px);
  margin-right: 0px;
  background: transparent;
}

.carousel-cell-image {
  display: block;
  /* max-height: 100%; */
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.flickity-button:hover {
    background: transparent;
    cursor: pointer;
}

.flickity-prev-next-button.next {
    right: 0px;
}
.flickity-prev-next-button.previous {
    left: 0px;
}
.flickity-prev-next-button {
    top: 0%;
    width: 33%;
    height: 100%;
    border-radius: 0%;
    transform: none;
    padding: 0;
    background: transparent;
    color: transparent;
}

.flickity-prev-next-button .flickity-button-icon {
    display: none;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
}

.flickity-page-dots {
    bottom: 30px;}

.next:hover{
  cursor: pointer;
  cursor: pointer;
  }

.previous:hover{
  cursor: pointer;
  cursor: pointer;
  }

/* text_row */

.architecture, .introduction {
    background: transparent;
    max-width: 100%;
    margin: 0vh auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row.text_row {
    font-size: 16px;
}

.text_row h1 {
    font-size: 1.3em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 320px;
    margin: 80px auto 15px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.text_row h2{
    font-size: 1.2em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 850px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 135%;
    text-indent: -10px;
    display: none;
} 

.text_row h3{
    font-size: 0.85em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.08em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    text-decoration: underline;
} 

.text_row h3 a:hover{ text-decoration: underline;}

.text_row h4{
    font-size: 0.55em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    display: none;
} 

.text_block_holder{
    display: block;
    vertical-align: middle;
    height: auto;
    text-align: center;
    max-width: inherit;
    padding-bottom: 0vh;
    width: 100%;
    }

.introduction {
    background-image: none;
    background-position: center bottom;
}
.video {
    background: transparent;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    max-width: 100%;
}
.video_block_holder {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 0vh;
    width: 90%;
}



.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;max-height: 100vh;}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* split row */

#split_section{}

.split_row{
    height: 60vh;
    background: #eee;
    max-width: 85vw !important;
    margin: 60px auto !important;
}


.project_column, .team_column{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 5px solid #111;
    border-bottom: 0;
}

.project_column{
    height: 100%;
    background-image: url('../img/render4.jpg');
    padding-left: 0;
    padding-right: 0;
}

.team_column{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background-image: url('../img/team2.jpg');
}



.split_text_holder{
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.0);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.split_text_holder:hover{background: rgba(10,10,10,0.8);}

.text_wrap{
    position: absolute;
    /* height: 100%; */
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.split_row h1{
    font-size: 36px;
    font-family: "HaasGrotText-55Roman";
    max-width: 900px;
    margin: 0 auto 25px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
    text-shadow: none;
}

.split_text_holder h1, .split_text_holder h6{ color: #fff;    -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;}

.split_text_holder:hover h1, .split_text_holder:hover h6{color: #fff;text-decoration: none;text-shadow: none;}

.above_row{}

.above_row h5{
    font-family: "MaisonNeue-Mono";
    margin: 20px auto 15px;
    font-size: 13px;
    padding: 0px 0 0;
    display: block;
    letter-spacing: 0.00em;
    position: relative;
    }
      
    .split_text_holder h6{
    font-family: "MaisonNeue-Mono";
    margin: 0 auto;
    font-size: 11px;
    padding: 5px 0 5px;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-decoration: underline;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    }  



/* pdf pages */

#pdf_holder{min-height: 100vh;width: 100vw;display: block;}

.pdf_wrap_row{
    background: #f6f6f6;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    table-layout: unset;
    display: block;
    }

.pdf_block_holder{
    display: block;
    vertical-align: top;
    text-align: center;
    max-width: inherit;
    padding: 0;
    width: 100%;
    margin: 72px auto 0;
}

.pdf_row{
    margin: 0px auto 0 !important;
    width: 100% !important;
    margin-right: auto !important;
    height: calc(100vh - 240px);
}

div#publitas-embed-e9pbn2n933h, #publitas-embed-yzzg1jf4iy {
    max-height: calc(100vh - 0px) !important;
}


/* modals */

#myModal2{}

#myModal2 .row{
    max-width: 82.5rem;
}

.reveal-modal{
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 80px 20px;
    border-radius: 0;
    outline: none;
    max-width: 82.5rem;
}

.about_copy{
    font-size: 10px;
    margin: 0 0 40px;
    padding: 0 0 10px;
    border-bottom: 1px dotted rgba(255,255,255,0.6);
}

.about_copy h3{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 700px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.about_copy h4{
    font-size: 1.5em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 310px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.close-reveal-modal, .overlay .overlay-close{
    font-weight: lighter !important;
    color: #fff  !important;
    font-size: 55px  !important;
    line-height: 120% !important;
    position: fixed  !important;
    top: 0px !important;
    right: 18px !important;
    width: 35px;
}

.client_row{}

.reveal-modal-bg, #register {
    background: #111;
    background: rgba(10,10,10, 0.95);
    background-color: #111;
    background-image: none;
    opacity: 0.95;
    }

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

.logo_columns{}

.client_logo{
    float: left;
    display: inline;
    max-width: 33.3%;
}

.cl1{
    width: fit-content;
    margin-left: 0px;
}

.cl2{}

.cl3{}

#myModal{
    font-size: 11px;
    padding: 80px 0px;
}

#myModal .row{
    padding: 0px 0px 0px;
}

.register_row{}

.register_row h4{
    font-size: 1.3em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 15px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.angle{
    max-width: 78px;
    margin: -6px 5px 0 2px;
}

.coming{}

.register_row h5{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.register_row h6{
    font-size: 0.9em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 165%;
}

.register_row h3{
    font-size: 1.5em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 380px;
    margin: 0 auto 20px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.form_row{
    max-width: 100% !important;
}

/* mobile galleries */

.fullWidth_mobile{
    position: relative;
}

.mobile_gallery{}

.mobile_carousel{}


            .mobile_carousel img {
  display: block;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  max-height: initial;
}

.mobile_carousel_holder { display: block;}

.mobile_carousel {margin: 100px 0 0px;}

.mobile_carousel .carousel-cell {
  width: 100%;
  min-height: 100px;
  margin-right: 10px;
  min-width: calc(100vw - 10px);
  height: auto !important;
  }

.mobile_carousel .flickity-viewport {
 
}

.mobile_carousel .flickity-prev-next-button {
    top: 55%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.mobile_carousel .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    display: block;
    opacity: 0.8;
}

.mobile_carousel .flickity-button-icon {
    fill: #fff;
}

.mobile_nav_icon{
    position: fixed;
    width: 35px;
    height: 35px;
    top: 20px;
    right: 20px;
}

#trigger-overlay{}

    
.new_text_holder{
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 5;
    top: inherit;
}

.new_text_holder h1{
    font-size: 22px;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 950px;
    margin: 20px auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
    text-align: center;
}

.new_text_holder h1 span {
  position: relative;
}

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

img.stamp_new.rotate {
       position: absolute;
       z-index: 1;
       width: 120px;
       bottom: -60px;
       left: calc(50% - 60px);
       -webkit-animation: spin 15s linear infinite;
       -moz-animation: spin 15s linear infinite;
       animation: spin 15s linear infinite;
}
    

	
.overlay .overlay-close {
	/* width: 30px; */
	/* height: 30px; */
	/* position: absolute; */
	/* right: 22px; */
	/* top: 20px; */
	/* overflow: hidden; */
	/* border: none; */
	/* background: url(../img/cross.png) no-repeat center center; */
	/* text-indent: 200%; */
	/* color: transparent; */
	/* outline: none; */
	/* background-size: 30px; */
	/* z-index: 200; */
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 50px;
	text-align: center;
}
.overlay ul li a {
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-transform: none;
	text-align: center;
	margin: 0 auto 5px;
	font-size: 24px;
	font-family: "HaasGrotText-55Roman";
	color: #fff;
	max-width: 320px;
	font-weight: 400;
	letter-spacing: 0.02em;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	line-height: 130%;
}
    
          #register{max-width: 100%;margin: 0 auto;}
      .register_row{max-width: 82.5rem !important;font-size: 11px;text-align: left;padding: 50px 20px;}

    
}
@media only screen and (min-width: 40.063em) {
    
    #myModal3 {
    background: transparent;
    max-width: 100vw;
    padding: 100px 25px;
    width: 100%;
}

#myModal3 .close-reveal-modal {
    color: #fff !important;
    cursor: pointer;
    font-size: 2.5rem;
    line-height: 1;
    position: fixed;
    top: 0.625rem;
    right: 1.375rem;
}
    
    
    .living_room{
    background-image: url("../img/pent2.jpg") !important;
    background-position: center bottom;
    }
    
/* global */

    
    .split_mobile{ display: block !important;}
    .split_desktop{ display: none !important;}
    
body{}

.body_wrap{
    overflow-x: hidden;
    padding-bottom: 50px;
    z-index: 2;
}

.modal-open {
    overflow: hidden !important;
    opacity: 0.2;
    display: block;
}

.row{
    max-width: 82.5rem;
}

.row .row{}

section{min-height: inherit;}

a, a:hover, a:focus, a:visited, a:active{ border:none; outline: none; color: inherit;}

		

.register_desk{text-decoration: underline;color: #fff !important;}



/* preload screen */

.unloaded {overflow: hidden;position: fixed;background: transparent;min-height: 100vh;min-width: 100vw;width: 100%;}

.loaded {overflow: visible;position: relative;background: #111;/* min-height: 100vh; *//* min-width: 100vw; */}

#preloader{
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto !important;
    width: 100vw;
    z-index: 9999;
    min-height: auto;
    background: #635d56;
    padding: 0 0 0 0;
    overflow: visible;
    height: 100vh;
    border: 0;
    opacity: 1;
    min-width: 100vw;
}



.loaded #preloader{opacity: 0;}

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

.pattern_bg{
    height: 100%;
    background: rgba(0,0,0,0.05);
    background-image: url('../img/contour.svg');
    background-size: cover;
}

.preload_logo_row {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.logo_holder {
    display: block;
    height: 100vh;
    text-align: center;
    max-width: 100vw;
    padding-bottom: 0vh;
    min-width: 100vw;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.preload_logo{
    width: 400px;
    height: 89px;
    margin: 0 auto 0px;
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    display: block;
}

.address {
    bottom: 80px;
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    left: 0;
}


.address h3 {
      color: #eee;
      margin: 0 auto 0px;
      font-weight: 400;
      letter-spacing: 0.08em;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      line-height: 150%;
      font-family: "MaisonNeue-Mono";
      font-size: 13px;
}


/* fixed nav bars */

.cls-1{fill: #fff;}

section#nav {
    position: fixed;
    top: -120px;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 25px 0 20px;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#nav {top: 0;}

section#footer {
    position: fixed;
    bottom:-120px;
    left: 0;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 15px 0 35px;
    -webkit-transition: bottom 1.5s ease-out;
    -moz-transition: bottom 1.5s ease-out;
    -o-transition: bottom 1.5s ease-out;
    transition: bottom 1.5s ease-out;
    transition-delay: 3s;
}

.loaded section#footer {bottom: 0;}

.hero_logo {
    max-width: 145px;
    margin: 0 auto;
    display: block;
}

.fixed_nav .row {
    max-width: 95%;
    margin: 0 auto;
    overflow: hidden;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

svg#scroll {
    width: 0.9375rem;
    cursor: pointer;
    display: block;
    fill: #fff;
    margin: 7px auto 0;
    float: none;
}

.fixed_nav p {
    font-family: "MaisonNeue-Mono";
    margin: 0 0;
    font-size: 14px;
    padding: 10px 0 0;
}

/* carousels */ 

.fullWidth {
    display: table;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    table-layout: fixed;
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
}


.fullWidth{max-width: inherit;display: block;}

.fullWidth .columns{}

.carousel_holder{
    display: table-cell;
    vertical-align: middle;
    height: auto;
    text-align: center;
    max-width: inherit;
    width: 100%;
    }



.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 100%;
  height: calc(100vh - 350px);
  margin-right: 0px;
  background: transparent;
}

.carousel-cell-image {
  display: block;
  /* max-height: 100%; */
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.flickity-button:hover {
    background: transparent;
    cursor: pointer;
}

.flickity-prev-next-button.next {
    right: 0px;
}
.flickity-prev-next-button.previous {
    left: 0px;
}
.flickity-prev-next-button {
    top: 0%;
    width: 33%;
    height: 100%;
    border-radius: 0%;
    transform: none;
    padding: 0;
    background: transparent;
    color: transparent;
}

.flickity-prev-next-button .flickity-button-icon {
    display: none;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
}

.flickity-page-dots {
    bottom: 30px;}

.next:hover{
  cursor: pointer;
  cursor: pointer;
  }

.previous:hover{
  cursor: pointer;
  cursor: pointer;
  }

/* text_row */

.architecture, .introduction {
    background: transparent;
    max-width: 100%;
    margin: 0vh auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row.text_row {
    font-size: 17px;
}

.text_row h1 {
    font-size: 1.65em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 570px;
    margin: 0 auto 20px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.text_row h2{
    font-size: 1.2em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 850px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 135%;
    text-indent: -10px;
    display: none;
} 

.text_row h3{
    font-size: 0.65em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 900px;
    margin: 0 auto 50px;
    font-weight: 400;
    letter-spacing: 0.06em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    text-decoration: none;
} 

.text_row h3 a:hover{ text-decoration: underline;}

.text_row h4{
    font-size: 0.55em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    display: none;
} 

.text_block_holder{
    display: block;
    vertical-align: middle;
    height: auto;
    text-align: center;
    max-width: initial;
    padding-bottom: 0vh;
    width: 100%;
    }

.introduction {
    background-image: none;
    background-position: center bottom;
}
.video {
    background: transparent;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    max-width: 100%;
}
.video_block_holder {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 0vh;
    width: 90%;
}



.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;max-height: 100vh;}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* split row */

#split_section{}

.split_row{
    height: 370px;
    background: #eee;
    max-width: 36.5rem !important;
    margin: 0px auto !important;
}


.project_column, .team_column{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #111;
    border-bottom: inherit;
}

.project_column{
    height: 100%;
    background-image: url('../img/render4.jpg');
    padding-left: 0;
    padding-right: 0;
}

.team_column{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background-image: url('../img/team2.jpg');
}



.split_text_holder{
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.1);
     -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.split_text_holder:hover{background: rgba(10,10,10,0.8);}

.text_wrap{
    position: absolute;
    /* height: 100%; */
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.split_row h1{
    font-size: 35px;
    font-family: "HaasGrotText-55Roman";
    max-width: 900px;
    margin: 0 auto 20px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.split_text_holder h1, .split_text_holder h6{ color: #fff;    -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;}

.split_text_holder:hover h1, .split_text_holder:hover h6{color: #fff;text-decoration: none;text-shadow: none;}

.above_row{}

.above_row h5{
    font-family: "MaisonNeue-Mono";
    margin: 20px auto 15px;
    font-size: 13px;
    padding: 0px 0 0;
    display: block;
    letter-spacing: 0.00em;
    position: relative;
    }
      
    .split_text_holder h6{
    font-family: "MaisonNeue-Mono";
    margin: 0 auto;
    font-size: 11px;
    padding: 5px 0 5px;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    /* text-decoration: underline; */
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-decoration: none;
    }  



/* pdf pages */

#pdf_holder{min-height: 100vh;width: 100vw;display: block;}

.pdf_wrap_row{
    background: #f6f6f6;
    max-width: 92%;
    margin: 0 auto;
    height: auto;
    table-layout: unset;
    display: block;
    }

.pdf_block_holder{
    display: block;
    vertical-align: top;
    text-align: center;
    max-width: inherit;
    padding: 0;
    width: 100%;
    margin: 69px auto 0;
    min-width: 100%;
}

.pdf_row{
    margin: 0px auto 0 !important;
    width: 100% !important;
    margin-right: auto !important;
    height: calc(100vh - 240px);
}

div#publitas-embed-e9pbn2n933h, #publitas-embed-yzzg1jf4iy {
    max-height: calc(100vh - 160px) !important;
}


/* modals */

#myModal2{}

#myModal2 .row{
    max-width: 82.5rem;
}

.reveal-modal{
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 30px 10px;
    border-radius: 0;
    outline: none;
    max-width: 82.5rem;
}

.about_copy{
    font-size: 10px;
    margin: 0 0 50px;
    padding: 0 0 20px;
    border-bottom: 1px dotted rgba(255,255,255,0.4);
}

.about_copy h3{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 700px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.about_copy h4{
    font-size: 1.5em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.close-reveal-modal{
    font-weight: lighter !important;
    color: #fff  !important;
    font-size: 55px  !important;
    line-height: 120% !important;
    position: fixed  !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px;
}

.client_row{}

.reveal-modal-bg, #register {
    background: #111;
    background: rgba(10,10,10, 0.95);
    background-color: #111;
    opacity: 0.95;
    }

.client_logo_row{
    margin: 0 0 50px 0;
}

.logo_columns{}

.client_logo{
    float: left;
    display: inline;
    max-width: 33.3%;
}

.cl1{
    width: fit-content;
    margin-left: 0px;
}

.cl2{}

.cl3{}

#myModal{
    font-size: 10px;
    padding: 10vh 10px;
}

#myModal .row{
    padding: 0px 0px 0px;
}

.register_row{}

.register_row h4{
    font-size: 1.3em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 25px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.angle{
    max-width: 70px;
    margin: -6px 5px 0 2px;
}

.coming{}

.register_row h5{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.register_row h6{
    font-size: 0.9em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 165%;
}

.register_row h3{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 580px;
    margin: 0 auto 20px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.form_row{
    max-width: 100% !important;
}

/* mobile galleries */

.fullWidth_mobile{
    position: relative;
}

.mobile_gallery{}

.mobile_carousel{}


            .mobile_carousel img {
  display: block;
  height: auto;
  max-width: 100%;
  max-height: initial;
}

.mobile_carousel_holder { display: block;}

.mobile_carousel {margin: 17vh 0 100px;}

.mobile_carousel .carousel-cell {
  width: 100%;
  min-height: 100px;
  margin-right: 10px;
  min-width: calc(100vw - 10px);
  height: auto !important;
  }

.mobile_carousel .flickity-viewport {
 
}

.mobile_carousel .flickity-prev-next-button {
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.mobile_carousel .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    display: block;
}

.mobile_carousel .flickity-button-icon {
    fill: #fff;
}

.mobile_nav_icon{}

.new_text_holder{
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 5;
    top: inherit;
}

.new_text_holder h1{
    font-size: 36px;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 950px;
    margin: 40px auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
    text-align: center;
}

.new_text_holder h1 span {
  position: relative;
}

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

        


#trigger-overlay{}

.menu_icon{}

img.stamp_new.rotate {
       position: absolute;
       z-index: 2;
       width: 120px;
       bottom: 60px;
       left: calc(50% - 60px);
       -webkit-animation:spin 12s linear infinite;
       -moz-animation:spin 12s linear infinite;
       animation:spin 12s linear infinite;
       -webkit-animation: spin 25s linear infinite;
       -moz-animation: spin 25s linear infinite;
       animation: spin 25s linear infinite;
}
    

	
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 15px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	background-size: 30px;
	z-index: 200;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 8);
	min-height: 40px;
	text-align: center;
}
.overlay ul li a {
	font-weight: 400;
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	color: #fff;
	text-transform: none;
	text-align: center;
	font-family: "Relative Book";
	font-size: 22px;
	letter-spacing: 0.08em;
	margin: 0 auto 5px;
	line-height: 140%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}
          #register{max-width: 100%;margin: 0 auto;}
      .register_row{max-width: 82.5rem !important;font-size: 10px;text-align: left;padding: 50px 10px;}

    
} 
@media only screen and (min-width: 64.063em) {
    
    
    #myModal3 {
    background: transparent;
    max-width: 90vw;
    padding: 100px 25px;
}

#myModal3 .close-reveal-modal {
    color: #fff !important;
    cursor: pointer;
    font-size: 2.5rem;
    line-height: 1;
    position: fixed;
    top: 0.625rem;
    right: 1.375rem;
}

    
    
    img.spacer {
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    display: block;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}
    
    
    .living_room{
    background-image: url("../img/pent2.jpg") !important;
    background-position: center center !important;
    }
    
     .split_mobile{ display: none !important;}
    .split_desktop{ display: table-cell!important;}
    
/* global */

body{}

.body_wrap{}

.modal-open {
    overflow: hidden !important;
    opacity: 0.2;
    display: block;
}

.row{
    max-width: 82.5rem;
}

.row .row{}

section{ min-height: 100vh;}

a, a:hover, a:focus, a:visited, a:active{ border:none; outline: none; color: inherit;}

		

.register_desk{ text-decoration: underline;}



/* preload screen */

.unloaded {overflow: hidden;position: fixed;background: transparent;}

.loaded {overflow: visible;position: relative;background: #111;}

#preloader{
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 8888;
    min-height: auto;
    background: #635d56;
    padding: 0 0 0 0;
    overflow: hidden;
    height: 100%;
    border: 0px solid;
    display: block;
    opacity: 1;
}



.loaded #preloader{opacity: 0;}

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

.pattern_bg{
    height: 100%;
    background: rgba(0,0,0,0.05);
    background-image: url('../img/contour.svg');
    background-size: cover;
}

.preload_logo_row {
    display: table;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 9999;
    width: 100%;
}

.logo_holder {
    display: block;
    height: 100vh;
    text-align: center;
    max-width: 100vw;
    min-width: 100vw;
    padding-bottom: 0vh;
    width: 100%;
    z-index: 999;
    position: fixed;
}

.preload_logo{
    width: 500px;
    height: 111px;
    margin: 0 auto 0px;
    z-index: 9999;
    top: 45%;
    left: 50%;
    display: block;
}

.address {
    bottom: 100px;
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    left: 0;
}


.address h3 {
      color: #eee;
      margin: 0 auto 0px;
      font-weight: 400;
      letter-spacing: 0.08em;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      line-height: 150%;
      font-family: "MaisonNeue-Mono";
      font-size: 15px;
}


/* fixed nav bars */

.cls-1{fill: #fff;}

section#nav {
    position: fixed;
    top: -120px;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 30px 0 30px;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#nav {top: 0;}

section#footer {
    position: fixed;
    bottom:-120px;
    left: 0;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 20px 0 40px;
    -webkit-transition: bottom 1.5s ease-out;
    -moz-transition: bottom 1.5s ease-out;
    -o-transition: bottom 1.5s ease-out;
    transition: bottom 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#footer {bottom: 0;}

.hero_logo {
    max-width: 155px;
    margin: 0 auto;
    display: block;
}

.fixed_nav .row {
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

svg#scroll {
    width: 0.9375rem;
    cursor: pointer;
    display: block;
    fill: #fff;
    margin: 10px auto 0;
    float: none;
}

.fixed_nav p {
    font-family: "MaisonNeue-Mono";
    margin: 0 0;
    font-size: 15px;
    padding: 7px 0 0;
}

/* carousels */ 

.fullWidth {
    display: table;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    table-layout: fixed;
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
}


.fullWidth{ max-width: inherit;}

.fullWidth .columns{}

.carousel_holder{
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    width: 100%;
    }



.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 100%;
  height: calc(100vh - 195px);
  margin-right: 0px;
  background: transparent;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 82%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.flickity-button:hover {
    background: transparent;
    cursor: pointer;
}

.flickity-prev-next-button.next {
    right: 0px;
}
.flickity-prev-next-button.previous {
    left: 0px;
}
.flickity-prev-next-button {
    top: 0%;
    width: 33%;
    height: 100%;
    border-radius: 0%;
    transform: none;
    padding: 0;
    background: transparent;
    color: transparent;
}

.flickity-prev-next-button .flickity-button-icon {
    display: none;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
}

.flickity-page-dots {
    bottom: 30px;}

.next:hover{cursor: pointer;
  cursor: url("../img/rightarrow.png"), default;}

.previous:hover{cursor: pointer;
  cursor: url("../img/leftarrow.png"), default;}

/* text_row */

.architecture, .introduction, .living_room {
    background: transparent;
    max-width: 90%;
    margin: 0vh auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row.text_row {
    font-size: 22px;
}

.text_row h1 {
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 700px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.text_row h2{
    font-size: 1.2em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 850px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 135%;
    text-indent: -10px;
    display: none;
} 

.text_row h3{
    font-size: 0.6em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.06em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
} 

.text_row h3 a:hover{ text-decoration: underline;}

.text_row h4{
    font-size: 0.55em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    display: none;
} 

.text_block_holder{
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 5vh;
    width: 100%;
    }

.introduction {
    background-image: url('../img/aerial.jpg');
    background-position: center bottom;
}
.video {
    background: transparent;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    max-width: 100%;
}
.video_block_holder {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 0vh;
    width: 90%;
}



.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;max-height: 100vh;}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* split row */

#split_section{}

.split_row{
    height: 70vh;
    background: #eee;
    max-width: 53.0rem !important;
    margin: 0vh auto 0 !important;
}


.project_column, .team_column{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #111;
}

.project_column{
    height: 100%;
    background-image: url('../img/render4.jpg');
    padding-left: 0;
    padding-right: 0;
}

.team_column{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background-image: url('../img/team2.jpg');
}



.split_text_holder{
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.1);
     -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.split_text_holder:hover{background: rgba(10,10,10,0.8);}

.text_wrap{
    position: absolute;
    /* height: 100%; */
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.split_row h1{
    font-size: 42px;
    font-family: "HaasGrotText-55Roman";
    max-width: 900px;
    margin: 0 auto 25px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.split_text_holder h1, .split_text_holder h6{ color: #fff;    -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;}

.split_text_holder:hover h1, .split_text_holder:hover h6{color: #fff;text-decoration: none;text-shadow: none;}

.above_row{}

.above_row h5{
    font-family: "MaisonNeue-Mono";
    margin: 20px auto 15px;
    font-size: 13px;
    padding: 0px 0 0;
    display: block;
    letter-spacing: 0.00em;
    position: relative;
    }
      
    .split_text_holder h6{
    font-family: "MaisonNeue-Mono";
    margin: 0 auto;
    font-size: 11px;
    padding: 5px 0 5px;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    /* text-decoration: underline; */
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    }  



/* pdf pages */

#pdf_holder{min-height: 100vh;width: 100vw;display: block;}

.pdf_wrap_row{
    background: #f6f6f6;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    table-layout: unset;
    display: block;
    }

.pdf_block_holder{
    display: block;
    vertical-align: top;
    text-align: center;
    max-width: inherit;
    padding: 0;
    width: 100%;
    margin: 86px auto 0;
    min-width: 100%;
    max-height: calc(100vh - 210px);
}

.pdf_row{
    margin: 0px auto 0 !important;
    width: 100% !important;
    margin-right: auto !important;
    height: calc(100vh - 130px);
}

div#publitas-embed-e9pbn2n933h, #publitas-embed-yzzg1jf4iy {
    max-height: calc(100vh - 240px) !important;
}


/* modals */

#myModal2{}

#myModal2 .row{
    max-width: 82.5rem;
}

.reveal-modal{
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 50px;
    border-radius: 0;
    outline: none;
    max-width: 82.5rem;
}

.about_copy{
    font-size: 11px;
    margin: 0 0 70px;
    padding: 0 0 30px;
    border-bottom: 1px dotted rgba(255,255,255,0.4);
}

.about_copy h3{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 700px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.about_copy h4{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.close-reveal-modal{
    font-weight: lighter !important;
    color: #fff  !important;
    font-size: 55px  !important;
    line-height: 120% !important;
    position: fixed  !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px;
}

.client_row{}

.reveal-modal-bg, #register {
    background: #111;
    background: rgba(10,10,10, 0.95);
    background-color: #111;
    opacity: 0.95;
    }

.client_logo_row{
    margin: 0 0 50px 0;
}

.logo_columns{}

.client_logo{
    float: left;
    display: inline;
    max-width: 33%;
}

.cl1{
    width: fit-content;
    margin-left: 0px;
}

.cl2{}

.cl3{}

#myModal{
    font-size: 11px;
    padding: 10vh 50px;
}

#myModal .row{
    padding: 0px 0px 0px;
}

.register_row{}

.register_row h4{
    font-size: 1.5em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 25px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.angle{
    max-width: 90px;
    margin: -6px 5px 0 2px;
}

.coming{}

.register_row h5{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.register_row h6{
    font-size: 1.0em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 165%;
}

.register_row h3{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 470px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.form_row{
    max-width: 90% !important;
    margin: 0 0 0 0 !important;
}

/* mobile galleries */

.fullWidth_mobile{}

.mobile_gallery{}

.mobile_carousel{}


            .mobile_carousel img {
  display: block;
  height: auto;
  max-width: 100%;
}

.mobile_carousel_holder { display: block;}

.mobile_carousel {margin: 200px 0 100px;}

.mobile_carousel .carousel-cell {   width: 95%;
  min-height: 100px;
  margin-right: 5px;
    height: auto !important;}

.mobile_carousel .flickity-viewport {
 
}

.mobile_carousel .flickity-prev-next-button {
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.mobile_carousel .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    display: block;
}

.mobile_carousel .flickity-button-icon {
    fill: #fff;
}

.mobile_nav_icon{}

.new_text_holder{
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 5;
    top: inherit;
}

.new_text_holder h1{
    font-size: 42px;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 950px;
    margin: 40px auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.new_text_holder h1 span {
  position: relative;
}

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

        


#trigger-overlay{}

.menu_icon{}

img.stamp_new.rotate {
       position: absolute;
       z-index: 2;
       width: 180px;
       bottom: 120px;
       left: calc(50% - 80px);
       position: absolute;
       z-index: 99;
       width: 160px;
       bottom: 80px;
       left: calc(50% - 80px);
       -webkit-animation:spin 12s linear infinite;
       -moz-animation:spin 12s linear infinite;
       animation:spin 12s linear infinite;
       -webkit-animation: spin 25s linear infinite;
       -moz-animation: spin 25s linear infinite;
       animation: spin 25s linear infinite;
}
    

	
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 15px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	background-size: 30px;
	z-index: 200;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 8);
	min-height: 40px;
	text-align: center;
}
.overlay ul li a {
	font-weight: 400;
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	color: #fff;
	text-transform: none;
	text-align: center;
	font-family: "Relative Book";
	font-size: 22px;
	letter-spacing: 0.08em;
	margin: 0 auto 5px;
	line-height: 140%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}
          #register{max-width: 90%;margin: 0 auto;padding: 50px 0 0;}
      .register_row{max-width: 82.5rem !important;font-size: 11px;text-align: left;padding: 40px 0px 0;}

}
@media only screen and (min-width: 90.063em) {
    
    
    #myModal3 {
    background: transparent;
    max-width: 80vw;
    padding: 100px 25px;
}

#myModal3 .close-reveal-modal {
    color: #fff !important;
    cursor: pointer;
    font-size: 2.5rem;
    line-height: 1;
    position: fixed;
    top: 0.625rem;
    right: 1.375rem;
}

    
    
    .living_room{
    background-image: url("../img/pent2.jpg") !important;
    background-position: center bottom !important;
    }
    
/* global */

body{}

.body_wrap{}

.modal-open {
    overflow: hidden !important;
    opacity: 0.2;
    display: block;
}

.row{
    max-width: 82.5rem;
}

.row .row{}

section{ min-height: 100vh;}

a, a:hover, a:focus, a:visited, a:active{ border:none; outline: none; color: inherit;}

		

.register_desk{ text-decoration: underline;}



/* preload screen */

.unloaded {overflow: hidden;position: fixed;background: transparent;}

.loaded {overflow: visible;position: relative;background: #111;}

#preloader{
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 8888;
    min-height: auto;
    background: #635d56;
    padding: 0 0 0 0;
    overflow: hidden;
    height: 100%;
    border: 0px solid;
    display: block;
    opacity: 1;
}



.loaded #preloader{opacity: 0;}

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

.pattern_bg{
    height: 100%;
    background: rgba(0,0,0,0.05);
    background-image: url('../img/contour.svg');
    background-size: cover;
}

.preload_logo_row {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 9999;
    width: 100%;
}

.logo_holder {
    display: block;
    height: 100vh;
    text-align: center;
    max-width: 100vw;
    padding-bottom: 0vh;
    min-width: 100vw;
    width: 100%;
    z-index: 999;
    position: fixed;
}

.preload_logo{
    width: 600px;
    height: 134px;
    margin: 0 auto 0px;
    z-index: 9999;
    top: 45%;
    left: 50%;
    display: block;
}

.address {
    bottom: 100px;
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    left: 0;
}


.address h3 {
      color: #eee;
      margin: 0 auto 0px;
      font-weight: 400;
      letter-spacing: 0.08em;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      line-height: 150%;
      font-family: "MaisonNeue-Mono";
      font-size: 16px;
}


/* fixed nav bars */

.cls-1{fill: #fff;}

section#nav {
    position: fixed;
    top: -120px;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 35px 0 35px;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#nav {top: 0;}

section#footer {
    position: fixed;
    bottom:-120px;
    left: 0;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 30px 0 40px;
    -webkit-transition: bottom 1.5s ease-out;
    -moz-transition: bottom 1.5s ease-out;
    -o-transition: bottom 1.5s ease-out;
    transition: bottom 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#footer {bottom: 0;}

.hero_logo {
    max-width: 155px;
    margin: 0 auto;
    display: block;
}

.fixed_nav .row {
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

svg#scroll {
    width: 0.9375rem;
    cursor: pointer;
    display: block;
    fill: #fff;
    margin: 0px auto;
    float: none;
}

.fixed_nav p {
    font-family: "MaisonNeue-Mono";
    margin: 0 0;
    font-size: 15px;
    padding: 8px 0 0;
}

/* carousels */ 

.fullWidth {
    display: table;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    table-layout: fixed;
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
}


.fullWidth{ max-width: inherit;}

.fullWidth .columns{}

.carousel_holder{
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    width: 100%;
    }



.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 100%;
  height: calc(100vh - 200px);
  margin-right: 0px;
  background: transparent;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 82%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.flickity-button:hover {
    background: transparent;
    cursor: pointer;
}

.flickity-prev-next-button.next {
    right: 0px;
}
.flickity-prev-next-button.previous {
    left: 0px;
}
.flickity-prev-next-button {
    top: 0%;
    width: 33%;
    height: 100%;
    border-radius: 0%;
    transform: none;
    padding: 0;
    background: transparent;
    color: transparent;
}

.flickity-prev-next-button .flickity-button-icon {
    display: none;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
}

.flickity-page-dots {
    bottom: 30px;}

.next:hover{cursor: pointer;
  cursor: url("../img/rightarrow.png"), default;}

.previous:hover{cursor: pointer;
  cursor: url("../img/leftarrow.png"), default;}

/* text_row */

.architecture, .introduction, .living_room {
    background: transparent;
    max-width: 90%;
    margin: 0vh auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row.text_row {
    font-size: 24px;
}

.text_row h1 {
    font-size: 1.8em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 850px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.text_row h2{
    font-size: 1.2em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 850px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 135%;
    text-indent: -10px;
    display: none;
} 

.text_row h3{
    font-size: 0.60em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.08em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
} 

.text_row h3 a:hover{ text-decoration: underline;}

.text_row h4{
    font-size: 0.55em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    display: none;
} 

.text_block_holder{
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 5vh;
    width: 100%;
    }

.introduction {
    background-image: url('../img/aerial.jpg');
    background-position: center bottom;
}
.video {
    background: transparent;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    max-width: 100%;
}
.video_block_holder {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 0vh;
    width: 90%;
}



.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;max-height: 100vh;}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* split row */

#split_section{}

.split_row{
    height: auto;
    background: #eee;
    max-width: 74.2rem !important;
    margin: 0px auto !important;
}


.project_column, .team_column{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #111;
}

.project_column{
    height: 100%;
    background-image: url('../img/render4.jpg');
    padding-left: 0;
    padding-right: 0;
}

.team_column{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background-image: url('../img/team2.jpg');
}



.split_text_holder{
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.1);
     -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.split_text_holder:hover{background: rgba(10,10,10,0.8);}

.text_wrap{
    position: absolute;
    /* height: 100%; */
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.split_row h1{
    font-size: 43px;
    font-family: "HaasGrotText-55Roman";
    max-width: 900px;
    margin: 0 auto 40px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.split_text_holder h1, .split_text_holder h6{ color: #fff;    -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;}

.split_text_holder:hover h1, .split_text_holder:hover h6{color: #fff;text-decoration: none;text-shadow: none;}

.above_row{}

.above_row h5{
    font-family: "MaisonNeue-Mono";
    margin: 20px auto 15px;
    font-size: 13px;
    padding: 0px 0 0;
    display: block;
    letter-spacing: 0.00em;
    position: relative;
    }
      
    .split_text_holder h6{
    font-family: "MaisonNeue-Mono";
    margin: 0 auto;
    font-size: 12px;
    padding: 5px 0 5px;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    /* text-decoration: underline; */
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    }  



/* pdf pages */

#pdf_holder{min-height: 100vh;width: 100vw;display: block;}

.pdf_wrap_row{
    background: #f6f6f6;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    table-layout: unset;
    display: block;
    }

.pdf_block_holder{
    display: block;
    vertical-align: top;
    text-align: center;
    max-width: inherit;
    padding: 0;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vh - 210px);
    margin: 105px auto 0;
}

.pdf_row{
    margin: 0px auto 0 !important;
    width: 100% !important;
    margin-right: auto !important;
    height: calc(100vh - 210px);
}

div#publitas-embed-e9pbn2n933h, #publitas-embed-yzzg1jf4iy {
    max-height: calc(100vh - 240px) !important;
}


/* modals */

#myModal2{}

#myModal2 .row{
    max-width: 82.5rem;
}

.reveal-modal{
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 50px;
    border-radius: 0;
    outline: none;
    max-width: 82.5rem;
}

.about_copy{
    font-size: 12px;
    margin: 0 0 70px;
    padding: 0 0 30px;
    border-bottom: 1px dotted rgba(255,255,255,0.4);
}

.about_copy h3{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 700px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.about_copy h4{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.close-reveal-modal{
    font-weight: lighter !important;
    color: #fff  !important;
    font-size: 55px  !important;
    line-height: 120% !important;
    position: fixed  !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px;
}

.client_row{}

.reveal-modal-bg, #register {
    background: #111;
    background: rgba(10,10,10, 0.95);
    background-color: #111;
    opacity: 0.95;
    }

.client_logo_row{
    margin: 0 0 50px 0;
}

.logo_columns{}

.client_logo{
    float: left;
    display: inline;
    max-width: 28%;
}

.cl1{
    width: fit-content;
    margin-left: 0px;
}

.cl2{}

.cl3{}

#myModal{
    font-size: 13px;
    padding: 10vh 50px;
}

#myModal .row{
    padding: 0px 0px 0px;
}

.register_row{}

.register_row h4{
    font-size: 1.3em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 25px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.angle{
    max-width: 90px;
    margin: -6px 5px 0 2px;
}

.coming{}

.register_row h5{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.register_row h6{
    font-size: 0.9em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 165%;
}

.register_row h3{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 530px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.form_row{
    max-width: 80% !important;
}

/* mobile galleries */

.fullWidth_mobile{}

.mobile_gallery{}

.mobile_carousel{}


            .mobile_carousel img {
  display: block;
  height: auto;
  max-width: 100%;
}

.mobile_carousel_holder { display: block;}

.mobile_carousel {margin: 200px 0 100px;}

.mobile_carousel .carousel-cell {   width: 95%;
  min-height: 100px;
  margin-right: 5px;
    height: auto !important;}

.mobile_carousel .flickity-viewport {
 
}

.mobile_carousel .flickity-prev-next-button {
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.mobile_carousel .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    display: block;
}

.mobile_carousel .flickity-button-icon {
    fill: #fff;
}

.mobile_nav_icon{}

.new_text_holder{
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 5;
    top: inherit;
}

.new_text_holder h1{
    font-size: 46px;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 950px;
    margin: 50px auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.new_text_holder h1 span {
  position: relative;
}

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

        


#trigger-overlay{}

.menu_icon{}

img.stamp_new.rotate {
       position: absolute;
       z-index: 2;
       width: 200px;
       bottom: 120px;
       left: calc(50% - 100px);
       -webkit-animation:spin 12s linear infinite;
       -moz-animation:spin 12s linear infinite;
       animation:spin 12s linear infinite;
       -webkit-animation: spin 25s linear infinite;
       -moz-animation: spin 25s linear infinite;
       animation: spin 25s linear infinite;
}
    

	
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 15px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	background-size: 30px;
	z-index: 200;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 8);
	min-height: 40px;
	text-align: center;
}
.overlay ul li a {
	font-weight: 400;
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	color: #fff;
	text-transform: none;
	text-align: center;
	font-family: "Relative Book";
	font-size: 22px;
	letter-spacing: 0.08em;
	margin: 0 auto 5px;
	line-height: 140%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}
          #register{max-width: 90%;margin: 0 auto;padding: 50px 0 0;}
      .register_row{max-width: 82.5rem !important;font-size: 13px;text-align: left;padding: 60px 50px 20px;}

    
} 
@media only screen and (min-width: 120.063em) {
    
        #myModal3 {
    background: transparent;
    max-width: 80vw;
}

#myModal3 .close-reveal-modal {
    color: #fff !important;
    cursor: pointer;
    font-size: 2.5rem;
    line-height: 1;
    position: fixed;
    top: 0.625rem;
    right: 1.375rem;
}
    
    
    .living_room{background-image: url("../img/int_hero.jpg");
    background-position: center bottom;}
    
/* global */

body{}

.body_wrap{}

.modal-open {
    overflow: hidden !important;
    opacity: 0.2;
    display: block;
}

.row{
    max-width: 82.5rem;
}

.row .row{}

section{ min-height: 100vh;}

a, a:hover, a:focus, a:visited, a:active{ border:none; outline: none; color: inherit;}

		

.register_desk{ text-decoration: underline;}



/* preload screen */

.unloaded {overflow: hidden;position: fixed;background: transparent;}

.loaded {overflow: visible;position: relative;background: #111;}

#preloader{
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 8888;
    min-height: auto;
    background: #635d56;
    padding: 0 0 0 0;
    overflow: hidden;
    height: 100%;
    border: 0px solid;
    display: block;
    opacity: 1;
}



.loaded #preloader{opacity: 0;}

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

.pattern_bg{
    height: 100%;
    background: rgba(0,0,0,0.05);
    background-image: url('../img/contour.svg');
    background-size: cover;
}

.preload_logo_row {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 9999;
    width: 100%;
}

.logo_holder {
    display: block;
    height: 100vh;
    text-align: center;
    max-width: 100vw;
    min-width: 100vw;
    padding-bottom: 0vh;
    width: 100%;
    z-index: 999;
    position: fixed;
}

.preload_logo{
    width: 698px;
    height: 155px;
    margin: 0 auto 0px;
    z-index: 9999;
    top: 45%;
    left: 50%;
    display: block;
}

.address {
    bottom: 100px;
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    left: 0;
}


.address h3 {
      color: #eee;
      margin: 0 auto 0px;
      font-weight: 400;
      letter-spacing: 0.08em;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      line-height: 150%;
      font-family: "MaisonNeue-Mono";
      font-size: 16px;
}


/* fixed nav bars */

.cls-1{fill: #fff;}

section#nav {
    position: fixed;
    top: -120px;
    left: 0;
    bottom: auto !important;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 40px 0 40px;
    -webkit-transition: top 1.5s ease-out;
    -moz-transition: top 1.5s ease-out;
    -o-transition: top 1.5s ease-out;
    transition: top 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#nav {top: 0;}

section#footer {
    position: fixed;
    bottom:-120px;
    left: 0;
    width: 100%;
    z-index: 20;
    min-height: auto;
    background: #111;
    padding: 30px 0 50px;
    -webkit-transition: bottom 1.5s ease-out;
    -moz-transition: bottom 1.5s ease-out;
    -o-transition: bottom 1.5s ease-out;
    transition: bottom 1.5s ease-out;
    transition-delay: .5s;
}

.loaded section#footer {bottom: 0;}

.hero_logo {
    max-width: 165px;
    margin: 0 auto;
    display: block;
}

.fixed_nav .row {
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

svg#scroll {
    width: 0.9375rem;
    cursor: pointer;
    display: block;
    fill: #fff;
    margin: 0px auto;
    float: none;
}

.fixed_nav p {
    font-family: "MaisonNeue-Mono";
    margin: 0 0;
    font-size: 16px;
    padding: 5px 0 0;
}

/* carousels */ 

.fullWidth {
    display: table;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    table-layout: fixed;
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
}


.fullWidth{ max-width: inherit;}

.fullWidth .columns{}

.carousel_holder{
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    width: 100%;
    }



.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 100%;
  height: calc(100vh - 350px);
  margin-right: 0px;
  background: transparent;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.flickity-button:hover {
    background: transparent;
    cursor: pointer;
}

.flickity-prev-next-button.next {
    right: 0px;
}
.flickity-prev-next-button.previous {
    left: 0px;
}
.flickity-prev-next-button {
    top: 0%;
    width: 33%;
    height: 100%;
    border-radius: 0%;
    transform: none;
    padding: 0;
    background: transparent;
    color: transparent;
}

.flickity-prev-next-button .flickity-button-icon {
    display: none;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
}

.flickity-page-dots {
    bottom: 30px;}

.next:hover{cursor: pointer;
  cursor: url("../img/rightarrow.png"), default;}

.previous:hover{cursor: pointer;
  cursor: url("../img/leftarrow.png"), default;}

/* text_row */

.architecture, .introduction, .living_room {
    background: transparent;
    max-width: 90%;
    margin: 0vh auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row.text_row {
    font-size: 32px;
}

.text_row h1 {
    font-size: 1.55em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 950px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.text_row h2{
    font-size: 1.2em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 850px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 135%;
    text-indent: -10px;
    display: none;
} 

.text_row h3{
    font-size: 0.50em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.08em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
} 

.text_row h3 a:hover{ text-decoration: underline;}

.text_row h4{
    font-size: 0.55em;
    font-family: "HaasGrotText-55Roman";
    color: #eee;
    max-width: 900px;
    margin: 0 auto 0px;
    font-weight: 400;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 150%;
    display: none;
} 

.text_block_holder{
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 10vh;
    width: 100%;
    }

.introduction {
    background-image: url('../img/aerial.jpg');
    background-position: center bottom;
}
.video {
    background: transparent;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    max-width: 100%;
}
.video_block_holder {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
    text-align: center;
    max-width: inherit;
    padding-bottom: 0vh;
    width: 90%;
}



.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;overflow: hidden;max-height: 100vh;}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* split row */

#split_section{}

.split_row{
    height: auto;
    background: #eee;
    max-width: 94.2rem !important;
    margin: 0px auto !important;
}


.project_column, .team_column{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #111;
}

.project_column{
    height: 100%;
    background-image: url('../img/render4.jpg');
    padding-left: 0;
    padding-right: 0;
}

.team_column{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background-image: url('../img/team2.jpg');
}



.split_text_holder{
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.1);
     -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.split_text_holder:hover{background: rgba(10,10,10,0.8);}

.text_wrap{
    position: absolute;
    /* height: 100%; */
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.split_row h1{
    font-size: 55px;
    font-family: "HaasGrotText-55Roman";
    max-width: 900px;
    margin: 0 auto 70px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.split_text_holder h1, .split_text_holder h6{ color: #fff;    -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;}

.split_text_holder:hover h1, .split_text_holder:hover h6{color: #fff;text-decoration: none;text-shadow: none;}

.above_row{}

.above_row h5{
    font-family: "MaisonNeue-Mono";
    margin: 20px auto 15px;
    font-size: 13px;
    padding: 0px 0 0;
    display: block;
    letter-spacing: 0.00em;
    position: relative;
    }
      
    .split_text_holder h6{
    font-family: "MaisonNeue-Mono";
    margin: 0 auto;
    font-size: 13px;
    padding: 5px 0 5px;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    /* text-decoration: underline; */
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    }  



/* pdf pages */

#pdf_holder{min-height: 100vh;width: 100vw;display: block;}

.pdf_wrap_row{
    background: #f6f6f6;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    table-layout: unset;
    display: block;
    }

.pdf_block_holder{
    display: block;
    vertical-align: top;
    text-align: center;
    max-width: inherit;
    padding: 0;
    width: 100%;
    margin: 117px auto 0;
}

.pdf_row{
    margin: 0px auto 0 !important;
    width: 100% !important;
    margin-right: auto !important;
    height: calc(100vh - 240px);
}

div#publitas-embed-e9pbn2n933h, #publitas-embed-yzzg1jf4iy {
    max-height: calc(100vh - 240px) !important;
}


/* modals */

#myModal2{}

#myModal2 .row{
    max-width: 82.5rem;
}

.reveal-modal{
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 50px;
    border-radius: 0;
    outline: none;
    max-width: 82.5rem;
}

.about_copy{
    font-size: 13px;
    margin: 0 0 70px;
    padding: 0 0 30px;
    border-bottom: 1px dotted rgba(255,255,255,0.4);
}

.about_copy h3{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 700px;
    margin: 0 auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.about_copy h4{
    font-size: 1.6em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.close-reveal-modal{
    font-weight: lighter !important;
    color: #fff  !important;
    font-size: 55px  !important;
    line-height: 120% !important;
    position: fixed  !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px;
}

.client_row{}

.reveal-modal-bg, #register {
    background: #111;
    background: rgba(10,10,10, 0.95);
    background-color: #111;
    opacity: 0.95;
    }

.client_logo_row{
    margin: 0 0 50px 0;
}

.logo_columns{}

.client_logo{
    float: left;
    display: inline;
    max-width: 30%;
}

.cl1{
    width: fit-content;
    margin-left: 0px;
}

.cl2{}

.cl3{}

#myModal{
    font-size: 14px;
    padding: 10vh 50px;
}

#myModal .row{}

.register_row{}

.register_row h4{
    font-size: 1.3em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 25px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.angle{
    max-width: 90px;
    margin: -6px 5px 0 2px;
}

.coming{}

.register_row h5{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.register_row h6{
    font-size: 0.9em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 750px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 165%;
}

.register_row h3{
    font-size: 1.7em;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 580px;
    margin: 0 auto 30px 0;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 140%;
}

.form_row{
    max-width: 80% !important;
}

/* mobile galleries */

.fullWidth_mobile{}

.mobile_gallery{}

.mobile_carousel{}


            .mobile_carousel img {
  display: block;
  height: auto;
  max-width: 100%;
}

.mobile_carousel_holder { display: block;}

.mobile_carousel {margin: 200px 0 100px;}

.mobile_carousel .carousel-cell {   width: 95%;
  min-height: 100px;
  margin-right: 5px;
    height: auto !important;}

.mobile_carousel .flickity-viewport {
 
}

.mobile_carousel .flickity-prev-next-button {
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.mobile_carousel .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
    display: block;
}

.mobile_carousel .flickity-button-icon {
    fill: #fff;
}

.mobile_nav_icon{}

.new_text_holder{
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 5;
    top: inherit;
}

.new_text_holder h1{
    font-size: 52px;
    font-family: "HaasGrotText-55Roman";
    color: #fff;
    max-width: 950px;
    margin: 50px auto 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    line-height: 130%;
}

.new_text_holder h1 span {
  position: relative;
}

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

        


#trigger-overlay{}

.menu_icon{}

img.stamp_new.rotate {
       position: absolute;
       z-index: 2;
       width: 200px;
       bottom: 120px;
       left: calc(50% - 100px);
       -webkit-animation: spin 25s linear infinite;
       -moz-animation: spin 25s linear infinite;
       animation: spin 25s linear infinite;
}
    

	
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 15px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	background-size: 30px;
	z-index: 200;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 8);
	min-height: 40px;
	text-align: center;
}
.overlay ul li a {
	font-weight: 400;
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	color: #fff;
	text-transform: none;
	text-align: center;
	font-family: "Relative Book";
	font-size: 22px;
	letter-spacing: 0.08em;
	margin: 0 auto 5px;
	line-height: 140%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}
          #register{     max-width: 90%; margin: 0 auto;}
      .register_row{max-width: 82.5rem !important;font-size: 14px;text-align: left;padding: 30px 50px;}

    
}