@charset "utf-8";
address, article, aside, button, blockquote, body, dd, dialog, dl, dt, fieldset,
footer, form, h1, h2, h3, h4, h5, h6, header, li, nav, ol, p, pre, section,
td, th, tr, ul {
    margin: 0;
    padding: 0; 
}

body 			{ font-family: 'IBM Plex Serif', serif; margin: 0; color:#222; -webkit-font-smoothing:antialiased;  background-color:#fcfcfc}

@font-face 		{ font-family: "Romain"; src: url("parkavenue.ttf");}
@font-face 		{ font-family: "Romain"; src: url("parkavenue.ttf"); font-style: italic;}





html { 			-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ } 

hr 				{ border-top:.1px solid rgba(0, 0, 0, 0.1); opacity:.9;}

section 		{ width: 100%; padding: 0; display: table; margin: 0; background-color:none; max-width: none; height: 30vh;}
	
a 				{color:#222; text-decoration:none;}

#topsteez a				{opacity:1; }
#topsteez a:hover		{ opacity:1;}
#topsteez a.active  	{ opacity:1;}




#slidesNav { position:fixed; height:100vh; top:0; right:2vh; z-index:1000; display: flex; align-items: center; justify-content: center; }



.sbn01 a {
	border: none;
	border-radius: 50%;
	background-color: #ddd;
	display: block;
	width: 8px;
	height: 8px;
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	margin-top:12px;
	box-sizing: border-box;
}
.sbn01 a:hover,
.sbn01 a.active {
	background-color: #222;
}

#hidden-m {opacity:1; display:inline;}
#hidden-m.is-active {opacity:0; display:none;}
#open-m.is-active {opacity:1; display:inline;}
#open-m {opacity:0; display:none;}






#content 		{ display: table-cell; padding-left:5%; padding-right:5%; text-align:center; vertical-align:middle;  }
#foo 			{ display: none; position:relative; width:100%; left:0px; z-index:10; }

.element-item 	{ width:50%;}

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 5vh;
}


.transition-fade {
    transition: .3s;
    opacity: 1;
	transition-delay: .3s;
}

html.is-animating .transition-fade{
    opacity: 0;
}

.a-slide {
  position: fixed;
  top:0vh;
  height:2px;	
  width: 0;
  left:0;	
  z-index:11001;	
  opacity:0;	
  background-color:#111;
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);	
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); 	
}

html.is-changing .a-slide {
  opacity:1;
  width: 100%;
  right:0px;	
	
}

html.is-rendering .a-slide {
  opacity:0;
  width: 100%;
  right:0px;	
	
}



.center-fit {
   flex-direction: column; 
   justify-content: center; 
   align-items: center; 
   display: flex; 
   max-width: 100%;
   max-height: 90vh;
   margin: auto;
  }




.section-one.active {opacity:1;}
.section-one {opacity:0; transition: all .5s;
  	-webkit-transition: all .5s;
  	-moz-transition: all .5s;
	-webkit-transition-delay: .5s;
     transition-delay: .5s;	}



.container {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 40%;
  left: 0;
  margin: 0 auto;

}
.container p {
  font-size: 20px;
}
.container a {
  display: inline-block;
  position: relative;
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 20px;
  overflow: hidden;
  top: 5px;
}
.container a:after {
  content: '';
  position: absolute;
  background: white;
  height: 2px;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  transition: .35s ease;
}
.container a:hover:after, .container a:focus:after, .container a:active:after {
  width: 100%;
}

.button_container {
  position: fixed;
  top:20px; 
  right: 20px;
  height: 15px;
  width: 25px;
  cursor: pointer;
  z-index: 1000;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: black;
}
.button_container.active .middle {
  opacity: 0;
   background: black;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
   background: black;
}
.button_container span {
 background: black;
  border: none;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  display:none;	
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index:500;
  visibility: hidden;
  transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);	
  overflow: visible;
 
}
.overlay.is-active {
  opacity: 1;
  visibility: visible;	
  height: 100%;
  background-color:rgba(255,255,255,.5);


}
.overlay.open nav {
  -webkit-animation: fadeInRight 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
          animation: fadeInRight 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;	
}

.overlay nav {
  position: fixed;
  padding-top: 5vh;
  left:6%;
  opacity: 0;
  width:100%;	
  font-size: 25px;
  line-height: 25px;
  font-weight: 400;
  text-align: left;
  z-index: 1000;		
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);				
 
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
     top: 0%;

  }
  100% {
    opacity: 1;
   top: 0%;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    top: 0%;
	 
  }
  100% {
    opacity: 1;
    top: 0%;
  }
}

.flickity-slider {
  transform: none !important;
}

.carousel {
  position:absolute;	
  left:0;
  top:15vh;		
  float:left; 		
  display:inline;	
  background: none;
  width:50%;	
  height:70vh;	
  overflow:hidden;		
 
}

