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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

#slides {
  position: relative; }
  #slides .slides-container {
    display: none; }
  #slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%; }
    #slides .scrollable:after {
      content: "";
      display: table;
      clear: both; }
  #slides .slides-navigation {
    display: none;
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%; }
    #slides .slides-navigation a {
      position: absolute;
      display: block; }
      #slides .slides-navigation a.prev {
        left: 0; }
      #slides .slides-navigation a.next {
        right: 0; }
  #slides .slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 0;
    text-align: center;
    width: 100%;
    bottom: 10px;
    font-size: 0.7em; }
    #slides .slides-pagination a {
      color: #999;
      text-decoration: none;
      visibility: hidden;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline; }
      #slides .slides-pagination a:after {
        visibility: visible;
        font-family: FontAwesome;
        content: "\f111"; }
      #slides .slides-pagination a.current {
        color: #E42724; }

body, html {
  height: 100%; }

body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #999999;
  overflow: hidden;
  position: relative; }
  body #wrapper {
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity, ease-out 0.5s;
    -o-transition: opacity, ease-out 0.5s;
    -webkit-transition: opacity, ease-out 0.5s;
    transition: opacity, ease-out 0.5s; }
  body.ready #loading {
    display: none; }
  body.ready #wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  body header {
    position: relative;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
    body header img {
      height: auto;
      width: 100%;
      max-width: 800px;
      vertical-align: middle; }
  body #loading {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 3em;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  body #gallery {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: calc(100% - 50px - 100px); }
  body footer {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    bottom: 0;
    background-color: white;
    height: 100px;
    overflow: hidden;
    position: relative;
    padding: 1.5%; }
    body footer a {
      display: inline-block; }
      body footer a img {
        width: 100%;
        max-width: 200px; }
    body footer small {
      position: fixed;
      bottom: 0;
      font-size: 0.5em;
      display: block;
      line-height: 1em;
      width: calc(100% - 2em);
      text-align: center;
      padding: 1em; }