@charset "UTF-8";
@font-face{font-family:'Socicon';src: url('../fonts/socicon-webfont.woff2?87visu') format('woff2'),
    url('../fonts/socicon-webfont.woff?87visu') format('woff'); font-weight:normal; font-style:normal;}
/* CSS Document */
*:focus {outline:none;}
*:focus,a:hover,a:active,a {outline:none !important;}
table {border-spacing:0;}
legend {width:315px}
h2 {}
a {}
img {border:0;margin:0;padding:0;}
a,
a:link, a h2, a h2:link {color:#151515;-moz-transition:border-color 0.35s ease-in-out,color 0.35s ease-in-out;-webkit-transition:border-color 0.35s ease-in-out,color 0.35s ease-in-out;-ms-transition:border-color 0.35s ease-in-out,color 0.35s ease-in-out;transition:border-color 0.35s ease-in-out,color 0.35s ease-in-out;text-decoration:none;}
a:focus, a:active, a h2:focus, a h2:active {color:darkgray !important;text-decoration:none;}
body,html {
 --widthA:calc(var(--widthE) - 1.5rem);
 --widthB:calc(.05rem + 100vw);
 --widthC:calc(1rem + 0.5vw);
 --widthD:calc(2rem + 1.5vw);
 --widthE:100vw;
 --widthF:calc(var(--widthE) / 2);
 --widthG:calc(var(--widthF) * 2);
 --widthH:calc(var(--widthE) * 2);
 --widthI:calc(var(--widthF) / 2);
 --widthK:calc(var(--widthI) * 5);
 --widthL:calc(var(--widthK) + 2rem);
 --widthM:calc(var(--widthB) - 10rem);
 --widthN:95vw;
 --widthO:100vh;
 --widthP:calc(var(--widthE) - 4.5rem);
 --widthQ:calc(var(--widthP) / 3);
 --widthR:calc(var(--widthQ) * 1.166);
 --widthS:calc(var(--widthF) - 1.5rem);
 --widthT:calc(var(--widthS) * 1.166);
 --widthU:calc(var(--widthE) - 75rem);
 --widthV:calc(var(--widthU) / 2);
 --widthW:calc((var(--widthF) * 1.6));
 --widthX:calc(var(--widthW) + 5.5rem);
 --widthY:calc(var(--widthI) - 2.1rem);
 --widthZ:calc((var(--widthX) / 8) + 5rem);
 --widthAA:calc(var(--widthO) - 45rem);
 --widthAB:calc(var(--widthAA) / 2);
 --widthAC:calc(var(--widthAB) / 2);
 --widthAD:calc(2vw - 1rem);
 --widthAE:calc(var(--widthD) + 0.5rem);
 --widthAF:calc(var(--widthC) + 0.5rem);
 --largeurB:calc(var(--widthE) / 2);
 --largeurC:calc(var(--largeurB) * 2);
 --largeurD:calc(var(--largeurB) / 60);
 --largeurE:calc(var(--largeurB) * 3);
 --largeurF:calc(var(--largeurB) * 1.94);
 --largeurG:.01rem;
 --largeurH:calc(90vw - var(--widthAB));
 --largeurI:calc(90vw - 3rem);
 --largeurJ:calc(90vw - 6rem);
 position:relative;
 left:var(--largeurG);
 top:var(--largeurG);
 right:var(--largeurD);
 --bfontD:calc(0.5rem + 1.5vw);
 --activity-color:rgba(0,0,0,0.6);
 --activity-color2:rgba(256,256,0,0.6);
 --activity-color3:rgba(32,32,32,0.7);
 --i-color:rgba(255,255,255,0.3);
 --i-color-I:rgba(255,25,241,0.3);
 --i-color-F:rgba(55,255,0,0.3);
 --i-color-T:rgba(255,55,1,0.3);
 --text-color-I:rgba(56,0,255,0.3);
 --text-color-F:rgba(32,161,206,0.3);
 --text-color-T:rgba(0,255,255,0.3);
 --text-color-I3:rgba(215,215,215,.5);
 --text-color-I2:rgba(56,0,255,.6);
 --text-color-F2:#6084cf;
 --text-color-T2:#1da1f2;
 --text-color--X:rgba(0,0,0,1);
 --top-text-color:rgba(255,255,255,0.1);
 --font-A:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 font-family:var(--font-A);
 font-weight:300;
 box-sizing: border-box;
}
body {
 height: 101%;
 overflow:hidden;
 overflow-y:scroll;
 overflow-x:hidden;
 -webkit-overflow-scrolling:touch;
}

iframe {
 max-width: calc(var(--widthB) * 0.9);
 max-height: calc(var(--widthB) * 0.9);
 border-style: none;
 margin: 0;
}
.clear {
 clear:both;
 float:none;
}

#stage-wrapper {
 position:relative;
 top:3rem;
 transition:filter 0.5s ease-in-out;
 padding-left:15px;
 padding-right:15px;
 margin-left:auto;
 margin-right:auto;
 min-height:0;
}
#stage-wrapper:before {
 content:'';
 display:block;
}
#stage-wrapper .container {
 margin-top:0;
 padding-left:0 !important;
 padding-right:0 !important;
}
#stage-wrapper .container .row {
 margin-right:0;
 margin-left:0 !important;
}

#STAGE {
 padding-top: var(--widthAE);
 padding-bottom: var(--widthAF);
 min-height: calc(var(--widthO) / 1.81);
}
#STAGE .row {
 margin-top:-5.4rem;
}
#STAGE ol li {
 margin-bottom:4px;
 margin-left:0;
}
#STAGE ol li a:hover {
 color:darkgray;
}

