@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: "Romain";  
					margin: 0; 
					line-height:0px; 
					background-color:#fff; 
					color:#111; 
					width:100vw !important;
					-webkit-font-smoothing:antialiased; 
					text-transform:uppercase; 
					overflow-x: hidden !important;
					touch-action: manipulation !important;
					-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
				}

@font-face 		{ font-family: "Romain"; src: url("BeausiteClassic-Clear.otf");}
@font-face 		{ font-family: "Romain"; src: url("BeausiteClassic-ClearItalic.otf"); font-style: italic;}

li				{list-style-type: none;}


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


h1				{ font-weight:400; font-size:1.5vw; line-height:2vw;  }
h2				{ font-weight:400; font-size:1.5vw; line-height:2vw;  }
h3				{ font-weight:400; font-size:1.25vw; line-height:1.55vw;  }
h4				{ font-weight:400; font-size:1.25vw; line-height:1.55vw;  }

.standardtype 	{ font-weight:400; font-size:1.5vw; line-height:2vw; }
.vr-header		{ font-weight:400; font-size:1.5vw; line-height:2vw;  }
.vr-text 		{ font-size:1vw; line-height:1.5vw; }
.vr-small 		{ font-size:1vw; line-height:1.5vw; }
.vr-texted		{ font-size:1vw; line-height:1.5vw; margin-left:5vw; margin-right:5vw; }	
.vr-intro 		{margin-left:10vw; width:80vw; height:auto; margin-top:10vh; margin-bottom:10vh;}

a 				{ color:#111; text-decoration:none;}
a:hover			{ padding-bottom:1px; border-bottom:none;}


.captionstyle {font-size:1vw; line-height:1.15vw;}
.bigtype {font-size:5.5vw; line-height:8.15vw;}

.transition-fade {
    transition: .2s;
    opacity: 1;
	/*-webkit-transition-delay: .3s;*/
}

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

section 		{ width: 100%; padding: 0; display: table; margin: 0; background-color:none; max-width: none;}


.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 400ms;
}


img {
opacity: 0;
}
img.lazy {
opacity: 0;
}

img:not(.initial) {
  transition: opacity .2s;
}

img.initial,
img.loaded,
img.error {
opacity: 1;
}
img:not([src]) {
visibility: hidden;
}



.infoarea {		
	  		
	z-index:100 !important; 
	width:100vw; 
	height:10vh; 
	left:0;  
	top: 0; 
	position:fixed;  
	display:flex; 
	justify-content:space-between;
	align-items:center; 
	overflow:hidden !important; 
	background:none;	
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
   	will-change: transform !important;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.19, 1, 0.22, 1);
     transition: transform .7s cubic-bezier(0.19, 1, 0.22, 1);
}

.infoarea.inactive {
	
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

}




.whitebar { 
  	
  width:100vw;	
  position:fixed;
  top:0;
  left:0;	
  height:11vh;
  display:flex;	
  z-index:20 !important;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  will-change: transform !important;
  opacity:0;	
  background: white;	
  -webkit-transition: -webkit-transform .5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1), opacity .4s;	

	
	}


.whitebar.is-there {
	 opacity:1;
}


.whitebar.inactive {
	
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

}

.caption {transition: color .5s;}
.caption2 {transition: color .5s;}
.navlink {color:black; transition: color .5s;}
.navlink.isactive {
	color:black !important;
}
.navlink.isred {
	color:red !important;
}


.blackroller {background:white !important;}
.blackroller.background {background:white;}

.navlist 		  	{ width:80vw; margin-right:5vw; display:flex; justify-content:space-between;  }
.navlist-2 	        { display:none;}

.vimeowrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index:-1 !important;
   pointer-events:none !important;	
   overflow: hidden;
}
.vimeowrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 288.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.grid {width:90vw; margin-left:5vw; margin-top:10vh; display:flex; justify-content:space-between; flex-wrap: wrap;}
.grid-item {width:32%; margin-bottom:2vh; }
.grid-item img {width:100%; height:25vh; margin-bottom:2vh; object-fit:cover;}
.grid-item a {border:none !important}

.top {width:90vw; margin-left:5vw; display:flex; justify-content:space-between; flex-wrap:wrap;}
.top-item {width:44vw; margin-bottom:2.5vh;}
.top-item img {width:100%; height:35vh; margin-bottom:2vh; object-fit:cover;}

/*
.navlist a		  	{}
.navlist a.active	{padding-bottom:5px; border-bottom:1px solid #111;}
.navlist a:hover	{padding-bottom:5px; border-bottom:1px solid #111;}

.artbio-1 a		  	{}
.artbio-1 a.active	{padding-bottom:5px; border-bottom:1px solid #111;}
.artbio-1 a:hover	{padding-bottom:5px; border-bottom:1px solid #111;}
*/

.full-screen-video{
   animation-fill-mode: none !important;
}


div.wpforms-container-full .wpforms-form { overflow:hidden !important; padding:0 !important; width:100% !important; 
  
}

.wpforms-field { padding:0 !important;
overflow:hidden !important; 
height:10vh !important; align-items:center; display:flex; 
border-bottom:1px solid rgba(0,0,0,.5)  !important;	
 
}

.wpforms-form label{
 color:#ccc;
 margin-left:1vh !important;
 margin-top:1vh !important; 	
 font-weight:normal !important;	
 font-size:1.5vw !important;	
 line-height:2vw !important;
 padding-top:0vh !important;	

}


.wpforms-form input {
 background-color:transparent !important;
  font-family: 'Romain'; 
  color:#111 !important;
  font-size:1.5vw !important;	
  line-height:2.5vw !important;
  padding-left:0 !important; 
  padding-top:1vh !important;
  height:auto !important;	
  border:none!important;		
  		
	
}

.wpforms-form textarea {
  font-family: 'Romain'; 
  color:#111 !important;
  font-size:1.5vw !important;	
  line-height:2.5vw !important;
  left:0!important;
  padding-left:4vh !important;	
  margin-top:20vh!important;	
  border:none!important;
  background-color:transparent !important;
  border-bottom:none;  
 
}


.wpforms-container input::placeholder {
color:#ccc;
font-size:1.5vw !important;	
line-height:2.5vw !important;
font-family: 'Romain';
}

.wpforms-field-description{
       font-family: 'Romain'; 
  		color:#111 !important;
  		font-size:1.5vw !important;	
		line-height:2.5vw !important;
		margin-left:1vh !important;
}


.wpforms-payment-total{
       font-family: 'Romain'; 
  	    height:10vh !important;	
		display:flex;
		align-items:center;
 
}

.wpforms-form button{
 height:auto !important;
 padding:0 !important;
 padding-right:1vh !important;	
 padding-top:1vh !important;		
 width:auto !important;	
 float:right!important;	
 background-color:transparent !important;
}

button.wpforms-submit{
  
  font-family: 'Romain'; 	
  color:#111 !important;
  font-size:1.5vw !important;	
  line-height:2.5vw !important;
  text-align:right!important;	
  padding-top:2vh !important;	
  background-color:transparent !important;	
  padding-right:0 !important;
  border:none !important;
  width:100%!important;	


}

