/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CLEAR FIX */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* STYLES */
html, body{ min-height: 100%; height:100%; }
body { font-family: 'Lato', sans-serif; position: relative; }


h1 { text-transform: uppercase; /*font-size: 64px;*/ font-size: 2.5vw; letter-spacing: 2px; padding-bottom: 20px; }
.Page h1 { text-align: left; }
h1.regular { padding-top: 130px; padding-bottom: 60px; font-size: 1.65vw; }
h1.homeh1 {  max-width: 80%; margin: auto; }

h2 { font-style: italic; /*font-size: 36px;*/ font-size: 1.4vw; padding-bottom: 15px; }
h2.regular { font-style: normal; font-size: .9vw; letter-spacing: 2px; padding-top: 20px; padding-bottom: 6px; text-transform: uppercase; line-height:24px; }
h2.groupshow { clear: both; margin-bottom: 50px; }

h3 { font-size: 26px; font-size: 1vw; }
h3.regular { font-size: .8vw; font-style: italic; padding-bottom: 20px; }
h4 { font-size: .65vw; letter-spacing: 2px; line-height: .85vw; }

.siemaimage .home-banner { padding-top: 84.25px; } 

@media screen and (max-width: 1920px) {
	h1.regular { padding-top: 100px; }
	h2 { padding-bottom: 10px; }
}
@media screen and (max-width: 1680px) {
	h1 { padding-bottom: 15px; }
	h2 { padding-bottom: 7px; }
}
@media screen and (max-width: 1270px) {
	h1.regular { padding-top: 50px; padding-bottom: 36px; }
	h2.regular { font-size: 1.2vw; }
	h3.regular { font-size: 1.1vw; }
	h4 { font-size: .9vw; }
}
@media screen and (max-width: 1024px) {
  h1 { font-size: 4vw; }
  h2{ font-size: 3vw; }
  h3 { font-size: 2vw; }
  h1.regular { font-size: 2.65vw; }
  h2.regular { font-size: 1.8vw; }
}

@media screen and (max-width: 600px) {
  h1 { font-size: 6vw; }
  h2{ font-size: 5vw; }
  h3 { font-size: 4vw; }
  h1.regular { font-size: 3.65vw; }
  h2.regular { font-size: 2.2vw; }
}

@media screen and (max-width: 460px) {
  h1.regular { padding-top: 30px; padding-bottom: 20px; font-size: 4.65vw; }
  h2.regular { padding-top: 12px; font-size: 3vw; }
  .siemaimage h2 { font-size: 4vw; }
  /*.siemaimage .home-banner { margin-top: 0; } */
}

.uppercase { text-transform: uppercase; }

.header { height: 50px; padding: 18px 1% 0 1%; position: relative; }
@media screen and (max-width: 1024px) {
	.header { height: 40px; padding: 18px 2% 0 2%; }
}

.main { text-align: center; clear: both; height: 100%; }
.Page .main { text-align: initial; }
@media screen and (max-width: 1024px) {
  .main { margin-top: 15px; }
}

.text-center { text-align: center; }
.text-right { text-align: right; }

.logo { width: 32%; float: left; }
.logo img { width: 52%; }
@media screen and (max-width: 1270px) {
	.logo img { width: 70%; }
}

@media screen and (max-width: 1024px) {
  .logo img { width: 90%; }
}



@media screen and (max-width: 768px) {
	.logo { width: 100%; }
	.logo img { width: 40%; }
}

@media screen and (max-width: 600px) {
  .logo img { width: 60%; }
}

@media screen and (max-width: 414px) {
  .logo img { width: 84%; }
  .header { height: 60px; padding: 12px 2% 0 2%; }
}


/* HAMBURGER */
.hamburger {
  padding: 15px 15px 10px 15px;
  outline: none;
  z-index: 10;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 2px;
    background-color: #000;
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }



/* 3DXY */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 8px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -8px, 0) rotate(-45deg); }

/* END HAMBURGER */





