@font-face {
    font-family: 'Bebas Kai';
    src: url('../fonts/BebasKai.woff2') format('woff2'),
        url('../fonts/BebasKai.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
  padding: 0px;
  margin: 0px;
}

body {
  font-family: 'Bebas Kai';
  font-size:14px;
  line-height: 1.5;
  color: #000;
  background: #fff;
  letter-spacing: 1px;
  min-height: 100%;
  font-weight: 500;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

a {
  color:#000;
}

body.Home a {
  color: #fff;
}

main {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}

a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

.top-a {
  top: 35px;
}

.bottom-a {
  bottom: 35px;
}

.left-a {
  left: 35px;
}

.right-a {
  right: 35px;
}

body.Home {
  background: #000;
}

h1 {
  font-size: 42px;
  text-transform: uppercase;
  margin:0px;
  line-height: 46px;
  color:#000;
}

h1.home-h1 {
  display: inline-block;
}

h2 {
    font-size: 21px;
    text-transform: uppercase;
    margin: 0px;
    line-height: 25px;
    color: #000;
    letter-spacing: 0px;
}

body.Home h2 {
  font-size: 19px;
      letter-spacing: .3px;
}

.header {
  z-index: 10;
}

body.exhibit-open main {
  z-index: 15;
}

.nav a {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0px;
  color:#000;
  text-decoration: none;
  position: relative;
    letter-spacing: 1px;
}

.nav a:before {
  position: absolute;
  content: ' ';
  height: 2px;
  bottom: -10px;
  background:#000;
  width: 0px;
  left: 50%;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.Home .nav a:before {
  background: #fff;
}

.nav a:hover:before, .nav a.active:before {
  width: 100%;
  left: 0;
}

.logo {
  text-transform: uppercase;
  font-size: 38px;
  display: block;
  text-decoration: none;
  letter-spacing: 2px;
  line-height: 37px;
}

body.Home h1, body.Home h2, body.Home .nav a, body.Home .logo {
  color: #fff;
}

.transition-fade {
  transition: 0.4s;
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

html.is-animating .transition-fade {
  opacity: 0;
  -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}

.exhibit-action {
  cursor: pointer;
}

.exhibit {
  width: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 10;
  bottom: 0px;
  top: 0px;
  background: #fff;
  height: 100%;

  /*display: none;*/

  visibility: hidden;
  z-index: -10;
  opacity: 0;

  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

}

.exhibit.active {
  z-index: 20;
  opacity: 1;
  visibility: visible;
}

.exhibit .exhibit-title {
  position: absolute;
  left: 20px;
  top: 20px;
} 

.exhibit .exhibit-title h1 {
  font-size: 30px;
  line-height: 35px;
}

.exhibit .close {
  bottom: 0px;
  left: 0px;
  z-index: 100;
  position: absolute;
  opacity: 1;
  width: 100px;
  height: 100px;
  cursor: pointer;
}

.exhibit .slideshow {
  height: 100%;
  width: 100%;
  max-height:100%;
  position: absolute;
  top: 0px;
  z-index: 5;
  right: 0px;
  overflow: hidden;
  bottom: 0px;
}

.slick-slide img {
  max-height: 100%;
  height: 100%;
  margin-left: 20%;
  width: 80%;
  object-fit: cover;
}

.slick-prev, .slick-next {
  z-index: 10;
  top: 0px;
  bottom: 0px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 50%;
   -webkit-transform: translate(0, 0%); 
  -ms-transform: translate(0, 0%);
   transform: translate(0, 0%); 
}

.slick-prev {
  left: 0px;
  cursor: url("data:image/svg+xml, %3Csvg xmlns:x='http://ns.adobe.com/Extensibility/1.0/' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' xmlns:graph='http://ns.adobe.com/Graphs/1.0/' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' version='1.1' id='Layer_1' x='0px' y='0px' height='70px' width='70px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cg image-rendering='optimizeQuality' text-rendering='optimizeLegibility' transform='matrix(1,0,0,-1,6.32,29.7232)'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-6.32' y='-20.277' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' d='M-0.693,5.162l13.6-23.599l-0.361-0.209v0.416h0.333v-0.416l-0.361-0.209l-13.6,23.6 l-0.121,0.209l0.121,0.208L12.52,28.695l0.36-0.208V28.07h-0.333v0.417l0.36-0.208l-13.6-23.534l-0.361,0.209L-0.693,5.162z M-1.414,5.163l13.6,23.533l0.12,0.208h0.241h0.333h0.723l-0.362-0.625L-0.36,4.745l-0.36,0.209l0.361,0.208l13.6-23.599 l0.362-0.625H12.88h-0.333h-0.241l-0.12,0.207l-13.601,23.6l-0.12,0.209L-1.414,5.163z'/%3E%3C/g%3E%3C/g%3E%3Cg image-rendering='optimizeQuality' text-rendering='optimizeLegibility' transform='matrix(1,0,0,-1,0,60)'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='10' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_4_)' d='M5.266,35.231l13.601-23.6H19.2l-13.6,23.6l13.6,23.533h-0.333L5.266,35.231z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), auto !important;
  right: auto;
}

.slick-next {
  right: 0px;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' height='70px' width='70px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cg transform='matrix(1,0,0,-1,6.32,29.7232)' text-rendering='optimizeLegibility' image-rendering='optimizeQuality'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-6.32' y='-20.277' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' d='M38.053,4.284l-13.6,23.599l0.36,0.209v-0.416h-0.333v0.416l0.361,0.209l13.601-23.6 l0.12-0.209l-0.12-0.208L24.84-19.248l-0.36,0.208v0.417h0.333v-0.417l-0.359,0.208l13.6,23.534l0.361-0.209L38.053,4.284z M38.774,4.283l-13.6-23.533l-0.12-0.208h-0.241H24.48h-0.723l0.362,0.625L37.72,4.701l0.36-0.209l-0.361-0.208l-13.6,23.599 l-0.362,0.625h0.723h0.333h0.241l0.12-0.207l13.602-23.6l0.119-0.209L38.774,4.283z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='matrix(1,0,0,-1,0,60)' text-rendering='optimizeLegibility' image-rendering='optimizeQuality'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='10' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_4_)' d='M44.734,34.769l-13.602,23.6H30.8l13.601-23.6L30.8,11.236h0.333L44.734,34.769z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), auto !important;
  left: auto;
}

.slick-prev:before, .slick-next:before {
  display: none;
}

.Contact h2 a:hover {
  text-decoration: underline;
}

h2 {
  vertical-align: middle;

}

h2 img {
  width: 10px;
  margin-left: 10px;
  display: inline-block;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.exhibit-action:hover h2 img {
  margin-left: 20px;
}

.exhibit-action .thumb {
  width: 50px;
  height: 50px;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  height: 100%;
}

.slick-slide {
  position: relative;
}

.caption {
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 20%;
  font-family: 'Arial Narrow', sans-serif;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  padding: 20px;
  z-index:90;
  background: #fff;
  padding-top: 75vh;
  padding-top: calc(100vh - 200px);

  /*display: none !important;*/
}

.nav-icon, .home-image {
  display: none;
}

.Contact footer, body.exhibit-open footer {
  display: none;
}

footer {
  border-top:1px solid #eee;
  border:none;
  padding:15px 35px;
}

.exhibit-action h2 {
  position: relative;
}

.exhibit-action h2 img {
  position: absolute;
  top: 8px;
}

body.Home footer {
  border-top: none;
}

footer h2 {
  font-size: 15px !important;
  color: #a3a3a3 !important;
}

.exhibit .exhibit-title {
  z-index:10000;
  cursor: pointer;
  font-size:14px;
  left: 35px;
  top: 35px;
}

.exhibit .exhibit-title h2 {
  margin-bottom: 10px;
  display: inline-block;
}

.exhibit .exhibit-title h2.active {
  border-bottom: 2px solid #000;
}


@media only screen and (max-width : 850px) { 

  footer {
    padding:15px; text-align: center;
  }

  .home-image {
    display: block;
    width: 100%;
    height: 100%;
    height: calc(100% - 120px);
    object-fit: cover;
    position: absolute;
    z-index: -1;
    top: 60px;
    bottom: 60px;
  }

  .nav {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    text-align: center;
    position: fixed;
    left: 0px;
    top: 0px;
    padding-top:100px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
    visibility: hidden;
    opacity: 0;
  }

  .nav.active {
    visibility: visible;
    opacity: 1;
  }

  .home-content {
    top: 50%;
    bottom: auto !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px !important;
    width: 100%;
    text-align: center;
  }


  .exhibit .slideshow, .slick-slide img, .slick-slider .slick-track, .slick-slider .slick-list{
    width: 100%;
    height: auto;
  }

  .exhibit .close {
    bottom: auto;
    top: 0px;
    left: auto;
    right: 0px;

    width: 50px;
    height: 50px;
  }

  .exhibit-open .nav-icon {
    opacity: 0 !important;
    visibility: hidden !important; 
  }

  .slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    width: 70px;
    cursor: pointer !important;
    top: 20px;
    bottom: auto;
    left: auto;
  } 

  body.Home h2 {
    letter-spacing: .2px;
  }

  .nav a:before {
    display: none !important;
  }

  /*body.Home {
    background:#fff;
  }

  body.Home .nav a, body.Home .logo {
    color: #000;
  }*/

  .exhibit .exhibit-title {
    top: 10vh;
    left: 50%;
    text-align: center;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .slick-prev, .slick-prev:hover, .slick-prev:focus {
    right: 90px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns:x='http://ns.adobe.com/Extensibility/1.0/' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' xmlns:graph='http://ns.adobe.com/Graphs/1.0/' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' version='1.1' id='Layer_1' x='0px' y='0px' height='70px' width='70px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cg image-rendering='optimizeQuality' text-rendering='optimizeLegibility' transform='matrix(1,0,0,-1,6.32,29.7232)'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-6.32' y='-20.277' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' d='M-0.693,5.162l13.6-23.599l-0.361-0.209v0.416h0.333v-0.416l-0.361-0.209l-13.6,23.6 l-0.121,0.209l0.121,0.208L12.52,28.695l0.36-0.208V28.07h-0.333v0.417l0.36-0.208l-13.6-23.534l-0.361,0.209L-0.693,5.162z M-1.414,5.163l13.6,23.533l0.12,0.208h0.241h0.333h0.723l-0.362-0.625L-0.36,4.745l-0.36,0.209l0.361,0.208l13.6-23.599 l0.362-0.625H12.88h-0.333h-0.241l-0.12,0.207l-13.601,23.6l-0.12,0.209L-1.414,5.163z'/%3E%3C/g%3E%3C/g%3E%3Cg image-rendering='optimizeQuality' text-rendering='optimizeLegibility' transform='matrix(1,0,0,-1,0,60)'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='10' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_4_)' d='M5.266,35.231l13.601-23.6H19.2l-13.6,23.6l13.6,23.533h-0.333L5.266,35.231z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .slick-next, .slick-next:hover, .slick-next:focus {
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' height='70px' width='70px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cg%3E%3Cg transform='matrix(1,0,0,-1,6.32,29.7232)' text-rendering='optimizeLegibility' image-rendering='optimizeQuality'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='-6.32' y='-20.277' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' d='M38.053,4.284l-13.6,23.599l0.36,0.209v-0.416h-0.333v0.416l0.361,0.209l13.601-23.6 l0.12-0.209l-0.12-0.208L24.84-19.248l-0.36,0.208v0.417h0.333v-0.417l-0.359,0.208l13.6,23.534l0.361-0.209L38.053,4.284z M38.774,4.283l-13.6-23.533l-0.12-0.208h-0.241H24.48h-0.723l0.362,0.625L37.72,4.701l0.36-0.209l-0.361-0.208l-13.6,23.599 l-0.362,0.625h0.723h0.333h0.241l0.12-0.207l13.602-23.6l0.119-0.209L38.774,4.283z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='matrix(1,0,0,-1,0,60)' text-rendering='optimizeLegibility' image-rendering='optimizeQuality'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='10' width='50' height='50'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_4_)' d='M44.734,34.769l-13.602,23.6H30.8l13.601-23.6L30.8,11.236h0.333L44.734,34.769z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .top-a {
    top: 20px;
  }

  .left-a {
    left: 20px;
  }

  .right-a {
    right: 20px;
  }

  .logo {
    font-size: 34px;
  }

  .nav a {
    font-size: 21px;
    line-height: 27px;
  }

  .nav a:before {
    bottom: -5px;
  }

  .nav a.d-inline-block {
    display: block !important;
    margin-bottom: 10px;
    text-align: center;
    padding: 20px 0px;
    color: #000 !important;
    margin: 20px 0px !important;
  }

  .header.align-items-center {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    display: block !important;
    text-align: center;
        top: auto !important;
        bottom: 12px !important;
  }

  .bottom-a {
    bottom: 18vh;
  }

  .caption {
    width: 100%;
    height: auto;
    background: #fff;
    position: static;
    display: block;
    opacity: 0;
        -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .caption.active {
    opacity: 1;
  }

  .slick-slide img {
    margin-left: 0px;
  }

  .exhibit .slideshow {
    height: auto;
    max-height: 40000px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .nav-icon {
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 26px;
    z-index: 1250;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    top: 22px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .nav-icon span {
    width: 100%;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 0px;
    right: 0px;
  }

  .Home .nav-icon span {
    background: #fff;
  }

  .caption {
    padding-top: 20px;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
  }

  .nav-icon.open span {
    background: #000 !important;
  }

  .nav-icon span.second {
    top: 7px;
  }

  .nav-icon span.third {
    top: 14px;
  }

  .nav-icon.open span.second {
    filter:alpha(opacity=0);
    opacity: 0;
  }

  .nav-icon.open span.first {
    -moz-transform: scale(1) rotate(-135deg);
    -webkit-transform: scale(1) rotate(-135deg);
    -o-transform: scale(1) rotate(-135deg);
    -ms-transform: scale(1) rotate(-135deg);
    transform: scale(1) rotate(-135deg);
    top: 11px;
    background: #fff;
    right: 2px;
  }

  .nav-icon.open span.third {
    -moz-transform: scale(1) rotate(135deg);
    -webkit-transform: scale(1) rotate(135deg);
    -o-transform: scale(1) rotate(135deg);
    -ms-transform: scale(1) rotate(135deg);
    transform: scale(1) rotate(135deg);
    top: 11px;
    background: #fff;
    right: 2px;
  }

  .nav-icon.open {
    -moz-transform: scale(1) rotate(-90deg);
    -webkit-transform: scale(1) rotate(-90deg);
    -o-transform: scale(1) rotate(-90deg);
    -ms-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg);
  }

  .exhibit .slideshow {
    max-width: 96%;
        margin: 0 auto;
        right: 2%;
  }

  .slick-slider{
    touch-action: auto!important;
  }

  .ss2 .slick-list, .ss4 .slick-list {
    overflow: visible;
  }

  .exhibit .slideshow.ss2, .exhibit .slideshow.ss4 {
    overflow: visible;
  }

  .caption {
    position: absolute;
    top: 100%;
  }


/*  .slick-slide img, .slick-slider .slick-track, .slick-slider .slick-list {
    min-height: 280px;
  }*/

}