button.wpforms-submit:hover{
 color:#111 !important;
 background-color:none !important;
}

 div.wpforms-container-full .wpforms-form .wpforms-error-container {
	font-family: 'Romain' !important; 
   border:none !important;
   background-color: none !important;
   font-size:16px !important;		 
   line-height:17px !important; 
   padding: 1vh !important;  
   color:#fcfcfc !important;
	font-weight:300 !important; 
	 margin-left:3vh !important;	
}	



div.wpforms-confirmation-container-full {
	color: inherit;
	margin: 0;
	background: none;
	border: none;
	top:0;
	padding:0;
}

div.wpforms-confirmation-container-full p:last-of-type {
	margin: inherit;
	padding:1vh;
}








.push-2 {
	

	-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(10vh);
   -ms-transform: translateY(10vh);
   transform: translateY(10vh);
   -webkit-transition: -webkit-transform .7s  cubic-bezier(0.23, 1, 0.32, 1);
   transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1)

	
}




.log-in-box {
	
	z-index:-1;
	background:white; 
	position:fixed; 
	left:0; 
	top:0; 
	height:80vh; 
	width:40%; 
	opacity:0;
	padding-top:20vh; 
	padding-left:5%; 		
	padding-right:5%;
	-webkit-transform: translateY(5vh);
  	-ms-transform: translateY(5vh);
	transform: translateY(5vh);
  	will-change: transform;
  	-webkit-transition: opacity .4s ease, -webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: opacity .4s ease, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1); 
		
}

.log-in-box.is-active{
 
   z-index:100 !important;	
   opacity:1;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition: opacity .4s ease, -webkit-transform .5s  cubic-bezier(0.23, 1, 0.32, 1);
   transition: opacity .4s ease, transform .5s cubic-bezier(0.23, 1, 0.32, 1)

	
}


.register-box {
	
	z-index:-1;
	background:white; 
	position:fixed; 
	left:0; 
	top:0; 
	height:80vh; 
	width:40%; 
	opacity:0;
	padding-top:20vh; 
	padding-left:5%; 		
	padding-right:5%;
	-webkit-transform: translateY(5vh);
  	-ms-transform: translateY(5vh);
	transform: translateY(5vh);
  	will-change: transform;
  	-webkit-transition: opacity .4s ease, -webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: opacity .4s ease, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1); 
		
}

.register-box.is-active{
 
  z-index:100 !important;
	opacity:1;
  -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition: opacity .4s ease, -webkit-transform .5s  cubic-bezier(0.23, 1, 0.32, 1);
   transition: opacity .4s ease, transform .5s cubic-bezier(0.23, 1, 0.32, 1)

	
}


.welcome-box {
	
	height:80vh; width:40%; float:left; padding-top:20vh; padding-left:5%; padding-right:5%; opacity:1; transition: opacity .4s ease;
	-webkit-transition-delay: .5s;
}

.welcome-box.is-active {
	
	height:80vh; width:40%; float:left; padding-top:20vh; padding-left:5%; padding-right:5%; opacity:0; transition: opacity .4s ease;
}


.slide-box {
	
	height:100vh; width:50%; float:left;
	
}






.covid-box {position:absolute;; background:white; height:auto; padding-top:2vh; padding-right:3vw;  width:auto; right:0vw; margin-right:0; margin-right:2vw; margin-bottom:2vh; bottom:0; display:flex; align-items:center; justify-content:center; opacity: 1; transition:opacity 1s; z-index:2000; height:auto;}

.covid-box.is-active {opacity:0;}

.covid-box h6 {margin-left:3vw; margin-bottom:2vh;}









.infoarea-2 {		
	  		
	
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    will-change: transform;
    -webkit-transition: -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
     transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
}

.infoarea-2.inactive {
	
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

}



.grid-2 	{ width:100%; transition: none !important; display:flex; flex-wrap: wrap;}
.grid-item-2 {min-width:100vw; height:auto;}

.grid-item--width2 {  
  
  width:100%;	
  overflow: hidden;	
  float: left;
  height: 300px;
  object-fit:cover;

}

.grid-item--width3 {  
  
  width:50%;	
  overflow: hidden;	
  float: left;
  height: auto !important;
  object-fit:cover;}


.grid-item--width4 {  
  
  width:100%;	
  overflow: hidden;	
  float: left;
  height: 700px !important;
  object-fit:cover;}

.grid-item--height2 { 
 	
  overflow: hidden;	
  float: left;
  height: 600px;
  object-fit:cover; }








.element-item 	{ width:50%;}
.element-item-2 { width:100%;}
.articlz 		{ z-index:0;}	




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



.imgbox {
   display: grid;
   height: auto;
  }

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


.button_container {
  position: absolute;
  right: 20px;
  height: 15px;
  width: 25px;
  display:flex; 	
  cursor: pointer;
  justify-content:flex-end;
  	
  z-index:500;	
  transition: opacity .25s ease;
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); 	
}

.button_container:hover {
  opacity: 1;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);

}
.button_container.active .middle {
  opacity: 0;

}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);

}

.button_container.isactive span {
	background: black !important;
}

.button_container span {
  background: black;
  border: none;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0 !important;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}



.mdbutton {
	
 background: black;
 border: none;
 width: 20px;
 z-index:500;	
 height:1px;
 transition: all .25s ease;
 cursor: pointer;
 border-bottom:none;	
}

.mdbutton.active {

   cursor: pointer;
  -webkit-transform: translateY(0px) translateX(0) rotate(90deg);
  transform: translateY(0px) translateX(0) rotate(90deg);
  background: black;
	
}




.menu-drop {
	
  position:relative;
  display:inline;	
 width: 100%;
 height: 0px;
  opacity: 0;
  left:0px;
  top:0vh;	
  background-color:white;	
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;

 


}

.menu-drop.open {
 	
  opacity: 1;
  top:4vh;
  padding-bottom:4vh;	
  display:inline;		
  height: auto;		
  background-color:white;
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;		 

}

.menu-drop h4 {

   opacity: 0;	
	
	
  -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);	

}

.menu-drop.open h4 {
 	
	opacity: 1;
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
 	transform: translateY(0);		
  	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
	

}


.menu-drop-2 {
	
  position:relative;
  display:inline;	
  width: 100%;
  height: 0px;
  opacity: 0;
  left:0px;
  top:0vh;	
  background-color:white;	
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;	
	
  transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);

}

.menu-drop-2.open {
 	
  opacity: 1;
  top:4vh;
  padding-bottom:4vh;	
  display:inline;		
  height: auto;		
  background-color:white;
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;		 
	

}


.menu-drop-2 .exi-menu {

   opacity: 0;	
	
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  will-change: transform;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);	
	


}

.menu-drop-2.open .exi-menu  {
 	
	opacity: 1;
	
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
 	transform: translateY(0);		
  	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
	

}




#m-open {display:inline;}
#m-open.active {display:none;}

#m-close {display:none;}
#m-close.active {display:inline;}

#m-open-2 {display:inline;}
#m-open-2.active {display:none;}

#m-close-2 {display:none;}
#m-close-2.active {display:inline;}



.carousel-container {width:100%; float:right; 
				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);	
	
}


.carousel {
  position:relative;
  background: none;
  top:0;
  left:0;
  height:100vh;	
  
	}

.carousel-cell {
  top:0vh;
  height:100vh;	
  width:100%;
  margin-right: 0px;
  background: none;
  counter-increment: carousel-cell;
  opacity:0;
  transition: opacity .5s ease-in-out;	
  display: flex; 
  justify-content: center;
  align-items: center;	
  		
}

