/* #Reset
================================================================================================= */
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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Media - Fluid Images - Video
======================================================= */
figure {
  margin: 0;
}

img, object, embed, video {
  max-width: 100%;
  _width: 100%;
}

/* Fluid images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Improve IE's resizing of images */
svg:not(:root) {
  overflow: hidden;
}

/* Correct IE9 overflow */
img {
  height: auto;
}

/* Colors
================================================================================================= */
/* Transition Times
================================================================================================= */
@font-face {
  font-family: 'Novecentowide-Bold';
  src: url("/fonts/novecento/25DFFC_0_0.eot");
  src: url("/fonts/novecento/25DFFC_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/novecento/25DFFC_0_0.woff") format("woff"), url("/fonts/novecento/25DFFC_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Novecentowide-Light';
  src: url("/fonts/novecento/25DFFC_1_0.eot");
  src: url("/fonts/novecento/25DFFC_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/novecento/25DFFC_1_0.woff") format("woff"), url("/fonts/novecento/25DFFC_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Novecentowide-DemiBold';
  src: url("/fonts/novecento/25DFFC_2_0.eot");
  src: url("/fonts/novecento/25DFFC_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/novecento/25DFFC_2_0.woff") format("woff"), url("/fonts/novecento/25DFFC_2_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Novecentowide-Book';
  src: url("/fonts/novecento/25DFFC_3_0.eot");
  src: url("/fonts/novecento/25DFFC_3_0.eot?#iefix") format("embedded-opentype"), url("/fonts/novecento/25DFFC_3_0.woff") format("woff"), url("/fonts/novecento/25DFFC_3_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Novecentowide-Normal';
  src: url("/fonts/novecento/25DFFC_4_0.eot");
  src: url("/fonts/novecento/25DFFC_4_0.eot?#iefix") format("embedded-opentype"), url("/fonts/novecento/25DFFC_4_0.woff") format("woff"), url("/fonts/novecento/25DFFC_4_0.ttf") format("truetype");
}
@font-face {
  font-family: 'Novecentowide-Medium';
  src: url("/fonts/novecento/25DFFC_5_0.eot");
  src: url("/fonts/novecento/25DFFC_5_0.eot?#iefix") format("embedded-opentype"), url("/fonts/novecento/25DFFC_5_0.woff") format("woff"), url("/fonts/novecento/25DFFC_5_0.ttf") format("truetype");
}
/* Links and Headers
======================================================= */
a {
  color: #999999;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
a:focus, a:hover, a:active {
  outline: 0;
}
a:hover {
  color: #d9d7ed;
}
a:visited {
  color: #999999;
}

h1, h2, h3, h4, h5 {
  color: #999999;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

h1 {
  font-size: 4.15em;
}

h2 {
  font-size: 3.25em;
}

h3 {
  font-size: 2.25em;
}

h4 {
  font-size: 1.45em;
}

h5 {
  font-size: 1em;
}

p {
  text-align: left;
}

/* Main Body Styles
======================================================= */
body {
  font-size: 62.5%;
  color: #999999;
  background: white;
  letter-spacing: 0.06em;
  font-family: helvetica, arial, sans-serif;
}

/* Home Page
======================================================= */
/* Content
======================================================= */
#content {
  width: 75%;
  max-width: 700px;
  float: left;
  position: relative;
}
@media screen and (max-width: 600px) {
  #content {
    width: 100%;
  }
}
#content #artist {
  text-align: right;
  margin-bottom: 2em;
  font-size: 1.2em;
  text-transform: none;
  -webkit-transition: opacity 333ms ease-in-out;
  transition: opacity 333ms ease-in-out;
}
@media screen and (max-width: 800px) {
  #content #artist {
    margin-right: 3%;
  }
}
@media screen and (max-width: 600px) {
  #content #artist {
    margin-top: 10px;
  }
}

.contact-wrap {
  margin-top: 25px;
  font-size: 1.1em;
  -webkit-transition: opacity 666ms ease-in-out;
  transition: opacity 666ms ease-in-out;
}
@media screen and (max-width: 600px) {
  .contact-wrap {
    margin-left: 5%;
  }
}
.contact-wrap p {
  margin-bottom: 0.25em;
  font-size: 1.2em;
  display: block;
}
.contact-wrap p.bottom {
  margin-bottom: 1em;
}
.contact-wrap a {
  color: #d9d7ed;
  font-size: 1.1em;
}
.contact-wrap a span {
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.contact-wrap a:hover {
  color: #999999;
}
.contact-wrap a:hover span {
  color: #d9d7ed;
}

/* Footer
======================================================= */
/* Clearfix
======================================================= */
.cf, nav > li, nav > li .list, .gallery, .flex-direction-nav {
  *zoom: 1;
}
.cf:before, nav > li:before, nav > li .list:before, .gallery:before, .flex-direction-nav:before, .cf:after, nav > li:after, nav > li .list:after, .gallery:after, .flex-direction-nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after, nav > li:after, nav > li .list:after, .gallery:after, .flex-direction-nav:after {
  clear: both;
}

.disable-hover {
  pointer-events: none;
}

/* Selection Colors
======================================================= */
::-moz-selection {
  background: #d9d7ed;
  color: #999999;
}
::selection {
  background: #d9d7ed;
  color: #999999;
}

::-moz-selection {
  background: #d9d7ed;
  color: #999999;
}

#masthead {
  margin: 40px 0 2em;
  padding-top: 1em;
  background: #d9d7ed;
}
#masthead h1 {
  line-height: 0.5;
  color: #999999;
}
#masthead h1 a {
  color: #999999;
  background: white;
  margin-left: 3.5%;
  padding: 0 1.5%;
  font-family: 'Steiner';
  font-size: 0.8em;
  letter-spacing: 0.03em;
  text-transform: none;
}
#masthead h1 a:visited {
  color: #999999;
}
#masthead h1 a:visited span {
  color: #d9d7ed;
}
#masthead h1 a span {
  color: #d9d7ed;
}