.carousel-cell {

  left:0 !important;	
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .5s ease-in-out;	
  height:70vh;	
  width:70%;
  padding-left:10%; 
  overflow:hidden;	 	
}

.carousel-cell.is-selected {
  opacity: 1;
  z-index: 0;
}

.carousel-cell #caption {

	opacity:0;
	transition: all .5s;
  	-webkit-transition: all .5s;
  	-moz-transition: all .5s;
	-webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;	
}

.carousel-cell.is-selected #caption {
 
	color:#222;		
	opacity:1;
}


.carousel-2 {
  position:absolute;
  right:0;	
  top:15vh;	
  float:right; 		
  display:inline;		
  background: none;
  width:50%;
  height:70vh;	
  z-index:1;	
  overflow:hidden;	
 
}

.carousel-2-cell {

  left:0 !important;
  display: flex;
  align-items: center;
  justify-content: center;	
  opacity: 0;
  transition: opacity .5s ease-in-out;		
  z-index: 1;
  width:60%;
  padding-left:5%; 
  height:70vh;	
  overflow:hidden;	 
}


.carousel-2-cell.is-selected {
  opacity: 1;
  z-index: 0;
}

.carousel-2-cell #caption {

	opacity:0;
	transition: all .5s;
  	-webkit-transition: all .5s;
  	-moz-transition: all .5s;
	-webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;	
}

.carousel-2-cell.is-selected #caption {
 
	color: black;		
	opacity:1;
}



.carousel-3 {
  position:absolute;	
  left:2.5vh;
  float:left; 		
  display:inline;	
  width: 100%;
  height:10vh;		
  z-index:-1; 
  overflow:hidden;		
 
}

.carousel-3-cell {

  left:0 !important;	
  opacity: 0;
  transition: opacity .5s ease-in-out;
  height:10vh;
  display:flex; 
  align-items:center;
  width:100%;
  z-index:-1; 	
  overflow:hidden;		
}

.carousel-3-cell.is-selected {
  opacity: 1;
  z-index: 0;
}

.carousel-3-cell #caption {
	
	opacity:0;
	width:400px;
	transition: opacity .5s;
  	-webkit-transition: opacity .5s;
  	-moz-transition: opacity .5s;
	-webkit-transition-delay: 1.5s;
}

.carousel-3-cell.is-selected #caption {
	
	width:400px;
	color: #222;		
	opacity:1;
}



.topbar {
	
	height:10vh;
	display:flex; 
	align-items:center; 
	top:0; 
	left:0;
	width:100%;
	opacity:1;
	position:fixed;
	z-index:100;
	background-color:#fcfcfc;
	
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    					-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    					transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); 
	 -webkit-transform: translate3d(0, -15vh, 0);
      				  	-moz-transform: translate3d(0, -10vh, 0);
      				  	-ms-transform: translate3d(0, -10vh, 0);
     				   	-o-transform: translate3d(0, -10vh, 0);
       				  	transform: translate3d(0, -10vh, 0); 
	
	
}

.topbar.active {

   opacity:1;	
   border-bottom: 1px solid rgba(0,0,0,.1);
   -webkit-transform: translate3d(0, 0, 0);
      				  	-moz-transform: translate3d(0, 0, 0);
      				  	-ms-transform: translate3d(0, 0, 0);
     				   	-o-transform: translate3d(0, 0, 0);
       				  	transform: translate3d(0, 0, 0); 
}


.topbar.inactive {
	
   opacity:1;
   -webkit-transform: translate3d(0, -10vh, 0);
      				  	-moz-transform: translate3d(0, -10vh, 0);
      				  	-ms-transform: translate3d(0, -10vh, 0);
     				   	-o-transform: translate3d(0, -10vh, 0);
       				  	transform: translate3d(0, -10vh, 0); 
}
	



.push-2 {
	
	height:100vh; 
	left:0;
	top:0;
	width:100%;
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .7s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .7s cubic-bezier(0.645, 0.045, 0.355, 1) 
		
}

.push-2.is-active{
 
   -webkit-transform: translateY(35vh);
   -ms-transform: translateY(35vh);
   transform: translateY(35vh);
   -webkit-transition: -webkit-transform 1s  cubic-bezier(0.23, 1, 0.32, 1);
   transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1)

	
}

.header__nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 45vh;
    overflow: hidden;
	background-color:#fcfcfc;
    z-index: 1000;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform .525s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .525s cubic-bezier(0.645, 0.045, 0.355, 1);
}



.header__nav.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	width: 100%;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1)
}


#mainframe {opacity:1; transition: all .4s ease-in-out;}
#mainframe.is-active {opacity:1;}

