@font-face {
  font-family: 'bio_sans';
  src: url("/design/fonts/biosans/biosans-light-webfont.eot");
  src: url("/design/fonts/biosans/biosans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/biosans/biosans-light-webfont.woff2") format("woff2"), url("/design/fonts/biosans/biosans-light-webfont.woff") format("woff"), url("/design/fonts/biosans/biosans-light-webfont.ttf") format("truetype"), url("/design/fonts/biosans/biosans-light-webfont.svg#bio_sans_light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'bio_sans';
  src: url("/design/fonts/biosans/biosans-regular-webfont.eot");
  src: url("/design/fonts/biosans/biosans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/biosans/biosans-regular-webfont.woff2") format("woff2"), url("/design/fonts/biosans/biosans-regular-webfont.woff") format("woff"), url("/design/fonts/biosans/biosans-regular-webfont.ttf") format("truetype"), url("/design/fonts/biosans/biosans-regular-webfont.svg#bio_sans_regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'bio_sans';
  src: url("/design/fonts/biosans/biosans-bold-webfont.eot");
  src: url("/design/fonts/biosans/biosans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/biosans/biosans-bold-webfont.woff2") format("woff2"), url("/design/fonts/biosans/biosans-bold-webfont.woff") format("woff"), url("/design/fonts/biosans/biosans-bold-webfont.ttf") format("truetype"), url("/design/fonts/biosans/biosans-bold-webfont.svg#bio_sans_bold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'bio_sans';
  src: url("/design/fonts/biosans/biosans-extrabold-webfont.eot");
  src: url("/design/fonts/biosans/biosans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/biosans/biosans-extrabold-webfont.woff2") format("woff2"), url("/design/fonts/biosans/biosans-extrabold-webfont.woff") format("woff"), url("/design/fonts/biosans/biosans-extrabold-webfont.ttf") format("truetype"), url("/design/fonts/biosans/biosans-extrabold-webfont.svg#bio_sans_extrabold") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'klinic_slab';
  src: url("/design/fonts/klinic/klinicslabbold-webfont.eot");
  src: url("/design/fonts/klinic/klinicslabbold-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/klinic/klinicslabbold-webfont.woff2") format("woff2"), url("/design/fonts/klinic/klinicslabbold-webfont.woff") format("woff"), url("/design/fonts/klinic/klinicslabbold-webfont.ttf") format("truetype"), url("/design/fonts/klinic/klinicslabbold-webfont.svg#klinic_slabbold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'klinic_slab';
  src: url("/design/fonts/klinic/klinicslabmedium-webfont.eot");
  src: url("/design/fonts/klinic/klinicslabmedium-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/klinic/klinicslabmedium-webfont.woff2") format("woff2"), url("/design/fonts/klinic/klinicslabmedium-webfont.woff") format("woff"), url("/design/fonts/klinic/klinicslabmedium-webfont.ttf") format("truetype"), url("/design/fonts/klinic/klinicslabmedium-webfont.svg#klinic_slabmedium") format("svg");
  font-weight: 400;
  font-style: normal; }
html, body {
  font-family: 'bio_sans', sans-serif;
  background: #fff;
  margin: 0;
  min-width: 1280px;
  padding: 0;
  position: relative;
  width: 100%; }
  html a img, body a img {
    border: 0; }

body > div#stencil {
  overflow-x: hidden;
  position: relative; }
  body > div#stencil > header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    transition: left 0.5s ease; }
    body > div#stencil > header a.logo {
      display: inline-block;
      margin: 30px 0 0 30px;
      position: relative;
      z-index: 3; }
      body > div#stencil > header a.logo img {
        width: 150px;
        height: 150px; }
    body > div#stencil > header.open {
      left: -550px; }
      body > div#stencil > header.open a.menu {
        background: transparent url("/design/images/close-icon.svg") no-repeat right 20px center;
        background-size: 24px; }

#menu-button {
  background: transparent url("/design/images/burger-icon-revised.svg") no-repeat right 20px center;
  background-size: 19px;
  color: white;
  cursor: pointer;
  display: block;
  font-weight: 900;
  padding: 20px 60px 20px 20px;
  position: fixed;
  right: 0;
  text-decoration: none;
  top: 0;
  z-index: 3; }
  #menu-button.open {
    background: transparent url("/design/images/close-icon.svg") no-repeat right 20px center;
    background-size: 24px; }

#menu {
  background: #383e4a;
  box-sizing: border-box;
  color: white;
  padding: 70px 70px;
  position: fixed;
  right: -550px;
  top: 0;
  transition: right 0.5s ease;
  width: 550px;
  z-index: 2;
  height: 100%; }
  #menu ul {
    font-family: 'klinic_slab', serif;
    list-style-type: none;
    margin: 0 0 0.75em;
    padding: 0;
    font-size: 24pt; }
    #menu ul li {
      padding: 6px 0; }
      #menu ul li a {
        color: white;
        text-decoration: none; }
        #menu ul li a:hover {
          color: #B8386c; }
  #menu a.donate {
    font-family: 'bio_sans', sans-serif;
    background: #ffc425;
    color: #393f4a;
    display: inline-block;
    font-size: 22pt;
    font-weight: 900;
    padding: 25px 30px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 30px; }
    #menu a.donate:hover {
      background: #B8386c;
      color: #ffc425; }
  #menu p.phone {
    font-size: 16pt;
    margin: 0;
    text-transform: uppercase; }
  #menu.open {
    right: 0; }