.carousel-cell img {
  
	padding-bottom:0vh;
  		
}

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

.carousel-cell .caption {

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

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

.carousel-cell .caption-2 {

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

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


.carousel-2 {
  position:relative;
  top:0;	
  left: 0px;		
  background: none;
  width: 100vw;
  height:100vh;
  overflow:hidden;  
  background:black;	
 
}

.carousel-2-cell {
	
  top:0vh;
  height:100vh;	
  width:100vw;
  background: none;
  counter-increment: carousel-cell;
  opacity:0;
  transition: opacity .5s ease-in-out;	
  display:flex; 
  align-items:center;
  justify-content:center;	
  		
}

.carousel-2-cell img {
  opacity:.8; 
  height:auto;
	width:100vw;
	height:100vh;
	object-fit:cover;
}



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

.carousel-2-cell .caption {

	opacity:0;
	transition: all .5s;
  	-webkit-transition: all .5s;
  	-moz-transition: all .5s;
	-webkit-transition-delay: .5s;
            transition-delay: .5s;	
	z-index: 1000 !important; 
}

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

.AS-carousel-2 {position:absolute; top:0; left:0; width:100%; height:100vh; display:flex; align-items:center; justify-content:center;}


.carousel-3 {
  position:absolute;
  top:0;	
  left: 0px;	
  display:inline-block;		
  background: none;
  width: 100%;
  height:65vh;
  overflow:visible;
  	
 
}

.carousel-3-cell {
	
  opacity: 1;
  height:55vh;	
  width:49%;
  margin-right:2%;	
}

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

.carousel-3-cell .caption {

	opacity:1;
	
}

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



.carousel-4 {
  position:absolute;
  top:0;	
  left: 0px;	
  display:inline-block;		
  background: none;
  width: 100%;
  height:20vh;
  overflow:visible;
  	
 
}

.carousel-4-cell {
	
  opacity: 1;
  height:10vh;	
  width:25%;
  border-right: 1px solid #333;	
}

.carousel-4-cell.is-selected {
  opacity: 1;
}

.carousel-4-cell .caption {

	opacity:1;
	
}

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




.carousel-5 {
  position:relative;
  top:0;	
  left: 0px;		
  background: none;
  width: 100%;
  height:100vh;
  overflow:hidden;  
  background:white;	
 
}

.carousel-5-cell {
	
  top:0vh;
  height:95vh;	
  width:auto;
  margin-right:5vw;	
  margin-left:5vw;		
  background: none;
  opacity:1;
  transition: none;	
  display:flex; 
  align-items:center;
  justify-content:center;	
  		
}

.carousel-5-cell.is-selected {
  opacity: 1;
}

.carousel-5-cell.size-large {

 width:100%;
 	
}

.carousel-5-cell .caption {

	opacity:0;
	transition: opacity .5s;
  	-webkit-transition: opacity .5s;
  	-moz-transition: opacity .5s;
	-webkit-transition-delay: .5s;
            transition-delay: .5s;	
	z-index: 1000 !important; 
}

.carousel-5-cell.is-selected .caption {
 
	opacity:1;
}

.carousel-5-cell .caption-2 {
	
	opacity:0;
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity .6s ease;
	-webkit-transform: translateY(0);
   	-ms-transform: translateY(0);
   	transform: translateY(0);
	 	
}

.carousel-5-cell.is-selected .caption-2 {
 
	opacity:1;	
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity .6s ease;
	-webkit-transform: translateY(0);
   	-ms-transform: translateY(0);
   	transform: translateY(0);
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}


.carousel-5-large-vid {
	
	width:100vw; 
	height:100vw; 
	object-fit:cover;
	padding-bottom:10vh !important;
}

.carousel-5-large-vid-2 {
	
	width:100%; 
	height:100%; 
	padding-bottom:10vh !important;
}

.carousel-5-large-vid-3 {
	
	width:80vw; 
	height:80vw; 
	object-fit:cover;
	padding-bottom:10vh !important;
}


.carousel-5-large-vid-5 {
	
	width:80vw; 
	height:80vw; 
	object-fit:cover;
	padding-bottom:10vh !important;
}


.carousel-5-cell #home-details {
	
 padding-bottom:0vh;	
  		
}	

.AS-large-image {
	
	width:100vw;

}	

.progress-bar {
  position:fixed; 
  bottom:5vh; 
  left:0;
  height: 5px;
  width: 0;
  background: #111;
}





.masonry-layout {
	margin: 0;
	column-count: 3;
    padding-left: 0;
 	padding-right: 0;
  	column-gap: 6em;
  	-webkit-column-gap: 6em;
 
}

.masonry-layout__panel {
  break-inside: avoid;
  -webkit-column-break-inside: avoid; 
	padding-bottom:2.5vh;
  	
	
}

#title		  	{opacity:1}	
#title.hide	  	{opacity:0}	
#title-2	  	{opacity:1}
#title-2.hide 	{opacity:0}
#title-3		{opacity:1}
#title-3.hide 	{opacity:0}


.covid {font-size:1vw;}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index:-1;	 
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 188.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.vimeo-wrapper-2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index:-1;	 
   overflow: hidden;
}
.vimeo-wrapper-2 iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 188.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.vr_vidEmbed {
width:100vw; height:100%;
}	

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }

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


.embed-portrait {
   position: relative;
   top: 5vh;
   margin-top:15%;	
   left: 0;
   width: 100%;
   height: 70%;
   overflow: hidden;
}

.embed-portrait  iframe,
.embed-portrait  object,
.embed-portrait  embed {
   width: 100%;
   height: 100%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100%;
   min-width: 100vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);	
}


.VR-img {margin-top:10vh;}



.grid-item--width4 {  
  
  width:100vw !important;	
  padding:0;
  margin:0;
  float: left;
  height: 100% !important;
  object-fit:cover;

}

.vid-ex-contain {height:80vh; padding-top:5vh;}





.VR-nav {height:10vh; width: 100vw !important;
	overflow-x: scroll;
  	overflow-y: hidden;
  	white-space: nowrap;
	position:fixed; 
	bottom:0; 
	left:0; background:white; z-index:10000;
	display:flex; align-items:center;
	

  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}


.VR-nav.is-active {

  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}


.VR-story-nav {height:10vh; width: 100vw !important;
	overflow-x: scroll;
  	overflow-y: hidden;
  	white-space: nowrap;
	position:fixed; 
	bottom:0; 
	left:0; background:white; z-index:10000;
	display:flex; align-items:center;
	

  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}


.VR-story-nav.is-active {

  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}

	.story-main-1	   {font-size:3vw; line-height:3.5vw;}
	.story-intro	   {font-size:6vw; line-height:6vw;}
	.story-main	   	   {font-size:1.5vw; line-height:2vw;}
	.story-intro-container {width:60vw;}
	.story-main-container {width:60vw;}
	.story-intro-main {font-size:6vw; line-height:10vw;}
	.news-center   { text-align:center !important;}

	.half-img-story		{width:40%; height:auto;}



#home-details 	{position:absolute; bottom:2vh; left:2.5vw; z-index:100;}

	.carousel-5-cell.is-selected .caption-2 h2 {
	
		font-size:1vw; line-height:1.25vw; text-transform:none;

   }	