/**************** CONTENT ********************/
.view-txt a:hover {
 display:block;
 position:relative;
 left:0;
 top:0;
 color:rgba(15,15,16,0.6);
}
.view-txt a {
 font-size:11px;
 vertical-align:baseline;
 color:rgba(15,15,16,1);
 background-color:transparent;
 font-family:var(--font-A);
 font-style:normal;
 text-transform:uppercase;
 font-weight:300;
 line-height:22px;
 letter-spacing:1.3px;
 float:none;
 display:block;
 height:4.5rem;
 width:calc(var(--widthF) +.1rem) !important;
 white-space:break-spaces;
 margin-top:1rem;
 margin-bottom:1rem;
 overflow:hidden;
 margin-left:2.5rem;
 margin-right:2.5rem;
}
#Collectionview img:hover {
 opacity:0.9;
}
.view {
 display:block;
 margin-top:20px;
 padding-bottom:5px;
 font-size:19px;
 font-weight:500;
 color:transparent;
 background-color:transparent;
 position:relative;
 inset-inline-start:50px;
 border-radius:2px;
}
.view-title {
 color:red;
 background-color:transparent;
 border-radius:2px;
}
#Collectionview .view:link {
 font-size:19px;
 background:#D70022;
 bottom:-8px;
 text-align:center;
 height:330px;
 display:inline-block;
 position:relative;
 text-indent:-999px;
 transform:translateX(140%);
 white-space:nowrap;
 width:110px;
 z-index:-1;
}
@keyframes fade-in-out {
 0% {
  transform:rotate(0);
  opacity:.86;
 }
 10% {
  transform:rotate(0);
  opacity:.86;
 }
 90% {
  transform:scaleX(.01);
  opacity:.86;
 }
 100% {
  transform:scaleX(.99);
  opacity:.86;
 }
}
@-webkit-keyframes fade-in-out {
 0% {
  -webkit-transform:rotate(0);
  opacity:.86;
 }
 10% {
  -webkit-transform:rotate(0);
  opacity:.86;
 }
 90% {
  -webkit-transform:scaleX(.01);
  opacity:.86;
 }
 100% {
  -webkit-transform:scaleX(.99);
  opacity:.86;
 }
}
#Collectionthumbs img:hover {
 opacity:.2;
}
#Collectionthumbs strong,
em {
 font-weight:500;
}
#Collectionthumbs b {
 font-weight:100;
}
#Collectionthumbs img {
 -webkit-transition:opacity 0.75s ease-in-out;
 transition:opacity 0.75s ease-in-out;
 -webkit-transition-delay:0.35s;
 transition-delay:0.35s;
}
.klicker {
 display:block;
 padding-bottom:5px;
 font-size:12px;
 background-color:transparent;
 position:relative;
}
.klicker h5 {
 color:var(--activity-color);
 white-space:pre-wrap;
 width:205px;
 font-size:1.2rem;
 line-height:1.6rem;
 text-transform:none;
 text-shadow:0 1px 0 rgba(255,255,255,1);
 margin-left:-2px;
 font-weight:200;
 padding-bottom:1.3rem;
 background-color:transparent;
 letter-spacing:0.13rem;
 word-spacing:-0.1rem;
}
.klicker-sub {
 -moz-transition:text-shadow 0.75s ease-in-out;
 -webkit-transition:text-shadow 0.75s ease-in-out;
 -ms-transition:text-shadow 0.75s ease-in-out;
 transition:text-shadow 0.75s ease-in-out;
 -moz-transition-delay:0.35s;
 -webkit-transition-delay:0.35s;
 -ms-transition-delay:0.35s;
 transition-delay:0.35s;
}
.klicker-sub:hover {
 text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
.klicker-sub:visited {
 background-color:transparent;
}
.klicker h5:after {
 content:'';
 display:inline-block;
 position:static;
 height:.1rem;
 border-left:solid 198px #000;
}
.klicker h5:before {
 content:'';
 display:block;
 width:90px;
 height:66px;
 position:absolute;
 left:50%;
 bottom:-4.5em;
 margin-left:-45px;
 margin-bottom:-33px;
}
.klicker-title:hover {
 padding-bottom:5px;
 font-size:12px;
 background-color:transparent;
}
#Collectionlist .klicker{
display:inline-grid;
font-size:1.4rem;
font-weight:bold;
line-height:4rem;
text-transform:uppercase;
letter-spacing:-0.04rem;
word-spacing:-0.01rem;
text-align:left;
vertical-align:top;
margin:0;
}

#Collectionlist .klicker h2, .klicker h3{
margin-top:0;
margin-bottom:1.5rem;
display:inline-block;
width:calc(var(--widthE)/4.8) !important;
letter-spacing:.2rem;
vertical-align:text-top;
}

#Collectionlist .klicker.span-2 {
width:calc(var(--widthE)/4.8) !important;
}

#Collectionlist .klicker h3{
font-size:1.6rem;
font-weight:300;
line-height:2rem;
margin:0;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
}

#Collectionlist .klicker.span-1 {
display:block;
width:calc(var(--widthE)/2.3) !important;
margin-right:1.5rem;
text-transform:none;
list-style:none;
float:left;
}

#Collectionlist .klicker br{
display:none;
}

#Collectionlist strong, em {
font-weight:500;
}

#Collectionlist b {
font-weight:100;
}

#Galerie .desc {
position: relative;
color: #000;
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
text-align: center;
opacity: 1;
	}

#Galerie .desc p {
font-size: 1.8rem;
color:rgba(18,18,18,0.9);
letter-spacing:0.01pt;
line-height:2.5rem;
font-weight:300;
word-spacing:1.34pt;
white-space:normal;
-webkit-text-stroke:0.02rem rgba(255,255,255,0.5);
text-shadow:none;
transform:scaleY(85%);
text-align:center;
}

#Collection {
 padding-top:0 !important;
}
.pdf {
 height:auto;
 display:inline;
}