#page-content {
  background: #e7eaef;
  left: 0px;
  position: relative;
  transition: left 0.5s ease;
  width: 100%; }
  #page-content.open {
    left: -550px; }
  #page-content footer {
    padding: 0 0 40px;
    background: white;
    position: relative;
    margin-top: 20px;
    color: #657084; }
    #page-content footer div.inner {
      margin: 0 auto;
      overflow: auto;
      width: calc(100% - 200px);
      padding: 5px 0; }
    #page-content footer img.mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      transform: translateY(-95%); }
    #page-content footer img.small-logo {
      width: 80px;
      float: left;
      margin-right: 40px; }
    #page-content footer div.contact-us,
    #page-content footer div.visit-us {
      float: left;
      margin-top: 10px;
      width: 250px; }
      #page-content footer div.contact-us h4,
      #page-content footer div.visit-us h4 {
        margin: 0;
        font-size: 12pt;
        font-weight: 600; }
      #page-content footer div.contact-us p,
      #page-content footer div.visit-us p {
        margin: 0;
        font-size: 10pt; }
    #page-content footer div.contact-us {
      width: 200px; }
    #page-content footer div.follow-us {
      float: right;
      padding-top: 20px;
      line-height: 48px; }
      #page-content footer div.follow-us strong {
        font-size: 12pt;
        font-weight: 600; }
      #page-content footer div.follow-us a {
        float: right;
        display: block;
        width: 52px;
        height: 52px;
        background: url("/design/images/footer-social-icons.png") left top;
        background-size: 208px;
        margin-left: 10px; }
        #page-content footer div.follow-us a:hover {
          background-position: 0 52px; }
        #page-content footer div.follow-us a.twitter {
          background-position: -52px 0; }
          #page-content footer div.follow-us a.twitter:hover {
            background-position: -52px 52px; }
        #page-content footer div.follow-us a.instagram {
          background-position: -104px 0; }
          #page-content footer div.follow-us a.instagram:hover {
            background-position: -104px 52px; }
        #page-content footer div.follow-us a.youtube {
          background-position: -156px 0; }
          #page-content footer div.follow-us a.youtube:hover {
            background-position: -156px 52px; }
    #page-content footer div.credits {
      clear: both;
      font-size: 9pt;
      color: #b9bfc9;
      padding-left: 120px; }
      #page-content footer div.credits p.copyright {
        float: left; }
      #page-content footer div.credits p.strabs {
        float: right; }
        #page-content footer div.credits p.strabs a {
          color: #b9bfc9;
          font-weight: 600;
          text-decoration: none; }
          #page-content footer div.credits p.strabs a:hover {
            color: #393f4a; }

body.home-page > header a.logo img {
  width: 200px;
  height: 200px; }
