@import url(http://fonts.googleapis.com/css?family=Raleway:500,800);
.icon, .toggle, header nav ul li a:after, header .slideshow .slides li .caption .details li:before, header .slideshow .slides li .caption .more:after, header .slideshow .slides li .caption .back:after, header .slideshow .slides li .controls li button:before, .content .wrap > .more:after, .content .upcoming li > .more:after, .events .wrap > .more:after, .events .event .overlay .details li:before, .events .event .overlay h4 a:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/icons.svg) no-repeat 0 0;
  background-size: 336px 16px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px; }

.clear:after, .wrap:after {
  content: "";
  display: table;
  clear: both; }

.hidden {
  visibility: hidden; }

.visible {
  visibility: visible; }

body, html {
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #513d51;
  text-align: center;
  background: #332633;
  margin: 0;
  padding: 0; }

.main {
  font-size: 14px;
  line-height: 1.5; }

div.wpcf7-response-output { 
  margin: 0 !important; 
  padding: 10px 15px !important; }

div.wpcf7-mail-sent-ok { 
  border: 2px solid #eb1160 !important; }

.title, header, .content, .events, footer {
  text-align: center;
  min-width: 280px; }

.wrap {
  min-width: 300px;
  max-width: 1160px;
  width: auto;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  padding: 0 25px; }

a, button, input[type="submit"], img {
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out; }

a {
  text-decoration: none;
  color: #eb1160; }
  a:visited {
    color: #3f2f3f; }
  a:hover {
    color: #592059; }

ul, ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

fieldset {
  border: none;
  padding: 0;
  margin: 0; }

img {
  display: block; }

p {
  padding: 0;
  margin: 5px 0; }

i {
  font-style: italic; }

b, strong {
  font-weight: 800; }

hr {
  border: none;
  height: 1px;
  background: #e8e5e8; }

h1, h2, h3, h4, h5 {
  font-weight: 800;
  color: #eb1160;
  line-height: 1;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

h1 {
  font-size: 26px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 18px;
  font-weight: 500; }

h4 {
  font-size: 16px;
  font-weight: 500; }

h5 {
  font-size: 14px;
  font-weight: 500; }

label {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #513d51;
  cursor: pointer; }

input, button, textarea {
  box-sizing: border-box;
  outline: none; }

input, textarea {
  width: 100%;
  display: block;
  background: #e8e5e8;
  border: none;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  color: #513d51;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1;
  border-radius: 1px;
  padding: 7px 10px;
  outline: none;
  margin: 0; }

input[type="submit"], .button {
  white-space: nowrap;
  text-align: center;
  display: inline-block;
  background: #eb1160;
  letter-spacing: 1px;
  color: white;
  vertical-align: middle;
  padding: 1px 0;
  height: 26px;
  line-height: 26px; }
  input[type="submit"]:hover, .button:hover {
    background: #3f2f3f; }
  input[type="submit"]:active, .button:active {
    padding: 2px 0 0; }
  input[type="submit"]:visited, .button:visited {
    color: white; }

.main { clear: both; }
  .main h3 { padding-top: 30px; }
  .main table { 
    width: 100%;
    background: white;
    border: 1px solid #e8e5e8;
    margin-top: 15px; }
    .main table th, .main table td { padding: 4px 12px; }
    .main table th { 
      width: 80%;
      font-weight: 800;
      background: #f5f2f5; }
    .main table tr:nth-child(even) td { background: #faf7fa; }
    .main table th:first-child, .main table th:last-child, .main table td:first-child, .main table td:last-child { 
      width: 10%;
      text-align: center;
      white-space: nowrap; }
    .main table th { border-bottom: 1px solid #e8e5e8; }

.toggle {
  display: none;
  border: none;
  position: absolute;
  top: 22px;
  right: 25px;
  left: auto;
  z-index: 200;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background-position: -304px 0;
  padding: 0; }
  .toggle:hover {
    opacity: 0.85; }
  .toggle:active {
    top: 23px; }
  .toggle.open {
    background-position: -320px 0; }

.title {
  height: 30px;
  background: #592059;
  position: relative; }
  .title:before {
    content: "";
    display: block;
    width: 940px;
    height: 30px;
    background: url(../images/title.svg) no-repeat 0 0;
    background-size: 940px 30px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1220px; }
  .title .social {
    float: left;
    padding-top: 10px;
    width: 240px;
    overflow: hidden; }
  .title .newsletter {
    float: right;
    padding: 5px 0; }
    .title .newsletter label, .title .newsletter input {
      float: left; }
    .title .newsletter label {
      color: white;
      line-height: 21px;
      margin-right: 15px; }
    .title .newsletter input[type="email"] {
      width: 195px;
      font-size: 10px;
      color: #513d51;
      line-height: 1;
      text-transform: uppercase;
      padding: 5px 10px 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      background: white; }
    .title .newsletter input[type="submit"] {
      width: 16px;
      text-indent: -9999px;
      height: 16px;
      padding: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background: #eb1160 url(../images/icons.svg) no-repeat 0 0;
      background-size: 336px 16px;
      border: 2px solid #eb1160;
      border-right: 10px solid #eb1160;
      border-left: 10px solid #eb1160;
      box-sizing: content-box; }
      .title .newsletter input[type="submit"]:hover {
        background-color: #da1160;
        border-color: #da1160; }
      .title .newsletter input[type="submit"]:active {
        border-top: 3px solid #eb1160;
        border-bottom: 1px solid #eb1160; }

header {
  height: 600px;
  background: #eb1160 url(../images/header.jpg) no-repeat top center;
  position: relative; }
  header:before {
    content: "";
    display: block;
    width: 935px;
    height: 600px;
    background: url(../images/mask.svg) no-repeat 0 0;
    background-size: 935px 600px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1220px; }
  header .logo {
    display: block;
    width: 178px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 25px;
    z-index: 100; }
    header .logo:hover {
      opacity: 0.85; }
    header .logo:active {
      top: 31px; }
    header .logo img {
      width: 178px;
      height: 100px; }
  header nav ul {
    padding: 34px 0 0 285px;
    margin: 0 -7px; }
    header nav ul li {
      float: left;
      width: 20%;
      text-align: right; }
      header nav ul li a {
        margin: 0 7px;
        display: block;
        border-top: 1px solid white;
        color: white;
        white-space: nowrap;
        font-size: 11px;
        color: white;
        line-height: 1;
        text-transform: uppercase;
        padding: 17px 24px 17px 0;
        position: relative; }
        header nav ul li a:after {
          background-position: -16px 0;
          left: auto;
          right: 0;
          top: 13px;
          margin: 0; }
        header nav ul li a:visited {
          color: white; }
        header nav ul li a:hover {
          color: #f494b9; }
        header nav ul li a.schedule:after, header nav ul li:nth-child(1) a:after {
          background-position: -16px 0; }
        header nav ul li a.photos:after, header nav ul li:nth-child(2) a:after {
          background-position: -32px 0; }
        header nav ul li a.vip:after, header nav ul li:nth-child(3) a:after {
          background-position: -48px 0; }
        header nav ul li a.poker:after, header nav ul li:nth-child(4) a:after {
          background-position: -64px 0; }
        header nav ul li a.contact:after, header nav ul li:nth-child(5) a:after {
          background-position: -80px 0; }
        header nav ul li a:active {
          padding: 18px 24px 16px 0; }
          header nav ul li a:active:after {
            top: 14px; }
  header .slideshow {
    padding: 25px 0 30px; }
    header .slideshow .slides {
      padding-left: 285px; }
      header .slideshow .slides > li {
        display: none; }
        header .slideshow .slides > li.active {
          display: block; }
      header .slideshow .slides li {
        position: relative; }
        header .slideshow .slides li .image {
          width: 100%;
          max-width: 825px;
          height: 100%;
          max-height: 464px;
          background: url(../images/watermark-slideshow.svg) no-repeat center center;
          background-size: 825px 464px;
          position: relative; }
          header .slideshow .slides li .image img {
            display: block;
            width: 100%;
            height: auto; }
          header .slideshow .slides li .image a:hover img {
            opacity: 0.65; }
        header .slideshow .slides li .caption {
          position: absolute;
          bottom: 90px;
          left: -285px;
          width: 285px;
          background: #3f2f3f;
          padding: 30px;
          box-sizing: border-box; }
          header .slideshow .slides li .caption h1 {
            color: white; }
            header .slideshow .slides li .caption h1 a {
              display: block;
              padding: 1px 0;
              color: white; }
              header .slideshow .slides li .caption h1 a:active {
                padding: 2px 0 0; }
              header .slideshow .slides li .caption h1 a:visited {
                color: white; }
              header .slideshow .slides li .caption h1 a:hover {
                color: #eb1160; }
          header .slideshow .slides li .caption .details {
            font-size: 11px;
            text-transform: uppercase;
            line-height: 1;
            padding-top: 8px;
            margin-bottom: -6px; }
            header .slideshow .slides li .caption .details li {
              line-height: 16px;
              padding: 4px 0 4px 24px;
              position: relative;
              color: white; }
              header .slideshow .slides li .caption .details li.date:before {
                background-position: -96px 0; }
              header .slideshow .slides li .caption .details li.time:before {
                background-position: -112px 0; }
              header .slideshow .slides li .caption .details li.admission:before {
                background-position: -128px 0; }
          header .slideshow .slides li .caption .more, header .slideshow .slides li .caption .back {
            display: block;
            background: #513d51;
            position: absolute;
            font-size: 11px;
            line-height: 12px;
            color: #978697;
            text-transform: uppercase;
            padding: 9px 30px;
            bottom: -30px;
            left: 0; }
            header .slideshow .slides li .caption .more:after, header .slideshow .slides li .caption .back:after {
              border: 7px solid #332633;
              background-color: #332633;
              background-position: -176px 0;
              left: auto;
              right: -30px;
              top: 0;
              margin: 0; }
              header .slideshow .slides li .caption .back:after { background-position: -160px 0; }
            header .slideshow .slides li .caption .more:visited, header .slideshow .slides li .caption .back:visited {
              color: #978697; }
            header .slideshow .slides li .caption .more:hover, header .slideshow .slides li .caption .back:hover {
              color: white; }
            header .slideshow .slides li .caption .more:active, header .slideshow .slides li .caption .back:active{
              padding-top: 10px;
              padding-bottom: 8px; }
              header .slideshow .slides li .caption .more:active:after, header .slideshow .slides li .caption .back:active:after {
                border-top: 8px solid #332633;
                border-bottom: 6px solid #332633; }
        header .slideshow .slides li .vertical img {
          max-width: 328px;
          margin: 0 auto; }
        header .slideshow .slides li .controls {
          position: absolute;
          bottom: 90px;
          left: 0; }
          header .slideshow .slides li .controls li:first-child {
            border-bottom: 1px solid #332633; }
          header .slideshow .slides li .controls li button {
            width: 30px;
            height: 30px;
            background: #513d51;
            border: none;
            text-indent: -9999px;
            padding: 0; }
            header .slideshow .slides li .controls li button:before {
              left: 7px;
              top: 7px;
              margin: 0; }
            header .slideshow .slides li .controls li button.forth:before {
              background-position: -144px 0; }
            header .slideshow .slides li .controls li button.back:before {
              background-position: -160px 0; }
            header .slideshow .slides li .controls li button:hover {
              background: #332633; }
            header .slideshow .slides li .controls li button:active:before {
              top: 8px; }
            header .slideshow .slides li .controls li button[disabled="disabled"] {
              background: #332633; }
              header .slideshow .slides li .controls li button[disabled="disabled"]:before {
                opacity: 0.25; }

.content {
  background: white;
  position: relative;
  overflow: hidden; }
  .content:before {
    content: "";
    display: block;
    width: 829px;
    height: 1000px;
    background: url(../images/stripes.svg) no-repeat 0 0;
    background-size: 829px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1220px; }
  .content .wrap {
    padding-top: 60px;
    padding-bottom: 60px; }
    .content .wrap > h2 {
      float: left;
      margin-bottom: 30px; }
    .content .wrap > .more {
      display: block;
      float: right;
      margin-bottom: 30px;
      font-size: 11px;
      color: #513d51;
      text-transform: uppercase;
      position: relative;
      padding: 1px 24px 1px 0;
      margin-top: 2px; }
      .content .wrap > .more:visited {
        color: #513d51; }
      .content .wrap > .more:hover {
        color: #eb1160; }
      .content .wrap > .more:after {
        background-position: -144px 0;
        left: auto;
        right: 0; }
      .content .wrap > .more:active {
        padding-top: 2px;
        padding-bottom: 0; }
        .content .wrap > .more:active:after {
          margin-top: -8px; }
  .content .upcoming {
    clear: both;
    margin: 0 -15px; }
    .content .upcoming li {
      width: 50%;
      float: left;
      padding: 0 15px;
      box-sizing: border-box; }
      .content .upcoming li h3 {
        float: left;
        margin-top: 20px; }
        .content .upcoming li h3 a {
          display: block;
          color: #eb1160;
          padding: 1px 0; }
          .content .upcoming li h3 a:visited {
            color: #eb1160; }
          .content .upcoming li h3 a:hover {
            color: #592059; }
          .content .upcoming li h3 a:active {
            padding: 2px 0 0; }
      .content .upcoming li > .more {
        margin-top: 21px;
        display: block;
        float: right;
        font-size: 11px;
        color: #513d51;
        text-transform: uppercase;
        position: relative;
        padding: 1px 24px 1px 0; }
        .content .upcoming li > .more:visited {
          color: #513d51; }
        .content .upcoming li > .more:hover {
          color: #eb1160; }
        .content .upcoming li > .more:after {
          background-position: -176px 0;
          left: auto;
          right: 0;
          margin-top: -10px; }
        .content .upcoming li > .more:active {
          padding-top: 2px;
          padding-bottom: 0; }
          .content .upcoming li > .more:active:after {
            margin-top: -9px; }
      .content .upcoming li .image {
        background: #e8e5e8 url(../images/watermark-upcoming.svg) no-repeat center center;
        background-size: 254px 244px;
        position: relative;
        overflow: hidden; }
        .content .upcoming li .image img {
          display: block;
          width: 100%;
          height: auto; }
        .content .upcoming li .image a:hover img {
          opacity: 0.65; }
        .content .upcoming li .image .overlay {
          width: 172px;
          height: 100%;
          position: absolute;
          bottom: 0;
          right: 0;
          background-size: 172px 765px; }
          .content .upcoming li .image .overlay.friday {
            background: url(../images/upcoming-overlay-friday.svg) no-repeat bottom right; }
          .content .upcoming li .image .overlay.saturday {
            background: url(../images/upcoming-overlay-saturday.svg) no-repeat bottom right; }
          .content .upcoming li .image .overlay .day, .content .upcoming li .image .overlay .month {
            display: block;
            width: 29px;
            height: 30px;
            line-height: 30px;
            color: white;
            position: absolute;
            bottom: 31px;
            right: 51px;
            text-align: center;
            font-size: 12px; }
          .content .upcoming li .image .overlay .day {
            right: 80px; }

.events {
  background: #3f2f3f url(../images/events.jpg) no-repeat top center; }
  .events .wrap {
    padding-top: 60px;
    padding-bottom: 30px; }
    .events .wrap > h2 {
      float: left;
      margin-bottom: 30px; }
    .events .wrap > .more {
      display: block;
      float: right;
      margin-bottom: 30px;
      font-size: 11px;
      color: #978697;
      text-transform: uppercase;
      position: relative;
      padding: 1px 24px 1px 0;
      margin-top: 2px; }
      .events .wrap > .more:visited {
        color: #978697; }
      .events .wrap > .more:hover {
        color: white; }
      .events .wrap > .more:after {
        background-position: -144px 0;
        left: auto;
        right: 0; }
      .events .wrap > .more:active {
        padding-top: 2px;
        padding-bottom: 0; }
        .events .wrap > .more:active:after {
          margin-top: -8px; }
    .events .wrap > ul {
      margin: 0 -15px;
      clear: both; }
      .events .wrap > ul > li {
        width: 25%;
        float: left;
        padding: 0 15px;
        box-sizing: border-box; }
  .events .event {
    background: #513d51 url(../images/watermark-event.svg) no-repeat center center;
    background-size: 195px 188px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
    .events .event img {
      display: block;
      width: 100%;
      height: auto; }
    .events .event > a:hover img {
      opacity: 0.5; }
    .events .event .overlay {
      width: 100%;
      background: url(../images/event-overlay-closed.svg) no-repeat bottom center;
      background-size: 460px 400px;
      position: absolute;
      top: 0;
      left: 0;
      padding: 30px 30px 85px;
      box-sizing: border-box;
      -webkit-transition: background 0.4s ease-in-out;
      -moz-transition: background 0.4s ease-in-out;
      -o-transition: background 0.4s ease-in-out;
      transition: background 0.4s ease-in-out; }
      .events .event .overlay .details {
        display: none;
        font-size: 11px;
        text-transform: uppercase;
        line-height: 1;
        padding-top: 8px;
        margin-bottom: -6px; }
        .events .event .overlay .details li {
          line-height: 16px;
          padding: 4px 0 4px 24px;
          position: relative; }
          .events .event .overlay .details li.date:before {
            background-position: -96px 0; }
          .events .event .overlay .details li.time:before {
            background-position: -112px 0; }
          .events .event .overlay .details li.admission:before {
            background-position: -128px 0; }
      .events .event .overlay h4 a {
        color: white;
        display: block;
        padding: 1px 24px 1px 0;
        position: relative; }
        .events .event .overlay h4 a:visited {
          color: white; }
        .events .event .overlay h4 a:hover {
          color: #f494b9; }
        .events .event .overlay h4 a:after {
          background-position: -192px 0;
          left: auto;
          right: 0;
          margin-top: -10px;
          -webkit-transition: background 0.25s ease-in-out;
          -moz-transition: background 0.25s ease-in-out;
          -o-transition: background 0.25s ease-in-out;
          transition: background 0.25s ease-in-out; }
        .events .event .overlay h4 a:active {
          padding: 2px 24px 0 0; }
          .events .event .overlay h4 a:active:after {
            margin-top: -9px; }
      .events .event .overlay.open {
        background: url(../images/event-overlay-open.svg) no-repeat bottom center;
        background-size: 460px 400px;
        height: auto; }
        .events .event .overlay.open h4 a {
          color: #3f2f3f; }
          .events .event .overlay.open h4 a:visited {
            color: #3f2f3f; }
          .events .event .overlay.open h4 a:hover {
            color: #eb1160; }
          .events .event .overlay.open h4 a:after {
            background-position: -208px 0; }
        .events .event .overlay.open .details {
          display: block; }

footer {
  background: #332633;
  color: #978697;
  font-size: 11px;
  text-transform: uppercase; }
  footer .wrap {
    padding-top: 30px;
    padding-bottom: 30px; }
  footer a {
    color: #978697; }
    footer a:visited {
      color: #978697; }
    footer a:hover {
      color: white; }
  footer b {
    color: white;
    font-weight: 500; }
  footer .copyright {
    float: left;
    padding: 1px 0; }
  footer nav {
    float: right; }
    footer nav ul li {
      float: left;
      margin-right: 30px; }
      footer nav ul li:last-child {
        margin: 0; }
      footer nav ul li a {
        display: block;
        padding: 1px 0; }
        footer nav ul li a:active {
          padding: 2px 0 0; }

@media only screen and (max-width: 1040px) {
  .title:before, header:before {
    margin-left: -1170px; }

  .content:before {
    margin-left: -1158px; }

  header {
    height: 532px; }

  header .slideshow .slides li .vertical img { max-width: 272px; } }
@media only screen and (max-width: 960px) {
  .title:before, header:before {
    margin-left: -1140px; }

  .content:before {
    margin-left: -1120px; }

  header {
    height: 487px; }
    header .slideshow .slides li .caption {
      bottom: 60px; }

  header .slideshow .slides li .vertical img { max-width: 240px; } }
@media only screen and (max-width: 900px) {
  .title:before, header:before {
    margin-left: -1115px; }

  .content:before {
    margin-left: -1089px; }

  header {
    height: 453px; }
    header .slideshow .slides li .caption {
      bottom: 30px; }
    header nav ul li {
      width: auto;
      text-align: left; }
  header .slideshow .slides li .vertical img { max-width: 216px; } }
@media only screen and (max-width: 820px) {
  .title:before, header:before {
    margin-left: -1072px; }

  .content:before {
    margin-left: -1038px; }

  header {
    height: 408px; }

  .events .wrap {
    padding-bottom: 30px; }
    .events .wrap > ul > li {
      width: 50%;
      margin-bottom: 30px; }

  .content .upcoming li .image .overlay {
    height: 150px; }

  header .slideshow .slides li .vertical img { max-width: 184px; } }
@media only screen and (max-width: 780px) {
  .title:before, header:before {
    margin-left: -960px; }

  .content:before {
    margin-left: -933px; }

  header {
    height: 447px; }
    header nav {
      position: absolute;
      left: 25px;
      top: 141px;
      width: 178px; }
      header nav ul {
        padding: 0;
        margin: 0; }
        header nav ul li {
          float: none;
          width: 100%;
          margin: 0; }
          header nav ul li a {
            border-top: 1px solid #e8e5e8;
            margin: 0;
            color: #eb1160; }
            header nav ul li a:visited {
              color: #eb1160; }
            header nav ul li a:after {
              display: block; }
            header nav ul li a:hover {
              color: #592059; }
            header nav ul li a.schedule:after, header nav ul li:nth-child(1) a:after {
              background-position: -224px 0; }
            header nav ul li a.photos:after, header nav ul li:nth-child(2) a:after {
              background-position: -240px 0; }
            header nav ul li a.vip:after, header nav ul li:nth-child(3) a:after {
              background-position: -256px 0; }
            header nav ul li a.poker:after, header nav ul li:nth-child(4) a:after {
              background-position: -272px 0; }
            header nav ul li a.contact:after, header nav ul li:nth-child(5) a:after {
              background-position: -288px 0; }
          header nav ul li:first-child a {
            border: none; }
    header .slideshow {
      padding: 34px 0 30px; }
      header .slideshow .slides {
        padding-left: 208px; }
        header .slideshow .slides li .controls {
          bottom: -62px;
          left: auto;
          right: 0; }
        header .slideshow .slides li .caption {
          width: 100%;
          bottom: -60px;
          left: 0;
          padding: 17px 30px; }
          header .slideshow .slides li .caption .details {
            display: none; }

  .content .upcoming li h3, .content .upcoming li .more {
    float: none; }
  .content .upcoming li .more {
    margin-top: 0; }

  footer .copyright {
    float: none; }
  footer nav {
    float: none; }
    footer nav ul li {
      margin-right: 15px; }
  header .slideshow .slides li .vertical img { max-width: 199px; } }
@media only screen and (max-width: 690px) {
  .toggle {
    display: block; }

  header {
    height: auto;
    background-position: bottom center; }
    header .wrap {
      padding: 104px 25px 30px; }
      header .wrap:after {
        display: block;
        width: 100%;
        height: 104px;
        background: white;
        position: absolute;
        top: 0;
        left: 0; }
    header:before {
      display: none; }
    header .logo {
      top: 16px;
      left: 50%;
      margin-left: -89px; }
      header .logo:active {
        top: 17px; }
    header nav {
      position: relative;
      left: auto;
      top: auto;
      width: 100%; }
      header nav ul {
        display: none;
        padding-top: 0;
        margin: 0 -25px; }
        header nav ul li a {
          padding: 17px 49px 17px 25px;
          background: white; }
          header nav ul li a:after {
            right: 25px; }
          header nav ul li a:active {
            padding: 18px 49px 16px 25px; }
          header nav ul li a:hover {
            background: #e8e5e8; }
        header nav ul li:first-child a {
          border-top: 1px solid #e8e5e8; }
    header .slideshow {
      padding: 34px 0 0; }
      header .slideshow .slides {
        padding-left: 0; }
        header .slideshow .slides li .caption {
          position: relative;
          left: auto;
          bottom: auto;
          margin-bottom: 30px; }
        header .slideshow .slides li .controls {
          bottom: 0; }

  .title:before {
    display: none; }
  .title .social {
    display: none; }
  .title .newsletter {
    float: none;
    width: 100%;
    height: 30px;
    position: relative;
    padding: 5px 36px 0 90px;
    box-sizing: border-box; }
    .title .newsletter label {
      position: absolute;
      top: 5px;
      left: 0; }
    .title .newsletter input[type="email"] {
      width: 100%; }
    .title .newsletter input[type="submit"] {
      position: absolute;
      top: 5px;
      right: 0; }
  header .slideshow .slides li .vertical img { max-width: 280px; } }
@media only screen and (max-width: 590px) {
  .content .upcoming li {
    float: none;
    width: 100%;
    margin-bottom: 30px; }
    .content .upcoming li:last-child {
      margin: 0; }

  .content .upcoming li .image .overlay {
    height: 100%; } }
@media only screen and (max-width: 540px) {
  .content .wrap > h2, .events .wrap > h2 {
    float: none;
    margin-bottom: 0; }
  .content .wrap > .more, .events .wrap > .more {
    float: none; } }
@media only screen and (max-width: 510px) {
  .events .wrap > ul > li {
    width: 100%; } }
@media only screen and (max-width: 420px) {
  footer .copyright {
    text-align: center; }
    footer .copyright b {
      display: block; }
  footer nav ul {
    margin-top: 10px; }
    footer nav ul li {
      float: none;
      text-align: center; }

  .content .upcoming li .image .overlay {
    height: 150px; } }
    
/* Instagram Button on Gallery Page */
.ig-b- { 
	display: inline-block;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
	.ig-b- img { 
		visibility: hidden; }
	.ig-b-:hover { 
		background-position: 0 -60px; }
	.ig-b-:active { 
		background-position: 0 -120px; }
		
.ig-b-v-24 { 
	width: 137px; 
	height: 24px; 
	background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
	
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

	.ig-b-v-24 { 
		background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png);
		background-size: 160px 178px; }
		
}