.full-height {height:90vh; width:auto;}
.height-container {width:100vw; height:90vh; display:flex; align-items:center; justify-content:center;	}	



.intro-half {height:40vh; display:flex; align-items:center; justify-content:center;}
.intro-name {margin-left:10vw !important; height:40vh; display:flex; align-items:center;}

.grid-item-vr 	{height:auto; width:50%; float:left;}
.grid-item-vr img {width:100%; height:30vh; object-fit:cover;}


.maindetails {position:absolute; bottom:1.5vh; left:5vw; z-index:3000 !important;}	






	
	
	.carousel-5-cell.is-selected .caption-2 h2 {
	
		font-size:1vw; line-height:1.25vw; text-transform:none;

    }	

	
	
	.news-container {float:left; position:relative; height:100vh; width:100vw; display:flex; align-items:center; justify-content:center;}

	.news-details   {height:10vh; position:absolute; left:0; bottom:0; width:100%; display:flex; align-items:center; justify-content:center;}
	




	.masonry-layout { column-count:2;}
	
	#cell-horizontal {display:inline; }
	#cell-vertical {display:none; }
	
	.element-exhibition {width:32.3%; padding-right:1%; float:left;}
	
	.sub_style {width:90vw; display: flex; justify-content:space-between;}
	.current_sub {width:49%; z-index:5; background-color:white;}
	#exhibition-current {padding-top:5vh; width:90%; padding-left:5%; float:left;}
	
	#exhibition-forthcoming {padding-top:5vh; width:45%; padding-left:2%; float:left;}
	
	#informationz   {width:40%; float:left;}
	
	#home-logo {width:100%; padding-top:0vh; height:100vh; flex-direction: column; justify-content: center; display: flex;}
	
	#some_other_div4 {display:none; z-index:500; background-color:none;}
	
	#some_other_div3 {padding-top:1.5vh; width: 90%; padding-left:5%; padding-right:5%; display:none; z-index:500; background-color:white;}
	
	#some_other_div2 {padding-top:1.5vh; width: 90%; padding-left:5%; padding-right:5%; display:none; z-index:500; background-color:white;}
	
	#some_other_div {display:none; z-index:500; background-color:white;}
	

	
	#rez-image 		  	{padding-bottom:15%}
	
	#bio-left			{ width:15%; float:left;}	
	#bio-right 			{ width:90%; padding-left:5%; float:left;}
	
	.home-d 			{padding-left:5%;}
	
	
	
	#CK-head 		  	{ position:absolute; top:7vh; padding-left:5%; float:left;}


	
	#head-buffer  	  	{display:block;}
	
	#main-head 		  	{width:100%;height:10vh; z-index:5; background-color:white;}
	#content-content 	{padding-left:5%; padding-right:5%; width:86%; padding-bottom:0%; display: table-cell; vertical-align: bottom;}
	#arbito-1 		  	{width:50%; float:left;} 
	#arbito-2 		  	{width:50%; float:left;} 
	
	#ex-img {height:100%; width: 100%; object-fit: cover; }
	
	#slide-img 			{min-height: 60vh; max-height:60vh;}
	.big-img 			{width:100vw; height:100vh; object-fit:cover;}
	
	
	.story-details 		{position:absolute; left:0; top:0; height:100vh; width:100%; display:flex; align-items:center !important; justify-content:center;}
	
	.story-details h4  {font-size:6vw; line-height:7vw;}
	
	.home-details 		{position:absolute; bottom:0; left:0; height:10vh; display:flex; align-items:flex-end; width:50vw; text-align:left; background:none; border-right:none;}
	
	.home-details h6		{margin-left:5vw; margin-bottom:3vh;}
	
	#home-details-2 	{position:absolute; transform: rotate(-90deg); width:50vh; height:50vh; text-align:left; bottom:2vh; right:-47vh;}

	
	#ex-hi {min-height:40vh; height:40vh; overflow-y:hidden;}
	#ex-hi-small {min-height:25vh; height:25vh; overflow-y:hidden;}
	#ex-lo {height:15vh; padding-top:5%; padding-bottom:5%;}
	
	.mainnav { position: fixed; display:flex; align-items:center; top: 0; left:0; width: 100%; z-index:25000; height:15vh; background:white; cursor:pointer; 
		
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1) }
	
	.mainnav.is-active { height:15vh; 
		
		
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1) }
	
	
     .mainnav.is-hidden { 
	-webkit-transform: translateY(-15vh);
  	-ms-transform: translateY(-15vh);
	transform: translateY(-15vh);}
	
	

	.element-item 	{ width:50%; float:left;}
	.element-item-2 { width:100%; padding:0; float:left;}
	
	
	
	.button  		{ font-weight:400; font-size:16px; line-height:16px;}
	.button-cat 	{ font-weight:400; font-size:16px; line-height:16px;}
	.button-con 	{ font-weight:400; font-size:16px; line-height:16px;}





/*FLICKITY*/



.flickermain2 {position:relative; height: 100vh; left:0; top:0; width:100vw; background:white;}


.flickslide2 {
  position:relative;
  width: 100vw;
  text-align: left;
  height: 100vh;
  display:flex;
  margin-right:0;	
  justify-content:center;
  align-items:center;  
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.flickslide2.is-selected  {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}


.flicklist2 {
  margin-left:2.5vw;
  margin-right:2.5vw;		
}

.flickity-button{
  opacity:0 !important;
  height:100%;
  	
}

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

.flickity-prev-next-button {
  top: 50% !important;
  width: 10vw  !important;
  border-radius:0  !important;
  height: 100%  !important;
  transform: translateY(-50%)  !important;
  opacity:0  !important;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  top: 20;
  width: 10vw;
  height: 100vw;
}

.flickity-page-dots { 
 
 transform:translateZ(0) !important;
  position: absolute;
  width:100% !important;
  bottom: 2.5vh  !important;
  padding: 0;
  margin: 0;
  margin-right: 0 !important;	
  list-style: none;
  text-align: center !important;
}

.flickity-page-dots .dot {
  display: inline-block;
  width:7px !important;
  height:7px !important;
  margin: 0 7px !important;
  border-radius: 50%;
  opacity: 0.35  !important;
  background:black !important;		
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1 !important;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);	
}

.flickermain2 .flickity-page-dots {
	 text-align: center !important;
	 bottom:-5vw
}



.imgwide {height:100vh; width:100vw; object-fit:cover; position:absolute; top:0; left:0;}
.imgtrim {height:100vh; width:70vw; object-fit:cover;}
.imgcrop {height:70vh; width:70vw; margin-left:15vw; margin-right:15vw; object-fit:contain; border:none !important;}



.democontain {
	position:relative;
	height:100vh;
	width:100vw;
	float:left;
	top:0;
	left:0;
	z-index:1 !important;
	
	
}

.democontain2 {
	position:relative;
	height:100vh;
	width:100vw;
	float:left;
	top:0;
	left:0;
	z-index:1 !important;
	
	
}

.quotes2    	  { position: absolute; left:5vw; bottom:2.5vh; width: 60vw;}
.captioncontain  {  position:absolute; bottom:2.5vh; right:5vw; z-index:1000 !important; }
.captioncontain2  {  position:absolute; bottom:2.5vh; left:5vw; z-index:1000 !important; }