nav {
  width: 20%;
  margin-left: 5%;
  margin-top: 2.5em;
  float: left;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  nav {
    width: 95%;
  }
}
nav > li {
  position: relative;
  margin-bottom: 0.5em;
  -webkit-transition: opacity 333ms ease-in-out;
  transition: opacity 333ms ease-in-out;
}
@media screen and (max-width: 600px) {
  nav > li {
    display: inline-block;
    margin-right: 0.5em;
  }
}
nav > li > a {
  width: 100%;
  cursor: pointer;
  font-family: 'Steiner';
  font-size: 2.4em;
  color: #999999;
}
nav > li > a:visited, nav > li > a:link {
  color: #999999;
}
nav > li .list {
  position: absolute;
  top: 0;
  left: 125px;
  width: 200%;
  z-index: 9999;
  display: none;
}
@media screen and (max-width: 600px) {
  nav > li .list {
    left: 0;
    top: 10px;
    padding-top: 15px;
    width: 400px;
  }
}
nav > li .list > li {
  display: block;
  float: left;
  width: 100%;
  padding: 0.2em 0;
  text-align: left;
  font-size: 1.5em;
  cursor: pointer;
  text-transform: lowercase;
}
@media screen and (max-width: 600px) {
  nav > li .list > li {
    font-size: 1em;
  }
}
nav > li .list > li .wrap {
  display: none;
}
nav > li .list > li .wrap > span {
  margin-left: 0.5em;
}
nav > li .list > li .wrap > span .genericon {
  height: 0;
  position: relative;
  top: 0px;
  margin-right: 2px;
}
nav > li .list > li .wrap > span a {
  color: #999999;
}
nav > li .list > li .wrap > span a:hover {
  color: #d9d7ed;
}
nav > li .list > li:hover, nav > li .list > li.active {
  color: #d9d7ed;
}
nav > li .list > li:hover .wrap, nav > li .list > li.active .wrap {
  display: inline-block;
}
nav > li:hover > a, nav > li.active > a {
  color: #d9d7ed;
}
nav > li:hover .list, nav > li.active .list {
  display: block;
}
nav > li.hide {
  opacity: 0.1;
}
nav:hover + #content .gallery,
nav:hover + #content .contact-wrap, nav.active + #content .gallery,
nav.active + #content .contact-wrap {
  opacity: 0.05;
}
@media screen and (max-width: 600px) {
  nav:hover + #content #artist, nav.active + #content #artist {
    opacity: 0.05;
  }
}

.flex-control-nav {
  display: none;
}

/* Slider
======================================================= */
.gallery {
  position: relative;
  -webkit-transition: opacity 666ms ease-in-out;
  transition: opacity 666ms ease-in-out;
}
.gallery .slides {
  width: 90%;
  margin: 0 auto;
}
.gallery .slides li {
  list-style: none;
  float: left;
  text-align: center;
}
.gallery .slides li img {
  width: auto;
  max-width: 85%;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .gallery .slides li img {
    width: 75%;
  }
}
.gallery .slides li img:hover + span {
  opacity: 1;
}
.gallery .slides li span {
  position: absolute;
  left: 46%;
  top: 41%;
  font-size: 6em;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
.gallery .slides li p {
  text-align: center;
  max-width: 85%;
  margin: 10px auto 0;
  line-height: 1.4;
  font-size: 1.1em;
}
.gallery.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
}
.gallery.full-screen .slides li {
  overflow: hidden;
}
.gallery.full-screen .slides li img {
  width: auto;
  max-width: none;
  height: 80%;
  height: 90vh;
  max-height: 90% !important;
  margin-top: 40px;
}
.gallery.full-screen .slides li span {
  display: none;
  font-size: 6em;
  left: 48%;
}
.gallery.full-screen .slides li span:before {
  content: '\f406';
}
.gallery.full-screen .flex-direction-nav {
  top: 47%;
}

.flex-direction-nav {
  position: absolute;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
}
.flex-direction-nav li {
  position: absolute;
  -webkit-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
.flex-direction-nav li.prevslide {
  left: 0px;
}
.flex-direction-nav li.nextslide {
  right: 0px;
}
.flex-direction-nav li span {
  color: #d9d9d9;
  font-size: 3em;
}
@media screen and (max-width: 600px) {
  .flex-direction-nav li span {
    font-size: 2.5em;
  }
}
.flex-direction-nav li span:hover {
  color: #d9d7ed;
}
.flex-direction-nav li:hover {
  opacity: 1;
}