/* CSS Document */
.flexslider {
  width: 100%;
  overflow: hidden;
  position: relative;
  /* Hide the slides before the JS is loaded. Avoids image jumping */
  /* Clearfix for the .slides element */ }
  .flexslider .slides {
    margin-bottom: 0; }
    .flexslider .slides > li {
      display: none;
      -webkit-backface-visibility: hidden; }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }
/*
html, body {
  height: 100%; }
*/
#mainContent {
  max-width: none;
  padding: 0; }
 /*  position: relative;
  height: 100%; }
*/
 
 
  #mainContent header {
    padding-left: 30px;
    padding-right: 30px; }
    #mainContent header #menu {
      z-index: 10; }
    #mainContent header #logo {
      position: relative;
      z-index: 10; }
  #mainContent .pic {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1; }
  #mainContent #sliderPanel {
    position: relative;
    margin-top: -176px;
    z-index: 1; }
    #mainContent #sliderPanel .discover {
      width: 100%;
      opacity: 0;
      color: white;
      line-height: 45px;
      text-align: center;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      cursor: pointer;
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: rgba(59, 59, 38, 0.4);
      -moz-transition-property: opacity, background-color;
      -o-transition-property: opacity, background-color;
      -webkit-transition-property: opacity, background-color;
      transition-property: opacity, background-color;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
      #mainContent #sliderPanel .discover:hover, #mainContent #sliderPanel .discover:active {
        background-color: rgba(59, 59, 38, 0.9); }
      #mainContent #sliderPanel .discover.show {
        opacity: 1; }
  #mainContent #slider .slides {
    display: none; }
  #mainContent #content {
    opacity: 0; }
    #mainContent #content.show {
      opacity: 1; }
    #mainContent #content .flex {
      display: -ms-flexbox;
      -ms-flex-direction: row;
      -ms-flex-wrap: wrap;
      -ms-justify-content: center;
      -ms-flex-pack: center;
      -ms-align-items: flex-start;
      -ms-flex-align: start;
      -ms-align-content: flex-start;
      display: -webkit-flex;
      -webkit-flex-direction: row;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: center;
      -webkit-align-items: flex-start;
      -webkit-align-content: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      align-content: flex-start; }
      #mainContent #content .flex img {
        margin-bottom: 30px; }
      #mainContent #content .flex h2 {
        font: 1.32em/1.2em "Montserrat Medium", Helvetica, Arial, sans-serif;
        margin-bottom: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      #mainContent #content .flex p a {
        color: #3b3b26;
        font-family: "Bodoni Moda Italic", "Times New Roman", Times, serif; }
        #mainContent #content .flex p a:hover, #mainContent #content .flex p a:active {
          color: #b1b173; }
      #mainContent #content .flex article {
        display: inline-block;
        vertical-align: top;
        margin: 0.9vw;
        text-align: center; }
      #mainContent #content .flex.two {
        border-bottom: 1px solid #b1b173; }
        #mainContent #content .flex.two article {
          width: 48%; }
          #mainContent #content .flex.two article div {
            padding: 0 8% 10px;
            font-size: 113%; }
      #mainContent #content .flex.three {
        padding-top: 40px; }
        #mainContent #content .flex.three article {
          width: 31.33%; }
          #mainContent #content .flex.three article div {
            padding: 0 4% 0;
            font-size: 113%; }

@media (max-width: 768px) {
  #mainContent #content .flex {
    display: block; }
    #mainContent #content .flex.two {
      padding-top: 20px; }
    #mainContent #content .flex article {
      display: block;
      width: auto !important;
      margin: 0;
      padding: 0 2% 20px !important; }
      #mainContent #content .flex article div {
        padding: 0 4% 0 !important; } }