.nav-wrap {
  width: 100%;
  margin: 0;
}

.acnav {
  width: 100%;
}
.acnav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.acnav__list--level1 {
  border: none;
}


.acnav__link, .acnav__label {
  display: block;
  position:relative;	
  justify-content:space-between;	
  padding-top: 4vh;
  padding-bottom: 4vh;
  margin: 0;
  width:100%;
  cursor: pointer;
  border-top:1px solid #111;			
}

.acnav__label .rotator {position: absolute; right:2.5vw; bottom: 4vh;}

.acnav__link--level2, .acnav__label--level2 {

}

.acnav__link--level3, .acnav__label--level3 {
}

.atext { 
  padding-top: 2.5vh; padding-bottom: 5vh;} 

.acnav__link--level4, .acnav__label--level4 {
  padding-left: 15vw;
}

.acnav__list--level2, .acnav__list--level3, .acnav__list--level4 {
  display: none;
  
}

.is-open > .acnav__list--level2, .is-open > .acnav__list--level3, .is-open > .acnav__list--level4 {
  display: block;

}

.overlay {display:none;}

.pagefade {position:fixed; display:flex; align-items: center; justify-content:center; left:0; top:0; height:100vh; width:100vw; background:white; z-index:10000; cursor:pointer;}

.image-content { 
  height: 100vh;
  width: 100vw;
  overflow-y: scroll;}

.captioner {width:90vw; height:100%; position:absolute; display:flex; align-items: flex-end; left:0; top:0; opacity:1;}
.captionstick {position:sticky; bottom:0; padding:2vh;}
.imgcontainer {position:relative; display:flex; flex-wrap:wrap; width:100vw; justify-content:center; padding-top:10vh; background:white;}

.line-1 {
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  max-width: 100vw;
  height: 2px;
  margin: 0;
  padding:0;
  display: inline-block;
  background-color: black;
  z-index:1000;
}






	.half-detail {position:relative; margin-top:5vh;  margin-bottom:5vh; width:50vw !important; height:auto !important; object-fit:contain !important; float:left;}
	.half-image {position:relative; width:50vw; margin-top:5vh; margin-bottom:5vh; float:left; display:flex; justify-content:center; flex-wrap:wrap;}
	.half-description {position:relative; width:40vw; float:left;  margin-top:5vh;  padding-bottom:2.5vh; margin-left:5vw; margin-right:5vw;}




.main-block {display:flex; justify-content:space-evenly; flex-wrap:wrap; flex-direction:row; align-items:flex-start;}



























@media only screen and (max-width: 800px) {
	
h1				{ font-weight:400; font-size:3.75vw; line-height:4.5vw; }
h2				{ font-weight:400; font-size:3.75vw; line-height:4.5vw; }
h3				{ font-weight:400; font-size:3.75vw; line-height:4.5vw; }
h4				{ font-weight:400; font-size:3.75vw; line-height:4.5vw; }

	
.vr-header		{ text-align:center !important; font-weight:400; font-size:3vw; line-height:4vw;  }
.vr-text 		{ font-size:3vw; line-height:4vw; }
.vr-small 		{ font-size:3vw; line-height:4vw; }	
.vr-texted		{ font-size:3vw; line-height:4vw; margin-left:5vw; margin-right:5vw; }	
.vr-intro 		{margin-left:0vw; width:100vw; height:auto; margin-top:10vh; margin-bottom:10vh;}	
	
.standardtype 	{ font-weight:400; font-size:3.75vw; line-height:4.5vw; }	
	
	.half-detail {position:relative; margin-top:0;  padding:0;  margin-bottom:0; width:100vw !important; height:auto !important; object-fit:cover; float:left;}
	.half-image {padding:0vh; margin-top:0vh; margin-bottom:0vh; position:relative; width:100vw; float:left;}
	.half-description {position:relative; width:100vw; float:left; padding-top:2.5vh; padding-bottom:2.5vh; margin-left:0; margin-right:0;}	
	
	.intro-half {width:100vw; height:auto; display:flex; align-items:center; justify-content:center;}
.intro-name {margin-left:0vw !important; height:auto; margin-top:15vh; margin-bottom:15vh; display:flex; align-items:center; justify-content:center;}
	

.grid {width:90vw; margin-left:5vw; margin-top:10vh; display:flex; justify-content:space-between; flex-wrap: wrap;}
.grid-item {width:100%; margin-bottom:4vh; }
.grid-item img {width:100%; height:35vh; margin-bottom:2vh; object-fit:cover;}
.grid-item a {border:none !important}	
	

.top-item {width:90vw; margin-bottom:5vh; }
.top-item img {width:100%; height:35vh; margin-bottom:2vh; object-fit:cover;}
	
.captionstyle {font-size:3vw; line-height:3.15vw;}	
.pagefade {height:95vh; width:100vw;}
	
	
	.overlay {
	display:inline;	
  position: fixed;
  top:0;	 
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
  z-index:50 !important;
  background-color:white;		
  overflow-y: scroll; 
  -webkit-overflow-scrolling: touch;	
 
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  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);	
	
}
	
	
.overlay.open {
  opacity: 1;
  background-color:white;
  overflow-y: scroll; 
  height: 100vh;
  -webkit-overflow-scrolling: touch;	
  
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);		
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);

}


.overlay nav {
  position: absolute;
  padding-top: 6vh;
  padding-left:5%;
  padding-right:5%;	
  opacity: 0;
  width:90%;	
  font-size: 25px;
  line-height: 25px;
  font-weight: 400;
  text-align: left;
  z-index: 50;
  background-color:white;	
  -webkit-transition: all 1s;
  -moz-transition: all 1s ;	
  transition: all 1s; 

}

.overlay.open nav {
 
opacity: 1;
	
 
}

	.imgwide {height:90vh; width:100vw; object-fit:cover; position:absolute; top:0; left:0;}
	.imgcrop {height:100vh; width:90vw; margin-left:5vw; margin-right:5vw; object-fit:contain; border:none !important;}
	
	.democontain  { height:100vh; }
	.democontain2  { height:100vh; }
	.flickermain2 { height:100vh; }
	.flickslide2  { height:90vh; }

	
	
	
	.quotes2    	  { bottom:2.5vh; left:5vw;}
    .captioncontain  {  position:absolute; bottom:12.5vh; right:5vw; z-index:1000 !important; }
    .captioncontain2 {  position:absolute; bottom:12.5vh; left:5vw; z-index:1000 !important; }
	
	
	
	.navlist 			{display:none;}
	.navlist-2 			{display:inline; width:40%; position:absolute; top:3.25vh; margin-right:.5vw; float:right; right:0px;}
	
	.button_container {z-index:100001;}
	
	
	.maindetails {width:100vw; position:absolute; bottom:15vh; left:0vw; z-index:3000 !important;}
	.maindetails h4 {text-align:center !important;}

	
	
	.grid-item-vr 	{height:auto; width:100%; float:left;}
	.grid-item-vr img {width:100%; height:50vh; object-fit:cover;}
	
.embed-portrait {
   position: relative;
   top: 5vh;
   margin-top:0;	
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}	
	
	
.embed-portrait  iframe,
.embed-portrait  object,
.embed-portrait  embed {
   width: 100%;
   height: 100%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100%;
   min-width: 200vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);	
}	
	