h1,
h2,
h3,
h4 {
 text-transform:uppercase;
 color:var(--activity-color3);
 font-family:var(--font-A);
}
h1,
h1 a,
h1 a:link {
 color:#151515;
 text-transform:uppercase;
 font-size:29px;
 font-family:var(--font-A);
 letter-spacing:4px;
}
h2 {
 font-family:var(--font-A);
 letter-spacing:0.4rem;
 line-height:2rem;
 width:68vw !important;
 margin-bottom:0.5rem;
 font-size:1.5rem;
 font-weight:300;
 text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
h3 {
 font-family:var(--font-A);
 letter-spacing:.5rem;
 font-size:14px;
 padding-bottom:5px;
}
.klicker,
.bandklicker {
 width:200px;
 height:auto;
 display:inline-block;
 margin:25px 5px 15px 0;
 vertical-align:bottom;
 text-align:center;
}
.klicker img,
.bandklicker img,
.contents-currentexhib img,
.contents-futureexhib img {
 width:198px;
 height:auto;
}
/**************** Header title********************/
#toptext {
 padding-right:5px;
 margin-bottom:40px;
}
#pagetitle {
 margin-top:20px;
 margin-bottom:15px;
}
#pagetitle h2 {
 padding-top:var(--widthC);
}
/**************** Footer ********************/
#Subscribe,
#Subscribe a,
#Subscribe a:link {
 color:#999;
 font-size:11px;
}
#Subscribe {
 margin-top:4rem;
}
/**************** MENUs (all) ********************/
#footer,
#footer a,
#footer a:link {
 position:relative;
 display:flex;
 justify-content: center;
 font-size:1rem;
 font-weight:300;
 text-shadow:0 0 0.5px rgba(255,255,255,0.75);
 text-align:center;
 margin-bottom:2.5rem;
 clear:both;
}
#footer #copyright {
 margin:auto;
}
/**************** MENU sub ********************/
#menu-sub {
 float:none !important;
 clear:both !important;
 display:block !important;
 word-spacing:1.34pt !important;
}
#menu-sub ul li {
margin-right:2.5rem;
margin-bottom:2.5rem;
}
#menu-sub ul li a {
 padding-left:0;
 color:#000;
 font-family:var(--font-A);
 letter-spacing:0.2rem;
 line-height:2.4rem;
 margin-bottom:0.5rem;
 font-size:1.3rem;
 font-weight:300;
 text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
#menu-sub ul li a:hover {
 color:slategray;
}
#menu-sub ul li a.current {
 color:gray;
 opacity:0.5;
}
#menu-sub a.current:hover {
 color:slategray !important;
}
ul.menu {
 padding-top:5px;
 padding-bottom:5px;
 list-style:none;
 padding:0;
 margin:0;
}
ul.menu li {
 float:left;
 margin:0px 20px 0px 0px;
}
ul.menu a {
 color:#333;
 text-transform:uppercase;
}
/**************************************************//**************** PAGES ***************************/
.submit {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 -moz-transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 -webkit-transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 -ms-transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 background-color:transparent;
 border-radius:4px;
 border:solid 1px #ccc;
 color:#555;
 cursor:pointer;
 display:inline-block;
 font-size: 1.2rem;
 margin-top: 5px;
 margin-left: 2px;
 margin-right: 6px;
 line-height: 1rem;
 padding:0.75em 1.5em;
 text-align:center;
 text-decoration:none;
 white-space:nowrap;
}
.submit:hover {
 border:solid 1px #ff00ff;
 color:#ff00ff;
}
.submit:hover:active {
 background-color:rgba(0,211,183,0.15);
}
a h2:hover {
 text-shadow:0 1px 0 rgba(0,0,0,.25);
 color:rgba(0,0,0,1);
}
a h2:hover:active {
 text-shadow:0 1px 0 rgba(0,0,0,1);
 color:rgba(0,0,0,1);
}
#Videos{margin-left:1rem;margin-right:1rem;}
@media screen and (min-width:4011px) {
 #stage-wrapper {
  padding-left:calc(6vw + 2rem) !important;
 }
 #stage-wrapper .container {
  width:calc((var(--widthF) * 1.7) + 6.5rem) !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-top:14.5rem;
 }
 #stage-wrapper .container .row {
  margin-bottom:calc((15vh) + 2rem);
 }
 div.band {
  height:500px !important;
  margin-bottom:6.5rem;
  min-width:calc(var(--widthF) * 1.5);
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  margin-top:0 !important;
  padding-top:0 !important;
 }
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
 .pdflist li {
  width:1980px;
 }
}
@media screen and (min-width:2681px) and (max-width:4010px) {
 #stage-wrapper {
  padding-left:calc(6vw + 2rem) !important;
 }
 #stage-wrapper .container {
  width:var(--widthX) !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-top:5.5rem;
 }
 #stage-wrapper .container .row {
  margin-bottom:calc((15vh) + 2rem);
 }
 div.band {
  height:400px !important;
  margin-bottom:6.5rem;
  min-width:calc(var(--widthF) * 1.5) !important;
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  margin-top:0 !important;
  padding-top:0 !important;
 }
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
}