#topsteez {opacity:0; transition: all .8s ease;}
#topsteez.is-active {opacity:1;}

.mainhead 			{top:0; height:15vh; width:100%; z-index:1000; display: flex; align-items: center;  position: -webkit-sticky;
  position: sticky; 

}

.mainhead-2 {opacity:1; transition: all .25s ease; position:fixed; top:0; width:100%; height:15vh; width:100%; z-index:100; display: flex; align-items: center; justify-content:center; }

.mainhead-2.is-active {opacity:0;}



#infoarea {
						-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    					-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    					transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }
#infoarea.inactive {
     	 				-webkit-transform: translate3d(0, -10vh, 0);
      				  	-moz-transform: translate3d(0, -10vh, 0);
      				  	-ms-transform: translate3d(0, -10vh, 0);
     				   	-o-transform: translate3d(0, -10vh, 0);
  					  	transform: translate3d(0, -10vh, 0); }



.navfade.is-active {opacity:0;}
.navfade {opacity:1; transition: opacity 1s ease;}




@media only screen and (max-width: 600px) {
	
	
	.hedge  {display:none;}
	
	.header__nav  			{width:100%;}
	.header__nav.is-active  {width:100%;}
	
	.carousel			{ top:15vh; width:60%; height:25vh; left:20%; padding-top:2.5vh;}
	.carousel-cell 		{ width:100%; height:30vh; padding-left:0;}
	.carousel-2			{ top:15vh; width:70%; height:25vh; left:15%; padding-top:32.5vh;  margin-left:0;}
	.carousel-2-cell 	{ width:100%; height:30vh; padding-left:0;}
	
	
	.popup {display:none}
	#fp-nav ul li .fp-tooltip { visibility:hidden; }
	#travelphone { display:inline; }
	
	#phonemenu {position: fixed; padding-top:10vh; left:0; height:5vh; z-index:1000; border: solid 1px #222; width:100%; display: flex; justify-content: center; align-items: center; background:#fcfcfc;}
	
	#titleheader {position: absolute; top:0; left:0; height:10vh; z-index:1001; border: solid 1px #222; width:100%; display: flex; justify-content: center; align-items: center; background:#fcfcfc;}
	
	#cell-horizontal {display:inline;}
	#cell-vertical {display:inline;}
	#ex-img {max-width:100%; max-height:50vh; padding-bottom:13vh; object-fit:cover;}
	#ex-X-img {min-height:45vh; width: 100%; object-fit: cover; }
	#ex-XX-img {min-height:105vh; overflow:hidden;}	
	#home-details 		{ position:absolute;text-align:left; bottom:16vh; width:100%; left:-1px; margin-left:1vh; padding-bottom:0vh;}
	
	.flickity-page-dots {bottom:18vh;}
	
	#navlist {display:none;}
	.button_container {display:inline; z-index:500; top:3vh; right: 3vh;}
	
	#rez-image {padding-bottom:1%}
	#arbito-1 	{width:100%; float:left;}	
	#bio-left 	{width:100%; float:left;}	
	#bio-right 	{width:100%; float:left;}	
	#main-head 	{width:100%;height:30vh; z-index:5; background-color:white;}
	#head-buffer {display:none;}
	#content-content {padding-left:7%; padding-right:6%; padding-bottom:0; display: table-cell; vertical-align: middle;}
	


	.dropdown-2 .dropbtn-2  { font-size: 20px; line-height:30px; text-align:right; }
	.dropdown-2 			{ display:inline-block; float: right; text-align:right; overflow: hidden;}
	
	#content {padding-left:15%; padding-right:15%;}
		
	.dropdown-2 .dropbtn-2  { font-size: 20px; line-height:30px; text-align:right; }
	.dropdown-2 			{ display:inline-block; float: right; text-align:right; overflow: hidden;}

	
 	.pstitle		{ font-size:64px; line-height:44px; text-align:left; font-weight:normal; text-transform:uppercase; }
	
	h4				{ font-weight:400; text-indent:none; font-size:20px; line-height:25px;}
 	h3				{ font-weight:400; text-indent:-2.5%; padding-left:2.5%; font-size:16px; line-height:23px; text-align:left;} 
	h5				{ font-weight:400; padding-left:1.5vh; text-indent:-1.5vh; text-indent:none; font-size:16px; line-height:23px; text-align:left;} 
	h2				{ font-weight:400; padding-left:10vh; text-indent:-10vh; text-indent:none; font-size:16px; line-height:23px; text-align:left;} 
	
	#foo 			{ display: none; position:relative; width:100%; left:0px; z-index:10; }
	
	.element-item 	{ width:100%;}
	#ticker			{ display:none; }

		.mainnav {width:100%; left:0; margin-left:2.5vh; text-align:center; display:flex; align-items: center; z-index:1000;  position: fixed; top:2.5vh;
						-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
    					-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
    					transition: all .5s cubic-bezier(0.19, 1, 0.22, 1); }

    .mainnav.inactive {
     	 				-webkit-transform: translate3d(0, -10vh, 0);
      				  	-moz-transform: translate3d(0, -10vh, 0);
      				  	-ms-transform: translate3d(0, -10vh, 0);
     				   	-o-transform: translate3d(0, -10vh, 0);
       				  	transform: translate3d(0, -10vh, 0); }

	
}