.full-height {max-width:100vw; height:auto;}
.height-container {width:100vw; height:70vh; display:flex; align-items:center; justify-content:center;	}	

	
	.carousel-5-cell.is-selected .caption-2 h2 {
 	

   }	
		
	.AS-large-image { width:100vw; }	
	
	
	.story-details 		{position:absolute; left:0; top:0; height:75vh; width:100%; display:flex; align-items:center !important; justify-content:center;}
	
	.half-img-story		{width:75%; height:auto;}
						
	.story-details h4  {font-size:6vw; line-height:7vw}
	.story-intro-main {font-size:8vw; line-height:8vw;}
	.story-intro	   {font-size:8vw; line-height:8.5vw;}
	.story-main-1	   {font-size:6vw; line-height:7vw;}
	.story-main	   	   {font-size:3vw; line-height:3.75vw; }
	.story-intro-container {width:80vw; padding-bottom:10vh;}
	.story-main-container {width:80vw; padding-bottom:10vh;}
	.story-intro-container h2 {line-height:0;}
	
	.news-center   { margin-left:15vw; margin-right:15vw; text-align:center !important;}
	.news-details   {height:10vh; position:absolute; left:0; bottom:0; width:100%; display:flex; align-items:center; justify-content:center;}
	.news-container {float:left; position:relative; height:75vh; width:100vw; display:flex; align-items:center; justify-content:center;}	
	
	
 .carousel-2			{ height:75vh; }	
 .carousel-2-cell 	  	{ height:75vh; }
 .AS-carousel-2			{ height:75vh; }
	
 .carousel-2-cell img 	{ height:75vh; width:100vw; object-fit:cover; }	
	
 .carousel-3 		{ height:55vh; }	
 .carousel-3-cell 	{ height:49vh; width:100%;  }
	
	
.carousel-5 {
  position:relative;
  top:0;	
  left: 0px;		
  background: none;
  width: 100%;
  height:100vh;
  overflow:hidden;  
  background:white;	
 
}

.carousel-5-cell {
	
  top:0vh;
  height:90vh;	
  width:auto;
  margin-right:25vw;
  margin-left:25vw;		
  background: none;
  counter-increment: carousel-cell;
  opacity:1;
  transition: none;	
  display:flex; 
  align-items:center;
  justify-content:center;
  padding-bottom:10vh;
  		
}
	
.carousel-5-cell .large-img {
	
	width:100vw; 
	height:100vh; 
	object-fit:cover;
	padding-bottom:10vh !important;
	z-index:-1 !important;
}	
	
	
.carousel-5-cell img {
	
 padding-bottom:0;	
  		
}	
	
.carousel-5-cell h4 {
	
 padding-bottom:5vh;	
  		
}	
	
.carousel-5-cell #home-details {
	
 padding-bottom:20vh;	
  		
}		
	
	
	

.carousel-5-cell.is-selected {
  opacity: 1;
}

.carousel-5-cell .caption {

	opacity:0;
	transition: opacity .5s;
  	-webkit-transition: opacity  .5s;
  	-moz-transition: opacity  .5s;
	-webkit-transition-delay: .5s;
            transition-delay: .5s;	
	z-index: 1000 !important; 
}

.carousel-5-cell.is-selected .caption {
 
	opacity:1;
}	
	
	
	
.carousel-5-large-vid-5 {
	
	width:125vw; 
	height:125vw; 
	object-fit:cover;
	padding-bottom:17vh !important;
}	


		
	
.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 75vh;
   z-index: -1;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.vid-ex-contain {height:225px; padding-top:5vh;}

.grid-item--width4 {  
  
  width:100vw !important;	
  padding:0;
  margin:0;
  float: left;
  height: 225px !important;
  object-fit:cover;

}	
	
.VR-nav {height:10vh; width:100%; display:flex; align-items:center; padding-top:0; padding-bottom:0; position:fixed; bottom:14vh; left:0; background:white; z-index:10000; overflow-x:scroll;
	
  -webkit-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}


.VR-nav.is-active {

  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}
	
	
.VR-story-nav {height:10vh; width:100%; display:flex; align-items:center; padding-top:0; padding-bottom:0; position:fixed; bottom:0vh; left:0; background:white; z-index:10000; overflow-x:scroll;
	
  -webkit-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}


.VR-story-nav.is-active {

  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);	

}	
	
	
.VR-img {margin-top:25vh;}
	
.log-in-box {
	
	z-index:-1;
	background:white; 
	position:fixed; 
	left:0; 
	top:0; 
	height:80vh; 
	width:90vw; 
	opacity:0;
	padding-top:20vh; 
	padding-left:5vw; 		
	padding-right:5%;
	-webkit-transform: translateY(-5vh);
  	-ms-transform: translateY(-5vh);
	transform: translateY(-5vh);
  	will-change: transform;
  	-webkit-transition: opacity .4s ease, -webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: opacity .4s ease, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1); 
		
}


.register-box {
	
	z-index:-1;
	background:white; 
	position:fixed; 
	left:0; 
	top:0; 
	height:80vh; 
	width:90vw; 
	opacity:0;
	padding-top:20vh; 
	padding-left:5vw; 		
	padding-right:5%;
	-webkit-transform: translateY(-5vh);
  	-ms-transform: translateY(-5vh);
	transform: translateY(-5vh);
  	will-change: transform;
  	-webkit-transition: opacity .4s ease, -webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: opacity .4s ease, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1); 
		
}

	
.welcome-box {
	
	height:30vh; padding-bottom:5vh;  width:90vw; float:left; padding-top:20vh; padding-left:5vw; padding-right:5vw;
	
}
	
	
.welcome-box.is-active {
	
	height:30vh; padding-bottom:5vh;  width:90vw; float:left; padding-top:20vh; padding-left:5vw; padding-right:5vw;
	
}	
	


.slide-box {
	
	height:100vh; width:100vw; float:left;
	
}
	
	
	

.covid-box {border-top:1px solid #111; position:absolute; padding-top:0vh; padding-right:0; background:white; height:15vh; width:100vw; left:0; margin-left:0; margin-right:0; margin-bottom:0vh; bottom:0vh; opacity: 1; transition:opacity 1s; z-index:2000; box-shadow: none; display:flex; align-items:center !important; justify-content:center;}
		
.covid-box.is-active {opacity:0;}

.covid-box h6 {text-align:center; margin-left:0; margin-bottom:0;}	
	
	
.push-2.is-active{
 
   -webkit-transform: translateY(14vh);
   -ms-transform: translateY(14vh);
   transform: translateY(14vh);
   -webkit-transition: -webkit-transform .7s  cubic-bezier(0.23, 1, 0.32, 1);
   transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1)

	
}	
	