@media screen and (min-width:2900px) {
 #Defaultview2 svg {
  width:calc(var(--largeurC) * 1.3) !important;
  max-height:calc(var(--largeurC) * 1.3 );
  min-width:calc(var(--largeurC) * 1.2 );
  display:block;
  float:none;
  clear:both;
  padding:0;
 }
 #Defaultview svg {
  width:calc(var(--largeurC)) !important;
  max-height:calc(var(--largeurC) * 1.3 );
  min-width:calc(var(--largeurC));
  display:block;
  float:none;
  clear:both;
  padding:0;
 }
}
@media screen and (min-width:1200px) {
  .img-responsive {
  min-width:40vw;
 }
 .pdflist li {
  width:996px;
  margin-right:0;
 }
 #Collectionthumbs{
  width:var(--widthX);
  max-width:none;
  padding-right:1.8rem;
 }
 #Galerie .desc {
  padding: calc(5vh + 1rem) 5rem 20rem 5rem;
 }
 #Galerie .desc p {
  padding-left:10rem;
  padding-right:10rem;
  margin:2.5rem 10vh 0 10vh;
  font-size: 1.8rem;
 }
}
@media screen and (min-width:1200px) and (max-width:2900px) {
 #Defaultview svg {
  margin-top:0;
  width:calc(var(--largeurC)+10px) !important;
  max-height:calc(var(--largeurC) * 1.3 );
  min-width:calc(var(--largeurC));
  display:block;
  float:none;
  clear:both;
  padding:0;
 }
}
@media screen and (min-width:481px) and (max-width:2899px) {
 #Defaultview2 svg {
  max-height:calc(var(--largeurE) * 2);
  min-width:calc(var(--largeurC) * 2);
  margin-left:0;
 }
}
@media screen and (min-width:1981px) and (max-width:2680px) {
 #STAGE {
  padding-bottom:calc(var(--widthC) + 0.5rem);
 }
 #stage-wrapper {
  padding-top:calc(7.5vh + 6.5rem);
  padding-left:calc(13vw + 1rem) !important;
 }
 #stage-wrapper .container {
  width:calc((var(--widthF) * 1.6) + 5.5rem) !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-top:0;
 }
 #stage-wrapper .container .row {
  margin-bottom:calc((15vh) + 2rem);
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  margin-top:0 !important;
  padding-top:0 !important;
 }
 div.band {
  height:400px !important;
  margin-bottom:3.5rem;
  min-width:calc(var(--widthF) * 1.7) !important;
 }
 
  #Galerie .desc p {
  margin:4.5rem 20vh 0 20vh !important;
 }
 
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
  #footer,
#footer a,
#footer a:link {
 margin-left:0;
}
}

@media screen and (min-width:1200px) and (max-width:1980px) {
 #stage-wrapper {
  margin-left:var(--widthZ) !important;
  margin-right:0 !important;
  padding-top:var(--widthAC) !important;
  padding-left:0 !important;
  padding-right:0 !important;
 }
 #stage-wrapper .container {
  margin-top:0;
  padding-left:0;
  padding-right:0;
  margin-left:0 !important;
  margin-right:0 !important;
  width:auto !important;
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  margin-top:0 !important;
  padding-top:0 !important;
 }
 div.band {
  height:340px !important;
  margin-bottom:1rem;
  max-width:calc(var(--widthF) * 1.5) !important;
 }
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
 
  #footer,
#footer a,
#footer a:link {
 padding-top:calc(var(--widthAC)/2) !important;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
 #stage-wrapper .container {
  margin-top:0;
  }
  
  #pagetitle{
  margin-top:var(--widthAE) !important;
  height:var(--widthAE) !important;
  }
  
   #stage-wrapper {
  padding-left:var(--widthC);
  margin-left:3rem;
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  margin-top:0 !important;
  padding-top:0 !important;
 }
 div.band {
  height:340px !important;
  margin-bottom:5.5rem;
  max-width:calc(var(--widthF) * 1.5) !important;
 }
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
 .pdflist li {
  width:calc(var(--widthE)/1.2);
 }
}
@media screen and (min-width:768px) and (max-width:1199px) {
 #Defaultview svg {
  margin-top:5vw;
  width:calc(var(--largeurC)+10px) !important;
  max-height:calc(var(--largeurC) * 1.3 );
  min-width:calc(var(--largeurC));
  display:block;
  float:none;
  clear:both;
  padding:0;
 }
 
  div.band {
  max-width:calc(var(--widthF) * 1.5) !important;
 }
 
 #Galerie .desc {
  padding: 15rem 0 20rem 0;
			}
 #Galerie .desc p {padding:0 6.5vw 0 6.5vw;margin:-2.5rem 12vw 0 12vw;font-size: 1.6rem;}
}
@media screen and (min-width:992px) {
 #Collectionview .log33 {
  min-width: calc(var(--largeurC) / 1.3);
  margin-left: 0;
 }
 
 #menu-sub ul li a {
 padding-left:0;
 color:#999;
 font-family:var(--font-A);
 letter-spacing:0.2rem;
 line-height:1.4rem;
 margin-bottom:0.5rem;
 font-size:1.3rem;
 font-weight:300;
 text-shadow:0 1px 0 rgba(255,255,255,0.5);
}


}
@media screen and (min-width:768px) and (max-width:991px) {

 #stage-wrapper {
  position:absolute !important;
  float:left !important;
  padding-left:calc((var(--widthE) - 62rem) / 2);
  min-height:0;
 }
 #stage-wrapper .container {
  margin-top:0;
 }
 #stage-wrapper .container .row {
  margin-right:0;
  margin-left:0 !important;
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  margin-top:0 !important;
  padding-top:0 !important;
 }
 div.band {
  height:340px !important;
  margin-bottom:4.5rem;
 }
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
 #Collectionlist .klicker h2, .klicker h3{
width:calc(var(--widthE)/5.4) !important;
}

#Collectionlist .klicker.span-2 {
width:calc(var(--widthE)/5.4) !important;
}