@media only screen and (min-width: 600px) {

	
	.push-2 {width:80%;padding-left:10%;}
	
	.hedge {height:10vh; display:block;}
	
	#travelphone 	{ display:none; }
	.carousel-5		{display:none}
	.carousel-4		{display:none}
	.carousel-3 	{display:inline}
	#phonemenu		{display:none;}
	#titleheader 	{display:none;}
	
	#cell-horizontal {display:inline; }
	#cell-vertical {display:inline; }
	#ex-img {min-height:60vh; max-height:60vh;}
	#ex-X-img {width:100%; overflow:hidden;}
	.splash-1			{ height:100vh; background-color:red;}
	#home-details 		{ position:absolute;text-align:left; bottom:0px; width:100%; left:-1px; margin-left:1vh; padding-bottom:.5vh;}
	
	#navlist {position:fixed; display:inline; top:1vh; right:0; padding-left:1vh; float:right;}
	
	.overlay {display:none;}
	.overlay nav {padding-top: 50vh;}
	.button_container {display:none;}
	
	#rez-image 		  	{padding-bottom:15%}
	#arbito-1 		  	{width:50%; float:left;} 
	#bio-left			{ width:25%; float:left;}	
	#bio-right			{ width:70%; padding-left:5%; float:left;}	
	#main-head 		  	{width:100%;height:20vh; z-index:5; background-color:white;}
	#CK-head 		  {width: 42%; padding-left:8%; float:left;}
	#head-buffer  	  {display:block;}
	#content-content {padding-left:8%; padding-right:6%; padding-bottom:5%; display: table-cell; vertical-align: middle;}
	
	
	#ex-hi {height:40vh; overflow-y:hidden;}
	#ex-lo {height:20vh; padding-left:2%; padding-bottom:5%;}
	
	.mainnav {width:100%; left:0; margin-left:2.5vh; text-align:center; display:flex; align-items: center; z-index:1000;  position: fixed; top:2.5vh;
						-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    					-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    					transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }

    .mainnav.inactive {
     	 				-webkit-transform: translate3d(0, -10vh, 0);
      				  	-moz-transform: translate3d(0, -10vh, 0);
      				  	-ms-transform: translate3d(0, -10vh, 0);
     				   	-o-transform: translate3d(0, -10vh, 0);
       				  	transform: translate3d(0, -10vh, 0); }

	
	#content {padding-left:15%; padding-right:15%;}
	
	.element-item 	{ width:50%;}
		
	h4				{ font-weight:normal; text-indent:none; font-size:32px; line-height:37px;}
 	h3				{ font-weight:normal; text-indent:-1.5%; padding-left:1.5%;  font-size:20px; line-height:28px; text-align:left;} 
	h5				{ padding-left:2vh; text-indent:-2vh;font-weight:normal; text-indent:none; font-size:20px; line-height:28px; text-align:left;} 
	h2				{ padding-left:50%; text-indent:-50%; font-weight:normal; text-indent:none; font-size:20px; line-height:28px; text-align:left;} 
	
	#ticker			{ display:inline; }
}


@media only screen and (min-width: 1100px) {

	h2				{ font-size:24px; line-height:32px}
	h3				{ font-size:24px; line-height:32px;}
	h4				{ font-size:32px; line-height:37px;}
 	h5				{ font-size:24px; line-height:32px;}
	
	
}


@media only screen and (min-width: 1400px) {

	h2				{ font-size:32px; line-height:40px;}
	h3				{ font-size:32px; line-height:40px;}
	h4				{ font-size:32px; line-height:40px;}
 	h5				{ font-size:32px; line-height:40px;}
	
	
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
	
	
	.flickity-page-dots {display:none;}
	

	h4				{ font-weight:400; text-indent:none; font-size:20px; line-height:25px;}
 	h3				{ font-weight:400; text-indent:none; font-size:16px; line-height:23px; text-align:left;} 
	h5				{ font-weight:400; padding-left:1.5vh; text-indent:-1.5vh; text-indent:none; font-size:16px; line-height:23px; text-align:left;} 
	h2				{ font-weight:400; padding-left:50%; text-indent:50%; text-indent:none; font-size:16px; line-height:23px; text-align:left;} 
	
}




*:focus {
outline: 0;
outline: none;
}