.covid {font-size:3vw; line-height:3.5vw;}	
	


	
	
	.masonry-layout { column-count:1;}
	
	.a-slide { height:1px;}

	a:hover			{border-bottom:none;}

 .carousel			{ height:85vh; }	
 .carousel-cell 	{ height:85vh; }
	
 .carousel-cell img { padding-bottom:0 !important; }
	
 
	
	.carousel-4		 { height:25vh; }
	.carousel-4-cell {	height:15vh; width:33.3%; }
	
	#cell-horizontal {display:inline;}
	#cell-vertical {display:none;}
	
	.sub_style {width:90vw; display: flex; justify-content:center; flex-direction:column;}
	.current_sub {width:100%; z-index:5; background-color:white;} 
	
	#exhibition-current 	{padding-top:5vh; width:90%; padding-left:5%; float:left;}
	#exhibition-forthcoming {padding-top:5vh; width:90%; padding-left:5%; float:left;}
	
	.element-exhibition {width:100%;}
	
	#slide-img 			{min-height: 40vh; max-height:40vh;}
	.big-img 			{width:100vw; height:85vh; object-fit:cover;}
	
	.home-details 		{position:absolute; left:0; bottom:15vh; height:15vh; display:flex; align-items:center !important; width:90vw; margin-left:5vw; text-align:center; justify-content:center;}
	
	.home-details h6 	{text-align:center; margin-left:0; margin-bottom:0;}
	
	#home-details-2 	{display:none;}
	
	
	#CK-head  {position:absolute; top:5vh; padding-left:5%; float:left;}
	
	#informationz   {width:90%; float:left;}
	
	

	#some_other_div4 {display:none; z-index:500; background-color:none;}
	
	#some_other_div3 {padding-top:2vh; width: 90%; padding-left:5%; padding-right:5%; display:none; z-index:500; background-color:white;}
	
	#some_other_div2 {padding-top:2vh; width: 90%; padding-left:5%; padding-right:5%; display:none; z-index:500; background-color:white;}
	
	#some_other_div {display:none; z-index:500; background-color:white;}
	
	#home-logo {width:100%; padding-top:0vh; height:90vh; flex-direction: column; justify-content: center; display: flex;}
	
	
	#rez-image {padding-bottom:1%}
	#arbito-1 	{width:100%; float:left;}	
	#arbito-2 	{width:100%; float:left;}	
	#bio-left 	{width:100%; float:left;}	
	#bio-right 	{width:90%; padding-left:5%; padding-right:5%; float:left;}	

	#main-head 	{width:100%;height:10vh; z-index:5; background-color:white;}
	
	.home-d 	 {padding-left:7%; padding-right:7%;}
	
	
	#head-buffer {display:none;}
	#content-content {padding-top:0vh; width:80%; padding-left:5%; padding-right:10%; padding-bottom:0; display: table-cell; vertical-align: middle;}
	
	
	#ex-img {height:100%; width: 100%; object-fit: cover; }
	#ex-hi {min-height:35vh; height:35vh; overflow-y:hidden;}
	#ex-lo {height:auto; padding-top:5%; padding-bottom:5%;}
	
	.mainnav { position: fixed; top: 0; left:0; width: 100%; z-index:25000; height:13vh; background:white; cursor:pointer; 
		
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1) }
	
	.mainnav.is-active { height:13vh; 
		
		
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1) }
	
	
     .mainnav.is-hidden { 
	-webkit-transform: translateY(-13vh);
  	-ms-transform: translateY(-13vh);
	transform: translateY(-13vh);}
	
	
	
	
	.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;}
	
	.button  		{ 	color:#333; font-weight:normal; text-transform:uppercase; font-size:24px; line-height:24px; text-align:left; 
					padding: 0! important; border:none; background-color: none; cursor: pointer; background: none; width:100%; }
	.button-cat 	{ 	color:#333; font-weight:normal; text-transform:uppercase; font-size:24px; line-height:24px; text-align:left; 
					padding: 0! important; border:none; background-color: none; cursor: pointer; background: none; }
	.button-con 	{ 	color:#333; font-weight:normal; text-transform:uppercase; font-size:24px; line-height:24px; text-align:left; 
					padding: 0! important; border:none; background-color: none; cursor: pointer; background: none; }
	
	
	#foo 			{ display: none; position:relative; width:100%; left:0px; z-index:10; }
	
	
	.element-item 	{ width:100%;}
	.element-item-2 { width:100%;}
	
	
	div.wpforms-container-full .wpforms-form { overflow:hidden !important; padding:0 !important; width:100% !important; 
  
}

.wpforms-field { padding:0 !important;
overflow:hidden !important; 
height:10vh !important; align-items:center; display:flex; 
border-bottom:1px solid rgba(0,0,0,.5)  !important;	
 
}

.wpforms-form label{
 color:#ccc;
 margin-left:1vh !important;
 margin-top:1vh !important; 	
 font-weight:normal !important;	
 font-size:5vw !important;	
 line-height:6.5vw !important;
 padding-top:0vh !important;	

}


.wpforms-form input {
 background-color:transparent !important;
  font-family: 'Romain'; 
  color:#111 !important;
 font-size:5vw !important;	
 line-height:6.5vw !important;
  padding-left:0 !important; 
  padding-top:1vh !important;
  height:auto !important;	
  border:none!important;		
  		
	
}

.wpforms-form textarea {
  font-family: 'Romain'; 
  color:#111 !important;
 font-size:5vw !important;	
 line-height:6.5vw !important;
  left:0!important;
  padding-left:4vh !important;	
  margin-top:20vh!important;	
  border:none!important;
  background-color:transparent !important;
  border-bottom:none;  
 
}


.wpforms-container input::placeholder {
color:#ccc;
 font-size:5vw !important;	
 line-height:6.5vw !important;
font-family: 'Romain';
}

.wpforms-field-description{
       font-family: 'Romain'; 
  		color:#111 !important;
   font-size:5vw !important;	
 line-height:6.5vw !important;
		margin-left:1vh !important;
}


.wpforms-payment-total{
       font-family: 'Romain'; 
  	    height:10vh !important;	
		display:flex;
		align-items:center;
 
}

.wpforms-form button{
 height:auto !important;
 padding:0 !important;
 padding-right:1vh !important;	
 padding-top:1vh !important;		
 width:auto !important;	
 float:right!important;	
 background-color:transparent !important;
}

button.wpforms-submit{
  
  font-family: 'Romain'; 	
  color:#111 !important;
 font-size:5vw !important;	
 line-height:6.5vw !important;
  text-align:right!important;	
  padding-top:2vh !important;	
  background-color:transparent !important;	
  border:none !important;
  padding-right:0 !important;	
  width:100%!important;	


}

button.wpforms-submit:hover{
 color:#111 !important;
 background-color:none !important;
}

 div.wpforms-container-full .wpforms-form .wpforms-error-container {
	font-family: 'Romain' !important; 
   border:none !important;
   background-color: none !important;
   font-size:5vw !important;	
   line-height:6.5vw !important;
   padding: 1vh !important;  
   color:#fcfcfc !important;
	font-weight:300 !important; 
	 margin-left:3vh !important;	
}	



div.wpforms-confirmation-container-full {
	color: inherit;
	margin: 0;
	background: none;
	border: none;
	top:0;
	padding:0;
}

div.wpforms-confirmation-container-full p:last-of-type {
	margin: inherit;
	padding:1vh;
}

	
}





@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 


	.half-img-story		{width:60%; height:auto;}
	
	.full-height 		{max-width:100vw; height:auto;}		
	.height-container   {width:100vw; height:70vh; display:flex; align-items:center; justify-content:center;	}	
	
	.carousel-5-cell #home-details {padding-bottom:10vh;}
	
	.carousel-5-cell.is-selected .caption-2 h2 {
	
		font-size:2vw; line-height:2.25vw; text-transform:none;
		
    }	
	
	