#CV .bio-txt{
 width:var(--largeurJ) !important;
 }

}
@media screen and (min-width:768px) {

div.band {
 width:1000px;
 width:100%;
 height:350px;
 overflow:hidden;
 overflow:scroll;
 overflow-x:auto;
 overflow-y:hidden;
 overflow-x:scroll;
 white-space:nowrap;
 margin-top:-4.5rem;
 max-height:calc (var(--widthE) * 2);
 min-width:var(--widthF);
}

div.band div.container {
display:inline-flex;
 white-space:nowrap;
}
div.band div.bandimage {
 position:relative;
 top:3rem;
 display:block;
 justify-content:space-between;
 align-items:inherit;
 transition:filter 0.5s ease-in-out;
}
div.band div.bandimage:before {
 content:'';
 display:block;
}
div.band div.bandimage:hover {
 opacity:0.9;
}
div.band div.bandimage,
div.band div.bandimage img {
 width:auto;
 height:300px;
 margin-top:var(--widthC);
 padding-top:var(--widthC);
}

video{
 height:100%;
 width:100%;
 }
 
 section video{
 left:0 !important;
 }
 
 .col-sm-1 {
  margin-top:-1rem;
 }
 
iframe {
  max-width: calc(var(--widthB) * 0.6 );
  max-height: calc(var(--widthB) * 0.5 );
  border-style: none;
  margin: 0;
 }

 div#contact-addresses div {
 float:left;
}

 #Collectionview .log33 {
  margin-left:14rem;
  max-height:calc(var(--widthO) - 40rem );
  min-width: calc(var(--largeurC) / 2.2 );
  display:block;
  float:none;
  clear:both;
  padding:0;
 }
 
 .view-txt a {
 margin-left: 15rem;
 }
 
   #Collectionlist .klicker.span-2 {
 width:calc(var(--widthE)/4.3) !important;
 margin-right:calc(4.5vw);
 }
 
 #Collectionlist .klicker h2, .klicker h3{
 width:calc(var(--widthE)/2.3) !important;
 letter-spacing:-0.01rem !important;
 }

}
@media screen and (min-width:481px) and (max-width:767px) {
 .klicker,
 .bandklicker {
  width:calc(var(--widthE)/8.5);
  margin-right:12vw;
 }
 .klicker img,
 .bandklicker img,
 .contents-currentexhib img,
 .contents-futureexhib img {
  min-width:calc((37vw / 2) + 2.5rem);
  width:calc(var(--widthE)/4.5);
  height:auto;
 }
 .klicker h5 {
  margin-left:0;
  width:calc(var(--widthE)/4.5);
  white-space:pre-line;
 }
 .klicker h5:after {
  content:'';
  display:inline-block;
  position:static;
  height:1px;
  border-left:solid calc(var(--widthE)/4.5) #000;
 }
 .klicker h5:before {
  width:90px;
  height:66px;
  left:50%;
  bottom:-4.5em;
  margin-left:-45px;
  margin-bottom:-33px;
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  width:calc((var(--largeurC)/1.2) + 6rem) !important;
  margin-left:.5rem !important;
 }
 
 div#contact-addresses div {
 float:left;
}
 
 #Defaultview svg {
  margin-top:9.5rem;
  max-height:calc(var(--largeurE)*2);
  min-width:calc(var(--largeurC)*2);
  margin-left:0px;
 }
 
  #Collectionlist .klicker.span-2 {
 width:calc(var(--widthE)/3.8) !important;
 }
}
@media screen and (max-width:767px) {
 #stage-wrapper {
  padding:0 !important;
  min-height:0;
 }
 #stage-wrapper .container {
  padding-top:0;
 }
 #stage-wrapper .container .row {
  margin-right:0;
  margin-left:0 !important;
 }
 #toptext {
  margin-bottom:20px;
  margin-bottom:0px;
 }
 #Collectionview .log33 {
  max-height:var(--largeurE);
  min-width:calc(var(--largeurC) - 0.01rem);
  max-width:calc(var(--largeurC) - 0.01rem);
  width:calc(var(--largeurC));
  margin-left:0;
 }
 #pagetitle,
 #pagetitle h2 {
  float:none;
  clear:both;
  padding-top:2vh !important;
 }
 
 #CV .bio-txt{
 width:var(--largeurI) !important;
 }
 
 video{
 height:100%;
 width:100%;
 }
 
 #CollectionthumbsUp article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