body.home-page div.flipper {
  background: black;
  height: 65vh;
  position: relative;
  width: 100%; }
  body.home-page div.flipper div.frame {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    body.home-page div.flipper div.frame img.frame {
      height: 100%;
      width: auto;
      margin: 0 auto;
      display: block; }
    body.home-page div.flipper div.frame div.details {
      bottom: 20px;
      color: #909090;
      position: absolute;
      right: 20px;
      z-index: 2; }
      body.home-page div.flipper div.frame div.details h3, body.home-page div.flipper div.frame div.details h4 {
        margin: 0;
        text-align: right; }
      body.home-page div.flipper div.frame div.details h3 {
        font-weight: 600;
        font-size: 14px;
        font-style: italic; }
      body.home-page div.flipper div.frame div.details h4 {
        font-weight: 400;
        font-size: 12px; }
    body.home-page div.flipper div.frame img.mask {
      display: block;
      height: 100%;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 0;
      width: auto; }
body.home-page div.mid-bar {
  background: #ffc425;
  padding: 30px 0;
  overflow: auto; }
  body.home-page div.mid-bar div.inner {
    width: 1200px;
    margin: 0 auto; }
  body.home-page div.mid-bar div.whats-on {
    box-sizing: border-box;
    float: right;
    padding-top: 14px;
    padding-right: 14px;
    width: 33%; }
    body.home-page div.mid-bar div.whats-on a {
      display: block;
      margin-top: 4px; }
    body.home-page div.mid-bar div.whats-on h3 {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      margin: 0;
      text-transform: uppercase; }
    body.home-page div.mid-bar div.whats-on h2 {
      color: white;
      font-size: 21px;
      font-weight: 600;
      line-height: 1.1em;
      margin: 0;
      width: 100%; }
      body.home-page div.mid-bar div.whats-on h2:hover {
        color: #B8386c; }
        body.home-page div.mid-bar div.whats-on h2:hover span.dates {
          border-color: #B8386c; }
          body.home-page div.mid-bar div.whats-on h2:hover span.dates span.date span.month {
            color: #B8386c; }
      body.home-page div.mid-bar div.whats-on h2 span.dates {
        border-right: 1px solid #FFDB7C;
        display: block;
        float: left;
        margin-top: 6px;
        width: 99px; }
        body.home-page div.mid-bar div.whats-on h2 span.dates span.date {
          display: block;
          float: left;
          text-align: center;
          width: 40px; }
          body.home-page div.mid-bar div.whats-on h2 span.dates span.date span.month {
            color: #FFF3D3;
            float: left;
            font-size: 12px;
            letter-spacing: 1px;
            line-height: 16px;
            text-transform: uppercase;
            width: 100%; }
          body.home-page div.mid-bar div.whats-on h2 span.dates span.date span.day {
            float: left;
            font-size: 26px;
            font-weight: 900;
            width: 100%; }
        body.home-page div.mid-bar div.whats-on h2 span.dates span.dash {
          float: left;
          display: block;
          padding-top: 15px; }
      body.home-page div.mid-bar div.whats-on h2 span.title {
        display: inline-block;
        float: left;
        padding-left: 14px;
        width: calc(100% - 114px);
        line-height: 25px; }
  body.home-page div.mid-bar a.donate {
    background: #ffc425;
    border: 3px solid rgba(255, 255, 255, 0.5);
    color: white;
    display: block;
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 800;
    padding: 30px 30px; }
    body.home-page div.mid-bar a.donate:hover {
      background: #B8386c;
      border-color: white; }
body.home-page div.row-1 {
  padding: 30px 0; }
  body.home-page div.row-1 div.inner {
    width: 1200px;
    margin: 0 auto;
    position: relative; }
  body.home-page div.row-1 div.fma-1 {
    background: black;
    border: 6px solid white;
    bottom: -0px;
    left: 0;
    overflow: auto;
    position: absolute;
    width: 48%; }
    body.home-page div.row-1 div.fma-1 img.background {
      float: left;
      opacity: 0.5;
      width: 100%; }
    body.home-page div.row-1 div.fma-1 div.details {
      position: absolute;
      top: 50%;
      left: 0;
      padding: 20px;
      transform: translateY(-50%); }
      body.home-page div.row-1 div.fma-1 div.details h3, body.home-page div.row-1 div.fma-1 div.details h4 {
        margin: 0;
        color: white; }
      body.home-page div.row-1 div.fma-1 div.details h3 {
        font-family: 'klinic_slab', serif;
        font-weight: 600;
        font-size: 26pt;
        line-height: 26pt; }
      body.home-page div.row-1 div.fma-1 div.details h4 {
        font-weight: 600;
        font-size: 11pt; }
    body.home-page div.row-1 div.fma-1:hover div.details h3, body.home-page div.row-1 div.fma-1:hover div.details h4 {
      color: #ffc425; }
  body.home-page div.row-1 div.smaller-fma-list {
    float: right;
    width: 51%;
    overflow: auto; }
  body.home-page div.row-1 div.fma-2,
  body.home-page div.row-1 div.fma-3 {
    background: grey;
    float: left;
    height: 200px;
    margin-left: 6%;
    overflow: hidden;
    position: relative;
    width: 44%; }
    body.home-page div.row-1 div.fma-2 img.background,
    body.home-page div.row-1 div.fma-3 img.background {
      width: 100%;
      float: left; }
    body.home-page div.row-1 div.fma-2 div.details,
    body.home-page div.row-1 div.fma-3 div.details {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 5px 15px 15px;
      background: #393f4a;
      width: 100%;
      box-sizing: border-box; }
      body.home-page div.row-1 div.fma-2 div.details img.mask,
      body.home-page div.row-1 div.fma-3 div.details img.mask {
        left: 0;
        position: absolute;
        top: 1px;
        width: 100%;
        transform: translateY(-100%); }
      body.home-page div.row-1 div.fma-2 div.details h3, body.home-page div.row-1 div.fma-2 div.details h4,
      body.home-page div.row-1 div.fma-3 div.details h3,
      body.home-page div.row-1 div.fma-3 div.details h4 {
        color: white;
        margin: 0; }
      body.home-page div.row-1 div.fma-2 div.details h3,
      body.home-page div.row-1 div.fma-3 div.details h3 {
        font-family: 'klinic_slab', serif;
        font-size: 15pt;
        line-height: 15pt;
        margin: 3px 0 6px; }
      body.home-page div.row-1 div.fma-2 div.details h4,
      body.home-page div.row-1 div.fma-3 div.details h4 {
        font-weight: 600;
        font-size: 12px;
        line-height: 1em; }
    body.home-page div.row-1 div.fma-2:hover div.details h3, body.home-page div.row-1 div.fma-2:hover div.details h4,
    body.home-page div.row-1 div.fma-3:hover div.details h3,
    body.home-page div.row-1 div.fma-3:hover div.details h4 {
      color: #ffc425; }
  body.home-page div.row-1 div.clear {
    clear: both; }
body.home-page div.row-2 {
  padding: 0 0 80px; }
  body.home-page div.row-2 div.inner {
    margin: 0 auto;
    overflow: auto;
    width: 1200px; }
  body.home-page div.row-2 div.newsletter {
    background: white;
    box-sizing: border-box;
    float: left;
    padding: 30px;
    width: 35%; }
    body.home-page div.row-2 div.newsletter h3 {
      color: #393f4a;
      font-size: 14px;
      font-weight: 600;
      margin: 0;
      text-transform: uppercase; }
    body.home-page div.row-2 div.newsletter p {
      margin: 0 0 10px;
      overflow: auto;
      color: #8796b0;
      font-size: 14px; }
    body.home-page div.row-2 div.newsletter input {
      font-family: 'bio_sans', sans-serif;
      background: #e7eaef;
      border: 0;
      float: left;
      font-size: 12pt;
      margin-right: 10px;
      outline: 0;
      padding: 0.5em 1em;
      width: 240px; }
    body.home-page div.row-2 div.newsletter button {
      font-family: 'bio_sans', sans-serif;
      background: #00b0f2;
      border: 0;
      color: white;
      float: left;
      font-size: 12pt;
      line-height: 1.25em;
      padding: 0.5em; }
  body.home-page div.row-2 div.hpr {
    background: black;
    box-sizing: border-box;
    float: right;
    width: 60%;
    position: relative; }
    body.home-page div.row-2 div.hpr img.background {
      float: right;
      height: 216px; }
    body.home-page div.row-2 div.hpr img.mask {
      height: 100%;
      position: absolute;
      left: 1px;
      top: 0;
      transform: translateX(-100%); }
    body.home-page div.row-2 div.hpr div.details {
      box-sizing: border-box;
      color: white;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 55%;
      background: -moz-linear-gradient(left, black 75%, transparent 100%);
      background: -webkit-linear-gradient(left, black 75%, transparent 100%);
      background: linear-gradient(to right, black 75%, transparent 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); }
      body.home-page div.row-2 div.hpr div.details div.v-center {
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%); }
      body.home-page div.row-2 div.hpr div.details h3, body.home-page div.row-2 div.hpr div.details h4 {
        margin: 0; }
      body.home-page div.row-2 div.hpr div.details h3 {
        font-family: 'klinic_slab', serif;
        font-size: 18pt; }
      body.home-page div.row-2 div.hpr div.details h4 {
        font-size: 11pt;
        font-weight: 400; }
    body.home-page div.row-2 div.hpr:hover div.details h3, body.home-page div.row-2 div.hpr:hover div.details h4 {
      color: #ffc425; }
  body.home-page div.row-2 div.newsletter {
    height: 216px;
    position: relative; }
    body.home-page div.row-2 div.newsletter img.mask {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      transform: translateX(100%); }

body.general-page #page-content {
  background: #e7eaef; }
body.general-page #menu-button {
  background-color: #383e4a; }
body.general-page div.hero {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #ffe6a2; }
  body.general-page div.hero img.hero {
    left: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }
  body.general-page div.hero img.mask {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 2; }
  body.general-page div.hero ul.sub-menu {
    font-size: 22px;
    font-weight: 900;
    list-style-type: none;
    margin: 300px auto 100px auto;
    min-height: 200px;
    padding: 0 810px 0 0;
    position: relative;
    width: 300px;
    z-index: 2; }
    body.general-page div.hero ul.sub-menu li {
      padding: 8px 0; }
      body.general-page div.hero ul.sub-menu li.section {
        font-size: 12px;
        text-transform: uppercase; }
    body.general-page div.hero ul.sub-menu a {
      color: black;
      text-decoration: none;
      position: relative;
      display: block;
      line-height: 1.1em; }
      body.general-page div.hero ul.sub-menu a.active, body.general-page div.hero ul.sub-menu a:hover {
        color: #393f4a; }
        body.general-page div.hero ul.sub-menu a.active:before, body.general-page div.hero ul.sub-menu a:hover:before {
          content: "/ /";
          position: absolute;
          left: -1.5em;
          top: 0; }
  body.general-page div.hero div.note {
    display: none;
    background: #B8386c;
    bottom: 0;
    color: white;
    font-size: 9pt;
    font-weight: 600;
    padding: 10px 10px 10%;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 120px;
    z-index: 1; }
body.general-page div.asymetrical {
  padding-left: 300px;
  margin: 0 auto;
  width: 810px; }
body.general-page div.page {
  background: white;
  margin: -380px auto 100px;
  min-height: 400px;
  padding: 0 0 30px;
  position: relative;
  width: 810px;
  z-index: 2; }
  body.general-page div.page > div.title {
    padding: 20px 30px 0;
    position: relative; }
    body.general-page div.page > div.title h1, body.general-page div.page > div.title h2 {
      margin: 0; }
    body.general-page div.page > div.title h1 {
      font-family: 'klinic_slab', serif;
      color: #393f4a;
      font-size: 48px;
      font-weight: 600;
      line-height: 1em; }
    body.general-page div.page > div.title h2 {
      color: #cccccc;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase; }
    body.general-page div.page > div.title img.mask {
      left: 0;
      position: absolute;
      top: 0;
      transform: translateY(-95%);
      width: 100%; }
  body.general-page div.page > img.hero {
    margin-top: 30px;
    width: 100%; }
  body.general-page div.page > div.body {
    padding: 30px 30px 0; }
    body.general-page div.page > div.body > a.button {
      background: #00b0f2;
      color: white;
      float: right;
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 16px 16px;
      padding: 26px 40px;
      transition: background 0.25s ease, color 0.25s ease; }
      body.general-page div.page > div.body > a.button:hover {
        background: black;
        text-decoration: none; }
    body.general-page div.page > div.body h1, body.general-page div.page > div.body h2, body.general-page div.page > div.body h3, body.general-page div.page > div.body h4, body.general-page div.page > div.body h5, body.general-page div.page > div.body h6 {
      font-weight: 600;
      color: #393f4a;
      display: flex; }
      body.general-page div.page > div.body h1:first-child, body.general-page div.page > div.body h2:first-child, body.general-page div.page > div.body h3:first-child, body.general-page div.page > div.body h4:first-child, body.general-page div.page > div.body h5:first-child, body.general-page div.page > div.body h6:first-child {
        margin-top: 0; }
    body.general-page div.page > div.body h1 {
      font-size: 28px; }
    body.general-page div.page > div.body h2 {
      font-size: 26px; }
    body.general-page div.page > div.body h3 {
      font-size: 24px;
      /*color: $blue;*/ }
    body.general-page div.page > div.body h4 {
      font-size: 20px;
      text-transform: uppercase; }
    body.general-page div.page > div.body h5 {
      font-size: 20px; }
    body.general-page div.page > div.body p {
      color: #393f4a;
      font-size: 18px;
      font-weight: 300;
      line-height: 1.5em;
      margin-top: 0; }
      body.general-page div.page > div.body p:first-child {
        margin-top: 0; }
    body.general-page div.page > div.body ul {
      color: #393f4a;
      font-size: 18px;
      font-weight: 300;
      line-height: 25px; }
      body.general-page div.page > div.body ul:first-child {
        margin-top: 0; }
    body.general-page div.page > div.body a {
      text-decoration: none;
      color: #393f4a;
      font-weight: 600;
      border-bottom: 1px solid #e7eaef;
      transition: color 1.0s ease; }
      body.general-page div.page > div.body a:hover {
        border-bottom: 1px solid #8796b0;
        color: #00b0f2;
        transition: color 0.25s ease; }
    body.general-page div.page > div.body strong {
      font-weight: 600; }
    body.general-page div.page > div.body hr {
      border: 0;
      border-top: 1px solid #e7eaef; }
    body.general-page div.page > div.body blockquote {
      margin: 20px 30px; }
      body.general-page div.page > div.body blockquote p {
        color: #00b0f2;
        font-style: normal;
        font-weight: 600;
        margin: 0; }
        body.general-page div.page > div.body blockquote p strong {
          color: #393f4a;
          display: block;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          line-height: 1.5em; }
      body.general-page div.page > div.body blockquote:first-child {
        margin-top: 0; }
  body.general-page div.page > div.people div.person {
    padding: 40px 30px 30px;
    border-bottom: 1px solid #e7eaef;
    overflow: auto; }
    body.general-page div.page > div.people div.person:last-child {
      border-bottom: 0;
      padding-bottom: 20px; }
    body.general-page div.page > div.people div.person:target {
      background: #fffce8; }
    body.general-page div.page > div.people div.person img.headshot {
      float: left;
      margin-right: 20px;
      width: 200px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    body.general-page div.page > div.people div.person div.details {
      float: left;
      width: calc(100% - 220px); }
      body.general-page div.page > div.people div.person div.details h3 {
        font-weight: 600;
        font-size: 22px;
        color: #393f4a;
        margin: 0 0 10px 0;
        line-height: 18px !important;
        vertical-align: top; }
        body.general-page div.page > div.people div.person div.details h3 a {
          font-size: 12px;
          font-weight: 400;
          color: #00b0f2;
          margin-left: 20px;
          padding-left: 20px;
          border-left: 1px solid #e7eaef;
          vertical-align: inherit;
          display: inline-block; }
      body.general-page div.page > div.people div.person div.details h4 {
        font-size: 12px;
        font-style: italic;
        font-weight: 300;
        margin: 0; }
      body.general-page div.page > div.people div.person div.details div.bio {
        font-size: 15px;
        font-weight: 300;
        line-height: 21px; }
      body.general-page div.page > div.people div.person div.details a.more {
        color: black;
        font-weight: 600;
        text-decoration: none; }
        body.general-page div.page > div.people div.person div.details a.more:hover {
          color: #00b0f2; }
body.general-page div.sponsors-patrons {
  background: #f4f5f7;
  padding: 30px;
  position: relative;
  margin: -100px 0 150px; }
  body.general-page div.sponsors-patrons h3 {
    color: #393f4a;
    text-align: center;
    margin: 0; }
  body.general-page div.sponsors-patrons div.sponsor-list,
  body.general-page div.sponsors-patrons div.patron-list {
    float: left;
    height: 175px;
    position: relative;
    text-align: center;
    width: calc(50% - 2px); }
  body.general-page div.sponsors-patrons a.patron {
    border-left: 1px solid #c0c0c0;
    box-sizing: border-box;
    color: #393f4a;
    display: block;
    font-size: 20px;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
    body.general-page div.sponsors-patrons a.patron:hover {
      color: black; }
    body.general-page div.sponsors-patrons a.patron.active {
      z-index: 10; }
  body.general-page div.sponsors-patrons a.sponsor {
    border-right: 1px solid #c0c0c0;
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-decoration: none; }
    body.general-page div.sponsors-patrons a.sponsor.active {
      z-index: 10; }
  body.general-page div.sponsors-patrons img.mask {
    bottom: 0;
    left: 0;
    position: absolute;
    transform: translateY(100%);
    width: 100%; }

body.production-page #page-content {
  background: #e7eaef; }
body.production-page > header a.menu {
  background-color: #383e4a; }
body.production-page div.hero {
  background: #555555;
  max-height: 85vh;
  overflow: hidden;
  position: relative;
  width: 100%; }
  body.production-page div.hero div.spacer {
    margin-top: 56%; }
  body.production-page div.hero.short {
    max-height: 55vh; }
  body.production-page div.hero img.frame {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
body.production-page div.page {
  background: white;
  margin: -100px auto 100px;
  padding: 0;
  position: relative;
  width: 1100px;
  z-index: 2; }
  body.production-page div.page > div.title {
    background: #e7eaef;
    height: 80px;
    padding: 10px 50px;
    position: relative; }
    body.production-page div.page > div.title h1 {
      font-family: 'klinic_slab', serif;
      color: #00b0f2;
      font-size: 48px;
      font-weight: 600;
      margin: -5px 0 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    body.production-page div.page > div.title h2 {
      font-size: 12px;
      font-weight: 600;
      margin: 0; }
    body.production-page div.page > div.title div.mask {
      background: transparent url("/design/images/production-page-top-mask.svg") no-repeat 0 0;
      left: 0;
      position: absolute;
      top: 0;
      transform: translateY(-20px);
      width: 100%;
      height: 20px;
      display: block; }
    body.production-page div.page > div.title a.ticket-button {
      background: #ffc425;
      border: 3px solid white;
      color: black;
      display: block;
      font-size: 14pt;
      font-weight: 800;
      padding: 30px 30px;
      position: absolute;
      right: 0;
      text-decoration: none;
      text-transform: uppercase;
      top: -130px; }
      body.production-page div.page > div.title a.ticket-button:hover {
        color: white;
        background: #B8386c; }
    body.production-page div.page > div.title p.no-image {
      position: absolute;
      top: -100px;
      color: white;
      text-align: right;
      right: 0; }
      body.production-page div.page > div.title p.no-image strong {
        font-weight: 600; }
  body.production-page div.page > div.body {
    padding: 50px;
    overflow: auto; }
    body.production-page div.page > div.body div.left {
      width: calc(40% - 25px);
      float: left;
      padding: 10px 0 0; }
      body.production-page div.page > div.body div.left div.past-performances {
        border-top: 2px solid #e7eaef;
        border-bottom: 2px solid #e7eaef;
        padding: 12px 0;
        margin: 0 0 30px; }
        body.production-page div.page > div.body div.left div.past-performances table {
          border-collapse: collapse;
          width: 100%; }
          body.production-page div.page > div.body div.left div.past-performances table tr td {
            padding: 12px 0; }
          body.production-page div.page > div.body div.left div.past-performances table tr td.date {
            color: #8796b0;
            font-size: 16px;
            font-weight: 600;
            vertical-align: top;
            padding-left: 5px; }
          body.production-page div.page > div.body div.left div.past-performances table tr td.details {
            color: #393f4a;
            font-size: 14px;
            font-weight: 400;
            padding-left: 20px; }
      body.production-page div.page > div.body div.left div.downloads {
        border-top: 2px solid #e7eaef;
        padding: 12px 0;
        font-size: 16px; }
        body.production-page div.page > div.body div.left div.downloads ul {
          margin: 12px 0;
          padding: 0;
          list-style-type: none; }
          body.production-page div.page > div.body div.left div.downloads ul li {
            padding: 3px 0; }
          body.production-page div.page > div.body div.left div.downloads ul a {
            background: url("/design/images/chevron-right-icon.svg") no-repeat right top 6px;
            background-size: 8px 13px;
            color: #00b0f2;
            padding-right: 20px;
            text-decoration: none;
            display: inline-block; }
            body.production-page div.page > div.body div.left div.downloads ul a:hover {
              color: black; }
      body.production-page div.page > div.body div.left div.credits {
        margin: 0 0 30px;
        font-size: 14px;
        line-height: 25px; }
        body.production-page div.page > div.body div.left div.credits span {
          color: #393f4a; }
        body.production-page div.page > div.body div.left div.credits em {
          color: #c0c0c0;
          display: inline-block;
          font-style: normal; }
    body.production-page div.page > div.body div.right {
      color: #393f4a;
      float: right;
      font-size: 19px;
      font-weight: 300;
      line-height: 30px;
      width: calc(60% - 25px); }
      body.production-page div.page > div.body div.right p {
        margin-top: 0; }
  body.production-page div.page > div.people {
    padding: 30px 40px;
    background: #f4f5f7;
    overflow: auto;
    text-align: center;
    border-top: 2px solid #e7eaef; }
    body.production-page div.page > div.people h3 {
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #4a4a4a;
      font-size: 19px; }
    body.production-page div.page > div.people div.person {
      display: inline-block;
      height: 240px;
      margin: 0 8px 2px;
      position: relative;
      width: 200px; }
      body.production-page div.page > div.people div.person a {
        text-decoration: none; }
      body.production-page div.page > div.people div.person img {
        width: 100%;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%); }
      body.production-page div.page > div.people div.person h4 {
        color: #393f4a;
        font-size: 11pt;
        font-weight: 600;
        margin: 0;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 10px); }
      body.production-page div.page > div.people div.person a:hover img {
        -webkit-filter: none;
        filter: none; }
  body.production-page div.page > div.additional-people {
    background: #f4f5f7;
    border-top: 2px solid #e7eaef;
    overflow: auto;
    padding: 30px 30px; }
    body.production-page div.page > div.additional-people h3 {
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 15px;
      color: #4a4a4a;
      font-size: 18px; }
    body.production-page div.page > div.additional-people hr {
      border: 0;
      clear: both;
      margin: 0;
      padding: 10px; }
    body.production-page div.page > div.additional-people div.person {
      box-sizing: border-box;
      display: inline-block;
      padding-right: 10px;
      width: 50%;
      float: left; }
      body.production-page div.page > div.additional-people div.person img {
        float: left;
        margin: 5px 10px 10px 0;
        width: 100px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%); }
      body.production-page div.page > div.additional-people div.person h4 {
        color: #393f4a;
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 3px; }
      body.production-page div.page > div.additional-people div.person div.bio {
        color: #606467;
        float: left;
        font-size: 13.5px;
        width: calc(100% - 120px); }
        body.production-page div.page > div.additional-people div.person div.bio p {
          margin-top: 0;
          margin-bottom: 5px; }
        body.production-page div.page > div.additional-people div.person div.bio a {
          text-decoration: none;
          color: #393f4a;
          font-weight: 600;
          border-bottom: 1px solid #e7eaef;
          transition: color 1.0s ease; }
          body.production-page div.page > div.additional-people div.person div.bio a:hover {
            border-bottom: 1px solid #8796b0;
            color: #00b0f2;
            transition: color 0.25s ease; }
  body.production-page div.page > div.next-previous {
    background: #e7eaef;
    padding: 30px 20px;
    position: relative;
    height: 26px; }
    body.production-page div.page > div.next-previous a {
      font-weight: 600;
      color: #8796b0;
      text-decoration: none; }
      body.production-page div.page > div.next-previous a:hover {
        color: black; }
    body.production-page div.page > div.next-previous a.previous {
      background: transparent url("/design/images/chevron-left-icon.svg") no-repeat left center/10px;
      left: 20px;
      padding-left: 20px;
      position: absolute;
      top: 30px; }
    body.production-page div.page > div.next-previous a.next {
      background: transparent url("/design/images/chevron-right-icon.svg") no-repeat right center/10px;
      padding-right: 20px;
      position: absolute;
      right: 20px;
      top: 30px; }

body.production-list-page #page-content {
  background: #e7eaef; }
body.production-list-page div.hero {
  height: 600px;
  background: black;
  position: relative; }
  body.production-list-page div.hero img.mask {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 2; }
body.production-list-page div.page {
  margin: -500px auto 100px;
  min-height: 400px;
  position: relative;
  width: 1100px;
  z-index: 2;
  overflow: auto; }
  body.production-list-page div.page a.production img {
    opacity: .5; }
  body.production-list-page div.page a.production:hover img {
    opacity: 1; }
  body.production-list-page div.page a.production:hover h4 {
    /*background: #000;*/
    text-shadow: 0 0 20px black; }
  body.production-list-page div.page div.upcoming {
    margin: 0 0 20px; }
    body.production-list-page div.page div.upcoming a.production {
      background: black;
      color: white;
      display: block;
      overflow: auto;
      position: relative;
      text-decoration: none; }
      body.production-list-page div.page div.upcoming a.production img {
        width: 100%;
        float: left; }
      body.production-list-page div.page div.upcoming a.production h4 {
        font-family: 'klinic_slab', serif;
        bottom: 50px;
        font-weight: 600;
        left: 30px;
        margin: 0;
        position: absolute;
        font-size: 32px;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
      body.production-list-page div.page div.upcoming a.production h5 {
        position: absolute;
        bottom: 10px;
        left: 30px;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
  body.production-list-page div.page div.recent {
    margin: 0 0 20px;
    overflow: auto; }
    body.production-list-page div.page div.recent a.production {
      background: black;
      color: white;
      display: block;
      float: left;
      overflow: auto;
      position: relative;
      text-decoration: none;
      width: calc(50% - 10px); }
      body.production-list-page div.page div.recent a.production:nth-child(even) {
        float: right; }
      body.production-list-page div.page div.recent a.production img {
        width: 100%;
        float: left; }
      body.production-list-page div.page div.recent a.production h4 {
        font-family: 'klinic_slab', serif;
        bottom: 1em;
        font-weight: 600;
        left: 1em;
        margin: 0;
        position: absolute;
        font-size: 25px;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
  body.production-list-page div.page div.past {
    margin: 0 0 20px;
    overflow: auto; }
    body.production-list-page div.page div.past h3 {
      margin: 0 0 15px;
      text-align: center;
      text-transform: uppercase;
      color: #8796b0;
      font-weight: 600;
      font-size: 20px; }
    body.production-list-page div.page div.past.only h3 {
      color: white; }
    body.production-list-page div.page div.past div.list a.production {
      background: #000;
      border: 1px solid #606060;
      color: white;
      display: block;
      float: left;
      margin: 0 18px 20px 0;
      overflow: auto;
      position: relative;
      text-decoration: none;
      width: 352px; }
      body.production-list-page div.page div.past div.list a.production:nth-child(3n) {
        margin-right: 0; }
      body.production-list-page div.page div.past div.list a.production img {
        width: 100%;
        float: left; }
      body.production-list-page div.page div.past div.list a.production h4 {
        font-family: 'klinic_slab', serif;
        bottom: 1em;
        font-size: 16px;
        font-weight: 600;
        left: 1em;
        margin: 0;
        position: absolute;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
  body.production-list-page div.page a.more,
  body.production-list-page div.page a.less {
    background: url("/design/images/chevron-right-icon.svg") no-repeat right top 6px/10px auto;
    color: #8796b0;
    display: inline-block;
    float: right;
    font-size: 18px;
    font-weight: 600;
    padding-right: 20px;
    text-decoration: none; }
    body.production-list-page div.page a.more:hover,
    body.production-list-page div.page a.less:hover {
      color: black; }
  body.production-list-page div.page a.less {
    background: url("/design/images/chevron-left-icon.svg") no-repeat left top 6px/10px auto;
    float: left;
    padding-left: 20px;
    padding-right: 0; }

body.news-post-page {
  /* News post page */ }
  body.news-post-page #page-content {
    background: #e7eaef; }
  body.news-post-page #menu-button {
    background-color: #383e4a; }
  body.news-post-page div.hero {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #ffe6a2; }
    body.news-post-page div.hero img.hero {
      left: 0;
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%); }
    body.news-post-page div.hero img.mask {
      position: absolute;
      width: 100%;
      height: auto;
      bottom: 0;
      left: 0;
      z-index: 2; }
    body.news-post-page div.hero ul.sub-menu {
      font-size: 22px;
      font-weight: 900;
      list-style-type: none;
      margin: 300px auto 100px auto;
      min-height: 200px;
      padding: 0 810px 0 0;
      position: relative;
      width: 300px;
      z-index: 2; }
      body.news-post-page div.hero ul.sub-menu li {
        padding: 8px 0; }
        body.news-post-page div.hero ul.sub-menu li.section {
          font-size: 12px;
          text-transform: uppercase; }
      body.news-post-page div.hero ul.sub-menu a {
        color: black;
        text-decoration: none;
        position: relative;
        display: block;
        line-height: 1.1em; }
        body.news-post-page div.hero ul.sub-menu a.active, body.news-post-page div.hero ul.sub-menu a:hover {
          color: #393f4a; }
          body.news-post-page div.hero ul.sub-menu a.active:before, body.news-post-page div.hero ul.sub-menu a:hover:before {
            content: "/ /";
            position: absolute;
            left: -1.5em;
            top: 0; }
  body.news-post-page div.asymetrical {
    margin: 0 auto;
    width: 1110px; }
  body.news-post-page div.other-news {
    float: left;
    margin-bottom: 40px;
    padding-right: 20px;
    width: 280px; }
    body.news-post-page div.other-news h4 {
      margin: 0 0 15px;
      font-size: 14px; }
    body.news-post-page div.other-news ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.news-post-page div.other-news ul a {
        font-family: 'bio_sans', sans-serif;
        background: white;
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: black; }
        body.news-post-page div.other-news ul a div.title {
          font-weight: 600;
          font-size: 20px;
          line-height: 23px; }
        body.news-post-page div.other-news ul a div.date {
          font-size: 14px;
          color: #909090;
          font-weight: 400; }
        body.news-post-page div.other-news ul a.active div.title {
          color: #00b0f2; }
      body.news-post-page div.other-news ul li {
        padding-bottom: 15px; }
    body.news-post-page div.other-news a.more {
      color: #00b0f2;
      font-weight: 600;
      text-decoration: none;
      font-size: 14px; }
      body.news-post-page div.other-news a.more:hover {
        color: black; }
  body.news-post-page div.page {
    background: white;
    margin: -500px auto 100px;
    min-height: 400px;
    padding: 0 0 30px;
    position: relative;
    width: 810px;
    z-index: 2;
    float: right; }
    body.news-post-page div.page > div.title {
      padding: 20px 30px 0;
      position: relative; }
      body.news-post-page div.page > div.title h1, body.news-post-page div.page > div.title h2 {
        margin: 0; }
      body.news-post-page div.page > div.title h1 {
        font-family: 'klinic_slab', serif;
        color: #393f4a;
        font-size: 48px;
        font-weight: 600;
        line-height: 1em; }
      body.news-post-page div.page > div.title h2 {
        color: #cccccc;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase; }
      body.news-post-page div.page > div.title img.mask {
        left: 0;
        position: absolute;
        top: 0;
        transform: translateY(-95%);
        width: 100%; }
    body.news-post-page div.page > img.hero {
      margin-top: 30px;
      width: 100%; }
    body.news-post-page div.page > div.body {
      padding: 30px 30px 0; }
      body.news-post-page div.page > div.body > a.button {
        background: #00b0f2;
        color: white;
        float: right;
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 16px 16px;
        padding: 26px 40px;
        transition: background 0.25s ease, color 0.25s ease; }
        body.news-post-page div.page > div.body > a.button:hover {
          background: black;
          text-decoration: none; }
      body.news-post-page div.page > div.body h1, body.news-post-page div.page > div.body h2, body.news-post-page div.page > div.body h3, body.news-post-page div.page > div.body h4, body.news-post-page div.page > div.body h5, body.news-post-page div.page > div.body h6 {
        font-weight: 600;
        color: #393f4a;
        display: flex; }
        body.news-post-page div.page > div.body h1:first-child, body.news-post-page div.page > div.body h2:first-child, body.news-post-page div.page > div.body h3:first-child, body.news-post-page div.page > div.body h4:first-child, body.news-post-page div.page > div.body h5:first-child, body.news-post-page div.page > div.body h6:first-child {
          margin-top: 0; }
      body.news-post-page div.page > div.body h1 {
        font-size: 28px; }
      body.news-post-page div.page > div.body h2 {
        font-size: 26px; }
      body.news-post-page div.page > div.body h3 {
        font-size: 24px;
        /*color: $blue;*/ }
      body.news-post-page div.page > div.body h4 {
        font-size: 20px;
        text-transform: uppercase; }
      body.news-post-page div.page > div.body h5 {
        font-size: 20px; }
      body.news-post-page div.page > div.body p {
        color: #393f4a;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.5em;
        margin-top: 0; }
        body.news-post-page div.page > div.body p:first-child {
          margin-top: 0; }
      body.news-post-page div.page > div.body ul {
        color: #393f4a;
        font-size: 18px;
        font-weight: 300;
        line-height: 25px; }
        body.news-post-page div.page > div.body ul:first-child {
          margin-top: 0; }
      body.news-post-page div.page > div.body a {
        text-decoration: none;
        color: #393f4a;
        font-weight: 600;
        border-bottom: 1px solid #e7eaef;
        transition: color 1.0s ease; }
        body.news-post-page div.page > div.body a:hover {
          border-bottom: 1px solid #8796b0;
          color: #00b0f2;
          transition: color 0.25s ease; }
      body.news-post-page div.page > div.body strong {
        font-weight: 600; }
      body.news-post-page div.page > div.body hr {
        border: 0;
        border-top: 1px solid #e7eaef; }
      body.news-post-page div.page > div.body blockquote {
        margin: 20px 30px; }
        body.news-post-page div.page > div.body blockquote p {
          color: #00b0f2;
          font-style: normal;
          font-weight: 600;
          margin: 0; }
          body.news-post-page div.page > div.body blockquote p strong {
            color: #393f4a;
            display: block;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 1.5em; }
        body.news-post-page div.page > div.body blockquote:first-child {
          margin-top: 0; }

body.news-list-page {
  /* News List page */ }
  body.news-list-page #page-content {
    background: #e7eaef; }
  body.news-list-page div.hero {
    height: 600px;
    background: black;
    position: relative; }
    body.news-list-page div.hero img.mask {
      position: absolute;
      width: 100%;
      height: auto;
      bottom: 0;
      left: 0;
      z-index: 2; }
  body.news-list-page div.page {
    margin: -500px auto 100px;
    min-height: 400px;
    overflow: auto;
    position: relative;
    width: 1100px;
    z-index: 2; }
    body.news-list-page div.page h1 {
      margin: 0 0 15px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-weight: 600;
      font-size: 24px; }
    body.news-list-page div.page div.list div.col-1,
    body.news-list-page div.page div.list div.col-2,
    body.news-list-page div.page div.list div.col-3 {
      float: left;
      margin-right: 22px;
      width: 352px; }
    body.news-list-page div.page div.list div.col-3 {
      margin-right: 0; }
    body.news-list-page div.page div.list a.post {
      background: #000;
      color: white;
      display: block;
      overflow: auto;
      position: relative;
      text-decoration: none;
      width: 352px;
      margin: 0 0 44px; }
      body.news-list-page div.page div.list a.post img {
        width: 100%;
        float: left; }
      body.news-list-page div.page div.list a.post div.details {
        clear: both;
        background: white;
        padding: 10px 15px 15px; }
        body.news-list-page div.page div.list a.post div.details h4 {
          font-family: 'bio_sans', sans-serif;
          color: #00b0f2;
          font-size: 20px;
          font-weight: 600;
          margin: 0;
          line-height: 23px; }
        body.news-list-page div.page div.list a.post div.details h5 {
          font-family: 'bio_sans', sans-serif;
          color: #909090;
          font-size: 14px;
          font-weight: 400;
          margin: 2px 0 0; }

body.error-page #page-content {
  background: #e7eaef; }
body.error-page #menu-button {
  background-color: #383e4a; }
body.error-page div.hero {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #ffe6a2; }
  body.error-page div.hero img.hero {
    left: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%); }
  body.error-page div.hero img.mask {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 2; }
  body.error-page div.hero ul.sub-menu {
    font-size: 18pt;
    font-weight: 900;
    list-style-type: none;
    margin: 300px auto 100px auto;
    min-height: 200px;
    padding: 0 810px 0 0;
    position: relative;
    width: 300px;
    z-index: 2; }
body.error-page div.asymetrical {
  padding-left: 300px;
  margin: 0 auto;
  width: 810px; }
body.error-page div.page {
  background: white;
  margin: -380px auto 100px;
  min-height: 400px;
  padding: 0 0 30px;
  position: relative;
  width: 810px;
  z-index: 2; }
  body.error-page div.page > div.title {
    padding: 20px 30px 0;
    position: relative; }
    body.error-page div.page > div.title h1, body.error-page div.page > div.title h2 {
      margin: 0; }
    body.error-page div.page > div.title h1 {
      font-family: 'klinic_slab', serif;
      color: #393f4a;
      font-size: 48px;
      font-weight: 600;
      line-height: 1em; }
    body.error-page div.page > div.title img.mask {
      left: 0;
      position: absolute;
      top: 0;
      transform: translateY(-100%);
      width: 100%; }
  body.error-page div.page > div.body {
    padding: 30px 30px 0; }
    body.error-page div.page > div.body p {
      margin-top: 0;
      line-height: 28px;
      color: #393f4a;
      font-size: 18px;
      font-weight: 300; }

/*# sourceMappingURL=all.css.map */