.navigation { width: 30%; margin-bottom: 20px; display: block; font-size: .82vw; letter-spacing: 2px; position: absolute; right: 0; }
.navigation ul { list-style: none; display: block; width: 100%; }
.navigation ul li { text-transform: uppercase; text-align: right; padding-left: 2%; float: left; }
.navigation ul li.current span { border-bottom: 1px solid #000; }
.navigation ul li a { border-bottom: 1px solid #fff; color: #000; -webkit-transition: border-bottom-color .5s ease-in-out; -moz-transition: border-bottom-color .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: border-bottom-color .5s ease-in-out;  }
.navigation ul li a:hover { border-bottom-color: #000; }

@media screen and (max-width: 1920px) {
	.navigation { margin-bottom: 15px; }
}
@media screen and (max-width: 1680px) {
	.navigation { width: 31%; }
}
@media screen and (max-width: 1270px) {
	.navigation { font-size: 1vw; width: 38%; }
}
@media screen and (max-width: 1024px) {
  .navigation { font-size: 1.5vw; width: 54%; margin-top: 3px; }
}
@media screen and (max-width: 768px) {
	.navigation {  padding-bottom: 2px; opacity: 0; font-size: 2vw; float: none; width: 100%; position: static; height: 0; overflow: hidden;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
	.navigation ul li { float: left; text-align: left; padding-right: 2%; padding-left: 0; }
	.hamburger { display: inline-block; float: right; margin-top: -18px; margin-top: -37px; margin-right: 0; }
  .navopen { height: auto; overflow: auto; border-bottom: 1px solid #eee; opacity: 1; overflow: hidden;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
}

@media screen and (max-width: 600px) {
  .navigation { font-size: 3vw; position: relative; z-index: 20000; }
  .navigation ul li { padding: 5px 2% 5px 0; }
  .hamburger { margin-top: -40px; margin-right: 0; padding: 15px 0px 10px 15px; }
}

@media screen and (max-width: 414px) {
  .navigation { font-size: 4vw; }
  .hamburger { margin-right: -8px; padding: 15px 0 10px 15px; }

}

@media screen and (max-width: 375px) {
  .hamburger { margin-top: -38px; }
}

@media screen and (max-width: 320px) {
  .hamburger { margin-top: -37px; }
}

.Page .content-container { width: 90%; margin: auto; }

.content-holder { padding-bottom: 40px; width: 50%; margin: auto; }

.content { position: absolute; width: 100%; }

.Page .content { position: static; padding-bottom: 60px; width: 50%; float: left; }
.Page .content a { color: #000; text-decoration: underline; }
.Page .content a:hover { text-decoration: none; }

.bio-pic { width: 16%; padding-left: 3%; float: left; padding-top: 20px; }
.bio-pic img { width: 100%; }
.bio-pic span { width: 100%; display: inline-block; padding-top: 10px; text-align: center; }


.bio-pic-mobile { display: none; }

@media screen and (max-width: 1920px) {
  .bio-pic { width: 26%; }
}

@media screen and (max-width: 1366px) {
  .Page .content { width: 60%; }
  .bio-pic { width: 30%; }
}
@media screen and (max-width: 1024px) {
  .Page .content { width: 70%; }
  .bio-pic { display: none; }
  .bio-pic-mobile { display: block; float: none; padding-bottom: 30px; padding-left: 0; padding-top: 0; }
}
@media screen and (max-width: 768px) {
  .bio-pic-mobile { width: 70%; }
}
@media screen and (max-width: 600px) {
  .Page .content { width: 100%; }
}


.file-item { clear: both; padding-bottom: 60px; }
.file-item a { color: #000; text-transform: uppercase; border-bottom: 1px solid #fff; transition: border-bottom-color .5s ease-in-out; font-weight: bold; }
.file-item a:hover { border-bottom: 1px solid #000; }

.content p { font-size: 18px; padding-bottom: 20px; line-height: 24px; overflow-wrap: break-word; word-wrap: break-word; }
.home-content { top: 30%; }
.home-banner { width: 100%; }
.home-banner-text { position: absolute; color: #fff; left:0; right:0; margin: auto; top: 36%; width: fit-content; /*background-color: rgb(0,0,0,.3);*/ padding: 20px; }
@media screen and (max-width: 1024px) {
  .home-banner-text { top: 44%; }
}
@media screen and (max-width: 600px) {
  .home-banner-text { top: 36%; }
}
@media screen and (max-width: 414px) {
  .home-banner-text { top: 32%; }
}
.home-banner-text-top { top: 10%; }
.home-banner-text-bottom { top: auto; bottom: 10%; }
.home-banner-text-left { right: auto; left: 10%; }
.home-banner-text-right { left: auto; right: 10%; }
.home-banner-text-center { left: 0; right: 0; }
.home-banner-text-background { background-color: rgb(0,0,0,.3); }
.home-banner-text-dropshadow { text-shadow: 0px 0px 6px rgba(0,0,0,0.33); }
.home-banner-text-black { color: #000; }



.home-image-holder { width: 100%; display: block; background-color: #fff; }

.siema { overflow: hidden; }
.siema .siemaimage { position: relative; }
.siema .siemaimage a { display: block; position: relative; }

@media screen and (max-width: 600px) {
  .siema .siemaimage { top: 40px; }
}
@media screen and (max-width: 414px) {
  .siema .siemaimage { top: 20px; }
}

@media screen and (max-width: 414px) {
  .HomePage .siema .siemaimage { top: 2px; }
}


.prev { cursor: pointer; border-bottom: 3px solid #FFF; border-left: 3px solid #FFF; width: 90px; height: 90px; display: block; position: absolute; top: 40%; left: 3%; transform: rotate(45deg); }
.next { cursor: pointer; border-top: 3px solid #FFF; border-right: 3px solid #FFF; width: 90px; height: 90px; display: block; position: absolute; top: 40%; right: 3%; transform: rotate(45deg); }

.prevshadow { filter: blur(4px); opacity: .6; cursor: pointer; border-bottom: 3px solid #666; border-left: 3px solid #666; width: 90px; height: 90px; display: block; position: absolute; top: 40%; left: 3%; transform: rotate(45deg); }
.nextshadow { filter: blur(4px); opacity: .6; cursor: pointer; border-top: 3px solid #666; border-right: 3px solid #666; width: 90px; height: 90px; display: block; position: absolute; top: 40%; right: 3%; transform: rotate(45deg); }

.controls { display: none; }

@media screen and (max-width: 1680px) {
	.prev, .prevshadow, .next, .nextshadow { width: 60px; height: 60px; }
}
@media screen and (max-width: 1024px) {
  .prev, .prevshadow, .next, .nextshadow { width: 50px; height: 50px; }
  .prev, .prevshadow { left: 6%; }
  .next, .nextshadow { right: 6%; }
}
@media screen and (max-width: 414px) {
  .prev, .prevshadow, .next, .nextshadow { width: 40px; height: 40px; }
}

/* ARTISTS PAGE */

ul.artists { width: 70%; margin: auto; clear: both; }
ul.artists li { display: block; width: 21%; float: left; padding: 0 2% 60px 2%; overflow: hidden; min-height: 330px; }
ul.artists li .image { width: 100%; min-height: 250px; max-height: 250px; overflow: hidden; background-position: center center; background-size: cover; }
ul.artists a { color: #000; }


@media screen and (max-width: 1920px) {
	ul.artists li .image { min-height: 190px; max-height: 190px; }
	ul.artists li { min-height: 280px; }
}
@media screen and (max-width: 1680px) {
	ul.artists li .image { min-height: 160px; max-height: 160px; }
	ul.artists li { min-height: 260px; }
}
@media screen and (max-width: 1270px) {
	ul.artists { width: 90%; }
	ul.artists li { min-height: 260px; }
}

@media screen and (max-width: 1024px) {
  ul.artists li { width: 29.3%; min-height: 240px; }
}

@media screen and (max-width: 768px) {
  ul.artists li { padding: 0 2% 25px 2%; }
}

@media screen and (max-width: 600px) {
  ul.artists li { width: 46%; padding: 0 2% 15px 2%; }
}

@media screen and (max-width: 414px) {
  ul.artists { width: 100%; }
  ul.artists li { padding: 0 2% 0px 2%; }
  
}


/* EXHIBITIONS PAGE */

ul.exhibitions { width: 70%; margin: 0 auto; clear: both; }
ul.exhibitions.double { width: 40%; margin: 0 auto; clear: both; }

ul.exhibitions li { display: block; width: 21%; float: left; padding: 0 2% 0 2%; overflow: hidden; min-height: 500px; }
ul.exhibitions li .image { width: 100%; min-height: 250px; max-height: 250px; overflow: hidden; background-position: center center; background-size: cover; }
ul.exhibitions a { color: #000; }

ul.exhibitions li.single { width: 50%; float: none; margin: auto; }
ul.exhibitions li.single .image { width: 100%; min-height: 500px; max-height: none; }

ul.exhibitions li.double { width: 46%; float: left; }
ul.exhibitions li.double .image { width: 100%; min-height: 300px; max-height: none; }

@media screen and (max-width: 1920px) {
	ul.exhibitions li .image { min-height: 190px; max-height: 190px; }
	ul.exhibitions li { min-height: 380px; }
}
@media screen and (max-width: 1680px) {
  ul.exhibitions.double { width: 60%; }
	ul.exhibitions li .image { min-height: 160px; max-height: 160px; }
	ul.exhibitions li { min-height: 320px; }
}
@media screen and (max-width: 1270px) {
  ul.exhibitions.double { width: 80%; }
	ul.exhibitions { width: 90%; }
	ul.exhibitions li { min-height: 360px; }
}

@media screen and (max-width: 1024px) {
  ul.exhibitions.double { width: 90%; }
  ul.exhibitions li { width: 29.3%; }
  ul.exhibitions h2.regular { font-size: 1.6vw; }
  ul.exhibitions h3.regular { font-size: 1.6vw; }
  ul.exhibitions h4 { font-size: 1.2vw; }
}

@media screen and (max-width: 768px) {
  ul.exhibitions li .image { min-height: 120px; max-height: 120px; }
  ul.exhibitions li { min-height: 320px; }
  ul.exhibitions h2.regular { font-size: 1.8vw; }
  ul.exhibitions h3.regular { font-size: 1.8vw; }
  ul.exhibitions h4 { font-size: 1.4vw; line-height: 1.6vw; }
}

@media screen and (max-width: 600px) {
  ul.exhibitions li.double { width: 96%; padding-bottom: 30px; }
  ul.exhibitions li { width: 46%; }
  ul.exhibitions h2.regular { font-size: 2.4vw; }
  ul.exhibitions h3.regular { font-size: 2.4vw; }
  ul.exhibitions h4 { font-size: 1.8vw;  line-height: 2vw; }
}

@media screen and (max-width: 414px) {
  ul.exhibitions { width: 98%; }
  ul.exhibitions li { width: 96%; min-height: auto; padding-bottom: 30px; }
  ul.exhibitions li .image { min-height: 220px; max-height: 220px; }
  ul.exhibitions h2.regular { font-size: 3.4vw; }
  ul.exhibitions h3.regular { font-size: 3.4vw; }
  ul.exhibitions h4 { font-size: 2.4vw;  line-height: 2.6vw; }
}

.scrolltotop { display: none; cursor: pointer; border-top: 1px solid #000; border-left: 1px solid #000; width: 20px; height: 20px; position: fixed; transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 80px; right: 10%; }

@media screen and (max-width: 1270px) {
  .scrolltotop { right: 3%; }
}
@media screen and (max-width: 1024px) {
  .scrolltotop { right: 2%; }
}
@media screen and (max-width: 600px) {
  .scrolltotop { right: 1.5%; }
}
@media screen and (max-width: 414px) {
  .scrolltotop { right: 0; left: 0; margin: auto; bottom: 40px; z-index: 1000; }
  .scrolltotopbox { background-color: transparent; width: 100%; height: 30px; display: block; position: fixed; bottom: 40px; z-index: 900; }
}

.channel-container { position: relative; }

ul.channel { width: 70%; margin: auto; }
ul.channel li { display: block; float: left; margin-bottom: 90px; width: 33.33333333%; position: relative; min-height: 430px; }
ul.channel li iframe { width: 96%; height: 316px; }

ul.channel li.single { width: 50%; float: none; margin: auto; }

ul.channel li.double { width: 50%; float: left; }
ul.channel li.double iframe { max-width: 62%; }

.player { background-color: #fff; position: fixed; width: 50%; left: 0; right: 0; margin: auto; /*top: 60px;*/ padding: 50px; z-index: 10000; display: none;outline: 9999px solid rgba(0,0,0,0.8); }

.player iframe { width: 100%; height: 714px; }
#close { font-size: 50px; transform: rotate(45deg); position: absolute; top: 0px; color: #999; right: 12px; }
/*.dimmer { position: fixed; width: 100%; height: 100%; top:0px; left:0px; background-color: rgb(0,0,0,.8); display: none; }*/
.hotspot { height: 316px; position: absolute; width: 94%; top: 0; left: 0; right: 0; margin: auto; opacity: .3; }

.pagination { padding-bottom: 100px; font-size: 18px; position: relative; }
.pagination a { color: #666; }
.pagination b { font-weight: bold; color: #000; }
.pagination span { font-size: 22px; }

.nextpage { cursor: pointer; border-top: 1px solid #000; border-right: 1px solid #666; width: 10px; height: 10px; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.prevpage { cursor: pointer; border-bottom: 1px solid #000; border-left: 1px solid #666;width: 10px; height: 10px; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

@media screen and (max-width: 600px) {
  .pagination { margin-top: 50px; padding-left: 10px; }
  .pagination a,.pagination b,.pagination i { margin-right: 10px; }
  .pagination a.prev-page { position: absolute; top: -40px; left: 20%; }
  .pagination a.next-page { position: absolute; top: -40px; right: 20%; }
  .pagination a.solo { left: 0; right: 0; }
}

@media screen and (max-width: 375px) {
  .pagination a.prev-page { left: 10%; }
  .pagination a.next-page { right: 10%; }
}


@media screen and (max-width: 1920px) {
	ul.channel li iframe { width: 96%; max-height: 220px; max-width: 88%; }
  ul.channel li.single iframe { max-height: none; }
  ul.channel li.double iframe { max-width: 60%; }
	ul.channel li { margin-bottom: 60px; min-height: 330px; }
	.player { width: 66%;  /*top: -120px;*/ }
}
@media screen and (max-width: 1680px) {
	.player { width: 76%; }
  ul.channel li.double iframe { max-width: 66%; }
}
@media screen and (max-width: 1366px) {
  .hotspot { height: 190px; }
	.player iframe { height: 520px; }
	.player { width: 66%; padding: 40px; }
  ul.channel h2.regular { padding-top: 0; }
  ul.channel li { min-height: 264px; margin-bottom: 20px; }
  ul.channel li iframe { width: 96%; max-height: 160px; }
  ul.channel li.single iframe { max-height: none; }
  ul.channel li.double iframe { max-height: 180px; }
}

@media screen and (max-width: 1366px) {
  ul.channel li.double iframe { max-height: 166px; }
}

@media screen and (max-width: 1024px) {
  ul.channel { width: 90%; }
  ul.channel li { min-height: 300px; }
  ul.channel li.single { width: 70%; }
  ul.channel li iframe { height: 190px; }
  .channel li iframe { height: 190px; }
  ul.channel li.single iframe { height: 400px; }
  ul.channel li.double iframe { max-width: 80%; max-height: none; height: 416px; }
  ul.channel li.double { width: 100%; }
  .channel h3.regular { font-size: 18px; }
  .player { width: 82%; }
}

@media screen and (max-width: 768px) {
  ul.channel li { margin-bottom: 0; width: 50%; }
  ul.channel li.single { width: 90%; }
  ul.channel li iframe { height: 180px; width: 84%; }
  .player iframe { height: 360px; }
  ul.channel h2.regular { font-size: 18px; }
  ul.channel li.single iframe { height: 360px; }
  ul.channel li.double iframe { height: 310px; }
  ul.channel li.double { min-height: 400px; }
}

@media screen and (max-width: 600px) {
  ul.channel li iframe { max-height: 130px; }
  ul.channel li { min-height: 250px; }
  ul.channel h2.regular { font-size: 16px; }
  .channel h3.regular { font-size: 14px; }
  .player { width: 94%; padding: 50px 10px 10px 10px; }
  .player iframe { height: 320px; }
  ul.channel li.single iframe { height: 260px; }
  ul.channel li.double iframe { height: 240px; }
}

@media screen and (max-width: 414px) {
  ul.channel { width: 96%; }
  ul.channel li { width: 100%; min-height: 250px; }
  .player { width: 96%; /*background-color: transparent;*/ top: -80px; }
  .player iframe { height: 233px; }
  ul.channel li.single iframe { height: 180px; }
  ul.channel li iframe { max-height: 180px; }
  ul.channel li.double { min-height: 300px; }
  ul.channel li.double iframe { height: 188px; max-width: 90%; }
}

@media screen and (max-width: 375px) {
  ul.channel li iframe { max-height: 160px; }
  ul.channel li.single iframe { height: 160px; }
  ul.channel li.double iframe { height: 170px; max-width: 100%; }
  .player { width: 66%; }
}




.news-container { width: 640px; margin: auto; overflow: hidden; }
#news-frame { height: 12000px; width: 100%; margin-top: -45px; }

form#exhibition-search { width: 34%; margin: auto; max-width: none; padding: 0 0 80px 0; text-transform: uppercase; }
#exhibition-search .form-section.artist { width: 43%; float: left; }
#exhibition-search .form-section.channel-artist { margin: auto; float: none; }
#exhibition-search .form-section.show { width: 38%; float: left; padding-right: 1%; }
#exhibition-search .form-section.year { width: 17%; float: left; padding-right: 1%; }
#exhibition-search label { float: left; padding-right: 10px; }

.show .nice-select { min-width: 250px; }
.artist .nice-select { min-width: 305px; }

@media screen and (max-width: 1920px) {
	form#exhibition-search { width: 46%; }
}
@media screen and (max-width: 1680px) {
	form#exhibition-search { width: 44%; padding: 0 0 40px 0; }
	#exhibition-search label { line-height: 30px; font-size: 12px; }
	.nice-select { font-size: 12px; height: 30px; line-height: 30px; }
	.nice-select .option { line-height: 30px; min-height: 30px; }
}
@media screen and (max-width: 1270px) {
	form#exhibition-search { width: 60%; }
}
@media screen and (max-width: 768px) {
  form#exhibition-search { width: 80%; }
}

@media screen and (max-width: 600px) {
  .news-container { width: 480px; }
  form#exhibition-search { width: 88%; }
  .StorePage #exhibition-search .form-section.artist { width: 54%; }
}

@media screen and (max-width: 414px) {
  .news-container { width: 400px; }
  form#exhibition-search { width: 94%; }
  form#exhibition-search label { margin-bottom: 0; line-height: 16px; }
  .StorePage #exhibition-search .form-section.artist { width: 66%; }
}

@media screen and (max-width: 375px) {
  .news-container { width: 360px; }
}
@media screen and (max-width: 320px) {
  .news-container { width: 320px; }
}

/* ARTIST PAGE */

.ArtistPage h1 { text-align: left; padding-left: 0; padding-bottom: 32px;}
.ArtistPage h2 { font-style: normal; font-size: 1.4vw; padding-bottom: 15px; text-transform: none; }
.ArtistPage h2.regular { font-style: italic; font-size: .9vw; line-height: 24px; letter-spacing: 2px; padding-top: 20px; padding-bottom: 6px; }
.ArtistPage h3 { font-style: normal; font-size: .7vw; text-transform: none; padding-top: 10px; }
.ArtistPage .main { text-align: left; }
.ArtistPage ul.exhibitions { width: 70%; margin: 0; clear: both; }
.ArtistPage ul.exhibitions li { display: block; width: 21%; float: left; padding: 0 4% 0 0%; overflow: hidden; min-height: 500px; }

.artist-container { padding-left: 1%; }
.sidebar { display: block; width: 15%; float: left; text-align: left; font-size: 20px; letter-spacing: 2px; padding-top: 160px; }
.mobile-sidebar { display: none; width: 100%; font-size: 16px; }
.sidebar ul { margin: 0; padding-top: 40px; }
.sidebar li { padding-bottom: 30px; }
.sidebar ul li.current a span { border-bottom: 1px solid #000; }
.sidebar li a { border-bottom: 1px solid #fff; color: #000; -webkit-transition: border-bottom-color .5s ease-in-out; -moz-transition: border-bottom-color .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: border-bottom-color .5s ease-in-out; }
.sidebar ul li a:hover { border-bottom-color: #000; }
.artist-work { display: block; width: 85%; float: left; }
/*.artist-work img { width: 70%; }*/
.artist-work ul.exhibitions { width: 96%; }

.artist-description {
  width: 30%;
  padding: 50px 0;
}


@media screen and (max-width: 1920px) {
  .sidebar { padding-top: 125px; }
  .artist-description { width: 36%; }
}
@media screen and (max-width: 1680px) {
  .artist-description { width: 40%; }
}
@media screen and (max-width: 1366px) {
  .artist-description { width: 54%; }
}
@media screen and (max-width: 1270px) {
  .sidebar { padding-top: 50px; }
  .ArtistPage h1 { padding-bottom: 20px; }
  .sidebar li { padding-bottom: 20px; }
}

@media screen and (max-width: 1024px) {
  .artist-container { padding-left: 2%; }
  .sidebar { padding-top: 55px; }
  .artist-work { width: 83%; padding-left: 2%; }
  .artist-work img { max-width: 94%; }
  .artist-description { width: 70%; }
}

@media screen and (max-width: 768px) {
  .artist-work { width: 80%; padding-left: 0; }
  .artist-description { width: 92%; }
  .sidebar { width: 20%; font-size: 16px; padding-top: 50px; }
}

@media screen and (max-width: 600px) {
  .artist-work { width: 75%; }
  .sidebar { width: 25%; }
  .sidebar li { padding-bottom: 15px; }
}
@media screen and (max-width: 414px) {
  .artist-work { width: 100%; }
  .artist-work img { max-width: 98%; }
  .artist-description { width: 92%; padding: 20px 0 50px 0; }
  .artist-description p { font-size: 16px; line-height: 22px; }
  .sidebar { display: none; }
  .mobile-sidebar { display: block; width: 100%; font-size: 16px; padding-bottom: 15px; }
  .mobile-sidebar ul { margin-left: 0; }
  .mobile-sidebar ul li { display: inline-block; font-style: italic; font-size: 14px; }
  .mobile-sidebar ul li a { color: #000; }
  .ArtistPage h1 { padding-bottom: 10px; }
}

@media screen and (max-width: 375px) {
  .artist-description p { font-size: 14px; line-height: 20px; }
}



/* EXHIBITION PAGE */
.ExhibitionPage h1 { padding-bottom: 0; }
.ExhibitionPage h2 { font-style: normal; font-size: 1.4vw; padding-bottom: 15px; text-transform: none; }
.ExhibitionPage h2.regular { font-style: italic; font-size: 1.2vw; line-height: 24px; letter-spacing: 2px; padding-top: 20px; padding-bottom: 6px; }
.ExhibitionPage h3 { font-size: .8vw; line-height: 1.1vw; letter-spacing: 2px; padding-top: 8px; padding-bottom: 6px; }
.ExhibitionPage h4 { font-size: 1vw; letter-spacing: 2px; line-height: 1.5vw; }
.exhibition img { width: 70%; }
.exhibition-nav { padding: 60px 0; }
.exhibition-nav a { display: inline-block; margin-right: 30px; margin-left: 0; font-size: .8vw; border-bottom: 1px solid #fff; color: #000; -webkit-transition: border-bottom-color .5s ease-in-out; -moz-transition: border-bottom-color .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: border-bottom-color .5s ease-in-out; }
.exhibition-nav a:hover { border-bottom-color: #000; }
.exhibition-nav a.first, .exhibition-nav a.extra { text-transform: uppercase; margin-bottom: 60px;  }
.exhibition-nav a.last { margin-right: 0; margin-left: 0; }
.exhibition li { position: relative; width: 84%; margin: 0 auto 80px auto; }
.exhibition .work-info { text-align: left; width: 70%; margin: auto; position: relative; padding: 8px 0 0 5px; }
.exhibition .work-info h1 { font-size: 1vw; text-transform: none; padding-bottom: 4px; }
.exhibition .work-info h2, .exhibition .work-info h4 { font-size: 1vw; padding-bottom: 4px;line-height: 1vw; }
.exhibition .work-info p { font-size: 1vw; line-height: 1vw; padding-bottom: 4px; }
.exhibition .work-info span { position: absolute; right: 10px; top: 15px; font-size: .8vw; }
.ex-hotspot { position: relative; display: block; width: 100%; margin: auto; }
.exhibition img.vimeo-play-button { position: absolute; top: 45%; left: 0; right: 0; margin: auto; width: 80px; z-index: 100; }
.ex-player { background-color: #fff; position: absolute; width: 50%; left: 0; right: 0; margin: auto; top: 10%; padding: 50px; z-index: 100; display: none; }
.ex-player iframe { width: 100%; height: 714px; }
.ExhibitionPage .Thumb { z-index: 1; }
/*.ExhibitionPage #playeriframe { position: absolute; left: 0; right: 0; margin: auto; opacity: 1; z-index: -1; }*/
.ExhibitionPage .playeriframe { position: absolute; left: 0; right: 0; margin: auto; opacity: 1; z-index: -1; }

#exhibition-search select { font-size: 18px; }
@media screen and (max-width: 1920px) {
  #exhibition-search select { font-size: 16px; }
}

@media screen and (max-width: 1680px) {
  /*.exhibition .work-info h1 { font-size: 24px; }
  .exhibition .work-info h2 { font-size: 22px; }*/
}

@media screen and (max-width: 1024px) {
  ul.exhibition { margin-left: 0; }
  .exhibition li { position: relative; width: 100%; margin: 0 auto 0 auto; }
  .ExhibitionPage h2.regular { font-size: 22px; }
  .ExhibitionPage h3 { font-size: 16px; }
  .exhibition-nav a.first, .exhibition-nav a.extra { margin-bottom: 30px; font-size: 14px; }
  .exhibition-nav { padding: 30px 0; }
  .ExhibitionPage h4 { font-size: 14px; line-height: 16px; }
  .exhibition .work-info p { font-size: 12px; line-height: 14px; }
  .exhibition .work-info span { font-size: 12px; }
  .exhibition img { width: 80%; }
  .exhibition .work-info { width: 80%; padding-bottom: 20px; }
}

@media screen and (max-width: 1024px) {
  .exhibition img { width: 90%; }
  .exhibition .work-info { width: 90%; }
  .exhibition .work-info h1, .exhibition .work-info h2, .exhibition .work-info h4, .exhibition .work-info p { font-size: 1.4vw; padding-bottom: 4px;line-height: 1.4vw; }
}

@media screen and (max-width: 414px) {
  #exhibition-search select { font-size: 14px; }
  .exhibition img { width: 96%; }
  .exhibition .work-info { width: 96%; }
  .exhibition .work-info p { width: 80%; }
  .exhibition .work-info h1, .exhibition .work-info h2, .exhibition .work-info h4, .exhibition .work-info p { font-size: 3vw; padding-bottom: 4px;line-height: 3vw; }
}

@media screen and (max-width: 375px) {
  #exhibition-search select { font-size: 12px; }
}

/* BIOGRAPHY PAGE */

.biography { text-align: left; padding: 0 0 120px 0; margin-top: -6px; }
.biography p { font-size: .9vw; margin-bottom: 24px; line-height: 1.3vw; }
.biography p strong { font-size: 1.1vw; }
.biography p em { font-style: italic; }
.biography a { color: #000; text-decoration: underline; }

/* CONTACT PAGE */
#map { width: 80%; }
.contact-container { width: 70%; margin: auto; }
.contact-box { width: 50%; float: left; padding: 30px 0; display: block; }
.contact-box p { font-size: .9vw; line-height: 1.1vw; width: 70%; margin: 0 auto 80px auto; }
.contact-box button { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; display: block; margin: 0 auto 80px auto; width: fit-content; float:none; color: #000; background-color: transparent; border-radius: 0; padding: 10px 40px; font-size: .7vw; border: 1px solid #000; letter-spacing: 2px; }
.contact-box button a { color: #000; }
.contact-box button:hover { color: #fff; background-color: #000; }
.contact-box button:hover a { color: #fff; }
img.dkgallery { width: 80%; margin-bottom: 60px; }
.socials a { margin: 0 4px; }
.address { font-weight: bolder; }
.contact-box p.directions { margin: 0 auto 0 auto; }
.directions span { font-weight: bold; }
.contact-methods { margin-top: -10px; }
.contact-methods a { color: #000; }
.contact-methods a:hover { text-decoration: underline; }

.acknowledgement { clear: both; width: 50%; text-align: center; margin: 80px auto 150px auto; display: block; font-size: .8vw; line-height: 1vw; }

@media screen and (max-width: 1366px) {
  .contact-container { width: 80%; }
  .contact-box .address p { margin: 0 auto 50px auto; }
  .content p.acknowledgement { font-size: 14px; line-height: 18px; }
}

@media screen and (max-width: 1024px) {
  .contact-container { width: 90%; }
}

@media screen and (max-width: 600px) {
  .contact-box { width: 100%; float: none; }
  .contact-box p { font-size: 18px; line-height: 20px; width: 70%; margin: 0 auto 10px auto; }
  .contact-box button { font-size: 16px; }
  .content p.acknowledgement { width: 80%; }
}

@media screen and (max-width: 414px) {
  img.dkgallery { margin-bottom: 30px; width: 90%; }
  #map { width: 90%; }
  .contact-box p { font-size: 16px; line-height: 20px; width: 90%; }
  .contact-box button { margin-bottom: 40px; }
}

/* STORE PAGE */
ul.store li { margin-bottom: 30px; min-height: 240px; height: auto; }
ul.store li .image-holder { min-height: 240px; position: relative;  height: auto; }
ul.store li .image { width: 100%; /*max-height: 360px;*/ width: auto; max-width: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
ul.store h2.regular { padding-bottom: 20px; }
ul.store h3 { font-style: italic; padding-bottom: 20px; font-size: .8vw; }
ul.store h4 { padding-bottom: 20px; }
ul.store h5 { padding-bottom: 20px; }
ul.store h6 { color: #666;letter-spacing: 2px; font-size: .5vw; }

ul.store li.single { width: 30%; float: none; margin: auto; min-height: 700px; }
ul.store li.single .image-holder { min-height: 700px; }
ul.store li.single .image { width: 100%; min-height: initial; max-height: none; }

ul.store li.double { width: 46%; float: left; min-height: 600px; }
ul.store li.double .image-holder { min-height: 600px; }
ul.store li.double .image { width: 100%; min-height: initial; max-height: none; }

@media screen and (max-width: 1920px) {
  ul.store li { margin-bottom: 0; min-height: 440px; padding: 0 2% 0px 2%; }
  ul.store h2.regular { padding-bottom: 10px; }
  ul.store h3 { padding-bottom: 10px; }
  ul.store li.single .image-holder { min-height: 540px; }
  ul.store li.double .image-holder { min-height: 500px; }
}

@media screen and (max-width: 1680px) {
  ul.store li .image-holder { min-height: 200px; }
  ul.store li.single .image-holder { min-height: 470px; }
  ul.store li.double .image-holder { min-height: 420px; }
}

@media screen and (max-width: 1366px) {
  ul.store li.single .image-holder { min-height: 390px; }
  ul.store li.double .image-holder { min-height: 340px; }
}

@media screen and (max-width: 1270px) {
  ul.store li { min-height: 400px; }
  ul.store li .image-holder { min-height: 180px; }
  ul.store h3 { font-size: 14px; line-height: 16px; }
  ul.store h4 { font-size: 12px; line-height: 14px; }
  ul.store li.single .image-holder { min-height: 460px; }
}

@media screen and (max-width: 1024px) {
  ul.store li { min-height: 400px; }
  ul.store h3 { font-size: 16px; line-height: 18px; }
  ul.store h4 { font-size: 12px; line-height: 14px; }
  ul.store li { padding: 0 1% 0px 1%; width: 31.3%; }
  ul.store h2.regular { font-size: 16px; }
  ul.store li.single .image-holder { min-height: 370px; }
}

@media screen and (max-width: 768px) {
  ul.store { width: 96%; }
  ul.store li { min-height: 380px; }
  ul.store li .image-holder { min-height: 160px; }
  ul.store h2.regular { padding-top: 10px; }
  ul.store h4 { padding-bottom: 10px; }
  ul.store h5 { padding-bottom: 10px; }
  ul.store li.single .image-holder { min-height: 300px; }
  ul.store li.double { width: 48%; }
  ul.store li.double .image-holder { min-height: 270px; }
}

@media screen and (max-width: 600px) {
  ul.store li { width: 48%; }
  ul.store li { min-height: 360px; }
  ul.store li.double .image-holder { min-height: 220px; }
  ul.store li.single { width: 38%; }
}

@media screen and (max-width: 414px) {
  ul.store li { width: 98%; }
  ul.store li .image-holder { min-height: 200px; }
  ul.store li .image { min-height: 200px; max-height: 200px; }
  ul.store li h4 { width: 90%; margin: auto; }
  ul.store li.single { width: 56%; }
  ul.store li.double { min-height: 450px; width: 98%; }
  ul.store li.double .image-holder { min-height: 290px; }
}

@media screen and (max-width: 375px) {
  ul.store li { min-height: 390px; }
  ul.store li.double { width: 100%; }
  ul.store li.single .image-holder { min-height: 260px; }
  ul.store li.double .image-holder { min-height: 240px; }
}
.store-item-container { width: 50%; margin: auto; padding-top: 160px; text-align: left; }
.store-item-container .image-holder { width: 50%; float: left; margin-right: 50px; min-height: 750px; }
.store-item-container .image-holder .image { width: 100%; }
.store-item-container .thumb-holder { padding-top: 30px; }
.store-item-container .thumb-holder img { width: 18%; margin-right: 3%; float: left; border: 3px solid #FFF; position: relative; z-index: 10; }
.store-item-container .thumb-holder img:hover { cursor: pointer; }

.store-item-container h2.regular { font-size: 1.6vw; padding-top: 0; padding-bottom: 10px; line-height: 1.8vw; }
.store-item-container h3 { font-size: 1.2vw; font-style: italic; padding-bottom: 30px; line-height: 1.5vw; }
.store-item-container h4 { padding-bottom: 20px; font-size: .9vw; line-height: 1vw; }
.store-item-container h5 { padding-bottom: 30px; font-weight: bolder; font-size: 1vw; }
.store-item-container h6 { padding-bottom: 30px; }
.store-item-container a { color: #000; text-decoration: underline; }
.store-item-container button, #store-enquiry-form button { margin-bottom: 30px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; display: block; width: fit-content; float:none; color: #000; background-color: transparent; border-radius: 0; padding: 10px 40px; font-size: .7vw; border: 1px solid #000; letter-spacing: 2px; }
.store-item-container button:hover, #store-enquiry-form button:hover { color: #fff; background-color: #000; }

.large-image-holder { position: relative; width: 100%; overflow: hidden; }
.store-primary-image { /*z-index: 10;*/ position: relative; }
.store-extra { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; }
.store-item-container .thumb-holder img.thumb-active { border: 3px solid #000; }

.store-form { display: inline; }

#stock-enquiry { padding-top: 20px; }
#store-enquiry-form { display: none; width: 30%; margin: auto; position: absolute; padding: 20px; border: 1px solid #d7d7d7; box-shadow: 2px 2px 10px rgb(0 0 0 / 50%); left: 0;
    right: 0; z-index: 10; background-color: #fff; top: 100px; }
#store-enquiry-form h2 { font-style: normal; }
#store-enquiry-form input { box-shadow: none; }
#Closer { position: absolute; right: 10px; font-size: 40px;right: 15px; top: 15px; cursor: pointer; }
#EnquiryForm, #SubscribeForm { width: 50%; margin: auto; font-family: 'Lato', sans-serif; }
form input.text, form textarea, form select { font-family: 'Lato', sans-serif; font-size: 22px; }
#EnquiryForm label { font-size: 18px; }
#Form_EnquiryForm_EmailConfirm_Holder { display: none; }
.name-of-item { font-size: 22px; padding-bottom: 30px; }
#store-enquiry-form button { margin: 0 auto 30px auto; }
#Success { font-size: 24px; padding-bottom: 30px; display: none; font-weight: bolder; }

#EnquiryForm_Country_Holder { display: none; }


@media screen and (max-width: 1366px) {
  .store-item-container { width: 70%; padding-top: 100px; }
  #EnquiryForm, #SubscribeForm { width: 70%; }
}

@media screen and (max-width: 1024px) {
  #store-enquiry-form { width: 40%; }
}

@media screen and (max-width: 768px) {
  .store-item-container { width: 80%; }
  #EnquiryForm, #SubscribeForm { width: 90%; }
  .store-item-container button, #store-enquiry-form button { font-size: 1.4vw; }
}

@media screen and (max-width: 600px) {
  #store-enquiry-form { width: 60%; }
  .store-item-container { padding-top: 60px; padding-bottom: 60px; }
  .store-item-container .image-holder { width: 100%; float: none; margin-right: 0; min-height: 400px; }
  .store-item-container h2.regular { font-size: 22px; padding-top: 30px; line-height: 24px; }
  .store-item-container h3 { font-size: 18px; line-height: 20px; }
  .store-item-container h4 { font-size: 16px; line-height: 19px; }
  .store-item-container h5 { font-size: 18px; }
  .store-item-container button, #store-enquiry-form button { font-size: 12px; }
}

@media screen and (max-width: 414px) {
  #store-enquiry-form { width: 84%; }
  .store-item-container { width: 90%; padding-top: 30px; }
  .store-item-container .image-holder { min-height: 300px; }
}

@media screen and (max-width: 375px) {
  .store-item-container { padding-top: 20px; }
  .store-item-container button, #store-enquiry-form button { font-size: 11px; }
  .store-item-container .image-holder { min-height: 250px; }
}

/* LOGIN PAGE */


#MemberLoginForm_LoginForm { margin: 50px auto; }


/* #EnquiryForm_EmailConfirm_Holder { display: none; } */