section{
margin-top: -3.5rem;
}

 #Contact,
 #Shows,
 #CV,
 #Collectionthumbs,
 #menu-sub,
 #Artfairs ol {
  margin-left:1rem;
 }
 
 #Artfairs ol li {
 line-height:4.5rem !important;
 font-size:1.5rem !important;
 font-weight:bolder !important;
 }

 #Galerie .desc {
  padding: 10rem calc(5vw + 1rem) 3em calc(5vw + 1rem);
  background-size: 200% auto;
 }
			
 #Galerie .desc br {
  font-size: 1.6rem;
 }
			
 #Galerie .desc br {
  display: none;
 }
				
 /******* PAGES:*******/
  div.band div.container {
  display:block;
  width:100% !important;
  white-space:break-spaces !important;
 }
 div.band div.bandimage,
 div.band div.bandimage img {
  position:relative;
  background-color:transparent;
  display:block;
  margin-left:.5rem;
  min-height:0;
  height:auto;
  max-height:var(--largeurE);
  min-width:calc((var(--largeurC)/1.2) + 3rem);
  width:var(--widthN);
  padding:0;
 }

 div.band div.container div.bandimage {
  white-space:normal !important;
  margin-bottom:0.5rem;
  float:none !important;
  clear:both !important;
 }
 #pagetitle h2 {
  color:#000;
  font-size:calc(.7vw + 1.1rem);
  font-weight:300;
  margin-left:1rem;
  margin-bottom:2.5rem;
 }
 #Collectionlist {
  margin-left:2rem;
 }
 div.controlls {
  color:#999;
  font-family:var(--font-A);
  letter-spacing:0.2rem;
  line-height:1.4rem;
  margin-bottom:0.5rem;
  font-size:1.1rem;
  font-weight:300;
  text-shadow:0 1px 0 rgba(255,255,255,0.5);
  margin-top:-4rem;
  padding-top:1rem;
  text-transform:uppercase;
 }
 #Defaultview {
 margin-top:3rem !important;
 }
 
 #Collectionlist .klicker {
 margin-left:-.75rem;
 }
 
 #Collectionlist strong, em {
 font-weight:500;
 word-break:break-word;
 }
 
 #Collectionlist .klicker.span-2 {
 width:calc(var(--widthE)/2.8) !important;
 margin-right:4.6rem;
 }
 
 #Collectionlist .klicker h2, .klicker h3{
 width:calc(var(--widthE)/2.3) !important;
 letter-spacing:-0.01rem !important;
 }
 
}
@media screen and (max-width:480px) {
 .klicker {
  width:calc(var(--widthE)/3.7);
  margin-right:8.5vw;
  margin-left:9.5vw;
 }
 .klicker img {
  width:calc(var(--widthE)/3.7);
 }
 .klicker h5 {
  width:calc(var(--widthE)/2.4);
  white-space:pre-line;
  margin-left:0;
 }
 .klicker h5:after {
  content:'';
  display:inline-block;
  position:static;
  margin-left:1vw;
  height:1px;
  border-left:solid calc((var(--widthE)/4.4) + 2.1rem) #000;
 }
 .klicker img {
  min-width:calc((50vw / 2) + 2.5rem);
  width:calc(var(--widthE)/2.4);
  height:auto;
 }
 
 .klicker h5 {
  letter-spacing:0.28rem;
  word-spacing:0.1rem;
 }
 
 .klicker h5:after {
  content:'';
  display:inline-block;
  position:static;
  margin-left:1px;
  height:1px;
  border-left:solid calc(var(--widthE)/2.4) #000;
 }
  #Collectionthumbs{
  width:var(--widthE);
  max-width:none;	
  padding-left:0px;
  margin-left: -4vw !important;
  text-align: left;
 }
 #menu-sub.menu li {
  margin:0 10px 0px 0;
  padding:2px 5px 2px 0px ;
  font-size:12px;
 }
 div#contact-addresses {
  margin-bottom:0px;
 }
 div#contact-addresses div {
  width:82% !important;
  clear:both;
  float:none;
  margin-top:30px;
 }
 div#contact-addresses div:first-child {
  margin-top:0px;
 }
 #CV .pdflist li {
  width:calc(var(--widthE)/1.1);
  margin-left:3.5rem;
 }
 #Defaultview {
 margin-top:9.5rem !important;
 }
 
 #Defaultview2 svg {
  max-height:calc(110vw);
  min-width:calc(150vw);
  margin-left:0;
 }
 
 #Galerie * {
  text-shadow: none !important;
 }
			
 #Galerie .desc p {
  line-height: 2.4rem;
  letter-spacing: .15rem;
  text-align:center !important;
 }

 body, input, textarea, select {
  font-size: 1.6rem;
 }

 #Galerie .desc {
  padding: 10rem calc(5vw + 1rem) 3em calc(5vw + 1rem);
  background-size: auto 150%;
 }
 
}
@media screen and (min-width:381px) and (max-width:480px) {
 #Defaultview svg {
  margin-top:12rem;
  max-height:calc(var(--largeurE)*2);
  min-width:calc(var(--largeurC)*1.1);
  margin-left:0px;
 }
}
@media screen and (min-width:260px) and (max-width:380px) {
 #Defaultview {
 margin-top:5.5rem !important;
 z-index:1;
 }
 
 #Defaultview svg {
  margin-top:-1rem;
  max-height:calc(var(--largeurE)*2);
  min-width:calc(var(--largeurC)*2);
 }
 #CollectionthumbsUp article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
  display:block;
  width:var(--widthE) !important;
  margin-top:0;
  margin-left:0;
  color:transparent;
  margin-bottom:0;
 }
}
@media screen and (max-width:259px) {
 #Defaultview svg {
  max-height:calc(var(--largeurE)*2);
  min-width:calc(var(--largeurC)*2);
  margin-top:10px;
 }
}
@media print {
 #Collectionview img.log33 {
  display:block;
 }
 #Defaultview svg {
  display:block;
 }
 #Defaultview2 svg {
  display:block;
 }
}
/**************************************************/
#Defaultview {
 margin-top:6.5rem;
 margin-bottom:1rem;
 margin-left:0 ;
 margin-right:0;
 max-height:calc((var(--largeurE)/2.5) - 4rem);
}
#Defaultview svg {
 background-color:transparent;
 text-align:left;
 border-bottom-width:1px;
 border-bottom-style:none;
 border-bottom-color:#b2b3b5;
 text-decoration:none;
 color:#b2b3b5;
}
#Defaultview svg {
 padding-left:0.01rem;
 display:block;
 margin-left:0;
 max-height:var(--largeurE);
 width:calc(var(--largeurD)*1.1);
 clip-path:none;
}
#Defaultview div.row {
 line-height:215%;
 font-size:calc(1.2rem + 0.36vw);
}
/**************************************************/ 
#Defaultview2 {
 margin-left:0 ;
 margin-right:0;
}
#Defaultview2 svg {
 background-color:transparent;
 text-align:left;
 border-bottom-width:1px;
 border-bottom-style:none;
 border-bottom-color:#b2b3b5;
 text-decoration:none;
 color:#b2b3b5;
}
#Defaultview2 svg {
 padding-left:0.01rem;
 display:block;
 margin-left:0;
 max-height:var(--largeurE);
 width:var(--largeurD);
 clip-path:margin-box;
}
#Defaultview2 div.row {
 line-height:215%;
 font-size:calc(1.2rem + 0.36vw);
}
/**************************************************/
#Collectionview {
 position:relative;
 left:var(--largeurG);
 top:var(--largeurG);
 right:var(--largeurD);
 background-color:transparent;
 text-align:left;
 border-bottom-width:1px;
 border-bottom-style:none;
 border-bottom-color:#b2b3b5;
 text-decoration:none;
 color:#b2b3b5;
 position:relative;
 top:3rem;
 min-height:30vh;
 display:block;
 flex-direction:row;
 justify-content:space-between;
 align-items:inherit;
 transition:filter 0.5s ease-in-out;
}
#Collectionview .log33 {
 max-height:var(--largeurE);
 width:var(--largeurD);
 clip-path:margin-box;
}
/**************** PAGE (Press) *****************/
.pdflist {
 list-style-position:outside;
 color:#ccc;
}
ol.pdflist {
 margin-top:2.5rem;
 margin-left:-2rem;
}
.pdflist li {
 line-height:2.2rem;
 text-shadow:0 1px 0 rgba(0,0,0,0.1);
 font-size:1.2rem;
 font-weight:200;
 letter-spacing:0.1rem;
 word-spacing:0.1rem;
 padding:6px 0;
 padding-left:30px;
 background:url(./../image/pdf.png) no-repeat left center;
 background-color:transparent;
 margin:0.6rem 2rem 0 0;
 border-bottom:1px dotted #999;
 border-width:thin;
}
.pdflist li a {
 color:#333;
}
/**************** PAGE (CV) *****************/
#CV {
 padding:0;
}
#CV br {
 margin-top:0;
}
#CV p {
 font-size:1.8rem;
 line-height:2.6rem;
 letter-spacing:0.1rem;
 word-spacing:0.01rem;
 white-space:inherit;
}
#CV span {
 line-height:2.1rem;
 letter-spacing:0.01rem;
 word-spacing:0.1rem;
 color:#000;
 margin:0;
 font-kerning:none;
 white-space:inherit;
}
#CV strong {
 font-weight:bold;
 letter-spacing:-0.04rem;
 word-spacing:-0.01rem;
}
#CV h3,
h4,
h5,
h6 {
 margin:0;
 line-height:1.8rem;
 font-size:1.4rem;
 font-weight:bold;
 letter-spacing:-0.04rem;
 word-spacing:-0.01rem;
 text-transform:uppercase;
}
#CV h6 {
 margin-bottom:2rem;
}
#CV h3 {
 text-transform:inherit;
}
#CV .bio-head {
 cursor:none;
 max-width:100%;
 padding-left:20px;
 display:inline-flex;
}
#CV .bio-txt {
 display:block;
 margin-left:-15px;
 margin-right:var(--widthD);
 letter-spacing:0.01pt;
 line-height:0.5rem;
 font-size:larger;
 font-weight:100;
 width:var(--largeurH);
 word-spacing:1.34pt;
 color:rgba(18,18,18,0.9);
 white-space:pre-wrap;
 white-space:-moz-pre-wrap;
 white-space:-pre-wrap;
 white-space:-o-pre-wrap;
 word-wrap:break-word;
 -webkit-text-stroke:0.02rem rgba(255,255,255,0.5);
 text-shadow:none;
 transform:scaleY(85%);
}
#CV .pdflist {
 margin-top:-1px;
 padding-left:0;
 margin-right:4rem;
 overflow-wrap:break-word;
}
#CV .pdflist li {
 border:none;
 margin-left:4rem;
}
#CV .pdflist li a {
 border-bottom:1px dotted #999;
 padding:0px 3px 3px 0px;
}
/**************** PAGE (collectionlist) *****************/
#Collectionlist {
 margin-top:20px;
}
#Collectionlist table {
 margin:auto;
}
#Collectionlist ol {
 padding-left:0;
 text-transform:none;
 list-style:none;
}
#Collectionlist ol li {
 line-height:2.2rem;
 text-shadow:0 1px 0 rgba(0,0,0,0.1);
 font-size:1.2rem;
 font-weight:200;
 background-color:transparent;
 letter-spacing:0.1rem;
 word-spacing:0.1rem;
 border:none;
}
#Collectionlist ol li a {
 border-bottom:0px dotted #999;
 padding:0px 3px 3px 0px;
}
/**************** PAGE (collectionlist) *****************/
#Artfairs {
 margin-top:30px;
 margin-bottom:30px;
}
#Artfairs table {
 margin:auto;
}
#Artfairs ol {
 padding-left:0;
 margin-top:-1rem;
 list-style:none;
}
#Artfairs ol li {
 text-transform:none;
 line-height:3.4rem;
 text-shadow:0 1px 0 rgba(0,0,0,0.1);
 font-size:1.4rem;
 font-weight:bolder;
 letter-spacing:.1rem;
 word-spacing:0.1rem;
 padding-top:2px;
 padding-left:0;
 background-color:transparent;
 border:none;
}
#Artfairs ol li a {
 border-bottom:0px dotted #999;
 padding:0px 3px 3px 0px;
}
#Shows {
 font-size:1.3rem;
 line-height:2.5rem;
 margin-top:45px;
 opacity:.7;
}
#Shows table {
 margin:auto;
}
#Shows ol {
 padding-left:0;
 list-style:none;
}
#Shows ol li {
 font-size:1.4rem;
 border:none;
 margin:0 0 1.5rem 0;
}
#Shows ol li a {
 border-bottom:0px dotted #999;
 padding:0px 3px 3px 0px;
}
/**************** PAGE () *****************/ 
#CollectionthumbsUp article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
section,
summary {
 display:block;
 width:var(--widthE) !important;
 margin-left:0;
 margin-bottom:0;
}
/**************** PAGE (Contact) *****************/
@-webkit-keyframes I_first__L0jG {
 0%,
 25% {
  background-color:var(--i-color)
 }
 50% {
  background-color:var(--text-color-I)
 }
 0%,
 to {
  background-color:var(--i-color)
 }
}
@keyframes I_first__L0jG {
 0%,
 25% {
  background-color:var(--i-color)
 }
 50% {
  background-color:var(--text-color-I)
 }
 75%,
 to {
  background-color:var(--i-color)
 }
}
[class^="socicon-"], [class*=" socicon-"]  {
 font-family:"Socicon" !important;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 text-transform:none;
 line-height:var(--lineC);
 text-decoration:none;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
#Contact img.ico-social {
 margin-left:-40px;
 margin-top:10px;
 padding:3px !important;
 opacity:1;
}
#Contact td {
 padding-left:35px;
}
#Contact .button {
 -moz-appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none;
 appearance:none;
 -moz-transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 -webkit-transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 -ms-transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 transition:background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,color 0.25s ease-in-out;
 background-color:transparent;
 border-radius:4px;
 border:solid 1px #ccc;
 color:#555;
 cursor:pointer;
 display:inline-block;
 line-height:1;
 padding:0.75em 1.5em;
 text-align:center;
 text-decoration:none;
 white-space:nowrap;
}
#Contact .button:hover {
 border:solid 1px #ff00ff;
 color:#ff00ff;
}
#Contact .button:hover:active {
 background-color:rgba(0,211,183,0.15);
}
div#contact-addresses {
 width:auto;
 clear:both;
 margin-bottom:30px;
 margin-bottom:0px;
}
div#contact-addresses div {
 width:50%;
 clear:none;
 font-weight:300;
 line-height:28px;
 letter-spacing:1.2px;
}
div#contact-addresses h3 {
 color:var(--activity-color);
 font-size:17px;
 line-height:38px;
 text-transform:uppercase;
 font-weight:200;
 letter-spacing:4.5px;
}
div#contact-addresses b {
 color:var(--activity-color);
 font-size:12px;
 text-transform:uppercase;
 font-weight:normal;
 line-height:38px;
 letter-spacing:3.5px;
}
div#contact-addresses p {
 color:var(--activity-color);
 font-size:12px;
 text-transform:none;
 font-weight:normal;
 line-height:18px;
 letter-spacing:1.5px;
}
.socico{margin:-2rem 0 0 -7rem;}
  		
  		.ico-social{margin-left:calc(var(--widthD) - 9rem);width:var(--widthD);}
	.text-social{display:none;opacity: .8; font-size: 12px; line-height: 12px; color: #000;width:auto;
				margin-left:10px;
				text-align: right;}
	.text-social a:hover{background-color: rgba(0, 211, 183, 0.15);}
		[class^="socico-"], [class*=" socico-"] {font-family: "Socicon" !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1.4em;text-decoration:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sociaux ul {margin:0;padding:0;list-style:block;}
.sociaux li {display:inline-block;margin:0 0.6rem 1.2rem 0;}.sociaux ul li {background-position:center 5px;background-repeat:no-repeat;padding-top:10px;padding-left:0px;letter-spacing: 0pt;}
.sociaux li.socico {display:inline-block;font-size:1em;padding-left:0;border-radius:100%;background:rgba(255, 255, 255, 0.3);color:lightgray;margin-right:.3rem;}
.sociaux a.socico-facebook:before {content:"\e028";color:var(--text-color-F2);background-color:transparent;display: block; font-size:1.4em;padding:.5em;border-radius:1em;}
.sociaux a.socico-twitter:before {content:"\e08d";color:var(--text-color-X);background-color:transparent;display: block; font-size:1.4em;padding:.5em;border-radius:1em;}
.sociaux a.socico-instagram:before {content:"\e044";color:var(--text-color-I2);background-color:transparent;display: block; font-size:1.4em;padding:.5em;border-radius:1em;}
.sociaux a.socico-mail:before {content:"\e050";}
.glyphicon.socico-link{
-moz-osx-font-smoothing:grayscale;
line-height:1;
opacity:.3;
}
a.glyphicon.socico-link:hover {
opacity:1;
}
.socico-link:before {content:"\e000";margin:8px 0 0 10px;float:none;}
.sociaux a.socico-instagram:hover,
a.socico-facebook:hover,
a.socico-twitter:hover {
 content:" ";
 display:inline-block;
 border-radius:100%;
 border-bottom-width:0;
 background-color:var(--i-color);
 clear:both;
}
a.sociaux:hover {
 -webkit-animation:I_first__L1jG.9s ease-in infinite;
 animation:I_first__L1jG.9s ease-in infinite;
} /**/
@-webkit-keyframes I_first__L1jG {
 0%,
 25% {
  background-color:var(--i-color)
 }
 50% {
  background-color:var(--text-color-I3)
 }
 0%,
 to {
  background-color:var(--i-color)
 }
}
@keyframes I_first__L1jG {
 0%,
 25% {
  background-color:var(--i-color)
 }
 50% {
  background-color:var(--text-color-I3)
 }
 75%,
 to {
  background-color:var(--i-color)
 }
}
.error {
 display:none;
}

/**************** PAGE (Newsletter) *****************/
#Imagelist {
 margin-top:3rem;
 padding:0;
}
#Imagelist header {
 padding:0;
 margin-top:2.5rem;
 margin-bottom:-1.5rem;
}
/**************** PAGE (Contact) *****************/

/**************** PAGE (Home) *****************/
#Home,
#Home table { 
 margin-top:30px;
}
/* //////////////////////////////////////////////////// Copyright/////////////////////////////////////////////////////////*/
#copyright {
 text-align:center;
}
a#copyright-link {
 font-size:9px;
 text-decoration:none;
}
a#copyright-link img#copyright-logo {
 border-radius:1px;
 height:10px;
 text-align:center;
 width:auto;
 visibility:hidden;
}