.carousel-5-cell {
	
  top:0vh;
  height:90vh;	
  width:auto;
  margin-right:25vw !important;
  margin-left:25vw !important;		
  background: none;
  counter-increment: carousel-cell;
  opacity:1;
  transition: none;	
  display:flex; 
  align-items:center;
  justify-content:center;
  padding-bottom:10vh;
  		
}
	
	
.carousel-5-large-vid-5 {
	
	width:125vw; 
	height:125vw; 
	object-fit:cover;
	padding-bottom:17vh !important;
}	


	
	.news-container {float:left; position:relative; height:100vh; width:100vw; display:flex; align-items:center; justify-content:center;}

	.news-details   {height:10vh; position:absolute; left:0; bottom:0; width:100%; display:flex; align-items:flex-start; justify-content:flex-start;}
	
	.half-image {position:relative; width:50vw; float:left;}
	.half-description {position:relative; width:40vw; float:left; padding-top:2.5vh; padding-bottom:2.5vh; margin-left:5vw; margin-right:5vw;}
	
	.masonry-layout { column-count:2;}
	
	#cell-horizontal {display:inline; }
	#cell-vertical {display:none; }
	
	.element-exhibition {width:32.3%; padding-right:1%; float:left;}
	
	#exhibition-current {padding-top:5vh; width:43%; padding-left:5%; float:left;}
	#exhibition-forthcoming {padding-top:5vh; width:45%; padding-left:2%; float:left;}
	
	#informationz   {width:40%; float:left;}
	
	#home-logo {width:100%; padding-top:0vh; height:100vh; flex-direction: column; justify-content: center; display: flex;}
	
	#some_other_div4 {display:none; z-index:500; background-color:none;}
	
	#some_other_div3 {padding-top:1.5vh; width: 90%; padding-left:5%; padding-right:5%; display:none; z-index:500; background-color:white;}
	
	#some_other_div2 {padding-top:1.5vh; width: 90%; padding-left:5%; padding-right:5%; display:none; z-index:500; background-color:white;}
	
	#some_other_div {display:none; z-index:500; background-color:white;}
	


	.button_container 	{display:none;}
	
	#rez-image 		  	{padding-bottom:15%}
	
	#bio-left			{ width:15%; float:left;}	
	#bio-right 			{ width:90%; padding-left:5%; float:left;}
	
	.home-d 			{padding-left:5%;}
	
	
	
	#CK-head 		  	{ position:absolute; top:7vh; padding-left:5%; float:left;}

	
	#head-buffer  	  	{display:block;}
	
	#main-head 		  	{width:100%;height:10vh; z-index:5; background-color:white;}
	#content-content 	{padding-left:5%; padding-right:5%; width:86%; padding-bottom:0%; display: table-cell; vertical-align: bottom;}
	#arbito-1 		  	{width:50%; float:left;} 
	#arbito-2 		  	{width:50%; float:left;} 
	
	#ex-img {height:100%; width: 100%; object-fit: cover; }
	
	#slide-img 			{min-height: 60vh; max-height:60vh;}
	.big-img 			{width:100%; height:100vh; object-fit:cover;}
	
	
	.story-details 		{position:absolute; left:0; top:0; height:100vh; width:100%; display:flex; align-items:center !important; justify-content:center;}
	
	.story-details h4  {font-size:6vw; line-height:7vw;}
	
	.home-details 		{position:absolute; bottom:0; left:0; height:10vh; display:flex; align-items:flex-end; width:50vw; text-align:left; background:none; border-right:none;}
	
	.home-details h6		{margin-left:5vw; margin-bottom:3vh;}
	
	#home-details-2 	{position:absolute; transform: rotate(-90deg); width:50vh; height:50vh; text-align:left; bottom:2vh; right:-47vh;}

	
	#ex-hi {min-height:40vh; height:40vh; overflow-y:hidden;}
	#ex-hi-small {min-height:25vh; height:25vh; overflow-y:hidden;}
	#ex-lo {height:15vh; padding-top:5%; padding-bottom:5%;}
	
	.mainnav { position: fixed; display:flex; align-items:center; top: 0; left:0; width: 100%; z-index:25000; height:15vh; background:white; cursor:pointer; 
		
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1) }
	
	.mainnav.is-active { height:15vh; 
		
		
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1) }
	
	
     .mainnav.is-hidden { 
	-webkit-transform: translateY(-15vh);
  	-ms-transform: translateY(-15vh);
	transform: translateY(-15vh);}
	
	

	.element-item 	{ width:50%; float:left;}
	.element-item-2 { width:100%; padding:0; float:left;}
	
	h1				{ font-weight:normal;  font-size:16px; line-height:21px; text-align:left;}
	h3				{ font-weight:normal; font-size:25px; line-height:30px; text-align:left;}
	h4				{ font-weight:400; font-size:1.5vw; line-height:2vw;}
	h5				{ font-weight:normal; font-size:5vw; line-height:5.5vw; text-align:left; letter-spacing:0px;}
	
	h6				{ font-weight:400; font-size:1.5vw; line-height:2vw;}
	
	
	h2				{ font-weight:400; font-size:1.2vw; line-height:1.5vw; letter-spacing:.5px;}
	h9				{ font-weight:400; font-size:1.2vw; line-height:1.5vw; letter-spacing:.5px;}
	
	.button  		{ font-weight:400; font-size:16px; line-height:16px;}
	.button-cat 	{ font-weight:400; font-size:16px; line-height:16px;}
	.button-con 	{ font-weight:400; font-size:16px; line-height:16px;}
	
	

}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	
	
.half-img-story		{width:25%; height:auto;}	
	
.full-height {max-width:100vw; height:auto;}
.height-container {width:100vw; height:70vh; display:flex; align-items:center; justify-content:center;	}	

.embed-container {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
   width: 100%;
   height: 100%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 120%;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);	
}
	
	
	.grid-item--width4 {  
  
  width:100vw !important;	
  padding:0;
  margin:0;
  float: left;
  height: 120vh !important;
  object-fit:cover;

}

.vid-ex-contain {width:100vw; height:120vh; padding-top:5vh;}


	
	#home-logo { height:100vh;}
	#ex-img {height:100%; width: 100%; object-fit: cover; }
	#ex-hi {min-height:80vh; height:80vh; overflow-y:hidden;}
	#ex-lo {height:20vh; padding-left:2%}
	
	h1				{ font-weight:normal; font-size:12px; line-height:17px; text-align:left;}
	h4				{ font-size:15px; line-height:20px; text-align:left;}
	h2				{ font-size:12px; line-height:17px; text-align:left;}
	h3				{ font-weight:400; text-transform:uppercase; font-size:12px; line-height:17px; text-align:left;}
	h9				{ font-size:12px; line-height:17px; text-align:left;}
	.center-fit 		{ min-width: 100%; max-height: 300vh;}
	.mainnav 		{  height:20vh;}
	.mainnav.inactive {
     	 				-webkit-transform: translate3d(0, -30vh, 0);
      				  	-moz-transform: translate3d(0, -30vh, 0);
      				  	-ms-transform: translate3d(0, -30vh, 0);
     				   	-o-transform: translate3d(0, -30vh, 0);
       				  	transform: translate3d(0, -30vh, 0);}
	
	.mainnav.is-hidden { 
	-webkit-transform: translateY(-100%);
  	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	}
	
	.element-item 	{ width:50%; float:left;}
}



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